@charset "utf-8";

/**
 * reset
 */

html{overflow-y:scroll}
html,body{height:100%}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{background-color:#fff;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,p,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,iframe{padding:0;margin:0}
body,th,td,input,select,textarea,button{color:#000;font-size:12px;line-height:1.5;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
hr{display:none}
img,fieldset,iframe,button{border:0}
img,iframe{vertical-align:top}
dl,ul,ol,li{list-style:none}
i,em,address{font-style:normal}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{outline:0;-webkit-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{background-color:transparent;line-height:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input::-ms-clear,input::-ms-reveal{display:none}
input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
input[readonly]{outline:0;pointer-events:none}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::placeholder{color:#999;opacity:1}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;empty-cells:show}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0 !important;margin:-1px !important;background:none !important;line-height:0 !important}
mark{background-color:#ffff00;color:#000}

/**
 * layout
 */

#wrap{position:relative;min-width:1280px}
#header{width:1280px;margin:0 auto}
#container{width:1280px;margin:0 auto}
#container:after{display:block;clear:both;content:''}
#footer{width:1280px;margin:40px auto 0;background-color:#ebecf0}

/* common */
.section_title{margin-bottom:6px}
.section_title h3{font-weight:normal;font-size:18px;line-height:26px;letter-spacing:-1px}
.section_title h3 em{color:#f77b00}
.link_more{position:absolute;top:7px;right:0;padding-right:10px;color:#92939a;font-size:13px;line-height:20px;letter-spacing:-1px}
.link_more:after{position:absolute;top:50%;right:2px;width:6px;height:6px;border:1px solid rgba(0,0,0,.4);border-width:0 1px 1px 0;content:'';-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}

/* top_banner */
.top_banner{position:relative;width:1280px;margin:0 auto;text-align:center}
.top_banner a{display:block}

/* header */
#header .inner_head{position:relative;width:1280px;height:70px;margin:0 auto}
#header .inner_head:after{display:block;clear:both;content:''}
#header h1{overflow:hidden;float:left;width:164px;height:70px}
#header h1 a{display:block}

.nav_menu{position:relative;float:left}
.nav_menu ul:after{display:block;clear:both;content:''}
.nav_menu li{position:relative;float:left}
.nav_menu li+li:before{position:absolute;top:50%;left:0;width:1px;height:14px;background-color:#dedede;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.nav_menu li a{display:block;overflow:hidden;padding:0 5px;font-weight:bold;font-size:16px;line-height:70px;letter-spacing:-1px;text-align:center;text-decoration:none}
.nav_menu li a>span{display:block;position:relative;height:70px;padding:0 10px}
.nav_menu li a:hover,.nav_menu li.on a{color:#f77b00}
.nav_menu li a span:hover:after,.nav_menu li.on a span:after{position:absolute;right:0;bottom:0;left:0;height:4px;background-color:#f77b00;content:''}
.nav_menu img[src*=ico_rating19]{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.head_search{position:absolute;top:18px;right:223px}
.head_search .box_search{position:relative;width:198px;height:32px;border:1px solid #f77b00;-webkit-border-radius:50px;border-radius:50px;background-color:#fff}
.head_search .inner_search{position:relative;height:100%;padding:0 40px 0 20px}
.head_search .tf_keyword{width:100%;height:20px;margin-top:6px;border:0;background-color:transparent;font-size:14px;line-height:20px}
.head_search .btn_srch{display:block;overflow:hidden;position:absolute;top:0;right:0;width:38px;height:32px;background:url(../images/common/btn_srch.png) no-repeat 0 0}

.login_rel{position:absolute;top:24px;right:30px}
.login_rel a{float:left;margin-left:12px;color:#f77b00;font-weight:bold;font-size:16px;line-height:20px;letter-spacing:-1px}
.login_rel a:first-child{margin-left:0}
.login_rel .ico_new{margin:2px 5px 0 0}
.login_rel .link_join{animation:animate .3s infinite}
@keyframes animate{
    0%{color:#f77b00}
    50%{color:#000}
    100%{color:#f77b00}
}

/* main_top */
.main_top{position:relative;margin:0 auto;background-image:-webkit-linear-gradient(top,#474747 0%,#272727 100%);background-image:linear-gradient(to bottom,#474747 0%,#272727 100%)}
.main_top:after{display:block;clear:both;content:''}
.main_top:before{position:absolute;top:0;left:0;width:515px;height:300px;background:url(../images/common/main_top_bg.png) no-repeat 0 0;content:''}

/* main_top */
.main_topic{position:relative;padding:29px 0 28px 328px}
.main_topic .title{position:absolute;top:0;left:0;width:300px;height:299px;background:url(../images/common/main_topic_tit.png) no-repeat 0 0}
.main_topic .list_thumb{display:-webkit-box;display:flex}
.main_topic .list_thumb li{width:170px;margin-right:18px}
.main_topic .list_thumb li a{display:block}
.main_topic .list_thumb .thumb{overflow:hidden;position:relative;height:242px;background-color:#edeef0}
.main_topic .list_thumb .thumb:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.main_topic .list_thumb .thumb img{width:100%;height:100%;object-fit:cover}

/* event */
.main_event{position:relative;padding:16px 0 15px 260px;border-top:1px solid #444547}
.main_event .title{position:absolute;top:21px;left:30px;width:140px;color:#e0e0e0;font-size:17px;line-height:22px;letter-spacing:-.1em;vertical-align:top}
.main_event .title strong{display:block;letter-spacing:-.02em}
.main_event .list_thumb{display:-webkit-box;display:flex}
.main_event .list_thumb li{width:230px;padding-right:20px}
.main_event .list_thumb li a{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
.main_event .list_thumb .thumb{overflow:hidden;position:relative;width:59px;height:59px;margin-right:10px;-webkit-border-radius:50%;border-radius:50%;background-color:#fff}
.main_event .list_thumb .thumb img{width:100%;height:100%;object-fit:cover}
.main_event .list_thumb .info{-webkit-box-flex:1;flex:1;overflow:hidden}
.main_event .list_thumb .tit,.main_event .list_thumb .desc{display:block;overflow:hidden;color:#b2b2b2;font-weight:normal;font-size:14px;line-height:22px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis}
.main_event .btn_roll{position:absolute;top:47px;left:171px}
.main_event .prev,.main_event .next{position:relative;float:left;width:20px;height:17px;border:1px solid rgba(255,255,255,.15);-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.main_event .next{border-left:0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}
.main_event .prev:before,.main_event .next:before{position:absolute;top:50%;left:50%;width:6px;height:6px;border:1px solid rgba(255,255,255,.3);border-width:0 1px 1px 0;content:''}
.main_event .prev:before{-webkit-transform:translate(-20%,-50%) rotate(135deg);transform:translate(-20%,-50%) rotate(135deg)}
.main_event .next:before{-webkit-transform:translate(-80%,-50%) rotate(-45deg);transform:translate(-80%,-50%) rotate(-45deg)}

.col_left{float:left;width:694px;padding:25px 0 0 30px}
.col_right{float:right;width:490px;padding:25px 30px 0 0}

/* banner */
.event_banner{position:relative;padding-top:32px;margin-bottom:20px}
.event_banner a{display:block;position:relative}
.event_banner a:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}

/* recomm */
.main_recomm{position:relative;margin-bottom:20px}
.main_recomm .list_thumb:after{display:block;clear:both;content:''}
.main_recomm .list_thumb li{float:left;width:160px;margin-left:18px}
.main_recomm .list_thumb li:first-child{margin-left:0}
.main_recomm .list_thumb li a{display:block}
.main_recomm .thumb{overflow:hidden;position:relative;width:160px;height:105px;background-color:#41424e}
.main_recomm .thumb:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.main_recomm .thumb img{width:100%;height:100%;object-fit:cover}
.main_recomm .info{position:relative;padding:10px 9px;border:1px solid #d7d7d7;border-top:0}
.main_recomm .tit{display:block;overflow:hidden;font-weight:normal;font-size:15px;line-height:20px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis}
.main_recomm .num_grade{display:block;overflow:hidden;margin-top:8px;font-size:11px;line-height:20px;letter-spacing:-1px;white-space:nowrap}
.main_recomm .num_grade em{font-size:12px;letter-spacing:0;vertical-align:-1px}
.main_recomm .btn_dnld{display:block;overflow:hidden;position:absolute;right:9px;bottom:10px;padding:0 8px;-webkit-border-radius:3px;border-radius:3px;background-color:#f77b00;color:#fff;font-size:12px;line-height:20px;letter-spacing:-1px;text-align:center;white-space:nowrap}

/* rank */
.main_rank{position:relative;margin-bottom:20px}
.main_rank .rank_list{padding-top:6px;border-top:1px solid #666}
.main_rank .rank_list li{position:relative;padding:8px 0;border-top:1px dotted #d9d9d9;font-size:14px;line-height:21px;letter-spacing:-1px}
.main_rank .rank_list li:first-child{border-top:0}
.main_rank .num{position:absolute;top:8px;left:0;width:40px;padding-right:6px;color:#b2b2b2;font-style:italic;font-weight:bold;text-align:center}
.main_rank .num:after{position:absolute;top:50%;right:0;width:1px;height:12px;background-color:#e6e6e6;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.main_rank .num.hot{color:#f64b00}
.main_rank .subject{margin:0 200px 0 60px}
.main_rank .subject a{display:inline-block;overflow:hidden;max-width:84%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.main_rank .repl{display:inline-block;color:#a6a6a6;vertical-align:top}
.main_rank .ico_new{margin-top:4px}
.main_rank .dnld,.main_rank .like{overflow:hidden;position:absolute;top:8px;width:50px;color:#8c8c8c;text-align:right;white-space:nowrap}
.main_rank .dnld{right:114px;padding-left:12px}
.main_rank .like{right:10px;padding-left:16px}
.main_rank .ico_dnld,.main_rank .ico_like{position:absolute;top:4px;left:0}

/* hot */
.main_hot{position:relative;margin-bottom:20px}
.main_hot .list_box{overflow:hidden;padding:15px;border-top:1px solid #666;background-color:#ebecf0}
.main_hot .list_thumb{margin:-14px 0 0 -14px}
.main_hot .list_thumb:after{display:block;clear:both;content:''}
.main_hot .list_thumb li{float:left;width:223px;margin:14px 0 0 14px}
.main_hot .list_thumb li a{display:block}
.main_hot .list_thumb li a .overlay{display:block;overflow:hidden;position:absolute;top:0;right:0;left:0;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}
.main_hot .list_thumb li a:hover .overlay{opacity:1}
.main_hot .thumb{overflow:hidden;position:relative;width:223px;height:133px;background-color:#000}
.main_hot .thumb:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.main_hot .thumb img{width:100%;height:100%;object-fit:cover}
.main_hot .info{position:relative;padding:8px 9px 10px;border:1px solid #e9e9e9;border-top:0;background-color:#fff}
.main_hot .tit{display:block;overflow:hidden;font-weight:normal;font-size:14px;line-height:19px;letter-spacing:-1px;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.main_hot .ico_play{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;background:url(../images/common/ico_play.png) no-repeat 0 0}

/* footer 1*/
#footer .inner_foot{position:relative;width:1240px;padding:30px 0 30px 40px;margin:0 auto}
.ft_info{display:inline-block;margin-bottom:14px;vertical-align:top}
.ft_info:after{display:block;clear:both;content:''}
.ft_info li{position:relative;float:left}
.ft_info li+li{padding-left:8px;margin-left:8px}
.ft_info li+li:before{position:absolute;top:50%;left:0;width:1px;height:13px;background-color:#dedede;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ft_info li a{font-size:14px;line-height:19px;letter-spacing:-1px}
.address{color:#8c8c8c;font-size:12px;line-height:17px;letter-spacing:-.05em}
.ft_copy{color:#8c8c8c;font-size:12px;line-height:17px}
.ft_mark{position:absolute;top:37px;right:32px}
.ft_mark a{display:block}
 
/* right wing banner */
.rgt_wing{position:absolute;top:70px;left:50%;z-index:200;width:94px;margin-left:655px}
.rgt_wing li{margin-top:15px;text-align:center}
.rgt_wing li:first-child{margin-top:0}
.rgt_wing li a{display:block}