@charset "utf-8";
@import url("reset.css"); /* reset */
@import url("global.css");
@import url("selectbox.css");
@import url("check_radio.css");
@import url("layout.css");

/* 
===============================================================================================
1.	버  전 : main.css(newMain.css)
2.	작성자 :  
3.	작성일 : 2012. 12. 2 / 2015.05.21_khw
4.	참  고 : KOCW Main
===============================================================================================
*/

#header{}
/* 메인 상단 검색 수정 20150521 */
.mainSearchW{width:920px;height:75px;margin:0 auto;}
.mainSearchW .mainSearch{padding:35px 0 40px 120px}
.mainSearchW .mainSearch h2{ float:left; padding-top:5px;margin-right:10px;}
.mainSearchW .mainSearch .searchInput{position:relative;float:left;width:470px;height:30px;border:3px solid #616161; z-index:9999;}
.mainSearchW .mainSearch .searchInput label{ visibility:hidden; position:absolute; top:-9999px; left:-9999px;width:0; height:0; line-height:0; font-size:0;}
.mainSearchW .mainSearch .searchInput input{ float:left;width:430px;height:18px; border:0;padding-top:6px;padding-left:3px;}
.mainSearchW .mainSearch .searchInput .arrBtn{ display:block; float:left;width:29px; height:30px;}
.mainSearchW .mainSearch .btnSearchTop{ float:left;margin-top:-1px;padding-left:4px;}

.topBanner {/*height:310px;margin-top:10px; overflow:hidden;*/margin:0 auto;width:930px;}/*20140730_khw  수정*/
.topBannerLinkWrap {position:relative; /*width:930px;*/ height:310px;margin-top:10px; /*margin:0 auto;*/overflow:hidden;}/*20140730_khw  수정*/
.topBannerLinkWrap ul {height:310px; overflow:hidden;}
.topBannerLinkWrap li {height:310px;}
.topBannerLinkWrap li div {position:relative; width:930px; height:310px;}
.topBannerLinkWrap li div .youtubeWrap{position:absolute; top:77px; right:101px;width:320px; height:178px;}
.topBanner .moreLink {position:absolute; right:35px; bottom:20px;}
.topBanner .linknumWrap {position:absolute; left:40px; top:277px; }
.topBanner .linknumWrap p span{ float:left;width:47px;margin-right:2px;}

/* layout(container) */
#container {width:931px; margin:0 auto;font-family: NanumGothic,'나눔고딕',ng,Dotum,"굴림",Gulim,"Trebuchet MS",arial,Verdana;}

/* 공지사항 퀵메뉴 추가 20150521 */
.conSec00 {clear:both; overflow:hidden;padding:25px 0;margin-top:10px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7}
.conSec00 .mainNoticeW{ float:left; width:400px;}
.conSec00 .mainNoticeW h2{ font-weight:bold; color:#222; font-size:18px;}
.conSec00 .mainNoticeW ul{margin-top:18px;}
.conSec00 .mainNoticeW ul li{ overflow: hidden;display:block;float:left; width:400px;line-height:21px; color:#333}
.conSec00 .mainNoticeW ul li a:link{overflow: hidden;display:block;float:left; width:400px;text-overflow: ellipsis;white-space: nowrap; color:#333}
.conSec00 .mainNoticeW ul li a:hover{ color:#333; text-decoration:underline}
.conSec00 .mainNoticeW ul li img{ vertical-align:middle; margin-right:5px;}

.conSec00 .quickMenuW{ float:right; width:500px;}
.conSec00 .quickMenuW h2{ display:none}
.conSec00 .quickMenuW ul{padding-top:20px}
.conSec00 .quickMenuW ul li{ float:left; width:125px; text-align:center; }
.conSec00 .quickMenuW ul li span{ display:block;margin-top:18px; letter-spacing:-0.5px; font-weight:bold; font-size:13px;color:#333}
.conSec00 .quickMenuW ul li a:link{ color:#333; text-decoration:none}
.conSec00 .quickMenuW ul li a:hover{ color:#000; text-decoration:underline}

.conSec01 {margin-top:35px; clear:both;}
.conSec01:after {content:""; display:block; clear:both; *zoom:1;}
.conSec01 h2{ font-weight:bold; color:#222; font-size:18px; background:url(../../images/main/h2Bg.gif) no-repeat 80px 4px; }/*20150521_khw  수정*/
.conSec01 ul{margin-top:15px;}
.conSec01 ul li{ float:left; width:225px; height:160px;margin-right:7px; border:1px solid #d8d8d8}
.conSec01 ul li.last-child{ margin-right:0px; }
.conSec01 ul li dl{position:relative;height:160px;background-color:#f2f2f2 ; font-size:12px;}
.conSec01 ul li dl dt{border-bottom:1px solid #d8d8d8}
.conSec01 ul li dl dt .player{position:absolute;top:60px; right:5px ;}
.conSec01 ul li dl dd.ddTit{padding:7px 5px 2px 10px; font-weight:bold;color:#c54a00}
.conSec01 ul li dl dd.ddTit a{ color:#c54a00}
.conSec01 ul li dl dd.ddName{ padding:0 5px 0 10px;color:#666666;}

.serviceAllWrap {clear:both; #padding-top:8px;margin-top:35px;}
.serviceAllWrap .showHideControlWrap {border-bottom:2px solid #a0a0a0; text-align:right;}
.serviceAllWrap:after {content:""; display:block; clear:both; *zoom:1;}
.serviceAllWrap .mLine {float:left; width:164px; min-height:214px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#f9f9f9;}
.serviceAllWrap .list01 {border-left:1px solid #e9e9e9;}
.serviceAllWrap .list04 {width:163px;}
.serviceAllWrap .list05 {width:134px;}
.serviceAllWrap .list06 {width:135px;}
.serviceAllWrap h3 {padding-left:9px; margin:14px 0 25px 7px; background:url(/home/images/newMain/serviceAllIco.gif) 0 4px no-repeat;}
.serviceAllWrap ul {margin-top:-16px;}
.serviceAllWrap ul li {padding:0 10px 0 16px; margin-bottom:2px;font-size:11px}

/* 움직이는 배너 추가  140224*/
.banner {position:relative; width:927px; margin-top:20px; padding:10px 0 ;	border:1px solid #d8d8d8; background:#f9f9f9; }

.banner .btns {width:100%;}

.banner .btns button {position:absolute; top:22px; width:13px; height:20px; border:none; z-index:2;}

.banner .btns button em{display:block; text-indent:-9999px}

.banner .btns button.left {left:10px; background:url(/home/images/common/btnLeft.gif) no-repeat 0 0;}
.banner .btns button.right {right:10px; background:url(/home/images/common/btnRight.gif) no-repeat right 0}

.banner .btns button.auto {	background:orange;}

.banner .btns button.stop {	background:red;}

.banner .listWrap {position:relative; overflow:hidden; width:845px; height:44px; margin:0 auto;}

.banner .listWrap .list {position:relative; width:9999px; top:0; left:0px; 	z-index:1; }

.banner .listWrap .list li {float:left; width:130px;height:40px; margin-right:11px}
.banner .listWrap .list li.last-child {margin-right:0; }
.banner .listWrap .list li a {color:white !important; }
.banner .listWrap .list li a img {border:1px solid #d3d3d3 !important}

/* 메인프로모션_kocw추천강의를 만나보세요 20140612_khw */
.topBannerLinkWrap li div .vodImg{position:absolute; top:93px; left:375px; width:200px; height:110px;}
.topBannerLinkWrap li div .vodInfo{position:absolute; top:144px; left:213px; width:130px; height:60px; color:#fff}
.topBannerLinkWrap li div .vodInfo a{ color:#fff}
.topBannerLinkWrap li div .vodInfo .vodTit{ display:block;width:150px;margin-bottom:5px;margin-left:58px;font-weight:bold; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.topBannerLinkWrap li div .vodInfo .vodWriter{display:block; font-size:12px;margin-left:30px;}

/* quickLinkWrap 뉴스레터 및 sns 링크 20140729_khw */
.quickLinkWrap{ position:absolute; top:450px; margin-left:945px; width:160px; height:auto}/*20150521_khw  수정*/
.quickLinkWrap .newsletter{ position:relative;width:157px; height:125px; }
.quickLinkWrap .newsletter .emailInput{ position:absolute; top:42px; left:17px;}
.quickLinkWrap .newsletter .emailInput input{width:120px; height:18px;padding:2px 1px 1px 2px; border:1px solid #bababa; color:#888; font-size:11px;}
.quickLinkWrap .snsLink{margin-top:12px; text-align:center}
 

/* KOCW 인기검색어 20140730_khw */
dl.rankList{ position:absolute; top:170px; width:158px; height:auto;margin-left:940px;}/*20150521_khw  수정*/
*:first-child+html dl.rankList{ position:absolute; top:130px; width:158px; height:auto;margin-left:940px;}
dl.rankList dt{ height:21px;padding:8px 0 6px 0; text-align:center; letter-spacing:-0.05em; font-weight:bold; color:#fff; font-size:13px; background:#444;}
dl.rankList dd{ border:1px solid #b4b4b4; border-top:1px solid #444;background:url(/home/images/main/rankBg.gif) no-repeat 20px 8px}
dl.rankList dd ol{margin:2px 10px 5px 40px}
dl.rankList dd ol li{line-height:21px; color:#66}

/* eventBanana 20141113_khw */
.eventWrap{ position:absolute; top:420px; margin-left:945px;}
.eventBanana{ width:160px; background:url(/home/images/notice/socksBg.png)  no-repeat center 0}
.eventBanana .count{width:110px; height:53px;padding-top:90px;font-size:56px; color:#fff;font-weight:bold; letter-spacing:-5px; text-align:center}
.eventBanana .time{width:140px; height:30px;font-size:14px; color:#fff; font-weight:bold;text-align:center}
.eventBanana .win{width:110px; height:53px;padding-top:90px;font-size:36px; color:#fff;font-weight:bold; letter-spacing:-5px; text-align:center}
.eventBanana .eventTxt{width:155px; padding:5px 0 ;font-size:12px; color:#444; font-weight:bold;text-align:center;letter-spacing:-1px;}
.eventBanana .eventTxt2{width:155px;height:33px;font-size:12px; color:#fff; font-weight:bold;text-align:center;letter-spacing:-1px;}
.eventBanana .eventTxt2 a:link{color:#fff;} 
.eventBanana .eventTxt2 a:visited {color:#fff;}