@charset "utf-8";

/* ========== hybrid ========== */

.subbg_hybrid {position: relative; background:#fff /*url('../../images/hybrid/hybrid_bg.jpg') 90% 18px no-repeat;*/}
.subbg_hybrid2 {position: relative; background:#fff url('../../images/hybrid/hybrid_bg02.jpg') 93% top no-repeat;}
.hybrid_introbox {width: 700px;}
.hybrid_introbox img {line-height: 0;}
.h2_hybrid_intro {padding-bottom: 19px;}
.hybrid_intro_ul {position: absolute; right: 30px; top: 130px;}
.hybrid_intro_ul li {float: left; margin-left: 5px;}
.hybrid_intro_ul li:first-child {margin-left: 0px;}

.txt_hybrid_intro01 {padding: 0 0 53px 0;}
.img_hybrid_graph01 {padding: 0 0 0 9px;}

.hybrid_intro_dl {}
.hybrid_intro_dl dt {padding: 90px 0 11px 0; border-bottom: 1px solid #363636; line-height: 0;}
.hybrid_intro_dl dd {padding:30px 0 0 0; line-height: 0;}
.hybrid_intro_dl dd.dd_hybrid_intro01 {padding: 20px 0 0 0; text-align: center;}
.hybrid_intro_dl dd.dd_hybrid_intrtro_line {margin-top: 30px; padding: 0; border: 2px solid #dfe4ea; padding: 0;}
.hybrid_intro_dl dd.dd_hybrid_intrtro_line > div {}
.hybrid_intro_dl dd.dd_hybrid_intro01_img {padding:0;}
.hybrid_intro_dl dd.dd_hybrid_intro02 {padding: 30px 0 50px 0;}
.hybrid_intro_dl dd.dd_hybrid_intro03 {padding: 0px 0 38px 0; text-align: center;}
.hybrid_intro_dl dd.dd_hybrid_intro04 {padding: 40px 0 0px 0;}

.hybrid_srbox {width: 700px;}
.hybrid_srbox img {line-height: 0;}

.txt_hybrid_sr01 {padding: 12px 0 0px 0;}

.hybrid_sr_dl {}
.hybrid_sr_dl dt {padding: 63px 0 11px 0;}
.hybrid_sr_dl dd {padding:30px 0 0 0; line-height: 0;}
.hybrid_sr_dl dd.dd_hybrid_sr01 {padding: 15px 0 0 0; text-align:center }
.hybrid_sr_dl dd.dd_hybrid_sr02 {padding: 35px 0 0 0;text-align:center; overflow:hidden}
.hybrid_sr_dl dd.dd_hybrid_sr02 span.sr02_down {float:left; padding: 0 0 0 145px; }
.hybrid_sr_dl dd.dd_hybrid_sr02 span.sr02_service1{float:left; padding: 0 0 0 119px;}
.hybrid_sr_dl dd.dd_hybrid_sr03 {padding: 35px 0 0 0;}


.img_hybrid_dx01{padding: 50px 0 0 0px;}
.txt_hybrid_dx01{padding: 40px 0 0 31px;}

.hybrid_dx_dl {margin:33px 0 0 61px;}
.hybrid_dx_dl dt {margin-bottom:12px;}
.hybrid_dx_dl dd {padding:0px 0 0 22px;}
.hybrid_dx_dl dd.dd_hybrid_dx01 {padding:0px 0 0 0;}


.hybrid_dx_dl02 {}
.hybrid_dx_dl01 dt {padding: 60px 0 11px 0; border-bottom: 1px solid #363636; line-height: 0;}
.hybrid_dx_dl02 dt {padding: 87px 0 11px 0; border-bottom: 1px solid #363636; line-height: 0;}
.hybrid_dx_dl03 dt {padding: 90px 0 11px 0; border-bottom: 1px solid #363636; line-height: 0;}
.hybrid_dx_dl04 dt {padding: 82px 0 11px 0; border-bottom: 1px solid #363636; line-height: 0;}
.hybrid_dx_dl02 dd {padding:0px 0 0 0;}





.pop-public.pop-hybrid {z-index:501;position:absolute;top:211px;left: 180px;font-family:"맑은 고딕", "고딕", sans-serif;font-size:13px;width:486px;background:#fff;}
.pop-public.pop-hybrid i{font-style:normal;}
.pop-public.pop-hybrid dl{border:2px #b90080 solid;}
.pop-public.pop-hybrid dl dt{height:45px;line-height:45px;text-align:center;color:#fff;font-size:18px;font-weight:bold;background:#b90080;}
.pop-public.pop-hybrid dl dd{padding:0 14px;} 
.pop-public.pop-hybrid dl dd.app02{}	/*팝업 입력 화면*/
.pop-public.pop-hybrid dl dd .title{text-align:center;padding:12px 0;font-size:15px;color:#493838;border-bottom:1px #c7c7c7 dotted;}
.pop-public.pop-hybrid dl dd .s-title{padding:20px 0;text-align:left; font-size:13px; line-height: 18px; color:#000;font-weight:normal;}
.pop-public.pop-hybrid dl dd .s-title i{font-size:13px;color:#ff050a;font-weight:bold;}
.pop-public.pop-hybrid dl dd .s-title2{padding:10px 0;text-align:left; font-size:13px; line-height: 18px; color:#000;font-weight:normal;}

.pop-public.pop-hybrid dl dd .box{overflow:hidden;border-radius:10px;background:#f6f1f1;}
.pop-public.pop-hybrid dl dd .box .tit{text-align:center;color:#fff;font-weight:bold;height:30px;line-height:30px;background:#978585;}
.pop-public.pop-hybrid dl dd .box ul{padding:15px 20px;}
.pop-public.pop-hybrid dl dd .box ul li{letter-spacing:-.5px;font-size:13px;margin-top:8px;padding-left:10px;font-weight:bold;color:#544444;background:url(/front/images/popup/dot3x3_purple.gif) no-repeat 0 8px;}
.pop-public.pop-hybrid dl dd .box ul li:first-child{margin-top:0;}
.pop-public.pop-hybrid dl dd ul.ul01{padding:15px 10px;}
.pop-public.pop-hybrid dl dd ul.ul01 li{margin-top:8px;padding-left:10px;color:#5d5d5d;}
.pop-public.pop-hybrid dl dd ul.ul01 li:first-child{margin-top:0;}
.pop-public.pop-hybrid dl dd ul.ul01 li i{font-weight:bold;color:#e01418;}
.pop-public.pop-hybrid dl dd ul.ul01 li{color:#3e3737;}
.pop-public.pop-hybrid dl dd .ex{padding-left:20px;color:#fe4f52;}
.pop-public.pop-hybrid dl dd .ex1{margin-top:10px;padding-left:20px;color:#000;}
.pop-public.pop-hybrid dl dd .tbl-area{padding:20px 0;border-top:1px #c7c7c7 dotted;border-bottom:1px #c7c7c7 dotted;}
.pop-public.pop-hybrid dl dd .tbl-area .app-tbl{width:100%;}
.pop-public.pop-hybrid dl dd .tbl-area .app-tbl th{padding-left:30px;text-align:left;color:#222;background:url(/front/images/popup/dot3x3_purple.gif) no-repeat 20px; 8px;}
.pop-public.pop-hybrid dl dd .tbl-area .app-tbl td{padding:3px 0;text-align:left;}
.pop-public.pop-hybrid dl dd .tbl-area .app-tbl input[type='text']{padding-left:10px;width:90%;height:32px;line-height:32px;border:1px #bebebe solid;}
.pop-public.pop-hybrid .btn-area{padding:25px 0;text-align:center;}

.btn-area a:link{color:#555 !important; text-decoration:none;}
.btn-area a:visited{color:#555 !important; text-decoration:none;}
.btn-area a:active{color:#555 !important; text-decoration:none;}
.btn-area a:hover{color:#555 !important; text-decoration:none;}

.pop-public.pop-hybrid .btn-area1{margin-top:20px;text-align:center;}
.pop-public.pop-hybrid .bot-bar{position:relative;padding-left:15px;line-height:30px;height:30px;color:#515151;font-size:12px;background:#c0c0c0;}
.pop-public.pop-hybrid .bot-bar .close{position:absolute;top:0px;right:10px;}


.pop-public.pop-hybrid_win {z-index:501;font-family:"맑은 고딕", "고딕", sans-serif;font-size:13px;width:486px;background:#fff;}
.pop-public.pop-hybrid_win i{font-style:normal;}
.pop-public.pop-hybrid_win dl{border:2px #b90080 solid;}
.pop-public.pop-hybrid_win dl dt{height:45px;line-height:45px;text-align:center;color:#fff;font-size:18px;font-weight:bold;background:#b90080;}
.pop-public.pop-hybrid_win dl dd{padding:0 14px;} 
.pop-public.pop-hybrid_win dl dd.app02{}	/*팝업 입력 화면*/
.pop-public.pop-hybrid_win dl dd .title{text-align:center;padding:12px 0;font-size:15px;color:#493838;border-bottom:1px #c7c7c7 dotted;}
.pop-public.pop-hybrid_win dl dd .title_w{padding:12px 0 0 0;font-size:18px;color:#333; font-weight:bold;}
.pop-public.pop-hybrid_win dl dd .s-title{padding:10px 0 20px 0;text-align:left; font-size:13px; line-height: 18px; color:#000;font-weight:normal;}
.pop-public.pop-hybrid_win dl dd .s-title i{font-size:13px;color:#ff050a;font-weight:bold;}

.pop-public.pop-hybrid_win dl dd .box{overflow:hidden;border-radius:10px;background:#f6f1f1;}
.pop-public.pop-hybrid_win dl dd .box .tit{text-align:center;color:#fff;font-weight:bold;height:30px;line-height:30px;background:#978585;}
.pop-public.pop-hybrid_win dl dd .box ul{padding:15px 20px;}
.pop-public.pop-hybrid_win dl dd .box ul li{letter-spacing:-.5px;font-size:13px;margin-top:8px;padding-left:10px;font-weight:bold;color:#544444;background:url(/front/images/popup/dot3x3_purple.gif) no-repeat 0 8px;}
.pop-public.pop-hybrid_win dl dd .box ul li:first-child{margin-top:0;}
.pop-public.pop-hybrid_win dl dd ul.ul01{padding:15px 10px;}
.pop-public.pop-hybrid_win dl dd ul.ul01 li{margin-top:8px;padding-left:10px;color:#5d5d5d;}
.pop-public.pop-hybrid_win dl dd ul.ul01 li:first-child{margin-top:0;}
.pop-public.pop-hybrid_win dl dd ul.ul01 li i{font-weight:bold;color:#e01418;}
.pop-public.pop-hybrid_win dl dd ul.ul01 li{color:#3e3737;}
.pop-public.pop-hybrid_win dl dd .ex{padding-left:20px;color:#fe4f52;}
.pop-public.pop-hybrid_win dl dd .ex1{margin-top:10px;padding-left:20px;color:#000;}
.pop-public.pop-hybrid_win dl dd .tbl-area{padding:20px 0;border-top:1px #c7c7c7 dotted;border-bottom:1px #c7c7c7 dotted;}
.pop-public.pop-hybrid_win dl dd .tbl-area .app-tbl{width:100%;}
.pop-public.pop-hybrid_win dl dd .tbl-area .app-tbl th{padding-left:30px;text-align:left;color:#222;background:url(/front/images/popup/dot3x3_purple.gif) no-repeat 20px; 8px;}
.pop-public.pop-hybrid_win dl dd .tbl-area .app-tbl td{padding:3px 0;text-align:left;}
.pop-public.pop-hybrid_win dl dd .tbl-area .app-tbl input[type='text']{padding-left:10px;width:90%;height:32px;line-height:32px;border:1px #bebebe solid;}
.pop-public.pop-hybrid_win .btn-area{padding:25px 0;text-align:center;}
.pop-public.pop-hybrid_win .btn-area1{margin-top:20px;text-align:center;}
.pop-public.pop-hybrid_win .bot-bar{position:relative;padding-left:15px;line-height:30px;height:30px;color:#515151;font-size:12px;background:#c0c0c0;}
.pop-public.pop-hybrid_win .bot-bar .close{position:absolute;top:0px;right:10px;}


.agreeInfo_layer_popup.aI_popup_hybrid {display:none; font-size:12px;line-height:15px;
	position:absolute;top:260px;left:186px;right:0;bottom:0;z-index:550;width:470px;height:330px;
	border:2px solid #b90080;background:white;
}
.agreeInfo_layer_popup.aI_popup_hybrid .ol_style1>li{margin-bottom:7px;}
.agreeInfo_layer_popup.aI_popup_hybrid .ol_style1 h3{font-size:12px;line-height:20px;font-weight:bold;}
.agreeInfo_header {background:#b90080;text-align:center;vertical-align:middle;width:100%;height:30px;}
.agreeInfo_header p{color:#FFFFFF;font-size:15px;font-weight:bold;padding-top:5px }
.agreeInfo_body {position:relative;padding:15px 15px 0px 15px;color:#363636;background:#FFFFFF;}
.agreeInfo_layer_popup.on {display:block;}

.today_close {position:relative;padding:8px 25px 8px 25px;color:#363636;background:#c0c0c0;}
.close_popup {position:absolute;top:8px;bottom:0;right:25px;margin:auto;}
.close_popup2 {position: absolute;right: 10px;bottom: 5px;}
.btn_close_cs {position: absolute;right: 15px; top: 15px;}


/*확인 레이어*/
.pop-public.pop-hybrid .confirm-box{
	display:none;z-index:500;position:absolute;top:110px;left:50px;width:360px;
	padding:15px;border:1px #e01418 solid;background:#fff;
}
.pop-public.pop-hybrid .confirm-box1{
	display:none;z-index:500;position:absolute;top:180px;left:50px;width:360px;font-size:15px;
	text-align:center;padding:40px 15px 15px 15px;border:1px #b90080 solid;background:#fff;
}
.pop-public.pop-hybrid .confirm-box1 .p1{margin-bottom:30px;}
.pop-public.pop-hybrid .confirm-box .box{padding:20px;border:1px #e1e1e1 solid;background:#f9f9f9;}
.pop-public.pop-hybrid .confirm-box .box ul li{margin-top:8px;padding-left:10px;font-size:15px;color:#4d4d4d;background:url(/front/images/popup/dot3x3.gif) no-repeat 0px; 8px;}
.pop-public.pop-hybrid .confirm-box .box ul li:first-child{margin-top:0;}
.pop-public.pop-hybrid .confirm-box .box ul li b{display:inline-block;zoom:1;*display:inline;width:70px;}
.pop-public.pop-hybrid .confirm-box .box ul li span{margin-left:10px;}
.pop-public.pop-hybrid .confirm-box .p1{text-align:center;margin-top:20px;font-size:15px;}


.hybridbillingPartner_guide_popup {display:none; font-size:13px;line-height:15px;
	position:absolute;top:211px;left:250px;right:0;bottom:0;z-index:550;width:430px;height:240px;
	border:2px solid #b90080;background:white;
}
.hybridbillingPartner_guide_popup .agreeInfo_header {background:#b90080;text-align:center;vertical-align:middle;width:100%;height:30px;}
.hybridbillingPartner_guide_popup .agreeInfo_header p{color:#FFFFFF;font-size:15px;font-weight:bold;padding-top:5px }
.hybridbillingPartner_guide_popup .agreeInfo_body {position:relative;padding:15px 15px 0px 15px;color:#363636;background:#FFFFFF;}
.hybridbillingPartner_guide_popup .agreeInfo_body > p {padding-bottom: 20px; line-height: 18px;}
.hybridbillingPartner_guide_popup .agreeInfo_body .abp_txt01 {}
.hybridbillingPartner_guide_popup .agreeInfo_body .abp_txt02 {}
.hybridbillingPartner_guide_popup .agreeInfo_body .abp_txt_ul {}
.hybridbillingPartner_guide_popup .agreeInfo_body .abp_txt_ul li {padding-top:  5px;}
.hybridbillingPartner_guide_popup .agreeInfo_body .abp_txt_ul li:first-child {padding-top:  0px;}

.mtop15{margin-top:15px !important;}
.mtop20{margin-top:20px !important;}
.mtop25{margin-top:25px !important;}
.mtop30{margin-top:30px !important;}
