@charset "euc-kr";

#mainContents{width:965px;}

.visual .tabArea{overflow:hidden;}
.visual .tabArea li{float:left; width:483px; height:89px;}
.visual .tabArea li:first-child{width:482px;}
.visual .tabArea li a{display:block; background:url(img/tab.png) no-repeat; width:100%; height:100%; text-indent:-9999em;}
.visual .tabArea li a.s1{background-position:0 0;}
.visual .tabArea li a.s2{background-position:-482px 0;}
.visual .tabArea li.on a.s1{background-position:0 -89px;}
.visual .tabArea li.on a.s2{background-position:-482px -89px;}



.tab_koc04{overflow:hidden;}
.tab_koc04 li{float:left; width:482px; height:94px;}
.tab_koc04 li a{display:block; background:url(img/tab2.png) no-repeat; width:100%; height:100%; text-indent:-9999em;}
.tab_koc04 li a.s1{background-position:0 0;}
.tab_koc04 li a.s2{background-position:-483px 0;}
.tab_koc04 li.on a.s1{background-position:0 -94px;}
.tab_koc04 li.on a.s2{background-position:-483px -94px;}





.list_pick{letter-spacing:-1px; border-top:1px solid #e1e1e1;}
.list_pick li{overflow:hidden; padding:15px 0; border-bottom:1px solid #e1e1e1; padding:15px;}
.list_pick li .thumb{float:left; position:relative;}
.list_pick li .thumb a{position:relative; width:100%; height:100%; display:inline-block;}
.list_pick li .thumb a:after{position:absolute; left:116px; top:45px; content:""; background:url(img/ico_play.png) no-repeat; width:50px; height:50px;}
.list_pick li .thumb .time{position:absolute; bottom:0; right:0; width:43px; height:20px;}
.list_pick li .thumb .time span{position:absolute; left:0; top:2px; width:100%; height:100%; text-align:center; color:#bdbdbd; font-size:11px; z-index:2; letter-spacing:0;}
.list_pick li .thumb .time:after{position:absolute; left:0; top:0; background:#000; opacity:0.8; width:43px; height:20px; content:""; z-index:1;}


.list_pick li .inner{overflow:hidden;}
.list_pick li .inner .article1{float:left; width:555px; padding:10px 0 0 40px; font-size:14px;}
.list_pick li .inner .article1 dl{display:block; overflow:hidden; margin:5px 0 0;}
.list_pick li .inner .article1 dl.tit{font-size:18px; font-weight:bold; color:#222;}
.list_pick li .inner .article1 dl.tit dt{}
.list_pick li .inner .article1 dt{float:left;}
.list_pick li .inner .article1 dd{float:left; margin:0 0 0 10px; width:427px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_pick li .inner .article2{float:right; width:103px; text-align:center; margin:20px 0 0;}
.list_pick li .inner .article2 .count{font-size:12px; margin:0 0 20px; color:#222;}
.list_pick li .inner .article2 .btn{border:1px solid #cdcdcd; width:100%; height:30px; color:#858585; font-size:15px; font-family:'Noto Sans KR'; background:#fff; display:block; margin:0 0 6px; letter-spacing:-1px;}
.list_pick li .inner .article2 .btn strong{color:#000; font-weight:normal;}



.popup_1{font-size:14px; padding:30px; background:#fff;}
.popup_1 .tit{font-weight:bold; font-size:16px;}
.popup_1 ol{border-top:1px solid #666; margin:10px 0 0; padding:10px 0 0}