/**
* File Name : web_layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Web business Team / White
* Date : 2016.03.08
* Update : 2013.03.08*/


/* Layout Selector */
html, body { height:100%;}
#wrap {position:relative; width:100%; font-size:12px; line-height:1.4em; }
.main #container { width:100%;}
.main:after { content:""; display:block; clear:both;}
.sub #container { width:100%; min-height:450px}
#container:after { content:""; display:block; clear:both;}
#contents { width:100%; margin:0 auto;  position: relative;}
#contents { width:100%; margin:0 auto;  }
#contents:after { content:""; display:block; clear:both;}


/* 헤더 */
#header { width:100%; height:125px;background:url('../images/common/top_bg.jpg') repeat-x;}   

#header .head_in {position:relative; width:1050px; height:54px; margin:0 auto; }
#header .head_in .top_left {float:left; width:877px;}
#header .head_in .top_right {float:right;width:173px; }
#header .head_in .top_right li {float:left; display:block; text-align:left; }


/* 메뉴 */
#header .navi_in {position:relative; width:1050px;  height:71px;  margin:0 auto; }
#header .navi_in .logo { float:left; width:325px; text-align:left;}
#header .navi_in .menu  { float:right;  width:725px; padding-top:18px; }
#header .navi_in .menu li {float:left; display:inline-block;   text-align:right;}


/* 메인비주얼*/
#mvisual { width:100% ;height:571px; background:url('../images/main/main_1.jpg')no-repeat center top;background-position: center; background-position:50% 50%; z-index:100;}   
#mvisual .mv  {margin:0 auto;  }

/* 서브비주얼*/
#svisual { width:100% ;height:221px; z-index:100; background:url('../images/sub/svisual_01.jpg')no-repeat center top;background-position: center; background-position:50% 50%; z-index:100;}   
#svisual .sv  {margin:0 auto;  }

/* 메인5배너*/
#m4ban {width:100%; background:url('../images/main/4bn_bg.jpg') repeat-x;background-position: center; margin:0;}
#m4ban .m4ban_in {position:relative;  margin:0 auto; width:1050px;}
#m4ban .m4ban_in .List4_in { height:250px; padding-top:50px;}
#m4ban .m4ban_in .List4_in li {display:block; float:left; width:20%; text-align:center;}


/* 메인3단 컨텐츠*/
#contain3 {width:100%; height:259px; background-color:#f7f7f7; }
#contain3 .contain3_in {position:relative; margin:0 auto; width:1050px; height:259px;  background:url('../images/main/3conte_bg.png')no-repeat;background-position: center; }
#contain3 .contain3_in .contLt { float:left;width:350px; height:215px; margin-top:44px;  position:relative;}
#contain3 .contain3_in .contLt .cont_tit01{width:350px; height:90px; }
#contain3 .contain3_in .contLt .encyclo {width:350px; height:125px; }
#contain3 .contain3_in .contLt .encyclo li {float:left;  display:inline ; padding-top:10px;}

#contain3 .contain3_in .contCt {float:left;width:350px;	height:215px;margin-top:44px;  position:relative;}
#contain3 .contain3_in .contCt .cont_tit02{width:350px; height:90px; }
#contain3 .contain3_in .contCt .priceb {width:327px; height:125px; padding-left:23px; }
#contain3 .contain3_in .contCt .priceb li {float:left;  display:inline ; padding-top:10px; }


#contain3 .contain3_in .contRt {float:right; width:350px; height:215px; margin-top:44px;  position:relative;}
#contain3 .contain3_in .contRt .cont_tit03 {width:350px; height:90px; }
#contain3 .contain3_in .contRt .speedsms {width:320px; height:125px;padding-left:30px; font-size:13px; color:#333; font-weight:bold; }
#contain3 .contain3_in .contRt .inputnm {width:132px; height:23px; background-color:#99d4ff; border:1px solid #508ab4; font-size:12px; padding-left:5px; color:#16434d;} 
#contain3 .contain3_in .contRt .inputnum {width:132px; height:23px; background-color:#99d4ff; border:1px solid #508ab4; font-size:12px; padding-left:5px; color:#16434d;} 
#contain3 .contain3_in .contRt .listkind {width:139px; height:23px; padding:0 0 0 5px; border:1px solid #508ab4; font-size:12px; color:#16434d; background:#99d4ff; line-height:180%;}
#contain3 .contain3_in .contRt .applybtn {width:116px; height:81px; border:1px solid #508ab4; font-size:14px; font-weight:bold; text-align: center; color:#fff; background:#0086d3;-webkit-border-radius:0;-webkit-appearance:none;}


/* 메인전화번호라인 */
#callcenter{width:100%; height:99px; background:url('../images/main/callcenter_bg.png') repeat-x;}
#callcenter .cscent {width:1050px; height:99px; margin:0 auto;}


/* 메인공지 */
#mainbd{width:100%; height:246px; margin-top:40px;}
#mainbd .mainbd_in {width:1050px; height:246px; margin:0 auto;}
#mainbd .mainbd_in .mnotice {float:left;width:350px; height:246px; background:url('../images/main/notice_box.jpg')no-repeat;}
#mainbd .mainbd_in .mnotice .notice_tit {width:304px; height:34px; margin:25px 0px 0px 23px; }
#mainbd .mainbd_in .mnotice .morebt01 {width:16px; height:16px; float:right;}
#mainbd .mainbd_in .mnotice .noticeList {width:304px; height:158px; margin:18px 0px 0px 23px;}
#mainbd .mainbd_in .mnotice .noticeList .bdList {float:left; font-size:12px; color:#333333; text-align:left; }
#mainbd .mainbd_in .mnotice .noticeList .bdList a:link {font-size:12px; color:#333; font-weight:bold;  }
#mainbd .mainbd_in .mnotice .noticeList .bdList a:hover {font-size:12px; color:#396ee2; font-weight:bold;}
#mainbd .mainbd_in .mnotice .noticeList .bdDate {font-size:11px; color:#999;}

#mainbd .mainbd_in .mqna {float:left;width:350px; height:246px; background:url('../images/main/qna_box.jpg')no-repeat;}
#mainbd .mainbd_in .mqna .mqna_tit {width:304px; height:34px; margin:25px 0px 0px 23px;  }
#mainbd .mainbd_in .mqna .morebt01 {width:16px; height:16px; float:right;}
#mainbd .mainbd_in .mqna .mqnaList {width:304px; height:158px; margin:18px 0px 0px 23px;}
#mainbd .mainbd_in .mqna .mqnaList .bdList {float:left; font-size:12px; color:#333333; text-align:left; }
#mainbd .mainbd_in .mqna .mqnaList .bdList a:link {font-size:12px; color:#333; font-weight:bold;     }
#mainbd .mainbd_in .mqna .mqnaList .bdList a:hover {font-size:12px; color:#396ee2; font-weight:bold;}
#mainbd .mainbd_in .mqna .mqnaList .bdDate {font-size:11px; color:#999;}

#mainbd .mainbd_in .agent {float:right;width:350px; height:246px; background:url('../images/main/agent_bg.jpg')no-repeat;}
#mainbd .mainbd_in .agent .agent_btn {width:156px; height:42px; margin:111px 0px 0px 129px; }





/* 서브페이지 */
#spage {  width:100%; margin-top:50px;}
.stancein {width:1050px; position:relative; margin:0 auto;}
.stancein .stance_left {float:left; width:200px; }
.stancein .stance_left .Lmntit {width:200px; height:83px; }
.stancein .stance_left .Lmnlist ul {width:200px;list-style:none;}
.stancein .stance_left .Lmnlist li a:link {float:left; width:195px; text-decoration:none; height:25px; color:333; font-weight:bold;  font-size:13px; background:url('../images/sub/company/left_mn_off_bg.jpg') no-repeat;  list-style:none; padding-top:12px; padding-left:5px; }
.stancein .stance_left .Lmnlist li a:hover { width:195px; height:25px; color:#396ee2;text-decoration:none;  background:url('../images/sub/company/left_mn_on_bg.jpg') no-repeat;list-style:none;  font-size:13px; font-weight:bold;  }

/*left_sms*/
.stancein .stance_left .spdsms { float:left; width:198px; height:238px; border:solid 1px #c6c6c6;  margin:10px 0px 0 0px;  }
.stancein .stance_left .spdsms .smstit {width:172px; height:76px; padding:19px 14px 0px 14px;}
.stancein .stance_left .spdsms .smsbox {width:172px; height:125px; margin:0 auto;}
.stancein .stance_left .spdsms .smsbox .smsinnm{width:113px; height:20px; background-color:#99d4ff; border:1px solid #508ab4; font-size:12px; padding-left:5px; color:#16434d;} 
.stancein .stance_left .spdsms .smsbox .smsklist{width:120px; height:23px; background-color:#99d4ff; border:1px solid #508ab4; font-size:12px; padding-left:5px; color:#16434d;} 
.stancein .stance_left .spdsms .smsbox .smsinnum{width:113px; height:20px; background-color:#99d4ff; border:1px solid #508ab4; font-size:12px; padding-left:5px; color:#16434d;} 
.stancein .stance_left .spdsms .smsbox .smstxt { font-size:12px; color:#000; text-align:left; font-weight:bold;} 
.stancein .stance_left .spdsms .smsbox .sendbt {width:120px; height:40px; border:1px solid #508ab4; font-size:13px; font-weight:bold; text-align: center; color:#fff; background:#0046d3; float:right}

.stancein .stance_left .Ltban {width:200px; height:260px; float:left; margin-bottom:50px; height:auto; }
.stancein .stance_left .Ltban .Ltban01 {width:200px; height:61px;float:left; padding-top:5px;}
.stancein .stance_left .Ltban .Ltban02 {width:200px; height:61px; float:left;}
.stancein .stance_left .Ltban .Ltban03 {width:200px; float:left; padding-top:5px;}



.stancein .stance_right {position:relative; float:right; width:814px; height:auto;  }
.stancein .stance_right .cntit_bar {float:left; width:814px; height:83px; background:url('../images/sub/cntit_bg.jpg'); }
.stancein .stance_right .cntit {float:left;  width:814px; height:29px; font-size:30px;  font-weight:bold;  padding-top:11px; }
.stancein .stance_right .cate_t {float:left; width:814px; height:30px; font-size:12px; padding-top:7px; text-align:right; }
.stancein .stance_right .scontList {float:left; width:814px; margin-top:50px; height:auto;}
.stancein .stance_right .scontList2 {float:left; width:814px;  height:auto;}
.stancein .stance_right .txt01 {float:left; height:100px; font-size:22px;  line-height:140%; }
.stancein .stance_right .txt02 {float:left; font-size:14px; line-height:140%; padding-bottom:20px; }
.stancein .stance_right .txt03 {float:left; height:45px; font-size:26px; line-height:160%; }
.stancein .stance_right .txt05 {float:left; font-size:13px; line-height:140%;text-decoration:none; padding-bottom:20px; }
.stancein .stance_right .txt06 {float:left; font-size:14px; line-height:120%;  }
.stancein .stance_right .blue_title {text-align:left; height:25px;  font-weight:bold; font-size:16px; color:#007ab7; padding:20px 0px 0px 0px; }
.stancein .stance_right .no_title {text-align:left; height:25px;  font-weight:bold; font-size:13px; color:#333;  }
.stancein .stance_right .black_txt {text-align:left; font-size:13px;  line-height:150%; padding:10px 0px 0px 0px;}
.stancein .stance_right .noblack_txt {text-align:left;font-size:13px;  line-height:180%; }
.stancein .stance_right .red_txt { text-align:left;font-size:13px;  color:#dc390d; line-height:150%;}
.stancein .stance_right .nored_txt {text-align:left; font-size:13px; color:#dc390d;  line-height:150%;}
.stancein .stance_right .system_txline {width:814px; border-bottom:solid 1px #CCCCCC; height:25px; }
.stancein .stance_right .com_office {width:814px; height:500px;  text-align:left;  }
.stancein .stance_right .blue_title02 {text-align:left; height:25px;  font-weight:bold; font-size:20px; color:#007ab7; padding:20px 0px 0px 0px; }




/* 카피라이터 */
#footer {width:100%; height:270px; background:url('../images/main/footer_bg.jpg') repeat-x; margin-top:40px; padding:0; clear:both;}
#footer .footter_in {width:1050px; height:250px; margin:0 auto; }
#footer .footter_in .blackLine {float:left; height:37px; width:1004px;  }
#footer .footter_in .blackLine li {float:left; height:24px; text-align:left; margin-right:10px; font-size:12px; color:#999; font-weight:bold; padding-top:11px;}
#footer .footter_in .blackLine li a:link{ font-size:12px; font-weight:bold; color:#999;text-decoration:none;}
#footer .footter_in .blackLine li a:visited { font-size:12px; font-weight:bold; color:#999;text-decoration:none;}
#footer .footter_in .blackLine li a:active{ font-size:12px; font-weight:bold; color:#999;text-decoration:none;}
#footer .footter_in .blackLine li a:hover{ font-size:12px; font-weight:bold; color:#999;text-decoration:none;}
#footer .footter_in .blackLine_top {float:right; height:37px; width:46px;}

#footer .flogo { text-align:center; padding-top:30px; clear:both;}
#footer .fadd { height:auto; width:1000px; text-align:center; margin:0 auto; font-size:12px; color:#666; line-height:20px; }
#footer .fadd fbold { font-weight:bold }
#footer .fadd addspan {margin-right:10px;  }