﻿@charset "utf-8";

/*** MainVisual ***/
#content-promo{width:100%;height:1080px;margin:0 0 -769px 0;overflow:hidden;position:relative;top:-232px;}
#content-promo .content-promo-rotator{height:1080px;position:absolute;top:0;width:100%;z-index: 0;}
#content-promo .content-promo-slide{display:none;height: 1080px;left:50%;position:absolute;width:100%;}
#content-promo .content-promo-slide .promo-background{width: 100%;height: 1080px;position: absolute;left:0;top:40px;z-index: -1;box-shadow: none;border: medium none;background: no-repeat center 0;}
#content-promo .content-promo-slide .promo-content{width:974px;height:234px;margin:0 auto;padding:40px 30px 0 55px;position:relative;top:270px;z-index:2;}
#content-promo .content-promo-slide .promo-content h2{margin:0 0 2px 0;color:#ffb900;font-weight:normal;font-size:42px;text-shadow:0 0 10px rgba(0, 0, 0, 0.5);letter-spacing:-2px;font-family:'NanumMyeongjoBold', '나눔명조볼드';}
#content-promo .content-promo-slide .promo-content h3 {padding:0 0 0 5px;margin:0 0 28px 0;font-size:16px;font-weight:normal;color:#fbd989;font-style:italic;letter-spacing:-1px;text-shadow:0 0 8px rgba(0, 0, 0, 0.5);}
#content-promo .content-promo-slide .promo-content p.innerText{margin:0 0 26px 0;padding:0 0 0 5px;font-size:13px;color:#fff;line-height:23px;}
#content-promo .content-promo-slide .promo-content .btnbox{padding:0 0 0 6px;}
#content-promo .content-promo-slide .promo-content .btnbox .line-btn{display:inline-block;margin:-6px 0 0 10px;font-size:13px;font-weight:bold;vertical-align:middle;text-decoration:underline;}
#content-promo .content-promo-slide .promo-content .promo-links {}
#content-promo .content-promo-state-container {display: block;height: 55px;left: 50%;margin-left: 0;position: absolute;top: 550px;width: 500px;}
#content-promo .content-promo-state-container .content-promo-pager {display: block;height: 40px;position: absolute;right: 18px;text-align: right;top: 51px;width: 400px;z-index: 5;}
#content-promo .content-promo-state-container .content-promo-pager span {margin:0 0 0 4px;display: inline-block;width:22px;height: 22px;cursor:pointer;background:url('/common/img/common/visualnum.png') no-repeat left top;}
#content-promo .content-promo-state-container .content-promo-pager span.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.cycle-pager-active:hover {padding:0;background-position:-22px top;}
#content-promo .content-promo-state-container .content-promo-pager span.vi01{background-position:left top;}
#content-promo .content-promo-state-container .content-promo-pager span.vi02{background-position:left -22px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi03{background-position:left -44px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi04{background-position:left -66px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi05{background-position:left -88px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi06{background-position:left -110px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi07{background-position:left -132px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi08{background-position:left -154px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi09{background-position:left -176px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi10{background-position:left -198px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi11{background-position:left -220px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi12{background-position:left -242px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi13{background-position:left -264px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi14{background-position:left -286px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi01.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi01.cycle-pager-active:hover{background-position:-22px top;}
#content-promo .content-promo-state-container .content-promo-pager span.vi02.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi02.cycle-pager-active:hover{background-position:-22px -22px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi03.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi03.cycle-pager-active:hover{background-position:-22px -44px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi04.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi04.cycle-pager-active:hover{background-position:-22px -66px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi05.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi05.cycle-pager-active:hover{background-position:-22px -88px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi06.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi06.cycle-pager-active:hover{background-position:-22px -110px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi07.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi07.cycle-pager-active:hover{background-position:-22px -132px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi08.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi08.cycle-pager-active:hover{background-position:-22px -154px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi09.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi09.cycle-pager-active:hover{background-position:-22px -176px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi10.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi10.cycle-pager-active:hover{background-position:-22px -198px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi11.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi11.cycle-pager-active:hover{background-position:-22px -220px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi12.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi12.cycle-pager-active:hover{background-position:-22px -242px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi13.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi13.cycle-pager-active:hover{background-position:-22px -264px;}
#content-promo .content-promo-state-container .content-promo-pager span.vi14.cycle-pager-active,
#content-promo .content-promo-state-container .content-promo-pager span.vi14.cycle-pager-active:hover{background-position:-22px -286px;}

/*** MainContainer ***/
.section-wrapper-content-wrapper{overflow:hidden;}
.section-wrapper-content-wrapper a:hover{text-decoration:underline;}


/*** WeekChamp ***/
.left-contents{float:left;width:621px;margin:-15px -621px 0 0;}
.left-contents .contents-box{margin:15px 0 0 0;}
.left-contents .inner-contents {padding:0;border-color:#b4b5b5 #b8b8b8 #b8b8b8 #a3a3a3;border-top:none; }
.left-contents .inner-contents .subtitle.type02{background-position:left -37px;position:relative;}
.left-contents .inner-contents{}
.left-contents .inner-contents .weekList{margin:9px 6px 12px 5px;padding:4px 0 0 3px;border:solid 1px #a3a3a3;box-shadow:inset 0 0 4px rgba(0,0,0,0.3);background:#e5e5e5;}
.left-contents .inner-contents .weekList > li{float:left;width:59px;height:83px;text-align:center;position:relative;}
.left-contents .inner-contents .weekList > li > a{display:block;}
.left-contents .inner-contents .weekList > li > p{font-size:10px;padding:0 2px 0 5px;text-shadow:0 1px 0 #f0f0f0;height:24px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.left-contents .inner-contents .weekList > li > .cham_name{ cursor:pointer; font-size:12px;}
.left-contents .inner-contents .weekList > li:first-child > p{background:none;}
.left-contents .inner-contents .weekList > li > .detail-box{display:none;width:182px;position:absolute;left:-26px;top:78px;z-index:9;overflow:hidden;}
.left-contents .inner-contents .weekList > li:hover .detail-box{display:block;}
.left-contents .inner-contents .weekList > li > .detail-box .title{padding:37px 21px 10px 21px;min-height:35px;color:#000;text-align:left;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bg/framebg.png') no-repeat left top;}
.left-contents .inner-contents .weekList > li .detail-box .title p{font-size:15px;}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph{padding:0 26px 34px 21px;text-align:left;overflow:hidden;background:url('/common/img/common/bg/framebg.png') no-repeat left bottom;}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li{padding:10px 0 0 0; height:20px;background:url('/common/img/common/bullet01.gif') no-repeat 14px 4px; line-height:20px;}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li:first-child{padding-top:14px;background:url('/common/img/common/linept_x.gif') repeat-x left top;}
/*.left-contents .inner-contents .champBox .weekList > li .detail-box .detail-graph li span.subject{width:39px;height:20px;line-height:20px;vertical-align:middle;display:inline-block;font-family: '나눔고딕볼드','NanumGothicBold';}*/
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li span.graph{ float:right; display:block; padding:2px 3px 0 3px;width:89px;height:18px;vertical-align:middle;text-indent:-9999px;border-left:solid 1px #d8d8d8;background:url('/common/img/common/graphpt.gif') repeat-x left top;}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li span.graph em{display:block;height:14px;}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li.graph01 span.graph em{border-top:solid 1px #e37f7f;border-bottom:solid 1px #8d1615;background:#c63837;background:-moz-linear-gradient(top, #d54746, #b42525);background:-webkit-gradient(linear, left top, left bottom, from(#d54746), to(#b42525));}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li.graph02 span.graph em{border-top:solid 1px #7fc6e3;border-bottom:solid 1px #1c6b8a;background:#349ac3;background:-moz-linear-gradient(top, #46acd5, #258bb4);background:-webkit-gradient(linear, left top, left bottom, from(#46acd5), to(#258bb4));}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li.graph03 span.graph em{border-top:solid 1px #e3987f;border-bottom:solid 1px #772f17;background:#c65b37;background:-moz-linear-gradient(top, #d56a46, #b44925);background:-webkit-gradient(linear, left top, left bottom, from(#d56a46), to(#b44925));}
.left-contents .inner-contents .weekList > li .detail-box .detail-graph li.graph04 span.graph em{border-top:solid 1px #e3c17f;border-bottom:solid 1px #b48b25;background:#c39234;background:-moz-linear-gradient(top, #d5a446, #b48325);background:-webkit-gradient(linear, left top, left bottom, from(#d5a446), to(#b48325));}

/*** TabsBtn ***/
.left-contents .tab-contents{position:relative;line-height:0;z-index:1;}
.left-contents .tab-contents > li{line-height:0;}
.left-contents .tab-contents > li > .con-tab-btn{position:absolute;left:0;top:0;*top:7px;padding:24px 0 0 20px;width:171px;height:29px;font-size:14px;line-height:16px;color:#636363;cursor:pointer;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bg/tabsbg.png') no-repeat left top;}
.left-contents .tab-contents li.tabs02 .con-tab-btn{left:190px; color:#636363}
.left-contents .tab-contents li.tabs03 .con-tab-btn{left:380px;color:#636363}
.left-contents .tab-contents li .con-tab-btn:hover{background-position:left -53px;}
.left-contents .tab-contents li.current .con-tab-btn{background-position:left -106px;}
.left-contents .tab-contents li .con-tab-btn em{padding:0 10px 0 0;display:inline-block;height:16px;background:url('/common/img/common/bg/tabsbg.png') no-repeat -20px -10px;}
.left-contents .tab-contents li .con-tab-btn:hover em{background:url('/common/img/common/bg/tabsbg.png') no-repeat -20px -63px;}
.left-contents .tab-contents li .con-tab-btn:hover,
.left-contents .tab-contents li.current .con-tab-btn{color:#000;}
.left-contents .tab-contents li.current .con-tab-btn em{background:url('/common/img/common/bg/tabsbg.png') no-repeat -28px -124px;}

/*** TabSettings ***/
.left-contents .tab-contents li.settings{position:absolute;right:0px;top:1px;*top:8px;width:39px;height:52px;z-index:4;}
.left-contents .tab-contents li.settings > span.subject{display:block;text-indent:-9999px;width:39px;height:52px;cursor:pointer;background:url('/common/img/common/icons.png') no-repeat -158px top;}
.left-contents .tab-contents li.settings.on > span.subject{background-position:-119px top;}
.left-contents .tab-contents li.settings:hover > span.subject{background-position:-82px -258px;}
.left-contents .tab-contents li.settings .detail-box{position:absolute;left:-35px;top:46px;width:118px;line-height:12px;visibility:hidden;font-size:12px;color:#000;}
.left-contents .tab-contents li.settings.on .detail-box{visibility:visible;}
.left-contents .tab-contents li.settings .detail-box .title{padding:30px 6px 10px 0;min-height:16px;color:#000;text-align:center;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bg/framebg.png') no-repeat right top;}
.left-contents .tab-contents li.settings .detail-box .setting-list{padding:0 26px 0 21px;overflow:hidden;background:url('/common/img/common/bg/framebg.png') no-repeat right -55px;}
.left-contents .tab-contents li.settings .detail-box .setting-list li{margin:7px 0 0 0;text-align:left;}
.left-contents .tab-contents li.settings .detail-box .setting-list li .prettyradio{padding-left:0;}
.left-contents .tab-contents li.settings .detail-box .setting-list li.first{margin:0;padding-top:10px;background:url('/common/img/common/linept_x.gif') repeat-x left top;}
.left-contents .tab-contents li.settings .detail-box .setting-list li.end{padding-bottom:7px;*padding-bottom:10px;background:url('/common/img/common/linept_x.gif') repeat-x left bottom;}
.left-contents .tab-contents li.settings .detail-box .setting-list li label{display:inline-block;margin:2px 0 0 0;*margin:3px 0 0 2px;vertical-align:top;font-size:11px;}
.left-contents .tab-contents li.settings .detail-box .setting-list li .prettyradio{vertical-align:top;}
.left-contents .tab-contents li.settings .detail-box .btnbox{padding:9px 6px 0 0;height:46px;text-align:center;background:url('/common/img/common/bg/framebg.png') no-repeat right bottom;}

/*** TabContents ***/
.left-contents .tab-contents li .tab-inner{padding:55px 0 0 0;vertical-align:top;visibility:hidden;display:none;}
.left-contents .tab-contents li.current .tab-inner{display:block;visibility:visible;}
.left-contents .tab-contents li .tab-inner .inner-contents{border:solid 1px;border-color:#b8b8b8}

/** MainContetnsColumn02 **/
.left-contents .column02{margin:3px 0;overflow:hidden;line-height:12px;}
.left-contents .column02:after{ content:''; clear:both; display:block}
.left-contents .column02 .inner-contents{height:271px;}
.left-contents .column02 .leftbox{float:left;width:302px;}
.left-contents .column02 .list-box01 .thumb{margin:0 0 17px 0;}
.left-contents .column02 .list-box01 .thumb a {display:block;}
.left-contents .column02 .list-box01 .thumb a img{width:302px;height:105px;}
.left-contents .column02 .list-box01 ul li.subject{padding:0 0 14px 0;}
.left-contents .column02 .list-box01 ul li{margin:0 0 15px 0;}
.left-contents .column02 .rightbox{margin:0 0 0 307px;width:302px;}
.left-contents .column02.list-type{margin:3px 0 0 -3px;*margin-bottom:3px;}
.left-contents .column02.list-type > li{margin:0 0 3px 3px;float:left;width:302px;height:271px;}
.left-contents .column02.list-type > li .list-box01 ul li.subject{width:240px;min-height:37px;}



/** ListSlide **/
.list-slide{width:609px;height:379px;position:relative;}
.list-slide .slide-btn{position:absolute;z-index:99;right:24px;top:209px;width:73px;height:33px;border:solid 1px #000;color:#c3c3c3;background:url('/common/img/common/checkpt.gif') repeat left top;}
.list-slide .slide-btn .num{float:left;padding:6px 8px 0 11px;width:17px;height:27px;line-height:12px;text-align:left;font-size:10px;background:url('/common/img/common/icons.png') no-repeat -25px -29px;}
.list-slide .slide-btn .num span{display:block;text-align:right;margin:-3px 0 0 0;color:#828282}
.list-slide .slide-btn .btn{margin:0 0 0 36px;padding:9px 0 0 0;height:24px;border-left:dotted 1px #605f5f;text-align:center;font-size:0;}
.list-slide .slide-btn .btn span{margin:0 3px;display:inline-block;width:9px;height:15px;font-size:0;cursor:pointer;position:relative;z-index:999;background:url('/common/img/common/icons.png') no-repeat left -28px;}
.list-slide .slide-btn .btn span.mnext{background-position:-15px -28px;}
.list-slide .slide-btn .btn span:hover{background-position:left -43px}
.list-slide .slide-btn .btn span.mnext:hover{background-position:-15px -43px}
.list-slide .inner-list{height:378px;overflow:hidden; position:relative;}
.list-slide .inner-list > .list-box01{height:378px; position:absolute; left:0; top:0; z-index:1;}
.list-box01 .thumb{margin:0 0 23px 0;}
.list-box01 .thumb img{width:610px;height:182px;border-bottom:solid 1px #fff;}
.list-slide .list-box01{width:610px;}
.list-slide .list-box01 li{line-height:19px;}


/** LilstBox01 **/

.list-box01 ul{padding:0 24px 0 34px;background:#efefef;}
.list-box01 ul li{margin-bottom:8px;height:60px;color:#000;line-height:19px;overflow:hidden;}
.list-box01 ul.type02 li{margin-bottom:13px;height:36px;}
.list-box01 ul.type02 li.subject{margin:0 0 12px 0;}
.list-box01 ul li.subject{width:460px;height:auto;margin:0 0 13px 0;letter-spacing:-1px;padding:0 0 16px 0;background:url('/common/img/common/stepline.gif') no-repeat left bottom;}
.list-box01 ul li.subject a{font-size:14px;text-shadow:0 1px 0 #f9f9f9;color:#000;line-height:18px;}
.list-box01 ul li.subject a:hover {color:#007b66;}
.list-box01 ul li.subject a span{display:block;letter-spacing:0;font-family:'나눔고딕볼드','NanumGothicBold';}
.list-box01 ul li.end{height:auto;margin:0;text-align:right;color:#757575;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box01 ul li.end .category{float:left;}
.list-box01 ul li.end a{color:#757575;}
.list-box01 ul li.end a:hover{color:#007b66;text-decoration:underline;}


/** LilstBox02 **/
/*
.list-box02{margin:0 0 3px 0;line-height:12px;overflow:hidden;}
.list-box02 > li{padding:20px 19px;overflow:hidden;background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.list-box02 > li:first-child{background:none;}
.list-box02 .thumb{float:left;width:160px;text-align:left;}
.list-box02 .thumb a img{width:159px;height:97px;border:solid;border-width:1px 0 1px 1px !important;vertical-align:top;border-color:#6b6b6b #6b6b6b #fff #6c6c6c !important; }
.list-box02 ul{margin:0 0 0 180px;}
.list-box02 ul li{color:#6e6e6e;overflow:hidden;}
.list-box02 ul li.subject{margin:0 0 8px 0;padding:0 0 9px 0;background:url('/common/img/common/stepline.gif') no-repeat -12px bottom;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.list-box02 ul li.subject a{font-size:14px;text-shadow:0 1px 0 #fff;color:#484543;line-height:18px;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 ul li.subject a:hover {color:#007b66;}
.list-box02 ul li.subject a span{font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 ul li.text{margin-bottom:14px;padding-right:54px;line-height:16px;height:34px;position:relative;overflow:hidden;}
.list-box02 ul li.text .more-btn-large{right:0;top:0;}
.list-box02 ul li.end{margin:0;text-align:right;color:#6d6d6d;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 ul li.end .category{float:left;}
.list-box02 ul li.end a{color:#6d6d6d;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 ul li.end a:hover{color:#007b66;text-decoration:underline;}
*/


.list-box02{margin:0 0 3px 0;line-height:12px;overflow:hidden;}
.tabs03 .list-box02{ margin:0 0 1px 0}
.list-box02 > li{padding:22px 19px;overflow:hidden;background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.list-box02 > li:first-child{background:none;}
.list-box02 > li:after{ content:''; clear:both; display:block;}
.tabs03 .list-box02 > li{ padding:19px 19px;}
.list-box02 .thumb{float:left; display:block; width:160px; margin-right:20px;}
.list-box02 .thumb img{width:159px;height:97px;border:solid;border-width:1px 0 1px 1px !important;vertical-align:top;border-color:#6b6b6b #6b6b6b #fff #6c6c6c !important; }
.list-box02 {color:#000;overflow:hidden;}
.list-box02 .subject{ display:block; margin:0 0 8px 0;padding:0 0 9px 0;background:url('/common/img/common/stepline.gif') no-repeat -12px bottom;font-size:14px;text-shadow:0 1px 0 #fff;color:#000;line-height:18px;font-family: '나눔고딕볼드','NanumGothicBold';overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.list-box02 .subject:hover {color:#007b66;}
.list-box02 .subject span{font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 .text{margin-bottom:14px;padding-right:54px;line-height:16px;height:34px;position:relative;overflow:hidden;}
.list-box02 .text .more-btn-large{right:0;top:0;}
.list-box02 .end{ display:block; margin:0;text-align:right;color:#757575;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 .end .category{float:left;}
.list-box02 .end a{color:#757575;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-box02 .end a:hover{color:#007b66;text-decoration:underline;}

/** MediaBox **/
.media-box{line-height:12px;height:255px;position:relative;}
.media-box li{margin:3px 0 0 0;height:83px;vertical-align:top;}
.media-box li .thumb-link{width:153px;height:83px;margin:0 0 0 auto;position:relative;cursor:pointer;}
.media-box li .media-icon{right:6px;top:7px;}
.media-box li .thumb img{width:153px;height:83px;}
.media-box li .subject{position:absolute;left:0;bottom:0;padding:4px 0 0 0;width:100%;height:17px;background:url('/common/img/common/bg/shadowpt.png') repeat left top;}
.media-box li .subject p{width:135px;color:#ddd;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.media-box li .subject p a{color:#ddd;}
.media-box li .player{margin:0;position:absolute;left:0;top:0;width:454px;height:255px;display:none;}
.media-box li.current .player{display:block;}
.media-box li .player .inner-play > *{width:454px;height:255px;}
.media-box li .player a img{width:454px;height:255px;}
.media-box li .player .subject{padding:20px 0 0 0;width:100%;height:37px;}
.media-box li .player .subject p{margin:0;padding:0 0 0 26px;width:380px;line-height:16px;}
.media-box li .player .subject p a{font-size:14px;color:#ddd;font-family: '나눔고딕볼드','NanumGothicBold';}
.media-box li .player .subject .media-icon{right:9px;top:15px;}

/** 이전버전
.media-icon {position:absolute;width:23px;height:24px;text-indent:-9999px;background:url('/common/img/common/icons.png') no-repeat left -62px;}
.media-box{line-height:12px;height:255px;position:relative;}
.media-box li{width:153px;height:83px;margin:3px 0 0 auto;position:relative;}
.media-box li .media-icon{right:6px;top:7px;}
.media-box li a img{width:153px;height:83px;}
.media-box li .subject{position:absolute;left:0;bottom:0;padding:4px 0 0 0;width:100%;height:17px;background:url('/common/img/common/bg/shadowpt.png') repeat left top;}
.media-box li .subject p{width:135px;color:#dcdcdc;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.media-box li .subject p a{color:#dbd9d8;}

.media-box li.large{margin:0;position:absolute;left:0;top:0;width:454px;height:255px;}
.media-box li.large a img{width:454px;height:255px;}
.media-box li.large .subject{padding:20px 0 0 0;width:100%;height:37px;}
.media-box li.large .subject p{margin:0;padding:0 0 0 26px;width:380px;line-height:16px;}
.media-box li.large .subject p a{font-size:14px;color:#dcdcdc;font-family: '나눔고딕볼드','NanumGothicBold';}
.media-box li.large .subject .media-icon{right:9px;top:15px;}
**/

/*** right-contents ***/
.right-contents{ float:right; width:302px; *margin-top:0;}
.right-contents div:first-child{margin-top:0;}
.right-contents .inner-contents .subtitle.type02{background-position:left -37px;}
.right-contents .contents-box{margin:15px 0 0 0;}
.right-contents .contents-box .inner-contents{padding:0;}

/** Login **/
.login{min-height:139px;}
.login .login-list{padding:10px 0 0 14px;position:relative;}
.login .login-list li{margin:0 0 3px 0;*margin:0 0 1px 0;color:#000;position:relative;}
.login .login-list li a{color:#000;}
.login .login-list li.key{margin:0 0 8px 0;*margin-bottom:3px;}
.login .login-list li.key label{vertical-align:top;}
.login .login-list li span{display:inline-block;border-bottom:solid 1px #fafafa;}
.login .login-list li span.btn-border{padding:4px;}
.login .login-list li span label{visibility:visible;position:absolute;left:7px;top:50%;margin:-7px 0 0 0;color:#3d3d3d;}
.login .login-list li span.current label{visibility:hidden;}
.login .login-list li input[type="text"],
.login .login-list li input[type="password"]{padding:0 5px 1px 5px;width:157px;height:23px;line-height:23px;border:solid 1px #bfbfbf;box-shadow:inset 0 0 1px #e1e1e1;}
.login .login-list li.login-btn{position:absolute;right:20px;top:25px;width:75px;}
.login .login-list li.end{margin:5px 0 0 0;color:#000;}
.login .login-list li.end a:hover{color:#007b66;text-decoration:underline;}
.loginInfo .contents-box{margin:14px 16px 7px 16px; margin-top:10px !important;}
.loginInfo .contents-box .myImg{float:left;margin:1px 0 0 0;width:48px;height:48px;}
.loginInfo .contents-box .myImg img{width:48px;height:48px;}
.loginInfo .contents-box .myInfo{margin:0 0 0 53px;padding:2px 9px 0 9px;height:46px;border:solid 1px #b4b5b5;background:#efefef;}
.loginInfo .contents-box .myInfo li{margin:3px 0 0 0;padding:5px 0 0 0;text-align:right;border:none;color:#000;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.loginInfo .contents-box .myInfo li:first-child{margin:0;padding:4px 0 0 0;background:none;}
.loginInfo .contents-box .myInfo li span{float:left;font-family: '나눔고딕','NanumGothic';}
.loginInfo .contents-box .myInfo span.myinfo-name-type {width:42px; text-align: left;}
.loginInfo .contents-box .myInfo a.myinfo-summoner-name-ellipsis {width:134px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;}
.loginInfo .btnbox{padding:0 17px 0 16px;text-align:right;}
.loginInfo .btnbox .leftBtn{float:left;}
.loginInfo .btnbox .leftBtn span{margin:0 2px 0 0;}


/* login history */
.main-login-history {
    border-top:1px dashed #cdcdcd;
    margin: 17px 17px 5px;
}
.main-login-history__inner {
    display: -ms-flexbox;
    display:flex;
    border-top:1px dashed #fff;
    padding:13px 0 13px;
    line-height:1.6;
    font-family: "나눔고딕볼드", "NanumGothicBold";
}
.main-login-history__msg {
    padding-top:7px;
}
.main-login-history__warning {
    margin-left:7px;
    padding-top:0;
    padding-left:50px;
    background:url('/common/img/main/login-history-warning.png') no-repeat;
}
.main-login-history__warning span {
    color:#ff5c00;
}
.main-login-history__btns{
    margin-left: auto;
    margin-top:5px;
}


/** Infomessage **/
.info-message{margin:15px 0 20px 0 ;padding:8px;overflow:hidden;}
.info-message .inner-message{float:left;width:58px;height:34px;text-indent:-9999px;background:url('/common/img/common/icons.png') no-repeat -24px -62px;}
.info-message .rolling-box{margin:0 0 0 65px;color:#000;position:relative;top:11px;height:20px;overflow:hidden;}
.info-message .rolling-box .item{height:20px;width:212px;font-family: '나눔고딕볼드','NanumGothicBold';}
.info-message p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/** SearchTabs **/
.search_tabsWrap{}
.search_tabsWrap.border-box{ padding:4px 4px 4px 3px;}
.search-tabs{position:relative;height:33px; *zoom:1; margin:0;}
.search-tabs:after{ content:''; clear:both; display:block;}
.search-tabs > li{float:left;width:97px;}
.search-tabs > li:first-child{width:98px;margin-left:1px;}
.search-tabs > li .tab-btn{display:block;height:31px;line-height:30px;font-size:12px;text-align:center;color:#636363;border:solid 1px;cursor:pointer;border-color:#e6e6e6 #bbb #d2d2d2 #ededed;border-radius:2px 2px 0 0;background:#ddd;font-family: '나눔고딕볼드','NanumGothicBold';}
.search-tabs > li.current .tab-btn{color:#636363;border-color:#efefef #bbb #efefef #efefef;background:#efefef;}
.search_tabsWrap .inner-contents{ padding:13px 19px 0 19px !important;width:253px;height:84px;border-top:none;}
.search_tabsWrap .inner-contents .search-input{margin:0 0 7px 0;position:relative;padding:0 54px 0 0;vertical-align:top;}
.search_tabsWrap .inner-contents .search-input span{display:inline-block;border:solid 1px #dad8d8;}
.search_tabsWrap .inner-contents .search-input span input{padding:0 6px;width:176px;height:28px;line-height:27px;border:solid 4px #323131;box-shadow:0 0 1px #dad8d8;}

/** RightQuick **/
.right-quick{text-align:right;}
.right-quick li{padding:9px 1px 0 0;background:url('/common/img/common/linept_x.gif') repeat-x left top;}
.right-quick li:first-child{padding:12px 1px 0 0;background:none;}

/** RightBoard **/
.tab-board{margin:-1px 0 0 -1px;position:relative;height:165px;padding:0 20px !important;}
.tab-board > li{float:left;padding:16px 0 0 0;}
.tab-board  .tab-btn{margin:0 14px 0 0;padding:0 0 0 11px;display:block;font-size:13px;color:#848484;text-shadow:0 1px 0 #fafafa;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bullet.png') no-repeat left -275px;}
.tab-board  .tab-btn:hover {text-decoration:underline;}
.tab-board  .first .tab-btn{padding:0;background:none;}
.tab-board  .current .tab-btn{color:#000;}
.tab-board  .inner-contents{display:none;position:absolute;left:20px;top:37px;width:250px;border:none;}
.tab-board  .current .inner-contents{display:block;}
.tab-board  .inner-contents .b-list{padding:16px 0 0 0;background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.tab-board  .inner-contents .b-list li{margin:0 0 4px 0;height:16px;padding:0 0 0 6px;background:url('/common/img/common/bullet01.gif') no-repeat left 5px;}
.tab-board  .inner-contents .b-list li a{margin:-1px 0 0 0;color:#000;display:inline-block;max-width:222px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
.tab-board  .inner-contents .b-list li a:hover {color:#007b66;text-decoration:underline;}
.tab-board  .inner-contents .b-list li span{margin:-1px 0 0 1px;}
.tab-board  .inner-contents .b-list li a.width0{max-width:244px;}
.tab-board  .inner-contents .b-list li a.width1{max-width:222px;}
.tab-board  .inner-contents .b-list li a.width2{max-width:203px;}
.tab-board  .inner-contents .b-list li a.width3{max-width:184px;}
.tab-board  .inner-contents .b-list li a span.icons{margin:0 4px 0 0;vertical-align:top;}

.tab-board.main-faqtype{height:211px;}
.tab-board.main-faqtype .tab-btn {text-decoration:none;}
.tab-board.main-faqtype .request-btn{margin:13px 0 0 0;display:block;padding:10px 8px 9px 14px;border:solid 1px #b2b2b2;background:#fff url('/common/img/common/bullet.png') no-repeat 236px -292px;}
.tab-board.main-faqtype .request-btn span{display:inline-block;width:100px;padding:0 0 0 26px;height:16px;color:#000;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bulletlarge.png') no-repeat left -44px;}
.tab-board.enjoy-info{height:123px;}
.tab-board.enjoy-info .tab-btn {text-decoration:none;}
.tab-board.enjoy-info a em{display:inline-block;margin:0;padding:0 12px 0 0;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bullet.png') no-repeat right -276px;}
.tab-board.enjoy-info a:hover em {text-decoration:underline;}

/** RightBannser **/
.right-banner{margin:19px 0 0 0 !important;}
.right-banner.border-box{ padding:4px 4px 4px 3px;}
.right-banner #slides{background:#b8b8b8;padding:1px 0 1px 1px;}
.right-banner .slides_control{}
.rank-system{margin:16px 0 15px 0;}
.rank-system li{margin:6px 0 0 0;}
.rank-system li:first-child{margin:0;}
.enjoy-box{margin-top:13px !important; padding-top:3px !important; }

/**** Slide Banner ***/
/*#slides {position:relative;z-index:1;margin:-1px 0 0 -1px;}*/
#slides {position:relative;z-index:1;}
#slides .slides-container {width:291px;overflow:hidden;position:relative;display:none;}
#slides .slides-container div{width:291px;height:327px;display:block;}
#slides .slides-container div a img{width:291px;height:327px;display:block;}
#slides .next,
#slides .prev{position:absolute;top:50%;margin:-69px 0 0 0;z-index:9;}
#slides .prev{left:0px;}
#slides .next{right:0;}
#slides02 .pagination{display:none;}
#slides03 .pagination{display:none;}
#slides04 .pagination{display:none;}
#slides .pagination{left:0;bottom:17px;width:274px;position:absolute;z-index:9;display:block;text-align:right;}
#slides .pagination li {display:inline-block;*display:inline;*zoom:1;text-align:center;margin:0 0 0 12px !important;box-shadow:0 0 2px rgba(0, 0, 0, 0.2);}
#slides .pagination li a{float:left;display:block;width:8px;height:8px;background:url('/common/img/common/icons.png') no-repeat -20px -338px;overflow:hidden;font:0/0 a;}
#slides .pagination li.current a {background-position:0 -338px;}

/*** e-Sports Schedule ***/
.e-schedule{margin:0 0 3px 0;padding:20px 19px !important;line-height:12px;overflow:hidden;}
.e-schedule .title-bg-type02{margin:0 0 17px 0;}
.e-schedule .btnbox{position:relative;height:31px;border-top:solid 1px #c3c3c3;border-bottom:solid 1px #fff;background:url('/common/img/common/dotpt02.gif') repeat left top;}
.e-schedule .btnbox span{display:block !important;position:absolute;top:-1px;padding:7px 0 0 11px;width:21px;height:23px;cursor:pointer;border:solid 1px #000;;background:url('/common/img/common/checkpt.gif') repeat left top;}
.e-schedule .btnbox span.prev{left:0;}
.e-schedule .btnbox span.next{right:0;}
.e-schedule .btnbox span em{display:block;width:9px;height:15px;background:#ccc;text-indent:-9999px;background:url('/common/img/common/icons.png') no-repeat left -28px;}
.e-schedule .btnbox span.next em{background-position:-15px -28px;}
.e-schedule .btnbox span:hover em{background-position:left -43px}
.e-schedule .btnbox span.next:hover em{background-position:-15px -43px}
.e-schedule .schdule-list{overflow:visible !important;}
.e-schedule .schdule-list .game-info{}
.e-schedule .schdule-list .inner-list{position:relative;height:121px;overflow:visible !important;}
.e-schedule .schdule-list .game-schedule{position:absolute;left:34px;top:-32px;width:503px;height:31px;line-height:31px;font-size:10px;text-align:center;color:#000;text-shadow:0 1px 0 #f6f6f6;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/dotpt02.gif') repeat left top;}
.e-schedule .schdule-list .game-schedule span{font-size:12px;}
.e-schedule .schdule-list .game-schedule span.time{color:#000;}
.e-schedule .schdule-list .game-info{padding:22px 0 0 0;width:572px;}
.e-schedule .schdule-list .game-info ul{height:98px;text-align:center;background:#efefef;}
.e-schedule .schdule-list .game-info ul li{float:left;width:104px;}
.e-schedule .schdule-list .game-info ul li.vs{padding:18px 0 0 0;width:40px;color:#000;font-size:12px;text-shadow:0 1px 0 #f6f6f6;font-family: '나눔고딕볼드','NanumGothicBold';}
.e-schedule .schdule-list .game-info ul li.vs p{margin:3px 0 0 0;font-size:20px;letter-spacing:-1px;line-height:20px;}
.e-schedule .schdule-list .game-info ul li .team-name{color:#484543;text-shadow:0 1px 0 #f6f6f6;font-size:12px;font-family: '나눔고딕볼드','NanumGothicBold';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.e-schedule .schdule-list .game-info .game01{padding:0 22px 0 12px;float:left;width:251px;margin:0 -285px 0 0;}
.e-schedule .schdule-list .game-info .game02{padding:0 0 0 22px;width:260px;margin:0 0 0 285px;border-left:dotted 2px #919191;}
.tabs02 .media-box{margin-bottom:3px;}
.tabs02 .column02{margin-bottom:0;}
.team-logo{width:104px;height:80px;text-indent:-9999px;background:url('/common/img/main/teamlogo.png') no-repeat center top;}
.team-logo.mvp{background-position:center top;}
.team-logo.najinSh{background-position:center -80px;}

/***메인 E스포츠 - 131106 충 ***/
.e-scheduleMain{margin:0 0 3px 0;padding:20px 19px !important;line-height:12px;overflow:hidden;}
.e-scheduleMain .schedule-top{margin:3px 20px 0; background:url('/common/img/common/linept_x2.gif') repeat-x left 16px;}
.e-scheduleMain .schedule-top .btnbox{position:relative; width:220px;margin:0 auto;background:none;}
.e-scheduleMain .title-bg-type02{margin:0 0 17px 0;}
.e-scheduleMain .btnbox span{display:block !important;position:absolute;top:-1px;padding:7px 0 0 11px;width:21px;height:23px;cursor:pointer;border:solid 1px #000;;background:url('/common/img/common/checkpt.gif') repeat left top;}
.e-scheduleMain .btnbox span.prev{left:0;}
.e-scheduleMain .btnbox span.next{right:0;}
.e-scheduleMain .btnbox span em{display:block;width:9px;height:15px;background:#ccc;text-indent:-9999px;background:url('/common/img/common/icons.png') no-repeat left -28px;}
.e-scheduleMain .btnbox span.next em{background-position:-15px -28px;}
.e-scheduleMain .btnbox span:hover em{background-position:left -43px}
.e-scheduleMain .btnbox span.next:hover em{background-position:-15px -43px}
.e-scheduleMain .today{width: 151px; height: 31px; margin: 0 0 0 34px; background: url('/common/img/common/dotpt02.gif') repeat left top; color: #000; font-size: 14px; font-family: "나눔고딕볼드","NanumGothicBold"; text-align: center; line-height: 31px; text-shadow: 0 1px #f6f6f6;}
.e-scheduleMain .today i{ font-style:normal;}
.e-scheduleMain .btnbox div{ display:inline-block; line-height:31px;}
.e-scheduleMain .btnbox div i{ color:#484543; font-size:14px; font-style:normal; font-family:'나눔고딕볼드','NanumGothicBold'; text-shadow:0 1px 0 #f6f6f6;}
.e-scheduleMain .schdule-list{overflow:visible !important;}
.e-scheduleMain .schdule-list .game-info{ padding-top:10px}
.e-scheduleMain .schdule-list .inner-list{position:relative; overflow:visible !important;}
.e-scheduleMain .schdule-list .game-schedule{position:absolute;left:34px;top:-32px;width:503px;height:31px;line-height:31px;font-size:10px;text-align:center;color:#514f4d;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/dotpt02.gif') repeat left top;}
.e-scheduleMain .schdule-list .game-schedule span{font-size:12px;}
.e-scheduleMain .schdule-list .game-schedule span.time{color:#817f7e;}
.e-scheduleMain .schdule-list .game-info{ padding:0 4px;}
.e-scheduleMain .schdule-list .game-info:after{ content:''; clear:both; display:block;}
.e-scheduleMain .schdule-list .game-info ul{ position:relative; float:left; height:110px; background:url('/common/img/sub/bg/eSport_match_bg.png') 0 38px no-repeat; padding:21px 17px 40px;}
.e-scheduleMain .schdule-list .game-info .game01{ border-right:1px solid #cbcbcb;}
.e-scheduleMain .schdule-list .game-info .game02{ border-left:1px solid #fff;}
.e-scheduleMain .schdule-list .game-info .cursor_pointer{cursor:pointer}
.e-scheduleMain .schdule-list .game-info ul li{float:left;width:132px;}
.e-scheduleMain .schdule-list .game-info ul li.vs{ position:absolute; left:126px; top:20px; float:none;width:46px;color:#000;font-size:12px;text-shadow:0 1px 0 #f6f6f6;font-family: '나눔고딕볼드','NanumGothicBold'; text-align:center;}
.e-scheduleMain .schdule-list .game-info ul li.vs strong{ display:block; color: #000; height:12px; text-align:center; font-size:18px; letter-spacing:2px; text-shadow: 0 1px 0 #f6f6f6;}
.e-scheduleMain .schdule-list .game-info ul .noLeague{ position: absolute; top: 20px; width: 264px;}
.e-scheduleMain .schdule-list .game-info ul li.vs p{margin:3px 0 0 0;font-size:20px;letter-spacing:-1px;line-height:20px;}
.e-scheduleMain .schdule-list .game-info ul li.vs p.vs_bg{ width:46px; height:46px; margin-top:24px; font-size: 0; line-height: 0; background: url('/common/img/common/icons.png') no-repeat left -211px;}
.e-scheduleMain .schdule-list .game-info ul li.vs .gameTime{margin-top:16px; padding: 2px 5px 3px 5px; font-size: 9px; color: #fff; box-shadow: 0 2px 4px rgba(100, 100, 100, 0.4); border-radius: 2px; font-family:'나눔고딕','NanumGothic'; background: #907b69; letter-spacing:0; line-height:normal;}
.e-scheduleMain .schdule-list .game-info ul li .team-name{margin-bottom:8px;color:#000;text-shadow:0 1px 0 #f6f6f6;font-size:12px;font-family: '나눔고딕볼드','NanumGothicBold';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.e-scheduleMain .schdule-list .game-info ul .leagueName{clear: both; text-align: center; float: none; width: auto;}
*:first-child +html .e-scheduleMain .schdule-list .game-info ul .leagueName{margin-top:-20px;}
*:first-child +html .e-scheduleMain .schdule-list .game-info ul .leagueName.noLeague{margin-top:0;}
.e-scheduleMain .schdule-list .game-info ul .leagueName.noLeague{ position: absolute; top: 20px; width: 264px;}
.e-scheduleMain .schdule-list .game-info ul .left-team, .e-scheduleMain .schdule-list .game-info ul .right-team{ height:107px; margin-bottom:19px; text-align:center;}
.e-scheduleMain .schdule-list .inner-list .eSports_matchbtn{ position:absolute; top:75px; display:block; width:9px; height:16px; background:url('/common/img/common/eSports_matchbtn.png') no-repeat; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; display:none; z-index: 2; cursor:pointer}
.e-scheduleMain .schdule-list .inner-list .eSports_matchleft{ left:20px; background-position:0 0;}
.e-scheduleMain .schdule-list .inner-list .eSports_matchright{ right:20px; background-position:0 -20px;}
/*.e-scheduleMain .schdule-list .game-info .game01{padding:0 22px 0 12px;float:left;width:251px;margin:0 -285px 0 0;}
.e-scheduleMain .schdule-list .game-info .game02{padding:0 0 0 22px;width:260px;margin:0 0 0 285px;border-left:dotted 2px #919191;}*/
.tabs02 .media-box{margin-bottom:3px;}
.tabs02 .column02{margin-bottom:0;}
.team-logo{width:104px;height:80px;text-indent:-9999px;background:url('/common/img/main/teamlogo.png') no-repeat center top;}
.team-logo.mvp{background-position:center top;}
.team-logo.najinSh{background-position:center -80px;}
/** tab-board02 **/
.tab-board02{margin:0;position:relative;height:165px;padding:0 20px !important;}
.tab-board02 > li{float:left;padding:19px 0 0 0;}
*:first-child +html .tab-board02 .current .tab-btn{letter-spacing:-1px;}
.tab-board02  .tab-btn{margin:0 14px 0 0;padding:0 0 0 11px;display:block;font-size:13px;color:#848484;text-shadow:0 1px 0 #fafafa;cursor:pointer;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bullet.png') no-repeat left -275px;}
.tab-board02  .first .tab-btn{padding:0;background:none;}
.tab-board02  .current .tab-btn{color:#000;}
.tab-board02  .inner-contents{visibility:hidden;position:absolute;left:20px;top:40px;width:263px;height:auto !important;border:none !important;}
.tab-board02  .current .inner-contents{visibility:visible;}
.tab-board02  .inner-contents .b-list{padding:16px 0 0 0;width:263px;background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.tab-board02  .inner-contents .b-list li{margin:0 0 7px 0;text-align:right;padding:0px;background:#efefef;}
.tab-board02  .inner-contents .b-list li a{float:left;width:197px;text-align:left;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tab-board02  .inner-contents .b-list li span{margin:-1px 0 0 0;}
.tab-board02  .slides-container{height:190px;padding:0 0 13px 0;background:url('/common/img/common/linept_x2.gif') repeat-x left bottom;}
.tab-board02  .pagination{position:absolute;left:0;bottom:-29px;height:13px;border:solid 1px #000;background:url('/common/img/common/checkpt.gif') repeat left top;}
.tab-board02  .pagination li{float:left;margin:0 3px 0 0;padding:0 0 0 5px;background:url('/common/img/common/bullet.png') no-repeat left -318px;}
.tab-board02  .pagination li:first-child{background:none;}
.tab-board02  .pagination li a{display:block;height:13px;line-height:12px;color:#a4a4a4;font-size:9px;font-weight:bold;font-family:"Verdana";}
.tab-board02  .pagination li.current a{color:#d8d8d8;}
.textInfo01{padding:0;vertical-align:middle;display:inline-block;width:53px;height:15px;line-height:15px;text-align:center;color:#fafafa;font-size:9px;border:solid 1px #000;background:url('/common/img/common/checkpt.gif') repeat left top;}
.textInfo02{padding:0;vertical-align:middle;display:inline-block;width:53px;height:15px;line-height:15px;text-align:center;color:#fafafa;font-size:9px;border:solid 1px #898989;background:url('/common/img/common/dotpt03.gif') repeat left top;}
.textInfo03{padding:0;vertical-align:middle;display:inline-block;width:53px;height:15px;line-height:15px;text-align:center;color:#fafafa;font-size:9px;border:solid 1px #a74204;background:url('/common/img/common/orangept.gif') repeat left top;}
.textInfo04{padding:0;vertical-align:middle;display:inline-block;width:53px;height:15px;line-height:15px;text-align:center;color:#fafafa;font-size:9px;border:solid 1px #04789a;background:url('/common/img/common/skybluept.jpg') repeat left top;}

/*** Forum ***/
.forum-box{margin:0 0 3px 0;padding:20px 19px 19px 20px !important;line-height:12px;overflow:hidden;}
.forum-box .title-bg-type02{margin:0 0 11px 0;*margin:0 0 8px 0;padding-bottom:13px;background-position:-10px bottom;position:relative;}
.forum-box .title-bg-type02 .more-btn-large{position:absolute;right:0;top:0;}
.forum-box .title-bg-type02 span{margin:-2px 0 0 0;line-height:14px;display:inline-block;max-width:460px;vertical-align:middle;*vertical-align:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.forum-hidden{height:268px;overflow: hidden;padding:3px !important;border:solid 1px;border-color:#aaa #f7f7f7 #f7f7f7 #aaa;overflow:hidden;background:url('/common/img/common/dotpt02.gif') repeat left top !important;}
.main-forum{ width:568px;color: #000;}
.main-forum li{margin:0 3px 3px 0;float: left;width: 277px;border:solid 1px #c4c4c4;}
.main-forum li > div{height: 74px;padding:9px 9px 0 9px;border:solid 1px;border-color:#fff;background:#ececec;}
/* dom 사용안함 확인후 삭제 */
.main-forum td span.border-box{margin:0;padding:3px;display:inline-block;}
.main-forum li > div .detail-table td{vertical-align:middle;}
.main-forum li > div .detail-table td .border-box{margin:0;}
.main-forum li > div .detail-table td .border-box img{width:60px;height:60px;}
.main-forum li > div .detail-table td a{font-size:14px;color:#454545;font-family: '나눔고딕볼드','NanumGothicBold';}
.main-forum li > div .detail-table td p{margin:6px 0 0 0;color:#454545;line-height:15px;}
/* dom 사용안함 확인후 삭제 */
.main-forum li:after{ content:''; clear:both; display:block;}
.main-forum li .subjectImg{ float:left; margin-right:12px;padding:3px;border: solid 1px;border-color: #9a9a9a #ececec #ececec #9a9a9a;box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.2);background: url('/common/img/common/contentspt.png') repeat left top;}
.main-forum li .subjectImg a{ display:block;}
.main-forum li .subjectTit{ display:block; margin-top:10px; color: #000; font-size: 14px; font-family: '나눔고딕볼드','NanumGothicBold';}
.main-forum li .sbujectCon{ height:30px; margin: 6px 0 0 0; color: #000; font-size:12px;line-height: 15px; overflow:hidden;}



.list-2column{padding:3px 0 0 3px;*padding-bottom:3px;border:solid 1px #aaa;overflow:hidden;background:url('/common/img/common/dotpt02.gif') repeat left top;}
.list-2column li{margin:0 2px 3px 0;float:left;padding:1px;border:solid 1px #c4c4c4;background:#fff;}
.list-2column li div{background:#ececec url('/common/img/main/forumbg.png') no-repeat right top;}
.list-2column li div a{padding:24px 0 0 16px;font-size:12px;display:block;width:260px;height:59px;color:#484543;text-shadow:0 1px 0 #f9f9f9;line-height:17px;font-family: '나눔고딕볼드','NanumGothicBold';}
.list-2column li div a span{font-size:13px;}
.list-2column li.forum02 div{background-position:right -83px;}
.list-2column li.forum03 div{background-position:right -166px;}
.list-2column li.forum04 div{background-position:right -249px;}
.list-2column li.forum05 div{background-position:right -332px;}
.list-2column li.forum06 div{background-position:right -415px;}
.forumColumn > .inner-contents{height:164px !important;}

/*** DefaultBoard ***/
.default-board{padding:16px 20px 0 19px;}
.default-board .board-title{margin:0 0 14px 0;padding:0 0 11px 0;position:relative;font-size:13px;color:#000;text-shadow:0 1px 0 #fafafa;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/linept_x2.gif') repeat-x left bottom;}
.default-board .board-title a{top:0;}
.default-board .default-list{}
.default-board .default-list li{margin:7px 0 0 0;*margin-top:6px;padding:0 0 0 6px;background:url('/common/img/common/bullet01.gif') no-repeat left 50%;}
.default-board .default-list li a{display:inline-block;color:#000;/*margin: -1px 0 0;*/margin:0;max-width: 254px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.default-board .default-list li a:hover {color:#007b66;text-decoration:underline;}
.default-board .default-list li span{margin:-1px 0 0 1px;}
.default-board .default-list li a.width0{max-width:254px;}
.default-board .default-list li a.width1{max-width:232px;}
.default-board .default-list li a.width2{max-width:213px;}
.default-board .default-list li a.width3{max-width:194px;}
.default-board .default-list li a span.icons{margin:0 4px 0 0;vertical-align:top;}


.default-board .board-info{margin:1px;padding:18px 0 0 0;height:72px;border:solid 1px;border-color:#d0d0d0 #f3f3f3 #f3f3f3 #d0d0d0;background:url('/common/img/common/dotpt02.gif') repeat left top;}
.default-board .board-info li{margin:0 0 5px 0;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;text-align:center;font-family: '나눔고딕볼드','NanumGothicBold';}

/*** GalleryList ***/
.gallery-box{margin:0 0 3px 0;padding:21px 20px 18px 20px !important;line-height:12px;overflow:hidden;position:relative;}
.gallery-box.type02{margin:0;}
.gallery-box .fan-site{position:absolute;right:20px;top:19px;width:125px;line-height:14px;}
.gallery-box .fan-site .site-list{border:solid 1px #aaa;overflow:hidden;background:url('/common/img/common/dotpt02.gif') repeat left top;}
.gallery-box .fan-site .site-list li{background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.gallery-box .fan-site .site-list li:first-child{background:none;}
.gallery-box .fan-site .site-list li a{display:block;padding:11px 0 0 11px;height:27px;}
.gallery-box .fan-site .site-list li a.large span{margin:-5px 0 0 0;}
.gallery-box .fan-site .site-list li a span{display:inline-block;width:40px;height:20px;vertical-align:top;color:#58544f;text-align:center;letter-spacing:-1px;background:url('/common/img/common/bullet.png') no-repeat 39px -337px;}
.gallery-box .fan-site .site-list li a em{display:inline-block;width:66px;height:20px;vertical-align:top;text-indent:-9999px;background:url('/common/img/common/fansite.png') no-repeat center top;}
.gallery-box .fan-site .site-list li.site02 a em{background-position:center -25px;}
.gallery-box .fan-site .site-list li.site03 a em{background-position:center -50px;}
.gallery-box .fan-site .site-list li.site03 a span{background-position:39px -331px;}
.gallery-box .title-bg-type02{margin:0 0 11px 0;padding-bottom:14px;background-position:-10px bottom;}
.gallery-list{ height:113px; overflow:hidden;}
.gallery-list:after{ content:''; clear:both; display:block;}
.gallery-list li{margin:0 0 0 9px;float:left;width:135px; text-align:center;}
.gallery-list li:first-child{margin:0;}
.gallery-list li .thumb{ display:block; margin:0 0 4px 0;}
.gallery-list li .thumb img{width:135px;height:95px;border-bottom:solid 1px #fff;}
.gallery-list li .subject{height:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:12px;color:#484543; font-family: '나눔고딕볼드','NanumGothicBold';}


/* 메인 새소식 영역 fade슬라이드 css - 충 */
.riot_newsWrap .riot_newsPrev{position:absolute; left:547px; top:209px;display: inline-block;width: 19px;height: 35px;color: #000;font-size: 0;cursor: pointer;z-index: 10;background: url('/common/img/common/btn_riot_news.gif') no-repeat 0 0;}
.riot_newsWrap .riot_newsPrev:hover{background-position:0 -70px;}
.riot_newsWrap .riot_newsNext{position:absolute;left:566px; top:209px;display: inline-block;width: 19px;height: 35px;color: #000;font-size: 0;cursor: pointer;z-index: 10;background: url('/common/img/common/btn_riot_news.gif') no-repeat 0 -35px;}
.riot_newsWrap .riot_newsNext:hover{background-position:0 -105px;}
.riot_newsWrap .riot_newsPage{ position:absolute;left:510px; top:209px; width:26px; height:27px; padding:6px 0 0 10px; border:1px solid #000000; border-right:none; z-index:10; background:#282727 url('/common/img/common/icons.png') no-repeat -25px -29px;}
.riot_newsWrap .riot_newsPage li{display:none;}
.riot_newsWrap .riot_newsPage .current{display:block;}
.riot_newsWrap .riot_newsPage li a{color:#c3c3c3; font-size:10px; line-height:12px; cursor:Default; }
.riot_newsWrap .riot_newsTotal{ position:absolute; left:533px; top:227px; z-index:11; display:block; color: #828282; font-size:10px; line-height:12px;}


/* 메인 자주하는 질문들 or 즐거운게임을 휘한안내 에 쓰이는 dot_list */
.faq-box{padding-top:3px !important;}
.dot_list{position:relative; margin-left:-1px; padding:16px 20px; background:#efefef; border:1px solid #b8b8b8;}
.dot_list .more-btn-small{ position:absolute;right:20px;top:17px;width:13px;height:13px;text-indent:-9999px;border-bottom:solid 1px #fafafa;background:url('/common/img/common/icons.png') no-repeat -80px -36px; }
.list_menu{ padding-bottom:7px; *zoom:1; }
.list_menu:after{ content:''; display:block; clear:both; }
.list_menu li{ float:left;}
.list_menu li a{ margin:0 11px 0 0; padding-left:14px;display:block;font-size:13px;color:#848484;text-shadow:0 1px 0 #fafafa;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bullet.png') no-repeat left -275px; }
.list_menu li:first-child a{padding:0; background:none;}
.list_menu .current a{ color:#3c3c3c;}
.dot_list > strong{display: block; font-size: 13px; padding-bottom:7px;  color:#000; text-shadow: 0 1px 0 #fafafa; font-family: '나눔고딕볼드','NanumGothicBold';}
.dot_list .b-list{padding: 16px 0 0 0; background:url('/common/img/common/linept_x2.gif') repeat-x left top;}
.dot_list .b-list li{margin: 0 0 4px 0; height: 16px; padding: 0 0 0 6px; background: url('/common/img/common/bullet01.gif') no-repeat left 5px;}
.dot_list .b-list li a{margin:-1px 0 0 0;color:#000;display:inline-block;max-width:222px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
.dot_list .b-list li a:hover {color:#007b66;text-decoration:underline;}
.dot_list .b-list li a em{display:inline-block;margin:0;padding:0 12px 0 0;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bullet.png') no-repeat right -276px;}
.dot_list .b-list li a:hover em {text-decoration:underline;}
.dot_list .b-list li span{margin:-1px 0 0 1px;}
/*1:1 문의 링크*/
.dot_list .request-btn{margin:13px 0 0 0;display:block;padding:10px 8px 9px 14px;border:solid 1px #b2b2b2;background:#fff url('/common/img/common/bullet.png') no-repeat 236px -292px;}
.dot_list .request-btn span{display:inline-block;width:100px;padding:0 0 0 26px;height:16px;color:#000;font-family: '나눔고딕볼드','NanumGothicBold';background:url('/common/img/common/bulletlarge.png') no-repeat left -44px;}

#main_notice_layout
{
    width:875px;height:727px;
    left:36.5%;top:30%;
    margin: -185px 0 0 -185px;
    position:fixed;

    font-family: '나눔고딕볼드','NanumGothicBold';
    color:#424041
}

#main_notice_layout li.top
{
    width:875px;height:9px;
    margin:0;padding:0;
    background: url('/common/img/main/layout_banner_top_bot.png');
    background-position: left 0px;
    overflow:hidden;
}

#main_notice_layout li.bot
{
    width:875px;height:11px;
    margin:0;padding:0;
    background: url('/common/img/main/layout_banner_top_bot.png') no-repeat left top;
    background-position: left -9px;
    overflow:hidden;
}

#main_notice_layout li.mid
{
    width:875px;height:707px;
    margin:0;padding:0;
    background: url('/common/img/main/layout_banner_mid.jpg') no-repeat left top;
    overflow:hidden;
}

#main_notice_layout .mid div
{
    width:755px;height:420px;
    padding-right:20px;
    position:absolute;top:135px;left:55px;
    overflow: auto;
}

#main_notice_layout .mid h2 { margin: 0 0 10px 0 }
#main_notice_layout .mid h2.margin { margin-top:20px;}
#main_notice_layout .mid li { margin:3px 0; padding:0 0 0 11px;line-height:20px;background:url('/common/img/common/bullet01.gif') no-repeat left 7px; }
#main_notice_layout .mid p { margin:0 0 9px 0; padding:0 0 0 11px;line-height:24px;}
#main_notice_layout .mid .opinion_btn {position:absolute; top:580px; left:65px;}
#main_notice_layout .mid .close_btn { position:absolute;top:665px;left:733px}
#main_notice_layout div.check_box {position: absolute; top: 675px; left: 600px;}

/* 20140924 사이드배너 추가 */
/* .aside_banner{position:absolute;left:-140px;top:-166px;background:url('/common/img/main/201409_main_banner.png') no-repeat left top;width:110px;height:177px;} */
.aside_banner{position:absolute;left:-130px;top:-25px;width:129px;height:180px;}
.aside_banner ul{padding-top:0px;}
.aside_banner ul li:first-child{padding-top:0;}
.aside_banner ul li{padding-top:40px;text-align:center;}

.aside_banner.start{height:493px;background:url('/common/img/main/201409_main_banner_start.png') no-repeat left top;}
.aside_banner.start ul{padding-top:145px!important;}
.aside_banner.start ul li{padding-top:0;}

/* merch 추가 작업 */
#merch_mask{background-color:#1e1e1e; position:absolute;left:0;top:0;z-index:890;width:100%;height:606px;}
#merch_mask .gray_mask{background-color:#303030; position:absolute;left:0;top:40%;z-index:880; width:100%;height:77px;}

.merch_wrap{background-color:#2b2b2b; position:absolute;left:0;top:0;z-index:870;width:100%;height:100%;}
.merch_wrap .merch_inner{background:url('/common/img/main/merch_bg2.jpg') no-repeat left top; position:absolute;left:0;top:0;z-index:900;width:630px;height:616px;}
.merch_wrap .merch_con{margin:0 auto;width:554px;padding-top:28px;}
.merch_wrap .merch_con h2{color:#fff;font-size:24px;line-height:32px;padding:35px 0 0 0;margin:0;}
.merch_wrap .merch_con .white_box{position:absolute;top:240px;left:0;background-color:#fff;height:64px;padding-top:13px;font-size:18px;line-height:25px;width:592px;color:#000;padding-left:38px;}
.merch_wrap .merch_con .merch_txt{color:#fff;font-size:13px;line-height:24px;padding:130px 0 37px 0;width:380px;}
.merch_con #progressBar{height:1px;width:100%;background-color:#fff;}
.merch_con #progressBar > div{background-color:#ee2e24;height:1px;width:50%;}

/* 채팅제한 dimmed layer */
.massive-popup-log__contents {
    margin:-20px 0 20px;
    height:400px;
    padding:10px 15px;
    background:#fff;
    font-size:12px; line-height:1.5;
    overflow-y:scroll;
    white-space: pre-line;
}

.massive-popup__dimmed {
    position:fixed; z-index:10; left:0; right:0; top:0; bottom:0;
    background:rgba(0,0,0,0.7);
}

.massive-popup__contents {
    position:absolute; z-index:11; left:50%; top:50%;
    width:875px; min-height:800px; margin-left:-437px; margin-top:-350px;
    color:#616161;
}

.massive-popup__bg-top {
    width:875px;height:9px;
    margin:0;padding:0;
    background: url('//static.leagueoflegends.co.kr/common/img/main/layout_banner_top_bot.png');
    background-position: left 0px;
    overflow:hidden;
}

.massive-popup__bg-bottom {
    width:875px;height:11px;
    margin:0;padding:0;
    background: url('//static.leagueoflegends.co.kr/common/img/main/layout_banner_top_bot.png') no-repeat left top;
    background-position: left -9px;
    overflow:hidden;
}

.massive-popup__body {
    margin:0; padding:27px;
    background: url('//static.leagueoflegends.co.kr/common/img/main/layout_banner_mid.jpg') repeat-y left top;
    background-size: 100% 100%;
    overflow:hidden;
}

.massive-popup__body-inner {
    padding:20px;
    background:#efefef;
    border:1px solid #ccc;
}

.massive-popup__body a {
    color:#007b66;
    font-weight:bold;
}

.massive-popup__title{
    padding:0 0 5px;
//font-family: '나눔고딕볼드','NanumGothicBold';
    font-size:28px;
    border-bottom:2px solid #ccc;
    color:#000;
}

.massive-popup__text {
    font-size:12px;
    margin:20px 30px;
    line-height:1.5;
    white-space: pre-line;
}

.massive-popup__text ul {
    list-style:disc;
    margin-left:20px;
    margin-bottom:-20px;
    white-space: nowrap;
}

.massive-popup__table {
    margin:0 30px;
}

.massive-popup__table-inner {
    width:100%;
    box-sizing:border-box;
}

.massive-popup__table th {
    background:#616161; color:#fff;
    width:130px;
    border-color: #888 #888 #000 #888;
}

.massive-popup__table td {
    text-align:left; padding-left:20px; padding-right:20px; line-height:1.5;
}

.massive-popup__table ul {
    list-style:disc;
    margin-left: 20px;
    margin-bottom:-20px;
    white-space: nowrap;

}

.massive-popup__chat {
    display:none;
    margin:10px 0;
    padding:10px;
    height:100px;
    background:#fff;
    border:1px solid #cdcdcd;
    overflow-y:scroll;
    white-space: pre-line;
}

.massive-popup__faq {
    margin-top:20px;
}

.massive-popup__btns {
    margin:-20px 30px 0;
    text-align:right;
}
@media screen and (max-width:875px){
    .massive-popup__contents {
        position:absolute;
        left:0; margin-left:0;
    }
}
@media screen and (max-height: 960px) {
    .massive-popup__contents {
        position:absolute;
        top:30px; margin-top:0;
    }
}

#massive-popup-log .pop-wrap{
    position:fixed; z-index:11; left:50%; top:10%;
    height:500px; margin-left:-300px;
}
.massive-popup-log__dimmed {
    position:fixed;  z-index:10; left:0; right:0; top:0; bottom:0;
    background:rgba(0,0,0,0.8);
}
.massive-popup-log__btns {
    text-align:center;
}
.massive-popup-log__contents {
    height:420px; overflow-y:scroll;
    background:#fff;
    margin:-20px 0 20px;
}

.massive-popup-log__contents {
    margin:-20px 0 20px;
    height:400px;
    padding:10px 15px;
    background:#fff;
    font-size:12px; line-height:1.5;
    overflow-y:scroll;
    white-space: pre-line;
}