/*
	main.css : 메인 전용 css입니다.
*/

/* 숨김 영역 */
nav.lnb h2{position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
.show{display:block;}
.hide{display:none;}

body {min-width:1325px;font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif;}

/* header */
header {position:relative; width:1045px; height:170px; margin:0 auto;}
header h1 {position:absolute; top:40px; left:0;}
header h1 img{width:150px; height:60px;}

header nav {width:100%; float:right;}
header nav.gnb {position:absolute; right:55px; top:65px; width:170px; height:15px;}
header nav.gnb ul li {font-size:13px;font-weight:bold; float:left; margin-right:10px;}
header nav.gnb ul li a {color:#777;}


/* header Search */
header #Search{position:absolute;top:50px;left:190px;width:610px;height:50px;z-index:10;}
header #Search fieldset{display:block;border:0;}
header #Search fieldset *{vertical-align:top;}
header #Search legend, header #Search label{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
header #Search .inputText{display:inline-block;padding:4px 4px;width:545px;height:36px;line-height:36px;border:3px solid #3085C4;border-right:0;font-size:14px;font-weight:bold;background:#fff;color:#333;margin:0;}
header #Search input:focus{outline:none;}
header #Search .btnSearch{width:54px;height:50px;background-color: #fff; border:3px solid #3085C4;border-left:0;margin-left: -6px;}
header #Search .ppst{position:absolute;top:90px;width:430px;overflow:hidden;text-align:center}
header #Search dl{margin-top:3px;}
header #Search dl *{vertical-align:top;}
header #Search .ppst dt{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
header #Search a{}
header #Search a.last-child{background:none;}
header #Search .kword{display:inline-block;padding:4px 0 0 6px;width:350px;height:25px;overflow:hidden; letter-spacing: 3px;}

/* Under Searchbox */
header #underSearch {position:absolute; top:105px; left:190px;width:610px; height:30px; overflow:hidden;}
header #underSearch a{font-style:none; color:#6600CC;border:1px; font-weight:bold; font-size:12px; line-height:30px; background:none;font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif;}

/* Menu */
div#kcMenu {position:relative; width:100%; height:45px; margin:0 auto; border-top:1px solid #ccc; border-bottom: 1px solid #000;}
div#kcMenu nav.lnb {width:1045px; height:45px; margin:0 auto; line-height: 45px;}
div#kcMenu nav.lnb ul.menu_top li {float:left;text-align:center;}
div#kcMenu nav.lnb ul.menu_top li a {font-size:14.3px;font-weight:bold;width:20px;margin-left:2px;padding:10px 7px; font-weight:bold;}
div#kcMenu nav.lnb ul.menu_top li a img {margin-top:10px; margin-right:5px;}
div#kcMenu nav.lnb ul.menu_top li:nth-child(1) a {margin-left:0px; padding-left:3px;}
div#kcMenu nav.lnb ul.menu_top li.mainMenu a {color: #1271b8;}


div#kcMenu nav.lnb div#weather {width:250px;float:right;margin-right:5px;}
div#kcMenu nav.lnb div#weather img {width:25px;height:25px;margin-top:7px;}
div#kcMenu nav.lnb div#weather .ticker { width:250px; height: 50px; overflow: hidden; margin: 0; padding: 0; list-style: none;}
div#kcMenu nav.lnb div#weather .ticker li { width:250px;  height: 50px; padding: 2px; margin: 0px 0px; text-align:right;} 


/* container */
div#container {position:relative; width:1045px; height:1600px; margin:0 auto;}

/* container columnLeft */
div#container div#columnLeft {width:728px; height:1570px; float: left; margin-top: 10px;}
div#container div#columnLeft > div {margin-top: 10px;}
div#container div#columnLeft div.banner_728_90 {width:728px; height:90px;}

div#container div#columnLeft div#videoColumn {text-align:center;font-size:0;max-width:728px;}
div#container div#columnLeft div#videoColumn input[type="radio"] {display:none;}
div#container div#columnLeft div#videoColumn input[type="radio"] + label {display:inline-block;padding:0;width:20%;height:40px;text-alight:center;line-height:40px;color:#777;font-size:14px;cursor:pointer;font-weight:bold;}
div#container div#columnLeft div#videoColumn input[type="radio"]:checked + label {background:#3085C4;color:#fff;}

div#container div#columnLeft div#videoColumn div.conbox {height:600px;width:100%;background:#fff;margin:0;display:none;text-align:left;font-size:12px;box-sizing:border-box;}
div#container div#columnLeft div#videoColumn input[id="tab01"]:checked ~ .con1 {display:block;}
div#container div#columnLeft div#videoColumn input[id="tab02"]:checked ~ .con2 {display:block;}
div#container div#columnLeft div#videoColumn input[id="tab03"]:checked ~ .con3 {display:block;}
div#container div#columnLeft div#videoColumn input[id="tab04"]:checked ~ .con4 {display:block;}
div#container div#columnLeft div#videoColumn input[id="tab05"]:checked ~ .con5 {display:block;}

div#container div#columnLeft div#videoColumn div.conbox ul.cateLink{float:right; width:210px;height:25px;line-height:14px;font-size:11px;text-align:right; margin-top:-20px;}
div#container div#columnLeft div#videoColumn div.conbox ul.cateLink li{float:right;padding:0 8px 0 7px;background:url(https://imgs.korea.com/www/2012/images/bg_MainSet.png) no-repeat right -600px;z-index:-3;}
div#container div#columnLeft div#videoColumn div.conbox ul.cateLink li a{color:#666;}
div#container div#columnLeft div#videoColumn div.conbox ul.cateLink li.bgno{background:none;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList{float:left;width:728px;margin-top:15px;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList.first{margin-top:0px;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li{float:left;border: 1px solid #ececec;width:165px;height:185px;/*padding-left:18px;*/margin-left:20px;margin-top:7px; text-align:center;font-size:13px;letter-spacing:-1px;overflow:hidden;background: #fff;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li var.slide{position:absolute;top:73px;left:10px;width:19px;height:19px;background:url(https://imgs.korea.com/www/2012/images/ico_mov.png) repeat scroll 0 0 transparent;cursor: pointer;font-size:0;line-height:0;text-indent:-9999px;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li.first{/*padding-left:20px;*/margin-left:0;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li.last{padding-right:0px;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li a {display:block;line-height:15px;font-size:12px;font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li a > p {padding:5px 5px;font-size:11px;font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif;text-align:left;text-decoration: none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li > p {padding:3px 5px;text-align:left;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li > p > span {float:right;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li a > p > b {font-size:13px;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li a > p:hover {text-decoration: none;color:#333;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li img{display:block;width:165px;height:130px;margin-bottom:5px;border:1px solid #cdd0d5;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li strong{display:block;font-weight:normal;line-height:15px;color:#6f6f6f;}
div#container div#columnLeft div#videoColumn div.conbox .thumbList li a:hover,#starArea .thumbList li a:hover strong{text-decoration:underline;color:#3F841E;}
div#container div#columnLeft div#videoColumn div.conbox a:hover{text-decoration:underline;color:#3F841E;}

/* container columnRight */
div#container div#columnRight {width:300px; height:1570px;float: left; margin-top: 10px; margin-left:17px; }
div#container div#columnRight > div {margin-top: 10px;}
div#container div#columnRight div.banner_300_250 {margin-top: 10px;padding:0;width:300px; height:250px;}
div#container div#columnRight div.banner_300_250 script {}

div#container div#columnRight div.rolling_stock {position: relative; height: 42px; margin-top:10px;  padding:0; border: 1px solid #c7c7c7; overflow: hidden;}
div#container div#columnRight div.rolling_stock ul { position: absolute; width: 300px; margin: 11px; list-style: none;}
div#container div#columnRight div.rolling_stock ul li {float: left; width: 300px; height: 42px; margin:0; padding:0;}
div#container div#columnRight div.rolling_stock li img {vertical-align:middle;}
div#container div#columnRight div.rolling_stock .t_blue {color:#6666FF; }
div#container div#columnRight div.rolling_stock .t_red {color:#F90B0B; }


/* shoppingSitemap */
#shoppingSitemap {position:relative;width:298px;height:148px;overflow-x:hidden;overflow-y:hidden;border:1px solid #cdd0d5;}
#shoppingSitemap h2 {display:none;}
#shoppingSitemap .category {margin-left:15px;padding-top:1px;}
#shoppingSitemap .category div a img {width:85px;}

/* real-time-keyword */
#real-time-keyword{position:relative;width:298px;height:168px;overflow-x:hidden;overflow-y:hidden; border:1px solid #cdd0d5;}
#real-time-keyword h3{width:100%; height:37px; line-height:37px; text-align:center; border-bottom:1px solid #cdd0d5; font-size:12px;}
#real-time-keyword ul{padding:15px; margin:0;}
#real-time-keyword ul li{ height:22px;}
#real-time-keyword ul li>a{height: 22px;  line-height: 22px;  color: #333; overflow: hidden;  white-space: nowrap;}
#real-time-keyword ul li>a.on{ font-weight: bold;}
#real-time-keyword ul li .num {display:inline-block; width: 23px; text-align: left; font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif,tahoma; font-size: 11px; letter-spacing: -1px;font-weight: bold; color: #6f6f6f;}
#real-time-keyword ul li .arrow{display:inline-block; float: right; height: 22px; line-height: 22px;}
#real-time-keyword ul li .arrow em.gap{background: none; font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif; font-size: 10px; color: #81838c;}
#real-time-keyword ul li .arrow em {display: inline-block; width: 7px; height: 9px;background: url('https://imgs.korea.com/www/2014/images/set_rank_ico.gif') left top no-repeat;}
#real-time-keyword ul li .arrow em.ico_up { padding-right:3px;  background-position: 0 0;}
#real-time-keyword ul li .arrow em.ico_down {background-position:-10px 0;}
#real-time-keyword ul li .arrow em.st {background-position:-20px 0;}
#real-time-keyword ul li .arrow em.ico_new {width:21px;left:8px;background-position:0 -10px; margin-top:8px;}
#real-time-keyword ul li.ranking1>a{font-size: 13px; font-weight:800;}
#real-time-keyword ul li.ranking1 .num{ color:#ff0000;}
#real-time-keyword ul.recommend{padding:0; margin:0;}
#real-time-keyword ul.recommend p{width:170px;height:19px;padding:10px 0 0 48px;background:url(https://imgs.korea.com/www/2012/images/bg_MainSet.png) no-repeat 0 -1821px;}

/* footer */
#footer{position:relative; width:1045px; height:150px; margin:0 auto; padding-top:10px;}
#footer #footMenu{width:1045px; border-bottom:1px solid #cdd0d5;overflow:hidden;}
#footer #footMenu .notice{float:left;width:400px;height:25px;padding-top:5px;overflow:hidden;}
#footer #footMenu .notice dt{float:left;padding:5px 10px 0 5px;font-weight:bold;height:15px;line-height:15px;}
#footer #footMenu .notice dd{height:25px;overflow:hidden;}
#footer #footMenu .notice dd li {width:300px;height:25px;padding-top:5px;line-height:15px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
#footer #footMenu .notice dd li a:hover{text-decoration:underline;color:#3F841E;}
#footer #footMenu .grouplink{display:inline-block;position:absolute;right:0;margin-top:29px}
#footer #footMenu .grouplink *{vertical-align:top;}
#footer #footMenu .grouplink .select{float:left;margin-right:0px;width:218px;height:20px;border:1px solid #cdd0d5;font:normal 11px/1.2 Malgun Gothic,고딕,돋움;}
#footer #footMenu .grouplink .select a{color:#444;}
#footer #footMenu .grouplink .directoryBtn{display:inline-block;position:absolute;top:3px;left:2px;width:210px;font-weight:normal;}
#footer #footMenu .grouplink .directoryBtn a{display:block;padding:3px 0 0 5px;height:15px;background:url(https://imgs.korea.com/www/2012/images/bg_MainSet.png) no-repeat;text-decoration:none;color:#333;}
#footer #footMenu .grouplink .directoryBtn a.open{background-position:-770px -407px;}
#footer #footMenu .grouplink .directoryBtn a.close{background-position:-470px -407px;}
#footer #footMenu .grouplink .searchBtn{position:absolute;right:2px;width:38px;height:22px;background:url(https://imgs.korea.com/www/2012/images/bg_MainSet.png) no-repeat -931px -374px;}
#footer #footMenu #dtLayer{position:absolute;bottom:21px;left:0;padding:7px 0;width:218px;border:1px solid #cdd0d5;background:#fff;z-index:10;}
#footer #footMenu #dtLayer li a{display:block;padding:5px 5px 0;height:13px;color:#444;font:11px/1.2 Malgun Gothic,고딕,돋움,Dotum;}
#footer #footMenu #dtLayer li a:hover,
#footer #footMenu #dtLayer ul a:active,
#footer #footMenu #dtLayer ul a:focus{background:#eef5fa;text-decoration:none;font-weight:bold}
#footer #infoCorp{padding-top:10px;}
#footer #infoCorp dl{height:21px;line-height:17px;font-size:11px;letter-spacing:-1px;overflow:hidden;}
#footer #infoCorp dt{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
#footer #infoCorp dd{float:left;padding:0 7px 0 6px;background:url(https://imgs.korea.com/www/2012/images/bg_MainSet.png) no-repeat right -719px;}
#footer #infoCorp dd a{color:#6f6f6f;}
#footer #infoCorp dd.last-child{background:none;}
#footer #infoCorp dd strong{letter-spacing:-1px;}
#footer #infoCorp dd strong span{font-weight:normal;}
#footer #infoCorp dd.cs_footer{float:right;position:absolute;right:85px;margin-top:-3.5px;background:none;}
#footer #infoCorp dd.cs_footer a{color:#3085C4;font:normal 12px/1.2 고딕,돋움,Dotum;font-weight:bold;}
#footer #infoCorp dd.cs_footer a img{width:15px;padding:0;margin:0;padding-right:2px;}
#footer #infoCorp dd.map{float:right;position:absolute;right:0;background:url(https://imgs.korea.com/www/2012/images/bg_MainSet.png) no-repeat right -476px;font:normal 11px/1.2 고딕,돋움,Dotum;}
#footer #infoCorp dd.map a{color:#444444}
#footer #infoCorp dd.map a:hover{text-decoration:underline;color:#3F841E;}
#footer #infoCorp address{display:block; width:500px; height:30px; line-height:30px; padding-left:6px;text-align:left;color:#6f6f6f;font:normal 12px/1.1 tahoma}
#footer #infoCorp address strong{font:bold 11px/1.2 고딕,돋움,Dotum;color:#4DBD2D;}
#footer #infoCorp address>p{margin:3px 0 0 0;}
#footer #infoCorp p{margin:5px 0 10px 6px; color:#6f6f6f; font-family:'맑은 고딕',Malgun Gothiic,'고딕','돋움',Dotum,AppleGothic,Sans-serif;}
#footer #infoCorp a:hover{text-decoration:underline;color:#3F841E;}

/*adArea*/
#wrapForBanner{position:relative;margin:0 auto;width:100%;}


#wrapForBanner #RpopBannerleft01{clear:both;position:absolute;margin-left:50%;top:237px;left:-658px;width:120px;height:600px;}
#wrapForBanner #RpopBannerleft02{clear:both;position:absolute;margin-left:50%;top:847px;left:-658px;width:120px;height:600px;}

#wrapForBanner #RpopBannerright01{clear:both;position:absolute;margin-right:50%;top:237px;right:-658px;width:120px;height:600px;}
#wrapForBanner #RpopBannerright02{clear:both;position:absolute;margin-right:50%;top:847px;right:-658px;width:120px;height:600px;}
#wrapForBanner #RpopBannerright03{clear:both;position:absolute;margin-right:50%;top:1457px;right:-658px;width:120px;height:200px;}
#wrapForBanner #RpopBannerright04{clear:both;position:absolute;margin-right:50%;top:1667px;right:-658px;width:120px;height:200px;}