@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}

.mainConTop{padding:0 15px}
/* 배너롤링 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 0; padding:0 22px}
.rollImg .listView{overflow:hidden; position:absolute; height:41px; top:0; left:0; width:100%; 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}
.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 { position: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*/