@import url(base.css);

/* 130829 */
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}

#wrap{position:relative; background-color:#fff}
#container{width:100%} /* width:500px */

#header{display:block; padding:0 15px; position:relative; background-color:#fff} /* height:67px */
#header .logo{padding:10px 0 15px 0; border-bottom:1px solid #4d82a2} /* padding:10px 0 10px 20px */
#header .gnb{overflow:hidden}
#header .gnb a{display:block; height:11px; margin:10px 0; border-right:1px solid #ddd}
#header .gnb a img{vertical-align:top}
#header .gnb li{float:left; width:33%; text-align:center}
#header .gnb li.list1{width:30%}
#header .gnb li.list2{width:40%}
#header .gnb li.bdn a{border:0}
#header .gnb li{border-top:1px solid #ddd}

#header_new{display:block; padding:0 15px; position:relative; background-color:#161618} /* height:67px */
#header_new .logo{padding:10px 0 15px 0; border-bottom:2px solid #29ace2} /* padding:10px 0 10px 20px */
#header_new .gnb{overflow:hidden}
#header_new .gnb a{display:block; height:11px; margin:10px 0; border-right:1px solid #ddd}
#header_new .gnb a img{vertical-align:top}
#header_new .gnb li{float:left; width:33%; text-align:center}
#header_new .gnb li.list1{width:30%}
#header_new .gnb li.list2{width:40%}
#header_new .gnb li.bdn a{border:0}
#header_new .gnb li{border-top:0px solid #ddd}

.mainConTop{padding:0 15px}
.mainConTop_new{padding:0 4.15%}
.mainConTop_new .mainVisual{width:100%; height:234px; margin:0 auto; overflow:hidden;}
.mainConTop_new .mainVisual a img{width:100%; height:234px;}
.mainConTop_new .mainVisual2{width:100%; margin:0 auto; overflow:hidden;}
.mainConTop_new .mainVisual2 a img{width:100%; }
/* 배너롤링 ver1
.totalRoll{overflow:hidden; position:relative; height:41px; margin:15px 0; padding:0 22px}
.totalRoll .listView{overflow:hidden; position:absolute; height:41px; top:0; left:0; width:100%; text-align:center}
.totalRoll .listView{width:100%}
.totalRoll .bts{position:absolute; top:9px; z-index:9999}
.totalRoll .left{left:0}
.totalRoll .right{right:0} */
.rollImg{overflow:hidden; position:relative; height:41px; margin:15px 4.15%; padding:0;}
.rollImg .listView{overflow:hidden; position:absolute; height:41px; top:0; left:0; width:91.7%; text-align:center}
.rollImg .listView{width:100%}
.rollImg .bts{position:absolute; top:9px; z-index:8888}
.rollImg .left{left:0}
.rollImg .right{right:0}

.mainCon1{overflow:hidden; border-top:1px dashed #d6d6d6}
.mainCon1 li{float:left; position:relative; width:50%; text-align:left}
.mainCon1 .left div{position:relative; padding:20px 15px 25px}
.mainCon1 .right a{display:block; padding:20px 15px 35px; border-left:1px dashed #d6d6d6}
.mainCon1 span{display:block}
.mainCon1 .more{position:absolute; top:21px; right:15px;}

.mainCon2{overflow:hidden; border-top:1px dashed #d6d6d6; border-bottom:1px dashed #d6d6d6; background-color:#eee}
.mainCon2 li.boxDiv{float:left; position:relative; width:50%; text-align:left}
.mainCon2 a{display:block; position:relative}
.mainCon2 span{display:block}
.mainCon2 span.img2{overflow:hidden}
.mainCon2 span.img2 img{float:left}
.mainCon2 .list{font-size:13px}
.mainCon2 .list a{padding:0}
.mainCon2 .left div{padding:20px 15px 0}
.mainCon2 .left li{position:relative; border-top:1px solid #fff; background:url('../../img/main/dot_bg.png') no-repeat 0 center; background-size:4px 4px; text-indent:10px}
.mainCon2 .left li.first{border-top:2px solid #555}
.mainCon2 .left li a{overflow:hidden; padding:9px 0; color:#666; text-overflow:ellipsis; white-space:nowrap}
.mainCon2 .left .new{position:absolute; top:7px; right:0}
.mainCon2 .right div{padding:20px 15px 0; border-left:1px dashed #d6d6d6}
.mainCon2 .right a{padding:20px 0 25px}
.mainCon2 a.more{position:absolute; top:21px; right:15px; padding:0}

.mainCon3{padding:20px 0 25px; border-bottom:1px dashed #d6d6d6}
.mainCon3 span{display:block; padding:0 15px}
.mainCon3 ul{overflow:hidden}
.mainCon3 li{float:left; width:20%; text-align:center}

.mainCon4 a{display:block; text-align:center}

.mainCon5 ul{overflow:hidden; padding:15px 0}
.mainCon5 li{float:left; width:33%; text-align:center}


#footer{overflow:hidden; padding:0 0 18px; background-color:#f7f7f7; color:#bcbcbc}
#footer .bar{padding:0 2px}
#footer .bts{overflow:hidden; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#footer .bts li{float:left; width:50%; height:27px; background:url('../../img/main/footer_bg_top.png') repeat-x 0 0; background-size:1px 27px; text-align:center}
#footer .bts a{display:block; height:11px; padding:8px 0}
#footer .bts img{vertical-align:top}
#footer .bts .left a{border-right:1px solid #ddd}
#footer .bts2 span{font-size:11px; line-height:14px}

.icoMoreCon{position:fixed; bottom:15px; right:15px; z-index:9999}

/* 130838 이전 CSS
#container { width:100%;}
#header { width:100%; position:relative; display:block; height:67px; border-bottom:1px solid #70ceec; background:#fff; }
	.logo { padding:10px 0 10px 20px; }
#body_wrap { position:relative; width:100%; height:589px; background:url("../../img/main/bg_kws.jpg") no-repeat 0 0; background-size:100% 589px;}
	.text { position:relative; display:block; width:350px; top:80px; margin:0; left:-40px; padding:0; margin:0 auto; }
	.menu { position:relative; display:block; width:27%; top:223px; left:-30%; margin:0 auto; padding:0 0 0 20px;}
	.bottom { position:absolute; padding:14px 0 18px 0; height:19px; top:536px; display:block; width:100%;  color:#fff; font-size:20px; text-align:center; letter-spacing:0.5px; }
#footer { positi	on:relative; display:block; background:#7d7e82;height:60px; color:#fff; text-align:center; font-size:18px; font-family:helvetica; line-height:130%; width:100%;padding:10px 0 10px;font-size:16px}
#footer span { font-size:16px; }
body {position:relative; margin:0; padding:0; width:100%; background:#bfbfbf }*/
/*background:#f2f4f8 url("../../img/main/bg_kws.jpg") no-repeat 33% 0; width:500px*/

.hsp-slide { position:relative; height:100%;}
.hsp-slide > .hsp_1 { position:absolute; left:40%; top:84.5%; width:36%; height:10%; font-size:0; text-indent:-9999px; color:transparent; }
.hsp-slide > .hsp_2 { position:absolute; left:53%; top:87.5%; width:36%; height:10%; font-size:0; text-indent:-9999px; color:transparent; }

.notice_popup { position:absolute; left:2%; top:4%; width:85%; z-index:10;}
.notice_popup .img_wrap img { width:100%; background-size:contain;}
.notice_popup .close { position:absolute; left:0; bottom:-38px;width:100%; background:#000;}
.notice_popup .close a { color:#fff; font-size:13px;}
.notice_popup .close label { color:#fff; font-size:13px;line-height:40px;}
.notice_popup .close input { display:none;}
.notice_popup .close #check { float:left; padding-left:15px; }
.notice_popup .close #check input[type="checkbox"] { position:absolute; left:-8000%;}
.notice_popup .close #check input+label { position:relative;line-height:40px;font-size:13px;color:#fff; cursor:pointer;}
.notice_popup .close #close{ float:right; }
.notice_popup .close #close a { display:block; padding:0 15px;line-height:40px;color:#fff;}