@charset "utf-8";

/************************************************************************
 * 파일명 : afmain.css
 * 설명    : afreecaTV main
 * 작성자 : 홍반장
 * 작성일 : 2015.04.29
************************************************************************/
@import url("/lang/css/web/afmain.css");
@import url("/css/global/common_set.css");
@import url("/css/global/afmain/main_lnb.css");


html,body{width:100%;height:100%;margin:0;padding:0;font-size:12px;line-height:1.5}

body.ko_KR  * { font-family:"NG", verdana, applegothic, sans-serif}
body#listWrap.ko_KR #system_check strong ,
body#listWrap.ko_KR #wrap .btn_area .btn_studio ,
body#listWrap.ko_KR #header .log_area .nickname ,
body#listWrap.ko_KR #header .menu_bar li a,
body#listWrap.ko_KR #listWrap #footer .footer_inner .f_list li.player a,
body#listWrap.ko_KR #listWrap #footer .footer_inner .f_list li strong ,
body#listWrap.ko_KR #listWrap #header h1 .vod,
body#listWrap.ko_KR .search_area .search_bar input ,
body#listWrap.ko_KR .menu_list li a,
body#listWrap.ko_KR .menu_list li a span,
body#listWrap.ko_KR .menu_cast a .nick ,
body#listWrap.ko_KR .menu_cast a.on ,
body#listWrap.ko_KR .castSlide .slides .slideItem .subject ,
body#listWrap.ko_KR .sv_area .tab_list li ,
body#listWrap.ko_KR .quickgo a ,
body#listWrap.ko_KR .menu_two li.on a ,
body#listWrap.ko_KR .hotissue h2 ,
body#listWrap.ko_KR .hotissue .tab_m li ,
body#listWrap.ko_KR .cast_box .subject,
body#listWrap.ko_KR .menu_list li a,
body#listWrap.ko_KR .tab_ct li a,
body#listWrap.ko_KR .tit_area h3,
body#listWrap.ko_KR .hashtag_area a {font-family:'NGB'}

/* HTML 5 Reset */
nav, section, article, header, aside, footer, figure, dialog {display:block}
time, progress, mark, output {display:inline}

/* mobile */
html{-webkit-text-size-adjust: none;} /* iphone */
body {background:#fff;}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td, button{margin:0;padding:0}

ul, ol, li{list-style:none}
hr{display:none}
em{font-style:normal}
fieldset, img{border:none;}
legend, caption{display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:1px;height:1px;left:-9999px;line-height: 0;}

/* table { border-collapse: collapse;} */

.hide {display:none}  /* none */
.blind {display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:1px;height:1px;left:-9999px;line-height: 0;} /* hide */
.png24		{tmp:expression(setPng24(this));}

/* Link Css */
a {cursor:pointer}
a:link,  a:visited,  a:active {text-decoration:none}
a:hover{text-decoration:underline}
/*a:focus, button:focus {outline:1px solid #a5c7fe}*/

/* form */
textarea {font-family:Dotum, "돋움", verdana, sans-serif;font-size:12px;outline:none}
select{font-family:Dotum, "돋움", verdana, sans-serif;font-size:12px;outline:none}
input {font-family:Dotum, "돋움", verdana, sans-serif;font-size:12px;outline:none}
button {border:0 none;cursor:pointer;vertical-align:middle; outline:none;}
iframe {position:absolute;z-index:-9999;height:0;line-height:0;top:-9999px;left:-9999px}

input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#aaa;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#aaa;
   opacity:  1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#aaa;
   opacity:  1;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #aaa !important;
}
input[type=text]::-ms-clear {display:none}
.placeholdersjs {color: #aaa !important;}

.ir {position:relative;z-index:-1;overflow:hidden;display:block;width:100%;height:100%;font-size:0;line-height:0}

/* 건너뛰기 */
.wa_skip {position:relative;width:100%;z-index:5000;}
.wa_skip a{position:absolute;top:-60px;left:50%;width:120px;height:32px;line-height:32px;padding:0 20px;margin-left:-70px;font-size:11px;color:#fff;text-align:center;background:#0545af; letter-spacing: -1px;}
.wa_skip a:active,
.wa_skip a:focus {overflow:hidden;top:0;text-decoration:none}
.wa_skip a:active,
.wa_skip a:hover {color:#fff}

#btn_pagetop {display:none;position:fixed;right:20px;bottom:108px;z-index:7000}
#btn_pagetop a {overflow:hidden;display:block;width:44px;height:37px;background:url('/images/afmain/img_main.png') no-repeat -259px -85px;}
#overlay {display:none;position:fixed;_position:absolute;left:0;top:0;z-index:8000;width:100%;min-height:100%;_height:100%;background-color:#000;zoom:1;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;}
#home_setting {display:none;position:fixed;_position:absolute;z-index:9000;top:50%;left:50%;width:720px;height:530px;margin:-265px 0 0 -360px;border-radius:5px;background:#fff url('/images/afmain/txt_home.gif') no-repeat center 46px}
#home_setting .inner {padding-top:153px}
#home_setting .select_area {overflow:hidden;display:block;position:relative;width:590px;height:261px;margin:0 auto 0;background:url('/images/afmain/bg_home_select.gif') no-repeat 0 0 /*-305px -261px*/;}
#home_setting .select_area div {position:relative;float:left;display:block;width:285px;margin-right:20px}
#home_setting .select_area div em {position:absolute;top:209px;display:block;width:36px;height:18px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -412px 0;}
#home_setting .select_area .ing em {display:block}
#home_setting .select_area .cover em {left:194px}
#home_setting .select_area .list em {left:210px}
#home_setting .select_area .cover {margin-right:0}
#home_setting .select_area button {display:block;width:285px;height:245px;text-indent:-9999px; background:url('/images/afmain/bg_home_select.gif') no-repeat 0 -261px}
#home_setting .select_area .list button.on {background:url('/images/afmain/bg_home_select.gif') no-repeat 0 0}
#home_setting .select_area .cover button {background:url('/images/afmain/bg_home_select.gif') no-repeat -305px -261px}
#home_setting .select_area .cover button.on {background:url('/images/afmain/bg_home_select.gif') no-repeat -305px 0}
#home_setting .apply button{display:block;width:100%;height:67px;margin-top:48px;color:#1559ff;border-radius:0 0 5px 5px;border-top:1px solid #d1d1d1;background:#fafafa url('/images/afmain/txt_apply.gif') no-repeat center 22px;}
#home_setting .close {position:absolute;top:10px;right:10px}
#home_setting .close a{position:relative;display:block;width:41px;height:40px;}
#home_setting .close a span {overflow:hidden;position:absolute;top:10px;left:10px;width:21px;height:20px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -448px 0;}

#system_check {position:absolute;z-index:200;top:54px;left:0;overflow:hidden;width:100%;min-width:980px;height:27px;padding:7px 0 0;border-bottom:1px solid #ebebeb;font-size:14px;text-align:center;color:#181818;background:#fafbfd; letter-spacing: -1px;}
#system_check .ic_nt {display:inline-block;width:47px;height:20px;vertical-align:middle;margin:0 10px 3px 0;background:url('/images/afmain/img_main.png') no-repeat -469px 0;}
#system_check .link_nt {display:inline-block;font-size:11px;color:#555;margin-left:11px;text-decoration:underline}
#system_check .link_nt em {display:inline-block;width:2px;height:3px;vertical-align:middle;margin:0 0 3px 4px;font-size:0;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -326px 0;}


#alarm_broadcast {display: none;position:fixed; _position:absolute;z-index:8001;top:50%;left:50%;width:695px;height:575px;margin:-288px 0 0 -348px; text-align: center; font-family: 'NG'; border-radius:5px;background: url('/images/afmain/alarm_broadcast.png') no-repeat center top; }
#alarm_broadcast a , #alarm_broadcast button {  position: absolute; display: block; overflow: hidden; text-indent: -9999em; }
#alarm_broadcast .app {  top: 437px;left: 67px; width: 72px; height: 28px;}
#alarm_broadcast .app.ios { left: 147px; }
#alarm_broadcast .inquiry {  bottom: 0; left: 0; right: 0; width: 100%; height: 74px;}
#alarm_broadcast button { background-color: transparent; width: 50px; height: 50px; right: 0;top: 0; }
#alarm_broadcast h2 { color: #fff; font-weight: normal; font-size: 22px; margin-top: 58px; letter-spacing: -1px; background-color: #2e6afd; }
#alarm_broadcast h3 { color: #1559ff; font-size: 18px; letter-spacing: -1px;}
#alarm_broadcast ol { margin: 250px 47px 0; overflow: hidden;}
#alarm_broadcast ol li { background-color: #fff; float: left; width: 190px; padding: 0 5px; }
#alarm_broadcast ol li p { font-size: 14px; margin-top: 15px; line-height: 18px; color: #757575; letter-spacing: -1px;}
#alarm_broadcast li .app { position: static; float: left; height: 26px; min-width: 72px; width: auto; margin: 10px 3px 0; padding: 0 5px; border: 1px solid #9cb9ff; background-color: #f3f9ff; color: #457bff; font-size: 12px; line-height: 26px; text-indent: 0;}
#alarm_broadcast .ar_bottom { position: absolute; bottom: 0; left: 10px; right: 10px; height: 29px; padding: 22px 0; text-indent: 0; vertical-align: middle; background-color: #f0f0f0; color: #464646;}
#alarm_broadcast .ar_bottom span { line-height: 12px; font-size: 14px; }
#alarm_broadcast .ar_bottom a { position: static; overflow: inherit;padding: 3px 5px; display: inline-block; text-indent: 0; border: 1px solid #cfcfcf; color: #464646; text-decoration: none; font-size: 14px; }


#alarm_mobile { display: none; position: fixed; top: 50%; left: 50%; z-index:8001; width: 298px; height: 142px; padding: 21px 0; margin: -94px 0 0 -150px; text-align: center; border: 1px solid #c7c7c7; background-color: #fff; letter-spacing: -1px;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#alarm_mobile h2 { font-size: 16px; color:#1559ff;  font-weight: normal; line-height: 1.4; }
#alarm_mobile p { margin: 10px 0 15px; font-size: 13px; color:#666667;  font-weight: normal; text-align: center; }
#alarm_mobile button {  width: 148px; height: 34px; margin: 0 auto; font-size: 13px; color: #fff; background-color: #2e6afd; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#alarm_mobile button.close { overfl: hidden;  position: absolute; top: 10px; right: 10px; width: 11px; height: 11px; text-indent: -9999em; outline: none; background: transparent url('/images/afmain/img_main.png') no-repeat -176px -166px;}



.layer_wrap {position:fixed;_position:absolute;z-index:9000;top:50%;left:50%;border-radius:5px;background:#fff}
.layer_wrap .close {position:absolute;top:10px;right:10px}
.layer_wrap .close a{position:relative;display:block;width:41px;height:40px;}
.layer_wrap .close a span {overflow:hidden;position:absolute;top:10px;left:10px;width:21px;height:20px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -448px 0;}

.adult_confirm {width:390px;height:370px;max-height:370px;margin:-195px 0 0 -185px;}
.adult_confirm .txt_adult {padding-top:133px;font-size:20px;color:#181818;text-align:center;background:url('/images/afmain/bul_adult.png') no-repeat 50% 48px}
.adult_confirm .txt_c {padding-top:20px;line-height:160%;font-size:14px;color:#999;text-align:center; letter-spacing: -1px;}
.adult_confirm .txt_c strong {color:#ff2727;font-weight:normal}
.adult_confirm .btn_f a{display:block;width:100%;height:67px;line-height:67px;margin-top:29px;color:#1559ff;border-radius:0 0 5px 5px;text-align:center;text-decoration:none;border-top:1px solid #d1d1d1;font-size:18px;color:#1559ff;background:#fafafa}

/* update_info 2015-09-14 추가 */
.update_info {width:721px;height:666px; max-height:666px; margin:-333px 0 0 -360px; background:url('/images/afmain/update_150914.png') no-repeat 0 0;}
.update_info h2,
.update_info .info {display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:1px;height:1px;left:-9999px;line-height: 0;}
.update_info .btn_go a {position:absolute; left:0; top:553px; width:100%; height:82px; display:block; overflow:hidden; text-indent:-1111px; }
.update_info .btn_close_long a {position:absolute; right:0; top:648px; width:122px; height:19px; display:block; overflow:hidden; text-indent:-1111px; }


/* 방송하기 레이어 */
.studio_selectbox {position:fixed;_position:absolute;z-index:10000;top:50%;left:50%; width:511px; height:293px; margin:-146px 0 0 -255px; background:url('/images/afmain/img_studio_select.png') no-repeat; }
.studio_selectbox .btn_cast01 ,
.studio_selectbox .btn_cast02 ,
.studio_selectbox .btn_cast03 {position:absolute;top:0;left:0;display:block;width:253px;height:293px;}
.studio_selectbox .btn_cast02 { left:258px;}
.studio_selectbox .btn_cast03 { display: none;left:516px; }
.studio_selectbox a .txt {position:absolute;top:165px;left:10px; right: 10px; text-align:center;font-size:15px;letter-spacing:-1px;color:#333;line-height:120%; word-wrap: break-word;}
/*.studio_selectbox a .txt br { display: none;}*/
.studio_selectbox .btn_cast02 .txt { top: 148px; }
.studio_selectbox .btn_cast_qna {display:block;position:absolute;top:195px;left:258px;width:253px;text-align:center;color:#466dda;font-size:13px;letter-spacing:-1px;text-decoration:underline}
.studio_selectbox a .cast_v {display:block;position:absolute;bottom:0;color:#fff;width:100%;height:65px;text-align:center;line-height:65px;font-size:18px;background:#62c74a;}
.studio_selectbox a:hover .cast_v {background:#378125}
.studio_selectbox .bj_edu {position:absolute;top:-82px;left:50%;width:511px;height:82px;margin-left:-256px;background:url('/images/afmain/img_bjsupport.png') no-repeat}
.studio_selectbox .bj_edu a {display:block;width:100%;height:82px;text-indent:-9999px}
.studio_selectbox .close {position:absolute;top:-1px;right:-28px}
.studio_selectbox .close a {display:block;width:19px;height:19px;text-indent:-9999px;background:url('/images/afmain/btn_studio_close.png') no-repeat 3px 3px}

.studio_selectbox a button {background:none; color:#466dda; font-size:15px; line-height:120%; text-decoration:underline; letter-spacing:-1px;}

/*해외방송*/
.studio_selectbox.lang { width:715px; height: 283px; margin-left: -355px; background: none;}
.studio_selectbox.lang .btn_cast01 ,
.studio_selectbox.lang .btn_cast02 ,
.studio_selectbox.lang .btn_cast03 { display: block; width: 233px; height: 283px; background:url('/images/afmain/img_studio_select.png') no-repeat; }
/*.studio_selectbox.lang .btn_cast01 {  background-position: -10px -5px;}*/
.studio_selectbox.lang .btn_cast02 { display:none; background-position: -278px -5px; left: 241px; }
/*.studio_selectbox.lang .btn_cast03 { background-position: -530px -5px; left: 482px; }*/
.studio_selectbox.lang .btn_cast01 {  background-position: -10px -5px; left:123px;}
.studio_selectbox.lang .btn_cast03 { background-position: -530px -5px; left: 359px; }
.studio_selectbox.lang a .cast_v { height: 60px; line-height: 60px; }
.studio_selectbox.lang a .txt { font-size: 14px; top: 153px; }
.studio_selectbox.lang .btn_cast01 .txt {top: 165px;}
.studio_selectbox.lang .btn_cast02 .txt {top: 153px;}
.studio_selectbox.lang .btn_cast02 .txt br { display: none; }
.studio_selectbox.lang .btn_cast_qna { display:none; width: 233px; left: 238px;}
.studio_selectbox.lang .bj_edu {display:none}
.studio_selectbox.lang .close {right:100px;}

/*꿀잼 방송을 하고싶어 레이어 추가 */
.studio_selectbox .btn_cast_help ,
.studio_selectbox .btn_aqua { position: absolute; bottom: -50px; left: 0; right: 0; margin: 0; font-size: 14px; color: #88ff6c; text-align: center; text-decoration: none; }
.studio_selectbox .btn_cast_help { margin-right: 5px; }
.studio_selectbox .btn_aqua { display: none;}
html[lang="ko"] .studio_selectbox .btn_aqua { display: inline; }
.studio_selectbox .btn_cast_help i ,
.studio_selectbox .btn_aqua i { overflow: hidden; text-indent: -9999em; position: absolute; top: -13px; left: -13px; width: 52px; height: 36px; background:url('/images/afmain/icon_beta.png') no-repeat; }
.studio_selectbox .btn_aqua i { top: -16px; left: auto; right:48px; width: 42px; height: 28px; background:url('/images/afmain/btn_aqua.png') no-repeat 0 0; }
.studio_selectbox .btn_cast_help span ,
.studio_selectbox .btn_aqua span { position: relative; padding: 8px 109px 8px 10px; border: 1px solid #88ff6c; text-decoration: none;
	background-color: rgba(0,0,0,.3); letter-spacing: -1px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000, endColorstr=#4d000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000, endColorstr=#4d000000)";
}
.studio_selectbox .btn_aqua span { padding: 8px 71px 8px 10px; *padding-right:72px; }
.studio_selectbox .btn_cast_help em ,
.studio_selectbox .btn_aqua em { position: absolute; top: -11px; right: -3px; width: 100px; height: 50px; background:url('/images/afmain/help_cast.png') no-repeat; }
.studio_selectbox .btn_aqua em { top: -15px; right: -10px; width: 94px; height: 47px; background:url('/images/afmain/btn_aqua.png') no-repeat 0 -39px; }
.studio_selectbox .btn_cast_help:hover span ,
.studio_selectbox .btn_aqua:hover span {
	background-color: rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
}
.studio_selectbox .studio_btn_wrap { position: absolute; bottom: -50px; left: 0; right: 0; font-size: 14px; text-align: center; text-decoration: none; }
.studio_selectbox .studio_btn_wrap .btn_cast_help ,
.studio_selectbox .studio_btn_wrap .btn_aqua { position: relative; bottom: auto; left: auto; right: auto; }




#wrap {height:auto;min-height:100%;min-width:980px;}
#wrap h1.logo {position:absolute;width:100%;min-width:980px;z-index:100}
#wrap h1.logo a {position:absolute;top:53px;left:50%;margin:0 0 0 -259px;width:518px;height:119px;}

#wrap .btn_area {position:fixed;top:0;left:74px;z-index:2000;}
#wrap .btn_area button {float:left;display:block; background:none; height:20px;line-height:20px;border:none;overflow:visible;cursor:pointer; vertical-align:middle;}
#wrap .btn_area .btn_studio {position:relative;z-index:100;font-size:15px;outline:none;color:#333; padding-left:38px;letter-spacing:-1px;}
#wrap .btn_area .btn_studio:hover {color:#62c74a}
#wrap .btn_area .btn_studio i {position:absolute; top:-1px; left:0; background:url(/images/afmain/img_main.png) -54px 0 no-repeat; width:32px; height:21px;}
#wrap .btn_area .tooltip {position:absolute;top:41px;left:0;display:none;padding:0 8px;min-height:16px;border-radius:16px;line-height:16px;font-size:11px;color:#fff;background:#66d04d}
#wrap .btn_area .tooltip em {position:absolute;top:-4px;left:12px;display:block;width:6px;height:4px;text-indent:-9999px;background:url('/images/afmain/img_tip_arrow.png') no-repeat}
#wrap .btn_area .btn_player_v {float:left; position:relative;z-index:100;font-size:15px;outline:none;color:#333;background:none; margin-left:15px; padding-left:28px;letter-spacing:-1px;}
#wrap .btn_area .btn_player_v:hover {color:#437dff}
#wrap .btn_area .btn_player_v i {position:absolute; top:-1px; left:0; background:url(/images/afmain/img_main.png) -83px -224px no-repeat; width:22px; height:22px;}
#wrap .btn_area .btn_vrPlayer {position:relative;z-index:100;font-size:19px;outline:none;color:#333; padding-left:38px;letter-spacing:-1px; margin-left:20px;}
#wrap .btn_area .btn_vrPlayer:hover {color:#3070fe}
#wrap .btn_area .btn_vrPlayer i {position:absolute; top:-1px; left:0; background:url(/images/afmain/img_main.png) -345px -146px no-repeat; width:32px; height:21px;}

/*#wrap .btn_area .btn_player_v {float:left;display:block; background:none; height:22px;line-height:22px;margin:-3px 0 0 15px;}
#wrap .btn_area .btn_player_v a {display:block;color:#333;padding:2px 0 0 28px;font-size:15px;letter-spacing:-1px;text-decoration:none;background:url('/images/afmain/btn_player.png') no-repeat 0 2px}
#wrap .btn_area .btn_player_v a:hover {color:#437dff}*/

#wrap .btn_area .btn_upload {float:left; height:22px; color:#333; margin:-3px 0 0 0; font-size:15px; letter-spacing:-1px; text-decoration:none; line-height:22px;}
#wrap .btn_area .btn_upload:hover {color:#0150ff}
#wrap .btn_area .btn_upload span,
#wrap .btn_area .btn_upload em {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#wrap .btn_area .btn_upload em {background:url('/images/afmain/img_main.png') no-repeat -83px -199px; width:22px; height:22px; margin-right:5px;}


#header {position:fixed;top:0;left:0;right:0;z-index:1500;width:100%;min-width:980px;height:53px;border-bottom:1px solid #ececec;background:#fff;}
#header .btn_menu {position:absolute;top:0;right:13px;}
#header .btn_menu a {position:relative;display:block;width:38px;height:53px;}
#header .btn_menu a span {position:absolute;top:18px;left:10px;width:18px;height:18px;text-indent:-9999px;overflow:hidden;background:url('/images/afmain/img_main.png') no-repeat -116px 0;}
#header .unit_area {position:absolute;top:0;right:0}
#header .join_area {float:left;padding:19px 7px 0 0}
#header .join_area a {display:inline-block;line-height:120%;font-size:14px;color:#666}
#header .join_area a span {font-family:"NGB";}
#header .join_area a.join {position:relative; margin-left:6px; padding-left:10px;}
#header .join_area a.join:before {content:""; position:absolute; top:50%; left:0; background:#dadadb; width:1px; height:16px; margin-top:-8px;}
#header .log_area {position:relative;float:left;padding-right:54px;}
#header .log_area .nickname {display:block; float:left; position:relative; height:35px; padding-right:9px; color:#466dda; line-height:35px; font-size:14px;}
#header .log_area .nickname em {overflow:hidden; position:absolute; top:50%; right:0; background:url("/images/afmain/img_main.png") no-repeat -23px -7px; width:5px; height:3px; margin-top:-2px; line-height:0; text-indent:-9999px; font-size:1px;}
#header .log_area .nickname .new {display:inline-block;width:12px;height:12px;vertical-align:middle;margin:0 5px 3px 0;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -314px 0;}

/* #header .user_area {display:none;position:absolute;top:53px;right:40px;z-index:20;width:170px;border:1px solid #bfbfbf;border-radius:4px;background:#fff}
#header .user_area .arrw {position:absolute;top:-9px;right:19px;z-index:10;display:block;width:17px;height:9px;}
#header .user_area .arrw:before , #header .user_area .arrw:after {content:""; position:absolute; top:-6px; right:0; border-color:transparent transparent #bfbfbf transparent; border-style:solid; border-width:7px;}
#header .user_area .arrw:after {top:-4px; border-color:transparent transparent #fff transparent;} */
/* 메인오픈전 */
#header .user_area .btn_set a {display:block;padding:11px 10px 6px 10px;border-bottom:1px solid #eee;color:#888;font-size:12px;line-height:1.2em;background:url('/images/flashplayer/icon_myhome.gif') no-repeat right 7px;}
#header .user_area .btn_set a span {display:inline-block; overflow:hidden; text-indent:-1111px; width:3px; height:5px; vertical-align:middle; margin:-3px 0 0 4px;  background:url('/images/flashplayer/icon_arr_myhome.gif') no-repeat 0 0;}
/* 메인오픈후 */
/* #header .user_area .btn_set1 {overflow:hidden;width:170px;height:57px;padding-top:4px;border-bottom:1px solid #ebebeb;background:url('/images/afmain/img_uarea.png') no-repeat 0 4px;} */
/* #header .user_area .btn_set1 {overflow:hidden;width:170px;height:57px;padding-top:4px;border-bottom:1px solid #ebebeb;}
#header .user_area .btn_set1 a {display:block;float:left;height:23px;padding-top:31px;text-align:center;line-height:1.5;color:#888;}
#header .user_area .btn_set1 a em, #header .user_area .btn_set1 a span{background:url(/images/afmain/bul_arw.png) right 4px no-repeat;padding-right:5px}
#header .user_area .btn_set1 .mybs {position:relative; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite in='floodOut' in2='SourceGraphic' operator='atop' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath d='M19.394 9.185c-.094.211-.449.348-.671.348-.223 0-.445-.078-.615-.235l-1.175-1.091v7.92c0 .444-.389.804-.869.804h-3.939c-.48 0-.869-.36-.869-.804v-3.638h-2.52v3.638c0 .444-.389.804-.869.804l-3.957.024c-.48 0-.869-.336-.869-.78V8.153L1.813 9.279c-.339.314-.882.375-1.153 0C.377 8.89.641 8.494.981 8.18L9.365.45c.163-.151.384-.236.615-.236.23 0 .451.085.614.236l8.516 7.862c.163.163.491.408.284.873zm-9.389-7.413L4.313 6.988v8.719h3.153v-3.632c0-.444.389-.804.869-.804h3.318c.48 0 .869.36.869.804v3.632h3.141v-8.68l-5.658-5.255z'/%3e%3c/g%3e%3c/svg%3e") center 9px no-repeat; width:85px; background-size:20px 17px;}
#header .user_area .btn_set1 .mybs:after {content:""; position:absolute; top:10px; right:0; background:#ebecee; width:1px; height:33px;}
#header .user_area .btn_set1 .favorite {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23888' flood-opacity='1' result='floodOut'/%3e%3cfeComposite in='floodOut' in2='SourceGraphic' operator='atop' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath d='M9 1.119l1.987 4.119.348.723.795.118 4.515.671-3.293 3.285-.553.551.129.77.769 4.589-3.979-2.14-.719-.387-.719.387-3.979 2.141.769-4.59.129-.77-.553-.551L1.355 6.75l4.515-.671.795-.118.348-.723L9 1.119M9 .067c-.487 0-.931.274-1.138.704L5.893 4.858l-4.53.674c-.465.069-.851.387-1.002.822-.149.436-.036.916.293 1.243l3.319 3.315-.77 4.597c-.078.464.123.928.516 1.199.216.149.47.224.724.224.209 0 .418-.051.608-.152L9 14.653l3.949 2.127c.19.101.4.152.608.152.254 0 .508-.075.725-.224.392-.271.593-.735.514-1.199l-.769-4.597 3.32-3.315c.329-.327.441-.807.292-1.243-.15-.435-.537-.753-1.002-.822l-4.53-.674L10.138.771C9.932.341 9.488.067 9 .067z'/%3e%3c/g%3e%3c/svg%3e") center 9px no-repeat; width:84px; background-size:18px 17px;}

#header .user_area .my_tlist {padding:12px 0 10px 16px}
#header .user_area .my_tlist.borderT {border-top:1px solid #f2f2f2;}
#header .user_area .my_tlist li {min-height:20px; margin-top: 3px;line-height:1.5}
#header .user_area .my_tlist li:first-child {margin-top: 0;}
#header .user_area .my_tlist li a {display:inline-block; background: url('/images/afmain/img_main.png') no-repeat; padding:0 0 2px 28px; color:#555; word-wrap:break-word; word-break:break-all; line-height:1.5;}
#header .user_area .my_tlist li a.my_item {background-position: -584px -61px;}
#header .user_area .my_tlist li a.my_balloon {background-position: -584px -85px;}
#header .user_area .my_tlist li a.my_Hopeballoon {background-position: -584px -108px;}
#header .user_area .my_tlist li a.my_message {background-position: -583px -243px;}
#header .user_area .my_tlist li a.my_shopping {background-position: -584px -170px;}
#header .user_area .my_tlist li a.my_ffom {background-position: -584px -194px;}
#header .user_area .my_tlist li a .memo {font-weight:bold;color:#386cff;}
#header .user_area .my_tlist li a.my_ad, #header .user_area .my_tlist li a.my_bene {background-position: -583px -150px;}
#header .user_area .my_tlist li a.my_gd {background-position: -582px -214px;}
#header .user_area .my_tlist li a.my_tk {background-position: -583px -268px;}
#header .user_area .my_tlist li a.my_stat {background-position:-583px -318px;}
#header .user_area .my_tlist li a.Account_info {background-position: -583px -294px;}
#header .user_area .my_tlist li a.my_spon {background-position: -583px -341px;}

#header .user_area .my_tlist li a .new {display:inline-block;width:12px;height:12px;vertical-align:middle;margin:0 0 3px 5px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -314px 0;}
#header .user_area .btn_set2 {overflow:hidden;width:170px;height:30px;padding-top:4px;border-radius:0 0 4px 4px;background-color: #f7f7f7; }
#header .user_area .btn_set2 .myinfo {float:left;display:block;height:30px;line-height:30px;padding:0 3px 0 14px;color:#888;font-size:11px}
#header .user_area .btn_set2 .safe {float:left;display:inline-block;width:16px;height:30px;text-indent:-9999px;background:url('/images/afmain/img_safe.png') no-repeat 4px 9px;}
#header .user_area .btn_set2 .safe:hover {background:url('/images/afmain/img_safe_on.png') no-repeat 4px 9px;}
#header .user_area .btn_set2 .logout {float:right;display:block;height:30px;line-height:30px;padding:0 11px;color:#888;font-size:11px}
#header .user_area .btn_set2 .myinfo em {display:inline-block;width:11px;height:12px;vertical-align:middle;margin:0 4px 2px 0;background:url('/images/afmain/img_main.png') no-repeat -302px 0} */
#header .menu_area {display:none;position:absolute;top:53px;right:10px;z-index:20;width:545px;height:auto;padding-top:17px;border:1px solid #bfbfbf;border-radius:4px;background:#fff;}
#header .menu_area .arrw {position:absolute;top:-9px;right:13px;display:block;width:17px;height:9px;background:url('/images/afmain/img_main.png') no-repeat -250px 0;}
#header .menu_area .inner_area {display:table; table-layout:fixed; width:100%; overflow:hidden; margin-bottom:17px}
#header .menu_area .list_m {display:table-cell; overflow:hidden; height:auto; min-height:179px; margin-top:-6px; border-left:1px solid #ececec; box-sizing:border-box; vertical-align:top;}
#header .menu_area .list_m1 {border-left:0 none}
#header .menu_area .list_m2 {width:150px;}
#header .menu_area .list_m li {float:left;width:100%;margin-top:8px}
#header .menu_area .list_m li a {display:block;padding-left:20px;color:#555;line-height:120%}
#header .menu_area .family_site li .new,
#header .menu_area .list_m li .new {display:inline-block;width:12px;height:12px;vertical-align:middle;margin:0 0 3px 3px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -314px 0;}
#header .menu_area .list_m li .beta {display:inline-block;width:29px;height:13px;vertical-align:middle;margin:0 0 3px 3px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -393px -85px;}
#header .menu_area .family_site {overflow:hidden;height:37px; padding:0 0 0 15px;border-top:1px solid #d1d1d1}
#header .menu_area .family_site li {float:left;padding-top:13px;margin-right:16px;font-size:11px; letter-spacing: -1px;}
#header .menu_area .family_site li a {color:#888}
#header .menu_area .family_site li em {display:inline-block;width:2px;height:3px;vertical-align:middle;margin:0 0 2px 4px;font-size:0;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -326px 0;}
#header .menu_area .family_site li .new {margin:0 0 1px 3px;}
#header .menu_area .home_admin {position:absolute;bottom:0;right:13px;}
#header .menu_area .home_admin button {display:block;width:79px;height:36px;background:url('/images/afmain/img_main.png') no-repeat -328px 11px;}

#header .menu_bar {position:relative;top:53px;width:100%;height:42px;}
#header .menu_bar h2 {display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:-9999px;font-size:0;width:1px;height:1px;left:-9999px;line-height: 0;}
#header .menu_bar .new {display:inline-block;width:13px;height:13px;vertical-align:middle;margin:0 0 1px 3px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -313px 0;}
#header .menu_bar .ttip {display:none; position:absolute; left:0; top:35px; padding:4px 10px 2px; font-size:12px; color:#707070; line-height:15px; font-weight:normal; font-family:dotum; border:1px solid #d6d6d6; border-radius:3px; white-space:nowrap; background:#fff; letter-spacing: -1px;}
#header .menu_bar .ttip.ttip_contbjs {left:-25px;}
#header .menu_bar .ttip.ttip_contjj {left:0px;}
#header .menu_bar .ttip span {position:absolute; left:50%; top:0; display:block;width:11px;height:6px; margin:-6px 0 0 -5px; text-indent:-9999px; background:url('/images/afmain/img_main.png') no-repeat -236px -166px;}
#header .menu_bar .list_a {position:absolute;top:0;left:30px}
#header .menu_bar .list_a li {float:left;margin-right:18px;position:relative;} /* 2016-11-04 position 추가 */
#header .menu_bar .list_a li a {color:#181818; position:relative;}
#header .menu_bar .list_a li .up {display:inline-block;width:23px;height:42px;vertical-align:top;text-indent:-9999px;background:url('/images/afmain/menu_up.png') no-repeat}
#header .menu_bar .list_b {position:absolute;top:0;right:61px}
#header .menu_bar .list_b li {float:left;margin-left:14px;}
#header .menu_bar .list_b li a {color:#666;}
#header .menu_bar li a {display:block;height:42px;line-height:42px;font-size:14px; text-decoration:none; letter-spacing: -1px;}
#header .menu_bar li a:hover {color:#5285ff}
#header .menu_bar li a:hover .ttip {display:block;}
#header .menu_bar li a.spot {color:#ff647a}
#header .menu_bar li a.spot:hover {color:#ff647a}
#header .menu_bar li.award a {/*color:#9600ff;*/padding-right:35px; background:url('/images/afmain/ic_award.png') no-repeat right 5px} /* 2016-11-04 color값 주석처리 */
#header .menu_bar li.award .allim {position:absolute; right: 0; top: 4px; width:0; *top:12px;} /* 2016-11-04 추가 */
#header .menu_bar li .hot_summer {display:block; position:relative; color:#ff4247; font-family:'NGB';}
#header .menu_bar li .hot_summer .ico {display:inline-block; *display:inline; zoom:1; background:url('/images/afmain/ic_hotSummer_l.gif') 0 0 no-repeat; height:20px; margin-left:3px; padding-left:30px; color:#519fff; font-size:11px; line-height:20px; vertical-align:2px;}
#header .menu_bar li .hot_summer .ico em {display:block; background:url('/images/afmain/ic_hotSummer_r.gif') 100% 0 no-repeat; padding-right:6px;}

/* 151030 */
#header .user_area .my_list {border-top:1px solid #d1d1d1;padding:5px 0 3px 0;}
#header .user_area .my_list a {margin-left: 15px;}

#category {position:fixed;z-index:2000;width:100%}
#category .btn_category {position:absolute;top:0;left:0;}
#category .btn_category a {position:relative;display:block;width:63px;height:53px;}
#category .btn_category a span {position:absolute;top:18px;left:23px;width:28px;height:17px;text-indent:-9999px;overflow:hidden;background:url('/images/afmain/img_main.png') no-repeat 0 0;}
#category .category_area {display:none;position:fixed;top:53px;left:10px;bottom:133px;width:205px;min-height:300px;max-height:832px;}
#category .category_area .arrw {position:absolute;top:-9px;left:13px;display:block;width:17px;height:9px;background:url('/images/afmain/img_main.png') no-repeat -250px 0;}
#category .category_area .inner {display:block;position:absolute;top:0;bottom:0;right:0;width:203px;border:1px solid #bfbfbf;border-radius:4px;background:#fff}
#category .category_area .inner h3 {padding:10px 0 9px 16px;color:#999;font-size:12px;font-weight:normal;}
#category .category_area .inner .scrollarea {overflow:auto;+overflow:auto !important;overflow-x:hidden !important;position:absolute;top:121px;bottom:0;left:0;right:0;}
#category .category_area .inner .logscroll {top:86px}
#category .category_area .inner .scrollarea div{+background:none;+margin:0;+padding:0}
#category .log_scroll {max-height:833px;}
#category .log_scroll .inner .scrollarea {top:86px}
#category .check_area {display:block;position:absolute;top:53px;left:10px;width:203px;border:1px solid #bfbfbf;border-radius:4px;background:#fff}
#category .check_area p.txt {padding:25px 0 25px;color:#555;font-size:14px;text-align:center;}
#category .check_area p.txt strong {font-size:16px}
#category .check_area .arrw {position:absolute;top:-9px;left:13px;display:block;width:17px;height:9px;background:url('/images/afmain/img_main.png') no-repeat -250px 0;}

#container {clear:both;margin:0 auto;padding:54px 0 83px}
#container .content_area {width:960px;margin:0 auto;padding:25px 0 60px 0}
#container .content_area:after {display:block;clear:both;content:''}
#container .listfive {width:1204px !important;}
#container .listsix {width:1448px !important}
#container .listmax {width:1448px !important;margin:0;padding:25px 40px 60px 40px}
/* ie7 hack */
*:first-child+html #container .content_area .listarea ul{width:976px}
*:first-child+html #container .listfive .listarea ul{width:1220px}
*:first-child+html #container .listsix .listarea ul{width:1464px}

#container .content_area .tit_area {position:relative;}
#container .content_area .tit_area .btn_reload {overflow:visible;display:block;position:absolute;top:5px;right:0;width:34px;height:27px;background:url('/images/afmain/img_main.png') no-repeat -469px -28px;z-index:10}
#container .content_area .tit_area .btn_favorite_link {overflow:visible;display:block;position:absolute;top:16px;right:0;font-size:15px;color:#333;text-decoration:none}
#container .content_area .tit_area .btn_favorite_link em {display:inline-block;width:18px;height:17px;vertical-align:middle;margin:0 6px 4px 0;background:url('/images/afmain/bg_category_icon.png') no-repeat 0 0}
#container .content_area .tit_area .btn_favorite_link:hover {color:#386cff}
#container .content_area .tit_area .btn_favorite_link:hover em {background-position:-18px 0}
#container .content_area .title {font-size:32px;height:49px;line-height:100%;color:#010101; letter-spacing: -1px;display:inline-block}
#container .content_area .title a {display:inline-block;color:#010101;text-decoration:none;}
#container .content_area .title a em {display:inline-block;width:15px;height:8px;vertical-align:middle;margin:0 0 7px 10px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat}
#container .content_area .title a.on em {background-position:-580px 0;}
#container .content_area .title a.off em {background-position:-580px -8px;}
#container .content_area .tit_sv_area {position:relative;width:100%;height:26px;}
#container .content_area .tit_sv_area .title_s {height:26px;font-size:16px;line-height:100%;color:#333; letter-spacing: -1px;}
#container .content_area .tit_sv_area .btn_reload {overflow:visible;display:block;position:absolute;top:-9px;right:0;width:34px;height:27px;background:url('/images/afmain/img_main.png') no-repeat -469px -28px;}
#container .content_area .title_s {height:26px;font-size:16px;line-height:100%;color:#333; letter-spacing: -1px;}
#container .content_area .favor_noLst {padding:65px 0 100px; color:#333; font-size:16px; text-align:center;}

/* 게임 포스터 */
#container .tit_area_g {position:relative;height:53px}
#container .tit_area_g:after {display:block;clear:both;content:''}
#container .tit_area_g h2 {float:left}
#container .tit_area_g .view_option {float:left;margin-left:15px;padding-top:6px}
#container .tit_area_g .view_option li {position:relative;float:left}
#container .tit_area_g .view_option li a {display:block;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat }
#container .tit_area_g .view_option li:first-child a {width:21px;height:21px;background-position:-441px -190px}
#container .tit_area_g .view_option li:first-child.on a {background-position:-465px -190px}
#container .tit_area_g .view_option li:first-child .toolbox {margin-left:-79px;}
#container .tit_area_g .view_option li:first-child .toolbox p em {left:10px}

#container .tit_area_g .view_option li:last-child {padding-left:10px;margin-left:10px;}
#container .tit_area_g .view_option li:last-child:before {content:""; position:absolute; top:3px; left:0; background:#e2e2e2; width:1px; height:16px;}
#container .tit_area_g .view_option li:last-child a {width:22px;height:21px;background-position:-441px -212px}
#container .tit_area_g .view_option li:last-child.on a {background-position:-465px -212px}
#container .tit_area_g .view_option li:last-child .toolbox {margin-left:-113px;}
#container .tit_area_g .view_option li:last-child .toolbox p em {right:10px}

#container .tit_area_g .view_option li:hover {overflow:visible;}
#container .tit_area_g .view_option li:hover .toolbox {bottom:28px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
#container .tit_area_g .toolbox {transition:all .2s ease-out;position:absolute;bottom:22px;left:50%;width:200px;z-index:10;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
#container .tit_area_g .toolbox p {position:relative;display:inline-block;padding:0 8px;line-height:23px;height:23px;border:1px solid #d9d9d9;letter-spacing:-0.05em;color:#000;background:#fff;}
#container .tit_area_g .toolbox p em {position:absolute;bottom:-6px;display:block;width:9px;height:6px;margin-left:-5px;background:url('/images/afmain/img_main.png') no-repeat -491px -189px;}

#container .tit_area_g .rank_area {position:absolute;top:0;right:0;z-index:100}
#container .tit_area_g .rank_area .rolling_area {position:relative;width:250px;}
#container .tit_area_g .rank_area .rolling_area:after {content:'';display:block;position:absolute;top:6px;right:3px;width:9px;height:6px;background:url('/images/afmain/img_main.png') no-repeat -97px -260px;}
#container .tit_area_g .rank_area .rolling_area ul li a  {padding:0 65px 0 71px;}
#container .tit_area_g .rank_area .rolling_area ul li .share  {right:25px}
#container .tit_area_g .rank_area .rank_box {position:absolute;top:0;right:0;width:258px;padding-bottom:14px;border:1px solid #e5e5e5;background:#fff}
#container .tit_area_g .rank_area .rank_box h3 {height:42px;line-height:42px;color:#333;font-size:15px;text-indent:16px;}
#container .tit_area_g .rank_area .rank_box .tit_area {width:100%;height:33px;margin-bottom:-1px;border-top:1px solid #e5e5e5;background:#fcfcfc}
#container .tit_area_g .rank_area .rank_box .tit_area span {display:inline-block;line-height:33px;font-size:13px;color:#666}
#container .tit_area_g .rank_area .rank_box .tit_area .t1 {padding:0 28px 0 16px}
#container .tit_area_g .rank_area .rank_box .tit_area .t3 {position:absolute;top:0;right:18px}
#container .tit_area_g .rank_area .rank_box .more_v {position:absolute;top:19px;right:16px;line-height:100%}
#container .tit_area_g .rank_area .rank_box .more_v a {color:#999}
#container .tit_area_g .rank_area .rank_box .more_v a:after {content:'';display:inline-block;width:5px;height:7px;vertical-align:middle;margin:0 0 3px 5px;background:url('/images/afmain/img_main.png') no-repeat -114px -248px;}

#container .tit_area_g .rank_area ul {}
#container .tit_area_g .rank_area ul li {position:relative;height:18px;margin-top:12px}
#container .tit_area_g .rank_area ul li.active a {font-weight:bold}
#container .tit_area_g .rank_area ul li.top .num {background:#4986ff}
#container .tit_area_g .rank_area ul li a {position:relative;display:block;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:13px;padding:0 55px 0 71px;letter-spacing:-0.05em}
#container .tit_area_g .rank_area ul li em,
#container .tit_area_g .rank_area ul li span {display:inline-block;vertical-align:top;font-size:12px;font-weight:normal}
#container .tit_area_g .rank_area ul li .num {position:absolute;top:0;left:17px;width:18px;height:18px;line-height:18px;color:#fff;text-align:center;border-radius:2px;background:#999}
#container .tit_area_g .rank_area ul li .rup,
#container .tit_area_g .rank_area ul li .rdown,
#container .tit_area_g .rank_area ul li .same {position:absolute;top:0;left:42px;color:#888;}
#container .tit_area_g .rank_area ul li  span:before {display:inline-block;width:7px;height:10px;margin:0 4px 2px 0;text-indent:-9999px;vertical-align:middle;background:url('/images/afmain/img_main.png') no-repeat}
#container .tit_area_g .rank_area ul li .same:before {content:'-';width:5px;height:1px;background-position: -114px -258px;}
#container .tit_area_g .rank_area ul li .rup:before {content:'상승';background-position:-97px -248px;}
#container .tit_area_g .rank_area ul li .rdown:before {content:'하락';background-position:-105px -248px;}
#container .tit_area_g .rank_area ul li .title_g {vertical-align:middle}
#container .tit_area_g .rank_area ul li .share {position:absolute;top:0;right:15px;color:#7398ff;}

#container .listsix .game_post_area.open_poster ul {margin-left:2px}
#container .game_post_area {position:relative;width:100%;}
#container .game_post_area .mCustomScrollBox {overflow:visible;}
#container .game_post_area .mCustomScrollBox .mCSB_container {overflow:visible}
#container .game_post_area .mCS-minimal-dark.mCSB_scrollTools_vertical {margin:5px 0;right:-20px}
#container .game_post_area .scroll_area {overflow:hidden;height:245px;transition:all 0.3s ease;}
#container .game_post_area.open_poster {position:relative;width:100%}
#container .game_post_area.open_poster .scroll_area {height:570px}
#container .game_post_area.open_poster .mCustomScrollBox {overflow:hidden;}
#container .game_post_area.open_poster .mCustomScrollBox .mCSB_container  {overflow:hidden;}
#container .game_post_area ul {margin-right:-14px}
#container .game_post_area ul li {float:left;height:245px;margin-right:14px}
#container .game_post_area ul li a {position:relative;width:148px;display:block;text-align:center;text-decoration:none}
#container .game_post_area ul li a:hover .tit {color:#376bff}
#container .game_post_area ul li a.active:after {content:'';position:absolute;top:0;left:0;display:block;width:138px;height:174px;border:5px solid #3566ff;border-radius:3px;}
#container .game_post_area ul li a.active .tit {color:#376bff;border-bottom:2px solid #376bff}
#container .game_post_area ul li .poster {position:relative;display:block;width:148px;height:184px;overflow:hidden;text-align:center;border-radius:3px}
#container .game_post_area ul li .poster:after {display:block;clear:both;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url('/images/afmain/bg_gr.png') no-repeat}
#container .game_post_area ul li .poster .viewer {display:block;position:absolute;bottom:11px;left:0;right:0;z-index:20;color:#dbdbdb;font-size:13px;line-height:100%;letter-spacing:-0.05em;text-align:center}
#container .game_post_area ul li .poster .viewer em {display:inline-block;width:12px;height:9px;font-size:0;vertical-align:middle;margin:0 8px 2px 0;background:url('/images/afmain/img_main.png') no-repeat -491px -200px;}
#container .game_post_area ul li img {display:block;width:100%}
#container .game_post_area ul li a:hover img {o-transform: scale(1.05);transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transition: all 0.2s ease; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease;}
#container .game_post_area ul li .tit {overflow:hidden;display:inline-block;text-align:center;padding:16px 2px 0 2px;height:20px;line-height:120%;font-size:15px;font-family:"NGB";color:#333;word-wrap:break-word;word-break:break-all;}
#container .game_post_area .bx-controls-direction a {position:absolute;overflow:hidden;display:inline-block;width:19px;height:41px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat}
#container .game_post_area .bx-controls-direction .bx-prev {top:65px;left:-35px;background-position:-508px -191px;}
#container .game_post_area .bx-controls-direction .bx-next {top:65px;right:-35px;background-position:-528px -191px;}
#container .game_post_area .bx-controls-direction .bx-prev.disabled,
#container .game_post_area .bx-controls-direction .bx-next.disabled {display:none;opacity:0.5;cursor:default}
#container .game_post_area .slide_toggle {position:relative;height:50px;margin-top:10px;border-top:1px solid #e5e5e5}
#container .game_post_area .slide_toggle button {position:absolute;top:-1px;left:50%;display:block;width:47px;height:23px;margin-left:-23px;outline:none;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat}
#container .game_post_area .slide_toggle button.open {background-position:0 -248px}
#container .game_post_area .slide_toggle button.close {background-position:-49px -248px}

/* 2017-05-18 추가 */
#container .addinfo1 {position:relative; height:0; border-bottom:1px solid #e6e6e6;}
#container .addinfo1.line_no {border-bottom:0px solid #e6e6e6;}
.laterwatch_nolist_allim {position:absolute; right:0; top:-32px; display:block; color:#666; font-size:13px; letter-spacing:-1px;}
.sv_area .laterwatch_nolist_allim {right:245px; top:2px; }
.laterwatch_nolist_allim a {color:#666;}
.laterwatch_nolist_allim .em1 {display:inline-block; width:15px;height:15px;vertical-align:middle;margin:0 1px 2px 10px; text-indent:-9999px; overflow:hidden; background:url('/images/afmain/img_main.png') no-repeat -13px -199px;} /* 2017-07-21 margin 수정*/
.laterwatch_nolist_allim .arr {display:inline-block; width:2px;height:3px; margin:0 0 0 2px; vertical-align:middle; background:url('/images/afmain/img_main.png') no-repeat -29px -199px;}
.laterwatch_nolist_allim .em2 {display:inline-block; width:15px;height:15px;vertical-align:middle;margin:0 4px 2px 0; text-indent:-9999px; overflow:hidden; background:url('/images/afmain/img_main.png') no-repeat -13px -215px;}
.laterwatch_nolist_allim .arr2 {display:inline-block; width:2px;height:3px; margin:0 0 0 2px; vertical-align:middle; background:url('/images/afmain/img_main.png') no-repeat -29px -215px;}
.laterwatch_nolist_allim .point1 {color:#386cff;}

#container .addinfo1 .sp2 {position:absolute; right:0; top:-28px; display:block; color:#666; font-size:13px; letter-spacing:-1px;}


#listWrap #footer {position:relative;min-width:980px; width: auto; height:107px;margin-top:-108px; padding-top:0; border-top:1px solid #e5e5e5; text-align:center;background:#fff}
#listWrap #footer .footer_inner {position:relative;height:82px;padding-top:25px;margin:0 auto;}
/*#listWrap #footer .footer_inner .f_list {margin: 0 0 0 -112px; }*/
#listWrap #footer ul { position: relative; display: inline; overflow:visible; }
#listWrap #footer .footer_inner .f_list li {display:inline; background:none; margin:0 6px 0 0; padding:0; letter-spacing:-1px; font-size:14px;}
#listWrap #footer .footer_inner .f_list li:after {display:none;}
#listWrap #footer .footer_inner .f_list li.global_lang { display: none;}
#listWrap #footer .footer_inner .f_list li a {color:#666; font-size: 14px; }
#listWrap #footer .footer_inner .f_list li.player {padding-left:10px;margin-left:2px;letter-spacing:-2px;background:url('/images/afmain/bul_bar_f.gif') no-repeat 0 4px}
#listWrap #footer .footer_inner .f_list li.player a {display:inline-block;color:#466dda;padding-right:22px; background:url('/images/afmain/bul_down.png') no-repeat right 3px}
#listWrap #footer .footer_inner .f_list li.player a em {display:none;}

#listWrap #footer li.global_lang li{ margin: 0 !important; }
#listWrap #footer li.global_lang a { line-height: 14px; font-size: 12px; }
#listWrap #footer .global_lang ul ,#listWrap #footer .global_lang ul li { margin: 0; }

#listWrap .notice_area {overflow:hidden;width:100%;height:39px;margin:40px 0 -60px;border-top:1px solid #ddd;text-align:left}
#listWrap .notice_area dl {font-size:13px;line-height:39px}
#listWrap .notice_area dl:after {display:block;clear:both;content:''}
#listWrap .notice_area dl dt {float:left;padding:0 18px;color:#333}
#listWrap .notice_area dl a {color:#666;}

/* 패밀리 사이트 */
#footer .f_list .familysite {position:absolute;top:-5px;left: 100%;width:112px;height:100%;margin: 0 0 0 10px !important;padding: 0 !important;font-size:11px !important;line-height:100%;}
#footer .f_list .familysite a {position:relative;display:block;height:20px;line-height:21px;padding:0 0 0 7px;border:1px solid #7f7f7f;color:#444 !important;font-size:11px !important;text-align:left;letter-spacing:0}
#footer .f_list .familysite a em {position:absolute;top:8px;right:8px;display:block;width:9px;height:5px;background:url('/images/afmain/img_main.png') no-repeat}
#footer .f_list .familysite .flayer {position:absolute;bottom:100%;left:0;z-index:2;width:110px;margin: 0 0 -1px 0;border:1px solid #7f7f7f;border-bottom:1px solid #c9c9c9;background:#fff;}
#footer .f_list .familysite .flayer ul {display:block !important;padding:5px 0;}
#footer .f_list .familysite .flayer li {display:block;padding:0;margin:0 !important}
#footer .f_list .familysite .flayer li a {text-decoration:none;border: none;}
#footer .f_list .familysite .flayer li a:hover {background-color:#eee;}
#footer .f_list .familysite.off .flayer {display:none}
#footer .f_list .familysite.off a em {background-position:-461px -114px}
#footer .f_list .familysite.on .flayer {display:block}
#footer .f_list .familysite.on a em { background-position:-461px -108px}

.bjissue_banner {width:100%;height:50px;margin-top:20px;text-align:center;background:#ffe7bf url('/images/afmain/img_bjissue.jpg') no-repeat 50% 0}
.bjissue_banner a {display:block;width:100%;height:50px;text-indent:-9999px}

/* 리스트형 layout */
#listWrap {overflow-y:scroll;+overflow-y:hidden}
#listWrap #wrap {min-width:1040px;padding-left:210px;}
#listWrap #header {min-width:/*1250px*/960px;height:66px;min-width:1300px\9;border-bottom:1px solid #e5e5e5}
@media screen and (min-width:0\0){
	#listWrap #header {min-width:960px}
}/*미디어 쿼리로 인한 ie핵*/

#listWrap #header h1 {position:absolute;top:0;left:0;z-index:2000;width:210px;height:65px;vertical-align:top;margin:0;}
#listWrap #header h1 a {display:block}
#listWrap #header h1 img {width:210px;height:65px;vertical-align:top;}
#listWrap #header h1 .logo {float:left;display:inline-block;width:142px;height:65px;text-indent:-9999px;background:url('/images/afmain/logo_vod.gif') no-repeat 0 0}
#listWrap #header h1 .vod {float:left;display:inline-block;width:56px;height:65px;color:#424242;font-size:18px;line-height:3.6em;text-decoration:none; letter-spacing: -1px;margin-left:5px}
#listWrap #header .btn_area {position:absolute;top:22px;left:483px;min-width:257px;background:#fff;}
#listWrap #header .unit_area {position:absolute; top:17px; right:0;}
#listWrap #header .unit_area .btn_upload {float:left;display:block;width:35px;height:35px;line-height:100%;text-align:center;background:none;outline:none}
#listWrap #header .unit_area .btn_upload {float:left;display:block;width:35px;height:35px;line-height:100%;margin:0;text-align:center;background:none;outline:none}
#listWrap #header .unit_area .btn_upload span {position:relative;display:inline-block;margin-top:7px;width:20px;height:20px;text-indent:-9999px;background:url(/images/afmain/img_main.png) -386px -212px no-repeat;}
#listWrap #header .unit_area .btn_upload:hover span {background-position:-386px -190px}
#listWrap #header .unit_area .btn_studio {display:block; float:left; background:none; width:35px; height:35px;text-align:center; outline:none;}
#listWrap #header .unit_area .btn_studio span {display:block; position:relative; background:url(/images/afmain/img_main.png) -408px -212px no-repeat; width:28px; height:18px; margin:0 auto; text-indent:-9999px;}
#listWrap #header .unit_area .btn_studio:hover span {background-position:-408px -190px}

#listWrap #header .join_area {padding:21px 0 0 10px}
#listWrap #header .log_area {margin-left:11px; padding-right:30px;}
#listWrap #header .btn_menu {display:none;position:absolute;top:7px;right:20px;;z-index:10}
#listWrap #header .user_area {top:37px; right:16px;}
#listWrap #header .menu_area {top:66px;right:15px}
/* bj랭킹 헤더메뉴 적용 */
#listWrap #header.bjheader .log_area {padding-right:61px}
#listWrap #header.bjheader .btn_menu {display:block;}
#listWrap #header.bjheader .user_area {top:50px;right:46px}
#listWrap #container {padding:67px 0 108px;}
#listWrap .menu_bar {display:none}
#listWrap .category_area {display:block;position:fixed;_absolute;z-index:100;top:0;left:0;bottom:0;width:209px;margin-top:67px;border-right:1px solid #bfbfbf;background:#fff}
#listWrap .category_area .inner {overflow:hidden;display:block;width:100%;position:absolute;top:0;bottom:0;right:0;}
#listWrap .category_area .inner h3 {padding:10px 0 9px 16px;color:#999;font-size:12px;font-weight:normal;}
#listWrap .category_area .inner .scrollarea {overflow:auto;+overflow:auto !important;overflow-x:hidden !important;position:absolute;top:155px;bottom:0;left:0;right:0;min-height:100px}
#listWrap .category_area .inner .scrollarea div {+background:none;+margin:0;+padding:0}
#listWrap .category_area .player_download {width:160px;height:42px;margin:0 auto;padding:10px 0 20px;}
#listWrap .category_area .player_download a {display:block;height:42px;line-height:42px;border-radius:21px;text-align:center;font-size:13px;color:#666;text-decoration:none;letter-spacing:-1px;background:#ecf2f8}
#listWrap .category_area .player_download em {display:inline-block;width:18px;height:18px;vertical-align:middle;margin:0 8px 2px 0; background:url('/images/afmain/img_main.png') no-repeat -445px -127px}
#listWrap .category_area .bbabbicontest { display: block; overflow: hidden; width: 160px; height: 42px; margin: 0 auto; background:url('/images/afmain/banner_bbabbicontest.png') no-repeat; text-indent: -9999em; }
#listWrap .category_area .basecamp {width:160px;height:42px;margin:0 auto;}
#listWrap .category_area .basecamp a {display:block;height:42px;line-height:42px;border-radius:21px;text-align:center;font-size:13px;color:#666;text-decoration:none;letter-spacing:-1px;background:#ecf2f8}
#listWrap .category_area .basecamp em {display:inline-block;width:23px;height:13px;vertical-align:middle;margin:0 8px 2px 0; background:url('/images/afmain/img_main.png') no-repeat -427px -155px}


#listWrap .log_scroll .inner .scrollarea {top:0}
#listWrap .vod_scroll .inner .scrollarea {top:290px}
#listWrap .sports_scroll .inner .scrollarea {top:80px}
#listWrap .menu_list {overflow:hidden;width:209px;padding-bottom:10px;}
#listWrap .menu_list li a {padding-left:71px;}
#listWrap .menu_list li a em {left:37px;}
#listWrap .menu_list li.line_up {padding-top:16px; margin:16px 0 0; background:url('/images/afmain/bg_line_ct.gif') no-repeat top}
#listWrap .fix_m {padding:16px 0 16px;border-bottom:none;background:url('/images/afmain/bg_line_ct.gif') no-repeat bottom}
#listWrap #footer {padding-left:210px}



/* #listWrap .gnbBar .menu_bar {display:block;}
#listWrap .gnbBar .category_area {margin-top:99px;}
#listWrap .gnbBar #container {padding:99px 0 108px}
#listWrap .gnbBar #header .unit_area {z-index:20}
#listWrap .gnbBar #header .btn_menu {display:block;position:absolute;top:56px;right:20px}
#listWrap .gnbBar #header .btn_menu a {height:37px}
#listWrap .gnbBar #header .btn_menu a span {top:9px}
#listWrap .gnbBar #header .log_area {padding-right:30px;}
#listWrap .gnbBar #header .user_area {top:50px;right:16px}
#listWrap .gnbBar #header .menu_area {top:98px;right:15px}
#listWrap .gnbBar .log_scroll .inner .scrollarea {top:119px} */



/* 기본형 검색박스 */
.search_area {position:absolute;z-index:20;width:100%;min-width:980px;}
.search_area .search_bar {overflow:hidden;position:absolute;top:173px;left:50%;width:514px;min-height:48px;_height:48px;margin-left:-257px;border:2px solid #1559ff;border-radius:7px;background:#fff}
.search_area .search_bar input {position:absolute;top:0;z-index:20;width:435px;padding:12px 0 12px 15px;color:#181818;border:0 none;font-size:20px;background:none;;ime-mode: active }
.search_area .search_bar .btn_search {display:block;position:absolute;top:0;right:0;z-index:10;width:50px;height:48px;border:0 none;cursor:pointer;background:url('/images/afmain/img_main.png') no-repeat -333px -85px}
.search_area .search_box {padding-top:48px;background:#fff}
.search_area .search_box .inner_area {border-top:1px solid #e5e5e5}
.search_area .search_box h3 {padding:12px 0 0 14px;font-size:12px;color:#444;}
.search_area .search_box .list {overflow:hidden;width:100%;padding:5px 0 5px;}
.search_area .search_box .list li {position:relative;overflow:hidden;height:28px;line-height:28px;vertical-align:top;zoom:1;font-size:14px}
.search_area .search_box .list li a {position:relative;display:block;overflow:hidden;height:16px;text-decoration:none;color:#444;line-height:150%;padding:5px 56px 7px 14px;zoom:1;word-wrap:break-word;word-break:break-all;}
.search_area .search_box .list li a .num {position:relative;top:-1px;display:inline-block;width:15px;vertical-align:middle;text-align:center;color:#444;font-size:12px;font-weight:bold;margin:0 8px 0 0;}
.search_area .search_box .list li a .rank {position:absolute;top:5px;right:12px;width:34px;text-align:center;font-size:11px;color:#444}
.search_area .search_box .list li a .rank em {display:inline-block;width:7px;height:8px;margin:0 7px 2px 0;vertical-align:middle;background:url('/images/afmain/img_main.png') no-repeat}
.search_area .search_box .list li a .up,
.search_area .search_box .list li a .down,
.search_area .search_box .list li a .new {text-align:left;}
.search_area .search_box .list li a .up em {background-position:-516px 0}
.search_area .search_box .list li a .down em {background-position:-516px -8px}
.search_area .search_box .list li a .new,
.search_area .search_box .list li a .even{color:#ff3636}
.search_area .search_box .list li a:hover,
.search_area .search_box .list li a:focus{background:#f1f3f6}
.search_area .search_box .list li .btn_delete {position:absolute;top:0;right:5px;z-index:10;width:28px;height:28px;background:url('/images/afmain/btn_delete_x.png') no-repeat 10px 10px}
.search_area .search_box .list li .btn_delete span {position:relative;z-index:-1;overflow:hidden;display:block;width:100%;height:100%;font-size:0;line-height:0}
.search_area .search_box .ct_area {position:relative;height:27px;border-top:1px solid #e5e5e5}
.search_area .search_box .ct_area .btn_all_delete {position:absolute;top:0;right:12px;height:27px;color:#666;background:none;font-size:12px}

/* 리스트형 검색박스 */
.search_area_t {position:absolute;width:246px;top:17px;left:210px;z-index:10}
.search_area_t .search_bar {overflow:hidden;position:relative;width:244px;min-height:29px;_height:29px;border:1px solid #1559ff;border-radius:3px;background:#fff}
.search_area_t .search_bar input {position:absolute;top:0;width:203px;top:0;padding:8px 0 7px 9px;color:#181818;border:0 none;font-size:12px;background:none;ime-mode: active }
/* .search_area_t .search_bar .btn_search {position:absolute;top:0;right:3px;z-index:10;width:29px;height:29px;border:0 none;cursor:pointer;vertical-align:top;background:url('/images/afmain/img_main.png') no-repeat -304px -85px} */
.search_area_t .search_bar .btn_search {position:absolute; top:0; right:3px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3e%3cpath fill='rgba(23, 114, 248, 0.999)'  d='M19.235 17.329l-1.534 1.535-5.228-5.228c-1.206.85-2.669 1.359-4.257 1.359-4.094 0-7.412-3.319-7.412-7.412C.804 3.489 4.122.171 8.216.171c4.094 0 7.412 3.318 7.412 7.412 0 1.721-.611 3.285-1.595 4.543l5.202 5.203zM8.196 2.045c-3.058 0-5.538 2.48-5.538 5.538 0 3.059 2.48 5.538 5.538 5.538 3.059 0 5.539-2.479 5.539-5.538 0-3.058-2.48-5.538-5.539-5.538z'/%3e%3c/svg%3e") center no-repeat; background-size:19px 19px; width:29px; height:29px; border:0 none; z-index:10; cursor:pointer; vertical-align:top;}

.search_area_t .search_bar .btn_search span {position:relative;z-index:-1;overflow:hidden;display:block;width:100%;height:100%;font-size:0;line-height:0}
.search_area_t .search_box {padding-top:29px;background:#fff}
.search_area_t .search_box .inner_area {border-top:1px solid #e5e5e5}
.search_area_t .search_box h3 {padding:8px 0 0 8px;font-size:12px;color:#444;}
.search_area_t .search_box .list {overflow:hidden;width:100%;padding:3px 0 3px;}
.search_area_t .search_box .list li {float:left;width:100%;position:relative;overflow:hidden;height:24px;line-height:24px;vertical-align:top;zoom:1;font-size:12px}
.search_area_t .search_box .list li a {position:relative;display:block;overflow:hidden;height:16px;text-decoration:none;color:#444;line-height:150%;padding:4px 48px 4px 9px;zoom:1;word-wrap:break-word;word-break:break-all;}
.search_area_t .search_box .list li a .num {position:relative;top:-1px;display:inline-block;width:18px;vertical-align:middle;text-align:center;color:#444;font-size:12px;font-weight:bold;margin:0 6px 0 0;-webkit-font-smoothing: antialiased}

.search_area_t .search_box .list li a .rank {position:absolute;top:4px;right:6px;width:34px;text-align:center;font-size:11px;color:#444}
.search_area_t .search_box .list li a .rank em {display:inline-block;width:7px;height:8px;margin:0 7px 2px 0;vertical-align:middle;background:url('/images/afmain/img_main.png') no-repeat}
.search_area_t .search_box .list li a .up,
.search_area_t .search_box .list li a .down,
.search_area_t .search_box .list li a .new {text-align:left;}
.search_area_t .search_box .list li a .up em {background-position:-516px 0}
.search_area_t .search_box .list li a .down em {background-position:-516px -8px}
.search_area_t .search_box .list li a .new,
.search_area_t .search_box .list li a .even{color:#ff3636}
.search_area_t .search_box .list li a:hover,
.search_area_t .search_box .list li a:focus{background:#f1f3f6}
.search_area_t .search_box .list li .btn_delete {position:absolute;top:0;right:3px;z-index:10;width:24px;height:24px;background:url('/images/afmain/btn_delete_x.png') no-repeat 8px 8px}
.search_area_t .search_box .list li .btn_delete span {position:relative;z-index:-1;overflow:hidden;display:block;width:100%;height:100%;font-size:0;line-height:0}
.search_area_t .search_box .list li.hv a{background: #f1f3f6;}
.search_area_t .search_box .ct_area {position:relative;height:27px;border-top:1px solid #e5e5e5}
/* .search_area_t .search_box .ct_area .btn_all_delete {overflow:visible;position:absolute;top:0;right:6px;width:50px;height:27px;color:#666;text-indent:-9999px;background:url('/images/afmain/btn_delete_t.png') no-repeat 50% 0} */
.search_area_t .search_box .ct_area .btn_all_delete {overflow:visible;position:absolute;top:0;right:6px;width:50px;height:27px;color:#666; font-size:11px;}

/* 카테고리 메뉴 */
.fix_m {padding:11px 0 6px;border-bottom:1px solid #e8e8e8}
.menu_list {overflow:hidden;width:203px;padding-bottom:10px;}
.menu_list li {float:left;position:relative;width:100%;font-size:15px;color:#333;}
.menu_list li a {display:block;position:relative;height:35px;padding-left:56px;line-height:35px;color:#333;text-decoration:none;font-weight:bold}
.menu_list li a em {position:absolute;top:49%;left:24px;display:inline-block;width:18px;text-indent:-9999px;background:url('/images/afmain/bg_category_icon.png') no-repeat}
.menu_list li a .arrow {display:none;width:17px;height:12px;vertical-align:middle;margin:0 0 2px 10px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -267px 0}
.menu_list li.on a, .menu_list li a:hover, .menu_list li a:focus {color:#386cff;}
.menu_list li.on a .arrow {display:inline-block;}

.menu_list li .ic_fav  {height:17px;margin-top:-9px;background-position:0 0}
.menu_list li .ic_lately  {height:15px;margin-top:-8px;background-position:0 -18px}
.menu_list li .ic_all  {height:18px;margin-top:-9px;background-position:0 -34px}
.menu_list li .ic_best  {height:18px;margin-top:-9px;background-position:0 -53px}
.menu_list li .ic_rookie  {height:19px;margin-top:-9px;background-position:0 -72px}
.menu_list li .ic_bora  {height:18px;margin-top:-9px;background-position:0 -91px}
.menu_list li .ic_eat  {height:18px;margin-top:-9px;background-position:0 -110px}

.menu_list li .ic_sports {background-position:0 -129px; width:20px; height:18px; margin-top:-9px;}

.menu_list li .ic_tv  {height:19px;margin-top:-9px;background-position:0 -148px}
.menu_list li .ic_game {height:18px;margin-top:-9px;background-position:0 -168px}
.menu_list li .ic_ani  {height:18px;margin-top:-9px;background-position:0 -187px}
.menu_list li .ic_music  {height:18px;margin-top:-9px;background-position:0 -205px}
.menu_list li .ic_current  {height:18px;margin-top:-9px;background-position:0 -223px}
.menu_list li .ic_stock  {height:17px;margin-top:-9px;background-position:0 -242px}
.menu_list li .ic_mg  {height:18px;margin-top:-9px;background-position:0 -260px}
.menu_list li .ic_shopping  {height:19px;margin-top:-10px;background-position:0 -279px}
.menu_list li .ic_cable  {height:18px;margin-top:-9px;background-position:0 -299px}
.menu_list li .ic_enter  {height:17px;margin-top:-8px;background-position:0 -318px}
.menu_list li .ic_life  {height:18px;margin-top:-9px;background-position:0 -336px}
.menu_list li .ic_study  {height:17px;margin-top:-8px;background-position:0 -355px}
.menu_list li .ic_adult  {height:18px;margin-top:-8px;background-position:0 -373px}
.menu_list li .ic_business {height:21px;margin-top:-9px;background-position:0 -391px}
.menu_list li .ic_partner {width:20px;height:17px;margin-top:-8px;background-position:0 -412px}
.menu_list li .ic_beauty {width:20px;height:20px;margin-top:-9px;background-position:0 -430px}
.menu_list li .ic_kpop  {width:20px;height:20px;margin-top:-7px;background-position:0 -451px}
.menu_list li .ic_mobile  {width:20px;height:20px;margin-top:-9px;background-position:3px -471px}
.menu_list li .ic_hot  {width:17px;height:17px;margin-top:-9px;background-position:0 -492px}
.menu_list li .ic_t30  {width:17px;height:14px;margin-top:-7px;background-position:0 -512px}
.menu_list li .ic_humor {width:18px;height:18px;margin-top:-8px;background-position:0 -529px}
.menu_list li .ic_etc {width:17px;height:5px;margin-top:-2px;background-position:1px -551px}
.menu_list li .ic_2016bjawards {width:19px;height:14px;margin-top:-6px;background-position:0px -565px}
.menu_list li .ic_special {width:16px;height:18px;margin-top:-8px;background-position:0px -582px}
.menu_list li .ic_esports {width:15px;height:18px;margin-top:-8px;background-position:0px -603px}
.menu_list li .ic_flower  {width:17px; height:18px; margin-top:-10px; background-position:0 -624px}
.menu_list li .ic_laterwatch {width:18px; height:18px; margin-top:-9px; background-position:0 -644px}
.menu_list li .ic_foru {width:18px; height:18px; margin-top:-8px; background-position:0 -981px}
.menu_list li .ic_360 {width:20px; height:13px; margin-top:-5px; background-position:0 -1003px}
.menu_list li .ic_adballoon  {width:20px;height:20px;margin-top:-9px;background-position:0 -1214px}

/* 2019-02-13 VOD 개편에서 추가 */
.menu_list li .ic_popularity {width:18px; height:18px; margin-top:-9px; background-position:0 -1090px}
.menu_list li .ic_subscription {width:19px; height:19px; margin-top:-7px; background-position:0 -1110px}
.menu_list li .ic_recentwatch {width:19px; height:19px; margin-top:-7px; background-position:0 -1130px}
.menu_list li .ic_up {width:19px; height:19px; margin-top:-9px; background-position:0 -1150px}
.menu_list li .ic_category {width:18px; height:18px; margin-top:-8px; background-position:0 -1194px}
.menu_list li .ic_smr {width:18px; height:15px; margin-top:-6px; background-position:0 -1236px}
/* //2019-02-13 VOD 개편에서 추가 */

.menu_list li.on a .ic_fav, .menu_list li a:hover .ic_fav, .menu_list li a:focus .ic_fav  {height:17px;margin-top:-9px;background-position:-18px 0}
.menu_list li.on a .ic_lately, .menu_list li a:hover .ic_lately, .menu_list li a:focus .ic_lately  {height:15px;margin-top:-8px;background-position:-18px -18px}
.menu_list li.on a .ic_all, .menu_list li a:hover .ic_all, .menu_list li a:focus .ic_all  {height:18px;margin-top:-9px;background-position:-18px -34px}
.menu_list li.on a .ic_best, .menu_list li a:hover .ic_best, .menu_list li a:focus .ic_best  {height:18px;margin-top:-9px;background-position:-18px -53px}
.menu_list li.on a .ic_rookie, .menu_list li a:hover .ic_rookie, .menu_list li a:focus .ic_rookie  {height:19px;margin-top:-9px;background-position:-18px -72px}
.menu_list li.on a .ic_bora, .menu_list li a:hover .ic_bora, .menu_list li a:focus .ic_bora  {height:18px;margin-top:-9px;background-position:-18px -91px}
.menu_list li.on a .ic_eat, .menu_list li a:hover .ic_eat, .menu_list li a:focus .ic_eat  {height:18px;margin-top:-9px;background-position:-18px -110px}

.menu_list li.on a .ic_sports , .menu_list li a:hover .ic_sports , .menu_list li a:focus .ic_sports {background-position:-20px -129px; height:18px; margin-top:-9px;;}

.menu_list li.on a .ic_tv, .menu_list li a:hover .ic_tv, .menu_list li a:focus .ic_tv  {height:19px;margin-top:-9px;background-position:-18px -148px}
.menu_list li.on a .ic_game, .menu_list li a:hover .ic_game, .menu_list li a:focus .ic_game  {height:18px;margin-top:-9px;background-position:-18px -168px}
.menu_list li.on a .ic_ani, .menu_list li a:hover .ic_ani, .menu_list li a:focus .ic_ani  {height:18px;margin-top:-9px;background-position:-18px -187px}
.menu_list li.on a .ic_music, .menu_list li a:hover .ic_music, .menu_list li a:focus .ic_music  {height:18px;margin-top:-9px;background-position:-18px -205px}
.menu_list li.on a .ic_current, .menu_list li a:hover .ic_current, .menu_list li a:focus .ic_current  {height:18px;margin-top:-9px;background-position:-18px -223px}
.menu_list li.on a .ic_stock, .menu_list li a:hover .ic_stock, .menu_list li a:focus .ic_stock  {height:17px;margin-top:-9px;background-position:-18px -242px}
.menu_list li.on a .ic_mg, .menu_list li a:hover .ic_mg, .menu_list li a:focus .ic_mg  {height:18px;margin-top:-9px;background-position:-18px -260px}
.menu_list li.on a .ic_shopping, .menu_list li a:hover .ic_shopping, .menu_list li a:focus .ic_shopping  {height:19px;margin-top:-10px;background-position:-18px -279px}
.menu_list li.on a .ic_cable, .menu_list li a:hover .ic_cable, .menu_list li a:focus .ic_cable  {height:18px;margin-top:-9px;background-position:-18px -299px}
.menu_list li.on a .ic_enter, .menu_list li a:hover .ic_enter, .menu_list li a:focus .ic_enter  {height:18px;margin-top:-8px;background-position:-18px -318px}
.menu_list li.on a .ic_life, .menu_list li a:hover .ic_life, .menu_list li a:focus .ic_life  {height:18px;margin-top:-9px;background-position:-18px -336px}
.menu_list li.on a .ic_study, .menu_list li a:hover .ic_study, .menu_list li a:focus .ic_study  {height:17px;margin-top:-8px;background-position:-18px -355px}
.menu_list li.on a .ic_adult, .menu_list li a:hover .ic_adult, .menu_list li a:focus .ic_adult  {height:18px;margin-top:-8px;background-position:-18px -373px}
.menu_list li.on a .ic_business, .menu_list li a:hover .ic_business, .menu_list li a:focus .ic_business  {height:21px;margin-top:-9px;background-position:-20px -391px}
.menu_list li.on a .ic_partner, .menu_list li a:hover .ic_partner, .menu_list li a:focus .ic_partner  {height:17px;margin-top:-8px;background-position:-20px -412px}
.menu_list li.on a .ic_beauty, .menu_list li a:hover .ic_beauty, .menu_list li a:focus .ic_beauty  {width:20px;height:20px;margin-top:-9px;background-position:-20px -430px}
.menu_list li.on a .ic_kpop, .menu_list li a:hover .ic_kpop, .menu_list li a:focus .ic_kpop  {width:20px;height:20px;margin-top:-7px;background-position:-20px -451px}
.menu_list li.on a .ic_mobile, .menu_list li a:hover .ic_mobile, .menu_list li a:focus .ic_mobile  {width:20px;height:20px;margin-top:-9px;background-position:-17px -471px}
.menu_list li.on a .ic_hot, .menu_list li a:hover .ic_hot, .menu_list li a:focus .ic_hot  {width:17px;height:17px;margin-top:-9px;background-position:-20px -492px}
.menu_list li.on a .ic_t30, .menu_list li a:hover .ic_t30, .menu_list li a:focus .ic_t30  {width:17px;height:14px;margin-top:-7px;background-position:-20px -512px}
.menu_list li.on a .ic_humor, .menu_list li a:hover .ic_humor, .menu_list li a:focus .ic_humor  {width:18px;height:18px;margin-top:-8px;background-position:-20px -529px}
.menu_list li.on a .ic_etc, .menu_list li a:hover .ic_etc, .menu_list li a:focus .ic_etc  {width:17px;height:5px;margin-top:-2px;background-position:-19px -551px}
.menu_list li.on a .ic_2016bjawards, .menu_list li a:hover .ic_bjawards, .menu_list li a:focus .ic_bjawards  {width:19px;height:14px;margin-top:-6px;background-position:-21px -565px}
.menu_list li.on a .ic_special, .menu_list li a:hover .ic_special, .menu_list li a:focus .ic_special  {width:16px;height:18px;margin-top:-8px;background-position:-20px -582px}
.menu_list li.on a .ic_esports, .menu_list li a:hover .ic_esports, .menu_list li a:focus .ic_esports  {width:15px;height:18px;margin-top:-8px;background-position:-20px -603px}
.menu_list li.on a .ic_flower, .menu_list li a:hover .ic_flower, .menu_list li a:focus .ic_flower {background-position:-20px -624px}
.menu_list li.on a .ic_laterwatch, .menu_list li a:hover .ic_laterwatch, .menu_list li a:focus .ic_laterwatch {background-position:-20px -644px}
.menu_list li.on a .ic_foru, .menu_list li a:hover .ic_foru, .menu_list li a:focus .ic_foru {background-position:-18px -981px}

.menu_list li .ic_ranking{background-position:0 -666px;height:18px;margin-top:-7px }
.menu_list li.on a .ic_ranking, .menu_list li a:hover .ic_ranking, .menu_list li a:focus .ic_ranking  {height:18px;margin-top:-7px;background-position:-20px -666px}
.menu_list li .ic_jumpviewer{background-position:0 -687px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_jumpviewer, .menu_list li a:hover .ic_jumpviewer, .menu_list li a:focus .ic_jumpviewer {height:18px;margin-top:-7px;background-position:-20px -687px;width:20px}
.menu_list li .ic_jumpccu{background-position:0 -709px;height:18px;margin-top:-7px ;width:20px}
.menu_list li.on a .ic_jumpccu, .menu_list li a:hover .ic_jumpccu, .menu_list li a:focus .ic_jumpccu {height:18px;margin-top:-7px;background-position:-20px -709px;width:20px}
.menu_list li .ic_pet{background-position:0 -730px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_pet, .menu_list li a:hover .ic_pet, .menu_list li a:focus .ic_pet {width:20px;height:18px;margin-top:-7px;background-position:-20px -730px}
.menu_list li .ic_hobby{background-position:0 -751px;height:18px;margin-top:-7px }
.menu_list li.on a .ic_hobby, .menu_list li a:hover .ic_hobby, .menu_list li a:focus .ic_hobby {height:18px;margin-top:-7px;background-position:-20px -751px}
.menu_list li .ic_vod{background-position:0 -773px;height:18px;margin-top:-7px }
.menu_list li.on a .ic_vod, .menu_list li a:hover .ic_vod, .menu_list li a:focus .ic_vod {height:18px;margin-top:-7px;background-position:-20px -773px}
/*.menu_list li .ic_special{background-position:0 -791px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_special, .menu_list li a:hover .ic_special, .menu_list li a:focus .ic_special {width:20px;height:18px;margin-top:-7px;background-position:-20px -791px}*/

.menu_list li .ic_byeol{background-position:0 -791px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_byeol, .menu_list li a:hover .ic_byeol, .menu_list li a:focus .ic_byeol {width:20px;height:18px;margin-top:-7px;background-position:-20px -791px}

.menu_list li .ic_dubradio{background-position:0 -813px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_dubradio, .menu_list li a:hover .ic_dubradio, .menu_list li a:focus .ic_dubradio {width:20px;height:18px;margin-top:-7px;background-position:-20px -813px}
.menu_list li .ic_musicstream{background-position:0 -834px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_musicstream, .menu_list li a:hover .ic_musicstream, .menu_list li a:focus .ic_musicstream {width:20px;height:18px;margin-top:-7px;background-position:-20px -834px}

.menu_list li .ic_comm {width:18px; height:18px; margin-top:-8px; background-position:0 -859px} /* 2018-04-13 추가 */
.menu_list li .ic_cs {width:20px; height:17px; margin-top:-8px; background-position:0 -1041px} /* 2018-04-13 추가 */
.menu_list li .ic_event {width:18px; height:18px; margin-top:-8px; background-position:0 -1061px} /* 2018-04-13 추가 */
.menu_list li .ic_podfreeca {width:26px; height:18px;margin-top:-8px;left:33px !important;background:url('/images/afmain/ic_podfreeca.png') no-repeat}
.menu_list li.on a .ic_comm, .menu_list li a:hover .ic_comm, .menu_list li a:focus .ic_comm  {width:18px; height:18px; margin-top:-8px; background-position:-20px -859px} /* 2018-04-13 추가 */
.menu_list li.on a .ic_cs, .menu_list li a:hover .ic_cs, .menu_list li a:focus .ic_cs  {width:20px; height:17px; margin-top:-8px; background-position:-21px -1041px} /* 2018-04-13 추가 */
.menu_list li.on a .ic_event, .menu_list li a:hover .ic_event, .menu_list li a:focus .ic_event  {width:18px; height:18px; margin-top:-8px; background-position:-21px -1061px} /* 2018-04-13 추가 */

/* 2019-02-13 VOD 개편에서 추가 */
.menu_list li.on a .ic_popularity, .menu_list li a:hover .ic_popularity, .menu_list li a:focus .ic_popularity {background-position:-20px -1090px}
.menu_list li.on a .ic_subscription, .menu_list li a:hover .ic_subscription, .menu_list li a:focus .ic_subscription {background-position:-20px -1110px}
.menu_list li.on a .ic_recentwatch, .menu_list li a:hover .ic_recentwatch, .menu_list li a:focus .ic_recentwatch {background-position:-20px -1130px}
.menu_list li.on a .ic_up, .menu_list li a:hover .ic_up, .menu_list li a:focus .ic_up {background-position:-20px -1150px}
.menu_list li.on a .ic_radio, .menu_list li a:hover .ic_radio, .menu_list li a:focus .ic_radio {background-position:-20px -1140px}
.menu_list li.on a .ic_category, .menu_list li a:hover .ic_category, .menu_list li a:focus .ic_category {background-position:-20px -1194px}
.menu_list li.on a .ic_smr, .menu_list li a:hover .ic_smr, .menu_list li a:focus .ic_smr {background-position:-22px -1236px}
/* //2019-02-13 VOD 개편에서 추가 */

.menu_list li.on a .ic_adballoon, .menu_list li a:hover .ic_adballoon, .menu_list li a:focus .ic_adballoon {background-position:-20px -1214px}

/* 인기검색어 */
.keyword_area {position:relative;z-index:10;overflow:hidden;width:518px;height:16px;margin:183px auto 0;}
.keyword_area .txt {position:absolute;top:0;left:82px;width:325px;height:15px;overflow:hidden}
.keyword_area .page {position:absolute;top:0;right:83px;}
.keyword_area .txt .word {display:inline-block;padding-right:14px}
.keyword_area .txt .word a {color:#666}
.keyword_area .page button {display:inline-block;float:left;width:16px;height:16px;font-size:0;margin-right:-1px;border:none;background:url('/images/afmain/img_main.png') no-repeat}
.keyword_area .page button.prev {background-position:-173px 0}
.keyword_area .page button.next {background-position:-188px 0}

/* 커버형 탭메뉴 */
.menu_cast {width:100%;overflow:hidden;text-align:center;padding-top:68px}
.menu_cast a {color:#555;text-decoration:none;display:inline-block;font-size:17px;letter-spacing: -1px;}
.menu_cast .first  {background:none;padding:0 12px 0 0}
.menu_cast a h2 {font-size:17px;padding:0 12px 0 16px;font-weight:normal;background:url('/images/afmain/bul_bar_g.gif') no-repeat 0 6px}
.menu_cast a.on {color:#1559ff}
.menu_cast a.on .nick {color:#ff7815;}
.menu_cast .new {display:inline-block;width:15px;height:16px;vertical-align:middle;margin:0 0 3px 4px;background:url('/images/afmain/img_main.png') no-repeat -190px -85px}
/*
.menu_cast a em {display:inline-block;width:19px;height:19px;font-size:0;margin:0 5px 2px 0;vertical-align:middle;background:url('/images/afmain/img_main.png') no-repeat -154px 0}
.menu_cast a.on em {background-position:-135px 0}
*/


/* slide container */
.castSlide {position:relative;margin:24px auto 0;width:980px;height:272px;margin-bottom:50px;border:none;}
.castSlide .slides {position:relative;overflow:visible;cursor:pointer}
.castSlide .slides .slideItem {position:absolute;cursor:pointer;overflow:hidden;}
.castSlide .slides .slideItem .wi {position:relative;display:block;text-decoration:none}
/*.castSlide .slides .slideItem a {position:relative;display:block;text-decoration:none}*/
.castSlide .slides .slideItem img {display:block;border:1px solid #fff;border-radius:12px;}
.castSlide .slides .slideItem .box_gr {position:absolute;z-index:10;bottom:0;left:0;display:block;width:100%;height:129px;border-radius:0 0 12px 12px;background:url('/images/afmain/bg_gradation.png') repeat-x}
.castSlide .slides .slideItem .subject {position:absolute;z-index:20;bottom:28px;left:0;padding:0 13px;overflow:hidden;height:22px; font-size:14px;color:#fff; letter-spacing: -1px; word-wrap:break-word;word-break:break-all;}
.castSlide .slides .slideItem .nickname {position:absolute;z-index:20;bottom:10px;left:13px;color:#4279ff}
.castSlide .slides .slideItem .view {position:absolute;z-index:20;bottom:9px;right:10px;font-family:arial;font-size:11px;font-weight:bold;color:#a5a5a5;}
.castSlide .slides .slideItem .view em {display:inline-block;font-size:0;margin:0 6px 1px 0;vertical-align:middle;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat}
.castSlide .slides .slideItem .view .live {width:11px;height:9px;background-position:-284px 0}
.castSlide .slides .slideItem .view .vod {width:7px;height:8px;margin:0 6px 2px 0;background-position:-295px 0}
.castSlide .slides .active .subject {font-size:14px;}

/* slide shadow */
.castSlide .shadow {width:100%;height:82px;}
.castSlide .shadow .shadowLeft {width:100px;height:82px;background:url("/images/afmain/shadowLeft.png") no-repeat;}
.castSlide .shadow .shadowMiddle {height:82px;background: url("/images/afmain/shadowTile.png") repeat-x;}
.castSlide .shadow .shadowRight {width:100px;height:82px;background: url("/images/afmain/shadowRight.png") no-repeat;}

/* slide button */
.castSlide .prevButton {display:block;position:absolute;z-index:100;left:0;top:70px;width:30px;height:130px;background:url("/images/afmain/btn_prev.png") no-repeat 50% 50%}
.castSlide .prevButton span {position:relative;z-index:-1;overflow:hidden;display:block;width:100%;height:100%;font-size:0;line-height:0}
.castSlide .nextButton {display:block;position:absolute;z-index:100;right:0;top:70px;width:30px;height:130px;background:url("/images/afmain/btn_next.png") no-repeat 50% 50%}
.castSlide .nextButton span {position:relative;z-index:-1;overflow:hidden;display:block;width:100%;height:100%;font-size:0;line-height:0}
.castSlide .stopButton {overflow:hidden;position:absolute;z-index:100;left:739px;top:259px;width:13px;height:13px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -219px 0;}
.castSlide .startButton {overflow:hidden;position:absolute;z-index:100;left:739px;top:259px;width:13px;height:13px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -205px 0;}

.eventSlide {position:relative;overflow:hidden;width:980px;margin:25px auto 0;height:270px;margin-bottom:50px;border:none;}
.eventSlide .event_zone {height:270px}
.eventSlide .event_zone li {height:270px}
.eventSlide .event_zone li img {width:201px;height:270px;border-radius:10px;}
.eventSlide .bx-wrapper .bx-controls-direction a {height:270px;margin-top:-136px;position: absolute;text-indent: -9999px;top:50%;width:30px;z-index:100;}
.eventSlide .bx-wrapper .bx-controls-direction .bx-prev {left:0;background:url("/images/afmain/btn_prev.png") no-repeat 50% 50%}
.eventSlide .bx-wrapper .bx-controls-direction .bx-next {right:0;background:url("/images/afmain/btn_next.png") no-repeat 50% 50%}
.eventSlide button {position:absolute;z-index:100;top:257px;right:40px;width:13px;height:13px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat}
.eventSlide .stopButton {background-position:-219px 0;}
.eventSlide .startButton {background-position: -205px 0;}

.event_btn {position:relative;width:960px;margin:0 auto}
.event_btn a {overflow:hidden;position:absolute;top:119px;right:34px;z-index:100;display:block;width:173px;height:/*52px*/;}

/**** 리스트형 contents ****/
.sv_area {position:relative;width:100%;overflow:hidden;margin:0 0 20px;height:27px}
.sv_area .tab_list {float:left;overflow:hidden;border:1px solid #b3b6be;border-radius:2px;}
.sv_area .tab_list li {float:left;width:93px;height:25px;margin-right:-1px;border-right:1px solid #b3b6be;font-size:13px}
.sv_area .tab_list li a {display:block;line-height:25px;text-align:center;color:#595959;text-decoration:none;font-weight:bold; letter-spacing: -1px;}
.sv_area .tab_list li.on a {color:#fff;background:#686e7e}
.sv_area .more_lk {position:absolute;top:10px;right:3px}
.sv_area .more_lk a {display:block;padding-right:8px;line-height:100%;border-right:1px solid transparent;letter-spacing:-0.01em;color:#707070;background:url("/images/afmain/bul_ar_r.gif") no-repeat right 3px}
.th_TH .sv_area .tab_list li {width:auto;}
.th_TH .sv_area .tab_list li a {padding:0 10px;}

.sv_area .btn_reload {overflow:visible;display:block;position:absolute;top:0;right:0;width:34px;height:27px;background:url('/images/afmain/img_main.png') no-repeat -469px -28px;}
/* 바로가기 추가 2016-10-10 */
.quickgo {position:absolute; right:50px; top:2px; }
.quickgo a {display:inline-block;*display:inline;zoom:1;position:relative;padding-left:24px;margin:0 0 0 10px;font-size:15px;color:#686e7e;text-decoration:none;}
.quickgo a em {position:absolute;top:49%;left:0px;display:inline-block;width:18px;text-indent:-9999px;background:url('/images/afmain/bg_category_icon.png') no-repeat;}
	.quickgo .ic_fav  {height:17px;margin-top:-9px;background-position:0 0}
	.quickgo .ic_lately  {height:15px;margin-top:-8px;background-position:0 -18px}
	.quickgo .ic_all  {height:18px;margin-top:-9px;background-position:0 -34px}
	.quickgo .ic_best  {height:18px;margin-top:-9px;background-position:0 -53px}
	.quickgo .ic_rookie  {height:19px;margin-top:-9px;background-position:0 -72px}
	.quickgo .ic_bora  {height:18px;margin-top:-9px;background-position:0 -91px}
	.quickgo .ic_eat  {height:18px;margin-top:-9px;background-position:0 -110px}
	.quickgo .ic_sports  {height:18px;margin-top:-9px;background-position:0 -129px}
	.quickgo .ic_tv  {height:19px;margin-top:-9px;background-position:0 -148px}
	.quickgo .ic_game {height:18px;margin-top:-9px;background-position:0 -168px}
	.quickgo .ic_ani  {height:18px;margin-top:-9px;background-position:0 -187px}
	.quickgo .ic_music  {height:18px;margin-top:-9px;background-position:0 -205px}
	.quickgo .ic_current  {height:18px;margin-top:-9px;background-position:0 -223px}
	.quickgo .ic_stock  {height:17px;margin-top:-9px;background-position:0 -242px}
	.quickgo .ic_mg  {height:18px;margin-top:-9px;background-position:0 -260px}
	.quickgo .ic_shopping  {height:19px;margin-top:-10px;background-position:0 -279px}
	.quickgo .ic_cable  {height:18px;margin-top:-9px;background-position:0 -299px}
	.quickgo .ic_enter  {height:17px;margin-top:-8px;background-position:0 -318px}
	.quickgo .ic_life  {height:18px;margin-top:-9px;background-position:0 -336px}
	.quickgo .ic_study  {height:17px;margin-top:-8px;background-position:0 -355px}
	.quickgo .ic_adult  {height:18px;margin-top:-8px;background-position:0 -373px}
	.quickgo .ic_business {height:21px;margin-top:-9px;background-position:0 -391px}
	.quickgo .ic_partner {width:20px;height:17px;margin-top:-8px;background-position:0 -412px}
	.quickgo .ic_beauty {width:20px;height:20px;margin-top:-9px;background-position:0 -430px}
	.quickgo .ic_kpop  {width:20px;height:20px;margin-top:-7px;background-position:0 -451px}
	.quickgo .ic_mobile  {width:20px;height:20px;margin-top:-7px;background-position:3px -471px}
	.quickgo .ic_hot  {width:17px;height:17px;margin-top:-9px;background-position:0 -492px}
	.quickgo .ic_t30  {width:17px;height:14px;margin-top:-7px;background-position:0 -512px}
	.quickgo .ic_humor {width:18px;height:18px;margin-top:-8px;background-position:0 -529px}
	.quickgo .ic_etc {width:17px;height:5px;margin-top:-2px;background-position:1px -551px}
/* //바로가기 추가 */
.sv_area .btn_delete_all {overflow:visible;display:block;position:absolute;top:0;right:39px;width:79px;height:27px;/*background:url('/images/afmain/img_main.png') no-repeat -111px -85px;*/background:url('/images/afmain/btn_delete_x.png') 10px 9px no-repeat;border:1px solid #c9c9c9;border-radius:2px}
.sv_area .btn_delete_all span{font-size:12px;line-height:1.5em;height:auto;width:auto;margin-left:15px;font-family:dotum;color:#595959}
/* 2017-05-18 추가 */
.sv_area .btn_delete2 {overflow:visible;display:block;position:absolute;top:0;right:110px;width:115px;height:27px;border:1px solid #c9c9c9;border-radius:2px;background:#fff; }
.sv_area .btn_delete2 span{font-size:12px;line-height:1.5em;letter-spacing:-1px;height:auto;width:auto;font-family:dotum;color:#595959}
.sv_area .btn_delete_all2 {overflow:visible;display:block;position:absolute;top:0;right:39px;width:64px;height:27px;border-radius:2px;background:#fff; border:1px solid #c9c9c9; }
.sv_area .btn_delete_all2 span{font-size:12px;line-height:1.5em;letter-spacing:-1px;height:auto;width:auto;font-family:dotum;color:#595959}

.sv_area .locol_date {position:absolute;top:2px;right:0}
.sv_area .locol_date li {float:left; font-size:14px;line-height:140%;}
.sv_area .locol_date li:before {content:""; display:inline-block; background:#d4d4d4; width:1px; height:11px; margin:0 8px; vertical-align:middle;}
.sv_area .locol_date li:first-child:before {display:none;}
.sv_area .locol_date li.on a {border-bottom:2px solid #4279ff;color:#4279ff;}
.sv_area .locol_date li.first {background:none;}
.sv_area .locol_date li a {display:inline-block;color:#555;text-decoration:none}
.sv_area .locol_date li a:hover {color:#4279ff;}

.menu_two {position:relative;width:100%;overflow:hidden;padding:5px 0 10px;margin-bottom:20px;border-bottom:1px solid #e6e6e6}
.menu_two ul {position:relative;left:-18px;min-width:980px}
.menu_two ul.space_t {padding-top:18px}
.menu_two ul:after {display:block;clear:both;content:''}
.menu_two li {float:left;padding:0 0 5px 18px;height:21px;word-wrap:break-word;word-break:break-all;white-space: nowrap;}
.menu_two li a {display:block;font-size:15px;height:20px;line-height:100%;color:#3c3c3c;text-decoration:none; letter-spacing: -1px;}
.menu_two li.on a {color:#1559ff;border-bottom:2px solid #4279ff}
.menu_two li a:hover, .menu_two li a:focus {color:#1559ff;}

.menu_tv {position:relative;width:100%;overflow:hidden;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e6e6e6}
.menu_tv ul {position:relative;left:-3px;min-width:980px}
.menu_tv li {float:left;padding:0 0 2px 3px;height:36px;word-wrap:break-word;word-break:break-all;}
.menu_tv li a {display:block;height:34px;line-height:100%;text-decoration:none;}
.menu_tv li a img {width:74px;height:34px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;vertical-align:top}
.menu_tv li.on a,
.menu_tv li a:hover {border-bottom:2px solid #4279ff}
.menu_tv li.on a img,
.menu_tv li a:hover img {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}

.menu_thr {width:100%;height:41px;margin-bottom:20px;background:url('/images/afmain/bg_tab_line.gif') repeat-x left bottom}
.menu_thr:after {display:block;clear:both;content:''}
.menu_thr ul {width:100%;}
.menu_thr li {float:left;margin-right:-1px;word-wrap:break-word;word-break:break-all;}
.menu_thr li.on a {position:relative;color:#1559ff;border:1px solid #d3d3d3;border-bottom:1px solid #fff;background:#fff}
.menu_thr li a {display:block;width:79px;height:39px;line-height:39px;font-size:14px;font-weight:bold;color:#333;border:1px solid #e4e4e5;text-align:center;text-decoration:none;background:#fbfcfd}
.menu_thr li a:hover {color:#1559ff;}

.hotissue {position:relative;width:100%;padding:0;margin-bottom:-17px}
.hotissue h2 { position: relative; float: left; font-size:18px;height:33px;line-height:100%;color:#010101;line-height:100%; letter-spacing: -1px;}
.hotissue .tab_m {position:relative; float: left; margin: -2px 0 0 25px; z-index: 2; }
.tit_tab.tab_m{display:inline-block;margin: -2px 0 0 25px; z-index: 2;}
.tit_tab.tab_m li, .hotissue .tab_m li {float:left;font-size:14px;color:#555;margin-right:12px; letter-spacing: -1px;}
.tit_tab.tab_m li.on a, .hotissue .tab_m li.on a {;color:#1559ff;border-bottom:2px solid #4279ff}
.tit_tab.tab_m li a, .hotissue .tab_m li a {display:block;padding:0 2px 0 2px;color:#555;text-decoration:none;line-height:1.5}
.tit_tab.tab_m li a:hover, .hotissue .tab_m li a:hover {color:#1559ff;}
.tab_ct {overflow:hidden;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #e6e6e6}
.tab_ct li {float:left;font-size:14px;}
.tab_ct li a {display:block;padding:0 17px;height:32px;height:32px;color:#010101;text-decoration:none}
.tab_ct li.on a {color:#133992;border-bottom:2px solid #4279ff}
.hotissue .control {position:absolute;top:-6px;right:0;z-index:10}
.hotissue .control.favpg {top:-36px;} /* 2017-03-16 추가 */
.hotissue .control button {position:relative;float:left;display:block;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat;}
.hotissue .control .stopButton {width:16px;height:15px;margin-top:6px;margin-right:8px;background-position:0 -165px;}
.hotissue .control .startButton {width:16px;height:15px;margin-top:6px;margin-right:8px;background-position:0 -180px;;}
.hotissue .control .prev {width:27px;height:27px;margin-right:-1px;background-position:-17px -165px;}
.hotissue .control .next {width:27px;height:27px;background-position:-43px -165px;}

.listarea {position:relative;width:100%}
.fa_more{margin-bottom:50px}
.listarea:after {display:block;clear:both;content:''}
.listarea ul {position:relative;margin-right:-16px !important;}
.listarea ul.hot_issue {margin:0 0 0}
.listarea ul.hot_issue li {padding:0;height:250px}
.listarea ul:after {display:block;clear:both;content:''}
.listarea li {position:relative;+z-index:1;float:left;padding-right:16px;padding-bottom:30px}
.listarea li:after {display:block;clear:both;content:''}
.listarea li:hover {+z-index:2;}

.banner_area ,
.global_banner {position:relative;overflow:hidden;height:100px;padding:0 40px;border-bottom:1px solid #f0f0f0}
.banner_area li ,
.global_banner li {float:left;width:33.3%;border-left:1px solid #f0f0f0;text-align:center}
.banner_area li a ,
.global_banner li a {display:block;}
.banner_area li.first ,
.global_banner li.first {width:33.4%;border:none}
.banner_area li img ,
.global_banner li img {vertical-align:top;height:100px;}
.banner_area .btn_prev ,
.global_banner .btn_prev {position:absolute;top:0;left:0;display:block;width:42px;height:100px;background:#fff;z-index:5}
.banner_area .btn_prev span ,
.global_banner .btn_prev span {position:absolute;top:40px;left:15px;display:block;width:11px;height:21px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -543px -54px;}
.banner_area .btn_next ,
.global_banner .btn_next {position:absolute;top:0;right:0;display:block;width:42px;height:100px;background:#fff;z-index:5}
.global_banner .btn_prev ,
.global_banner .btn_next { height: 102px; }
.banner_area .btn_next span ,
.global_banner .btn_next span {position:absolute;top:40px;right:15px;display:block;width:11px;height:21px;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -555px -54px;}
.banner_area .bx-controls ,
.global_banner .bx-controls {display:none}
.banner_area .line {position:absolute;top:0;left:40px;z-index:10;height:100px;width:1px;display:block;background:#fff;}

.bannerslide .bnr_conts {font-size:0; text-align:center;}
.bannerslide .bnr_conts:after {content:""; display:block; clear:both;}
.bannerslide .bnr_conts .bnr_img,
.bannerslide .bnr_conts .bnr_text {display:inline-block; vertical-align:top;}
.bannerslide .bnr_conts .bnr_img img {display:block;}
.bannerslide .bnr_conts .bnr_text {padding-top:11px; font-size:0; text-align:left;}
.bannerslide .bnr_conts .bnr_text .date {color:#999; font-size:12px; letter-spacing:-1px;}
.bannerslide .bnr_conts .bnr_text strong,
.bannerslide .bnr_conts .bnr_text p {font-size:15px; line-height:18px;}
.bannerslide .bnr_conts .bnr_text strong {display:block; margin-top:4px; color:#333; font-family:"NGB";}
.bannerslide .bnr_conts .bnr_text p {margin-top:1px; color:#555; font-size:15px;}

@media screen and (max-width:1340px){
	.bannerslide .bnr_conts .bnr_text strong,
	.bannerslide .bnr_conts .bnr_text p {letter-spacing:-1.7px;}
	.bannerslide .bnr_conts .bnr_text {width:135px;}
}

.global_banner { overflow: visible; border: none; height: auto; margin: 30px -8px; padding: 0; }
.global_banner li { border: none; }
.global_banner li a { margin: 0 8px; border: 1px solid #ddd; }
.global_banner li img { display: block; max-width: 100%; height: 100px; margin: 0 auto; }
.global_banner .btn_next { right: -35px; }
.global_banner .btn_prev { left: -36px; }
.global_banner .btn_prev span,
.global_banner .btn_next span { opacity:.5; filter: alpha(opacity=50);-moz-opacity: .5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.global_banner .btn_prev:hover span,
.global_banner .btn_next:hover span  { opacity:1; filter: alpha(opacity=100);-moz-opacity: 1; }


/* 2016-0422 방송알림기능 */
.alarm {position: absolute; top: -1px; left: 6%; width: 29px !important; height: 28px !important; text-indent: -9999em; border: none !important; overflow: hidden; background: url('/images/afmain/img_main.png') no-repeat -145px -166px;}
.live { overflow: hidden; position: absolute; top: 5px; left: 6%; width: 37px !important; height: 18px !important; text-indent: -9999em; border: none !important; background: url('/images/afmain/img_main.png') no-repeat -217px -125px;}
.alarmBox { display: none; position: absolute; z-index: 100;  width: 148px; height: 139px;padding: 20px 25px 0; background: url('/images/afmain/alarm_box.png') no-repeat; text-align: center; }
.alarmBox { background: none; width: 148px; height: auto; margin: 5px; padding: 12px; border: 1px solid #d9d9d9;  background-color: #fff; border-radius: 10px;  box-shadow: 0 0 50px rgba(0,0,0,.1)}
.alarmBox p {font-size: 14px; text-align: center; line-height: 1.2 ; color:#666667; letter-spacing: -1px;}
.alarmBox a { display: inline-block; height: 15px;  font-size: 12px; color: #666; margin-top: 10px; border-bottom: 1px solid #666; text-decoration: none;  }
.alarmBox .question { display: inline-block; width: 100%; padding-top: 4px; font-size: 11px; color:#a8a8a8; font-size: 11px;background-color: transparent; outline: none;  font-family: "돋움", verdana, sans-serif; vertical-align: middle; letter-spacing: -1px;}
.alarmBox .question em { color:#2e9efd; }
.alarmBox .question span { display: inline-block; width: 16px; height: 16px; margin: -2px 0 0 3px;  background: url('/images/afmain/img_main.png') no-repeat -88px -166px; vertical-align: middle; }
.alarmBox .close { position: absolute; right: 7px; top: 7px; width: 11px; height: 11px;  text-indent: -9999em; outline: none; overflow: hidden;  background: url('/images/afmain/img_main.png') no-repeat -176px -166px; }

.alarmBox .reservation a {display: block; overflow: hidden; border-radius: 3px; width: 148px;height: 27px; margin-top: 11px; padding-top: 9px; text-align: center; color: #fff; background-color: #2e6afd;  vertical-align: middle;  font-size: 13px;}
.alarmBox .reservation a span { display: inline-block; width: 12px; height: 14px; margin: -2px 7px 0 0;  background: url('/images/afmain/img_main.png') no-repeat -75px -166px; vertical-align: middle; font-family: "돋움", verdana, sans-serif;}
.alarmBox .complete p {color: #00c92f; font-size: 15px;}
.alarmBox .complete p em {display: block; width: 16px; font-size: 15px; height: 11px; margin: 7px auto; background: url('/images/afmain/img_main.png') no-repeat -105px -166px;}
.alarmBox .cancel p {color: #f54343;}
.alarmBox .cancel p em {display: block; width: 22px; height: 22px; margin: 10px auto; background: url('/images/afmain/img_main.png') no-repeat -121px -166px;}

/* //2016-0422 방송알림기능*/

.ti_banner {width:100%;height:198px;text-align:center;background:#1c1b25}
.ti_banner .award_2015 {position:relative;width:959px;height:198px;margin:0 auto;background:url('/images/afmain/img_award_2015.jpg') no-repeat}
.ti_banner .award_2015 .link01 {position:absolute;top:0;left:0;width:350px;height:198px;text-indent:-9999px;}
.ti_banner .award_2015 .link02 {position:absolute;top:0;right:0;width:350px;height:198px;text-indent:-9999px;}
.ti_banner a {overflow:hidden;display:block;}
.ti_banner img {vertical-align:top}


/* 썸네일 */
.cast_box {position:relative;display:block;width:226px;height:196px;border:1px solid #d8d8d8;border-radius:5px;background:#fff}
.cast_box.rank .ranking {display:block;position:absolute;top:136px;left:0;width:43px;z-index:30;font-size:28px;line-height:100%;color:#666; letter-spacing: -1px; text-align:center;transition:all .2s ease-out;-webkit-transition:all .2s ease-out 0s;}
.cast_box.rank .ranking strong {font-weight:normal;color:#386cff;font-size:37px;line-height:100%;transition:all .2s ease-out;}
.cast_box.rank .subject {width:171px;height:17px;padding:10px 12px 0 43px;}
.cast_box.rank .vod {left:45px;}
.cast_box.rank .views {top:165px;}
.cast_box.rank .nick {top:160px; left:40px;}
.cast_box .box_link {display:block;height:196px;text-decoration:none !important;}
.cast_box:focus .info .grade {color:#fff }
.cast_box:focus .info .time {color:#cecdcd }
.cast_box:hover .grbox{display:block;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity:0.5;}
.cast_box:hover .subject{top:108px;height:36px;}
.cast_box:hover .ranking{top:117px;/*transform:translate3d(0,0,0) scale(1) rotateZ(360deg)*/}
.cast_box:hover .ranking strong {}
.cast_box:hover .info{display:block;-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
.cast_box:hover .viewer{display:none;}
.cast_box:hover .count{display:block;}
.cast_box:hover .cast_delete {display:block}
.cast_box:hover .vtime {top:84px;}
.cast_box:hover .watchedvod {top:84px;}
.cast_box .live_type,
.cast_box .hl_type,
.cast_box .vod_type {position:absolute; left:4px; top:4px; z-index:11;background:#1987da;font-size:11px;color:#fff;padding:1px 3px 0;line-height:1.4em; border:1px solid #0575c5; border-radius:3px; font-family:nanumgothic,ng;} /* 2016-10-11 추가, 2017-07-07 수정 */
.cast_box .live_type {background:#ff1e1e; border:1px solid #f50404; padding-top:0;width:32px;text-align:center} /* 2017-07-07 추가 */
.cast_box .hl_type {background:#ff572e; border:1px solid #f4451b;} /* 2017-07-07 추가 */
.cast_box .thumb {position:absolute;top:-1px;left:-1px}
.cast_box .thumb img {width:228px;height:128px;vertical-align:top;border-radius:5px 5px 0 0}
.cast_box .grbox {display:block;position:absolute;left:-1px;top:-1px;z-index:10;width:228px;height:128px;background-color:#000;zoom:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;transition:all .2s ease-out;-webkit-transition:all .2s ease-out 0s;border-radius:5px 5px 0 0}
.cast_box .info {display:block;display:/*\**/none\9;position:absolute;top:88px;left:0;z-index:20;width:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .2s ease-out;-webkit-transition:all .2s ease-out 0s;}
.cast_box .info .grade {display:block;position:absolute;top:-1px;left:5px;width:45px;height:15px;line-height:15px;color:#fff;font-size:10px;font-family:arial;text-align:center;background:url('/images/afmain/img_main.png') no-repeat -469px -55px;}
.cast_box .info .time {position:absolute;top:0;right:5px;line-height:15px;color:#cecdcd;font-size:11px;font-family:arial;}
.cast_box .info .vr {display:block; position:absolute; top:-84px; right:5px; background:url('/images/afmain/ic_main_vr.png') 0 0 no-repeat; width:45px; height:27px; font:0/0 a;}
.cast_box .subject {font-size:13px;overflow:hidden;display:block;position:absolute;top:127px;left:-1px;z-index:20;width:202px;height:18px;padding:10px 12px 0 12px;border:1px solid #d8d8d8;border-top:none;border-bottom:none; line-height:140%;color:#333;background:#fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out 0s;word-break : break-all}
.cast_box .nick {display:inline-block;height:auto;position:absolute;top:171px;left:8px;padding:4px;color:#4279ff;font-size:11px;white-space:nowrap}
.cast_box .nick:hover {text-decoration:underline !important}

/* 방송중 닉넴옆 아이콘 추가 180420 */
.cast_box .nick_wrap {position:absolute; top:171px; left:8px; font-size:0;}
.cast_box .nick_wrap .nick {position:static; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80px; vertical-align:middle; transition:all 0.2s ease;}
.cast_box .nick_wrap > span {display:inline-block; *display:inline; zoom:1; background:url(/images/afmain/img_main.png) -9999em -9999em no-repeat; height:13px; margin-right:2px; font:0/0 a; vertical-align:middle;}
.cast_box .nick_wrap > span.ico_subscribe {background-position:-110px -199px; width:16px;}
.cast_box .nick_wrap > span.ico_fan {background-position:-130px -199px; width:12px;}
html[lang="en"] .cast_box .nick_wrap > span.ico_fan ,
html[lang="zh"] .cast_box .nick_wrap > span.ico_fan ,
html[lang="ja"] .cast_box .nick_wrap > span.ico_fan ,
html[lang="th"] .cast_box .nick_wrap > span.ico_fan {background-position:-147px -199px;}

.cast_box:hover .nick_wrap .nick {max-width:110px;}
.cast_box:hover .nick_wrap > span {display:none;}



.cast_box .viewer {display:block;position:absolute;top:175px;right:12px;color:#999;font-size:11px}
.cast_box .viewer em {display:inline-block;width:11px;height:8px;font-size:0;vertical-align:middle;margin:0 4px 2px 0;background:url('/images/afmain/img_main.png') no-repeat -551px 0;}
.cast_box .views {display:block;position:absolute;top:175px;right:12px;color:#999;font-size:11px}
.cast_box .views em {display:inline-block;width:7px;height:8px;font-size:0;vertical-align:middle;margin:0 4px 2px 0;background:url('/images/afmain/img_main.png') no-repeat -551px -11px;}
.cast_box .view {display:block;position:absolute;top:175px;right:12px;color:#999;font-size:11px}
.cast_box .view em {display:inline-block;width:11px;height:8px;font-size:0;vertical-align:middle;margin:0 4px 2px 0;background:url('/images/afmain/img_main.png') no-repeat -551px 0;}
.cast_box .count {display:none;position:absolute;top:175px;right:12px;color:#999;font-size:11px}
.cast_box .count .pc {display:inline-block;width:11px;height:10px;font-size:0;vertical-align:middle;margin:0 4px 2px 0;background:url('/images/afmain/img_main.png') no-repeat -562px 0;}
.cast_box .count .mobile {display:inline-block;width:7px;height:10px;font-size:0;vertical-align:middle;margin:0 4px 2px 8px;background:url('/images/afmain/img_main.png') no-repeat -573px 0;}
.cast_box .cast_delete {display:none;position:absolute;bottom:42px;right:10px;}
.cast_box .vtime {position:absolute;top:103px;right:4px;z-index:20;display:block;padding:4px 5px;font-size:11px;line-height:100%;color:#fff;border-radius:3px;background-color:#000;zoom:1;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;transition:all .2s ease-out;-webkit-transition:all .2s ease-out 0s;}
.cast_box .watchedvod {position:absolute;top:103px;left:5px;z-index:20;display:block;padding:4px 4px 0px 15px;font-size:11px;height:15px;line-height:1.1em;color:#08ff42;letter-spacing:-1px;border-radius:3px;background-color:#000;zoom:1;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;transition:all .2s ease-out;-webkit-transition:all .2s ease-out 0s;} /* 2017-05-18 추가 */
.cast_box .watchedvod .ic {position:absolute;top:50%;left:5px;z-index:20;display:block;width:8px;height:6px;margin:-3px 0 0; background:url('/images/afmain/img_main.png') no-repeat -105px -179px;} /* 2017-05-18 추가 */
.cast_box .ic_1080p {position:absolute;top:6px;left:6px;z-index:20;display:block;width:59px;height:24px;text-indent:-99999px;background:url('/images/afmain/img_main.png') no-repeat -384px -100px;}
.cast_box .ic_ppv { position:absolute;top:6px;left:6px;z-index:20;display:block;height:22px; padding: 0 9px 0 8px; border: 1px solid #00c9f4;  border-radius: 12px; background: url('/images/afmain/transparent_7.png') repeat;}
.cast_box .ic_ppv em { padding-left: 18px; color: #00c9f4; font-size: 13px; vertical-align: -3px; letter-spacing: -1px; background:url('/images/afmain/img_main.png') no-repeat -384px -156px; }

.cast_box .ic_wrap { position:absolute;top:6px;left:6px;z-index:20; font-size: 0; }
.cast_box .ic_allow { opacity: 0; height:22px; padding: 0 9px 0 8px; line-height: 22px; color: #00c9f4;  border: 1px solid #00c9f4;  border-radius: 12px; background: url('/images/afmain/transparent_7.png') repeat;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.cast_box .ic_wrap .ic_1080p , .cast_box .ic_wrap .ic_ppv , .cast_box .ic_allow { position: static; display: inline-block; vertical-align: top; font-size: 12px; }
.cast_box .ic_wrap span:first-child { margin-left: 0; }
.cast_box .ic_wrap span { margin-left: 4px; }
.cast_box:hover .ic_allow { opacity: 1; }


/* 동영상 조회수 */
.cast_box .vod {display:block;position:absolute;top:165px;left:13px;color:#999;font-size:11px}
.cast_box .vod em {display:inline-block;font-size:0;vertical-align:middle;background:url('/images/afmain/img_main.png') no-repeat}
.cast_box .vod .play {width:9px;height:13px;margin:0 2px 3px 0; background-position:-197px -164px;}
.cast_box .vod .up {width:14px;height:14px;margin:0 2px 2px 9px;background-position:-208px -164px}
.cast_box .vod .cm {width:12px;height:13px;margin:0 2px 3px 9px;background-position:-222px -164px;}
/* 나중에보기 2017-05-18 추가 */
.cast_box .laterwatch {filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0; position:absolute; top:59px; left:0; right:5px; z-index:99;}
.cast_box:hover .laterwatch {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
.cast_box .laterwatch a.icon {position:absolute; top:0; right:0px; width:21px; height:21px;}
.cast_box .laterwatch a.icon .btn {display:block; width:21px; height:21px; font:0/0 a; background:url('/images/afmain/img_main.png') -444px -84px no-repeat;}
.cast_box .laterwatch .ttip {display:none; position:absolute; top:-32px; right:-1px; margin:0; width:70px; text-align:center; padding:3px 0 4px; color:#d0d0d0; letter-spacing:-1px; border-radius:3px; background:#333; background:rgba( 0, 0, 0, .8 );}
.cast_box .laterwatch a.icon:hover .ttip {display:block;}
.cast_box .laterwatch .ttip .arr {position:absolute; bottom:-5px; right:8px; margin:0; display:block; width:8px; height:5px; font:0/0 a; background:url('/images/afmain/img_main.png') -466px -84px no-repeat;}

/* VOD 리스트에 360도 아이콘 추가 */
.cast_box .vr {display:block; position:absolute; top:8px; right:8px; background:url('/images/afmain/ic_main_vr.png') 0 0 no-repeat; width:45px; height:27px; font:0/0 a;}


.ready_box {position:relative;display:block;width:226px;min-height:146px;padding:14px 0 0 0;border:1px solid #d8d8d8;border-radius:5px;background:#fff}
.ready_box a {display:block;text-decoration:none; text-align:center;}
.ready_box:hover .cast_delete,
.ready_box:hover .cast_fixing,
.ready_box:hover .cast_fav {display:block}
.ready_box span {line-height:110%}
.ready_box .thumb img {width:62px;height:62px;border-radius:31px;vertical-align:top}
.ready_box .nick {margin-top:8px;font-size:15px;color:#333;font-weight:bold; letter-spacing: -1px;display:block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ready_box .nick > span {display:inline-block; *display:inline; zoom:1; background:url(/images/afmain/img_main.png) -9999em -9999em no-repeat; height:13px; font:0/0 a; vertical-align:11px;}
.ready_box .nick > span:first-child {margin-left:3px; margin-right:2px;}
.ready_box .nick > span.ico_subscribe {background-position:-110px -199px; width:16px;}
.ready_box .nick > span.ico_fan {background-position:-130px -199px; width:12px;}
.ready_box .afid {display:block;padding-top:3px;color:#555}
.ready_box .afnick {display:block;padding-top:7px;color:#000;letter-spacing:-1px}
.ready_box .afnick span {color:#328fde}
.ready_box .afnick .btn_nick {display:inline-block;width:14px;height:13px;margin:0 0 2px 6px;vertical-align:middle;border:none;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -248px -217px;}
.ready_box .date_area {height:47px;display:block;width:100%;margin-top:11px;border-top:1px solid #ebebeb;padding-top:12px;text-align:center;font-size:12px;color:#999;letter-spacing:-.5px;}
.ready_box .date_area span {display:block}
.ready_box .date_area .first {height:21px}
.ready_box .date_area span em {color:#328fde}
.ready_box .date_area .btn_mygd {display:inline-block !important;width:16px;height:16px;margin:0 0 2px 6px;vertical-align:middle;border:none;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat -267px -217px;}
.ready_box .date {display:block;width:100%;margin-top:11px;border-top:1px solid #ebebeb;padding-top:9px;text-align:center;font-size:12px;color:#999;letter-spacing:-.5px;}
.ready_box .cast_delete {display:none;position:absolute;top:5px;right:5px;width:15px;height:15px;}
.ready_box .cast_delete em {line-height:150%}
html[lang="en"] .ready_box .nick > span.ico_fan ,
html[lang="zh"] .ready_box .nick > span.ico_fan ,
html[lang="ja"] .ready_box .nick > span.ico_fan ,
html[lang="th"] .ready_box .nick > span.ico_fan {background-position:-147px -199px;}


/* 즐겨찾기&최근본방송 삭제버튼 */
.cast_delete {overflow:hidden;position:absolute;z-index:100;display:block;width:15px;height:15px;background:url('/images/afmain/img_main.png') no-repeat -516px -55px;}
.cast_delete span {position:absolute;top:17px;left:50%;width:200px;margin-left:-98px;text-align:center;/filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;transition:all .2s ease-out;background:url('/images/flashplayer/bul_tooltip.gif') center 0 no-repeat}
.cast_delete span em{background-color:#333;background-color: rgba( 0, 0, 0, .8 );color:#fff;padding:5px 8px;display:inline-block;margin-top:5px;text-align:center;border-radius:2px;font-size:12px;}
.cast_delete span.favorite, .cast_delete span.recommend, .cast_delete span.vcast {}
.cast_delete span.brbox {right:0;left:auto;text-align:right;background-position:right 0}
.cast_delete:hover {overflow:visible;}
.cast_delete:hover span {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}

/* 즐겨찾기 LIVE 시청 버튼 추가 180420 */
.ready_box .btn_live {position:absolute; bottom:11px; left:0; width:100%; text-align:center;}
.ready_box .btn_live .cast_live {display:inline-block; background:#ff1d1e; width:auto; height:25px; padding:0 10px; border-radius:3px; color:#fff; font-size:14px; line-height:25px; text-decoration:none;}

.ready_box .btn_live_s {position:absolute; bottom:8px; left:0; width:100%; text-align:center;}
.ready_box .btn_live_s .cast_live {display:inline-block; background:#ff1d1e; width:auto; height:22px; padding:0 10px; border-radius:3px; color:#fff; font-size:14px; line-height:22px; text-decoration:none;}

/* 즐겨찾기 상단고정기능 추가 180420 */
.ready_box .cast_fixing {display:none; overflow:hidden; position:absolute; top:6px; left:7px; background:url(/images/afmain/img_main.png) -133px -217px no-repeat; width:18px; height:18px;}
.ready_box.fixed .cast_fixing {display:block; background-position:-110px -217px;}
.ready_box.fixed:hover .cast_fixing {background-position:-156px -217px;}

.cast_fixing span {position:absolute; top:17px;left:50%;width:200px;margin-left:-98px;text-align:center;/filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;transition:all .2s ease-out;background:url('/images/flashplayer/bul_tooltip.gif') center 0 no-repeat}
.cast_fixing span em{background-color: rgba( 0, 0, 0, .8 );color:#fff;padding:5px 8px;display:inline-block;margin-top:5px;text-align:center;border-radius:2px;font-size:12px;}
.cast_fixing span.brbox {right:0;left:auto;text-align:right;background-position:right 0}
.cast_fixing:hover {overflow:visible;}
.cast_fixing:hover span {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}

/* 즐겨찾기 추가 */
.ready_box .cast_fav {display:none; overflow:hidden; position:absolute;z-index:100; top:6px; right:7px; background:url(/images/afmain/img_main.png) -202px -217px no-repeat; width:18px; height:18px;}
.ready_box.fav .cast_fav {display:block; background-position:-179px -217px;}
.ready_box.fav:hover .cast_fav {background-position:-225px -217px;}

.cast_fav span {position:absolute;top:17px;left:50%;width:200px;margin-left:-98px;text-align:center;/filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;transition:all .2s ease-out;background:url('/images/flashplayer/bul_tooltip.gif') center 0 no-repeat}
.cast_fav span em{background-color: rgba( 0, 0, 0, .8 );color:#fff;padding:5px 8px;display:inline-block;margin-top:5px;text-align:center;border-radius:2px;font-size:12px;}
.cast_fav span.brbox {right:0;left:auto;text-align:right;background-position:right 0}
.cast_fav:hover {overflow:visible;}
.cast_fav:hover span {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}

/* ict */
.ictBox {display:block;width:128px;border:1px solid #b4b4b4;border-radius:2px;background:#fff}
.ictBox dl dt {padding:2px 0 2px 7px;color:#555;font-weight:bold;font-family:arial;}
.ictBox dl dd {display:block;border-top:1px solid #e8e8e8}
.ictBox dl dd a {display:block;height:auto;padding:6px 0 4px 7px;color:#333;text-decoration:none; letter-spacing: -1px;}
.ictBox dl dd a:hover {background:#f7f7f7}
.ictBox dl dd .ic_fav {display:inline-block;width:15px;height:15px;vertical-align:middle;margin:0 6px 4px 0;background:url('/images/common/ict_common.png') no-repeat -14px 0;}
.ictBox dl dd .ic_fav.on { background-position: -30px 0;}
.ictBox .btn_home {position:absolute;top:0;right:0;display:block;width:128px;height:23px;background:url(/images/common/blank.gif) 0 0 no-repeat}
.ictBox .btn_home span {overflow:hidden;position:absolute;top:5px;right:7px;display:block;width:13px;height:13px;text-indent:-9999px;background:url('/images/common/ict_common.png') no-repeat 0 0;}

/* 안내문구&로딩 */
.nt_area {overflow:hidden;padding:100px 0;margin-bottom:30px;text-align:center;/*border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6*/}
.nt_area .ic_favrite {display:block;width:64px;height:42px;margin:0 auto;background:url('/images/afmain/img_main.png') no-repeat 0 -85px;}

.nt_area .ic_nocast {display:block;width:46px;height:46px;margin:0 auto;background:url('/images/afmain/img_main.png') no-repeat -65px -85px;}
.nt_area .ic_vcast {display:block;width:44px;height:37px;margin:0 auto;background:url('/images/afmain/img_main.png') no-repeat -215px -85px;}
.nt_area .ic_reload {display:block;width:64px;height:51px;margin:22px auto 0;background:url("/images/afmain/img_main.png") no-repeat -405px -28px;}
.nt_area .ic_laterwatch{display:block;width:45px;height:44px;margin:0px auto 0;background:url("/images/afmain/img_main.png") no-repeat -32px -199px;} /* 2017-05-18 추가 */
.nt_area .ic_fanclub{display:block;width:38px;height:45px;margin:0px auto 0;background:url("/images/afmain/img_main.png") no-repeat -290px -190px;} /* 2019-01-28 추가 */
.nt_area .ic_gudok{display:block;width:48px;height:41px;margin:0px auto 0;background:url("/images/afmain/img_main.png") no-repeat -333px -190px;} /* 2019-01-28 추가 */
.nt_area p.txt01 {padding-top:20px;color:#555;font-size:24px;letter-spacing:-1px;}
.nt_area p.txt02 {padding-top:10px;color:#868686;font-size:16px;letter-spacing:-1px;}
.nt_area p.txt03 {color:#555;font-size:20px; letter-spacing: -1px;}
.loading {position:relative;display:block;width:44px;height:44px;margin:120px auto 120px;text-indent:-9999px;background:url('/images/afmain/loading.gif') no-repeat }
.loading_list {position:relative;display:block;width:44px;height:44px;margin:0 auto 0;text-indent:-9999px;background:url('/images/afmain/loading.gif') no-repeat }
.reloading {position:relative;margin:90px auto 90px;text-align:center}
.line_rt {width:100%;padding:60px 0 55px;margin:0;border-top:1px solid #e6e6e6}
.reloading p {font-size:20px;color:#333; letter-spacing: -1px;}
.reloading .icon {display:block;width:64px;height:51px;margin:22px auto 0;background:url("/images/afmain/img_main.png") no-repeat -405px -28px;}
.more_list {overflow:hidden;width:100%}
.more_list a {display:block;height:30px;line-height:33px;border:1px solid #e3e3e3;font-size:14px;color:#333;text-align:center;text-decoration:none;background:#fafafa}
.more_list a em {display:inline-block;width:11px;height:6px;vertical-align:middle;margin:0 0 2px 9px;line-height:100%;background:url("/images/afmain/img_main.png") no-repeat -531px -55px;}

/* bj banner */
.banner_bjsummer {position:fixed;top:132px;left:75%;width:190px;height:174px;background:url('res.afreecatv.com/afevent/promotion/bjsummerfest2015/img/banner.png') 0 0 no-repeat;z-index:1000}
.banner_bjsummer .btn_close{width:31px;height:31px;display:block;position:absolute;top:0;right:17px}
.banner_bjsummer .banner{display:block;width:190px;height:174px}

/* 160328 공지사항 추가 */
.unit_area .notice{float:left}
.unit_area .notice a {display:block; margin:0 20px 0 0; height: 35px; line-height: 35px; color:#666; text-align:right;}
.unit_area .notice a .icon{width:12px;height:11px;background:url('/images/afmain/img_main.png') -516px -71px no-repeat;display:inline-block;vertical-align:middle;margin:0 5px 1px;*height:15px}
.unit_area .notice a strong{margin-right:3px}

/* 메인광고 */
.ad_area {position:relative;width:100%;min-width:960px;}
.ad_area .link{position:absolute;top:0;left:0;z-index:30;display:block;width:100%;text-indent:-9999px;background:url('/images/afmain/bg_blank.png') repeat}
.ad_area img {vertical-align:top}
.ad_area .ad_bar {position:relative;z-index:10;width:100%;height:50px;margin-bottom:25px;text-align:center}
.ad_area .ad_bar .link {height:50px;}
.ad_area .ad_bar img {width:960px;height:50px;margin:0 auto}
.ad_area .ad_slide {position:relative;top:-75px;left:0;z-index:20;width:100%;height:222px;text-align:center;margin-bottom:-50px}
.ad_area .ad_slide .link {height:222px;}
.ad_area .ad_slide .inner_w {position:absolute;top:0;left:0;width:100%;z-index:40}
.ad_area .ad_slide .inner {position:relative;width:960px;margin:0 auto}
.ad_area .ad_slide img {width:960px;height:222px;margin:0 auto}
.ad_area .ad_slide .player {position:absolute;top:18px;right:18px;width:330px;height:186px;background:#000}
.ad_area .ad_slide .player #afreecatv_player {min-width:330px}
.ad_area .btn {position:absolute;top:10px;left:15px;z-index:50}
.ad_area .btn a {overflow:hidden;position:relative;display:block;width:66px;height:30px;text-indent:-9999px;}
.ad_area .btn .open {background:url('/images/afmain/btn_ad_open.png') no-repeat 0 5px}
.ad_area .btn .close {background:url('/images/afmain/btn_ad_close.png') no-repeat 0 5px}
.ad_area .btn .open em {display:block;position:absolute;top:5px;left:0;width:19px;height:19px;text-indent:-9999px;background:url('/images/afmain/ic_arrow_down.gif') no-repeat 0 0}
.ad_area .btn .close em {display:none}

.ad_area.ad_left .ad_slide .player {position:absolute;top:18px;left:18px;width:330px;height:186px;background:#000}
.ad_area.ad_left .btn {position:absolute;top:10px;left:auto;right:15px;z-index:50}


@media screen and (max-width:1020px){
	.unit_area .notice{display:none}
}

.menu_list .line_t{background:url('/images/afmain/bg_line_ct.gif') 0 bottom no-repeat;padding-bottom:17px;margin:16px 0}
.menu_list .line{background:url('/images/afmain/bg_line_ct.gif') 0 bottom no-repeat;padding-bottom:17px;margin-bottom:16px}

/* up */
.fa_list{overflow:visible;height:122px;font-family:ng;margin-bottom:20px;padding:0; border-top:1px solid #e7e7e7;}
.fa_list h2{font-size:14px;font-family:"ng";margin:9px 0 -4px 0;font-weight:normal;margin-left:1px;color:#010101;letter-spacing: -1px;text-align:right}
.fa_list h2 a{border-right:1px solid transparent; background:url(/images/afmain/bul_ar_r.gif) calc(100% - 1px) 6px no-repeat;padding-right:8px;color:#333}
.fa_list  .btn_prev, .fa_list  .btn_next{top:18px}
.banner_area.fa_list li{border-left:none;text-align:left}
.fa_list .btn_prev {left:-40px}
.fa_list .btn_next {right:-40px}

.fa_list .img_profile{width:42px;height:42px;border-radius:21px;margin-left:5px}
.fa_list .bannerslide .inbox{display:inline-block;margin-left:8px}
.fa_list .bannerslide .bjinfo{display:block;color:#999;font-size:12px; letter-spacing: -1px;}
.fa_list .bannerslide .bjinfo em{color:#7097cc;font-size:13px;background:url(/images/afmain/bg_dot.gif) right 7px no-repeat;padding:0 8px 0 0;margin-right:5px}
.fa_list .bannerslide .tit{display:block;color:#181818;/*font-weight:normal;*/font-size:15px; margin-bottom:7px; letter-spacing: -1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;max-width:240px}
.fa_list .bannerslide .hit{display:block}
.fa_list li a{text-decoration:none;padding-top:14px;border-right:1px solid #efefef;margin:0 0 0 13px;}
.fa_list li .hit span{color:#999;font-size:11px;font-family:gulim;margin-right:9px}
.fa_list li .hit em{display:inline-block;text-indent:-9999em;background:url(/images/mybs/icon_wch.png) -9999em -9999em no-repeat;margin-right:4px;vertical-align:middle}
.fa_list li .hit .icon_up em{width:14px;height:12px;background-position:0 -220px}
.fa_list li .hit .icon_cmt em{width:12px;height:12px;background-position:0 -170px}
.up_list{width:319px;display:block;margin:0 auto}

/*game banner*/
.banner{text-align:center;background:#3b3a64;margin-bottom:25px}
.banner a img, .banner a{display:block}
.banner a img{margin:0 auto}

/*이메일인증확인 창 추가  DK*/
.email_confirm { display: block; overflow: hidden;position: absolute; z-index: 100; top: 0px; left: 210px; right: 0; height: 43px; opacity:0; filter: alpha(opacity=0);-moz-opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.email_confirm.on { opacity:1; filter: alpha(opacity=100);-moz-opacity: 1; top: 67px; }
.email_confirm span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; height: 100%; width: 100%; background-color: #386cff; opacity:.9; filter: alpha(opacity=90);-moz-opacity: .9; }
.email_confirm div { position: relative; z-index: 2; font-size: 13px; color: #fff; text-align: center;}
.email_confirm div button { position: absolute; top: 13px; right: 20px; border: none;  background-color: transparent; color: #fff; font-weight: bold; text-decoration: underline;  }
.email_confirm div button:first-child {  overflow: hidden; display: block; top: 15px; left: 25px; right: auto; width: 12px; height: 12px; text-indent: -9999em; background:url('/images/afmain/img_main.png') no-repeat 0 -199px; }
.email_confirm div p { height: 100%; margin: 0 180px 0 40px; line-height: 43px;  }
.email_confirm div p em { font-style: italic; font-weight: bold; }

/* 해시태그 */
.hash_tit_area {position:relative;height:26px}
.hash_tit_area h3 {position:absolute;top:0;left:0;font-size:16px;color:#333;line-height:100%}
.hash_tit_area .btn_more {position:absolute;top:0;right:0;font-size:14px;color:#666;line-height:100%;text-decoration:none}
.hash_tit_area .btn_more:hover {color:#386cff}
.hash_tit_area .btn_more em {display:inline-block;width:2px;height:3px;margin:0 0 3px 5px;background:url('/images/afmain/img_main.png') no-repeat -29px -199px;}
.hash_tit_area .btn_more:hover em {background-position:-29px -215px;}
.hashtag_area {padding:0;margin:-10px 0 15px;font-size:14px;}
.hashtag_area a {display:inline-block;margin-right:15px;line-height:140%;color:#333;}
.hashtag_area a:hover,
.hashtag_area a:focus {animation-duration:3s;animation-name:rainbowLink;animation-iteration-count: infinite;text-decoration:underline;color:#4279ff}
@keyframes rainbowLink {0%{color:#ff2a2a}15%{color:#ff7a2a}30%{color:#ffc52a}45%{color:#43ff2a}60%{color:#2a89ff}75%{color:#202082}90%{color:#6b2aff}100%{color:#e82aff} }

/* 나중에보기 안내 레이어  */
#View_after { display: none; position: fixed; z-index: 8001; left: 50%; top: 50%;width: 294px; padding: 15px 15px 80px; margin: -212.5px 0 0 -163px; text-align: center; border: 1px solid #2c84ce; background-color: #fff; font-family: 'NG';  letter-spacing: -1px; }
#View_after .view_after_title p {position: relative; padding-top: 50px; font-size: 14px; margin-bottom: 10px; line-height: 1.6; }
#View_after .view_after_title p em { position: absolute; top: 10px; left: 50%; width: 37px; height: 33px; margin-left: -16.5px; background-image: url('/images/afmain/img_main.png'); background-repeat: no-repeat;   }
#View_after .view_after_title span { display: block; font-size: 12px; color:#525252; line-height: 1.4; }
#View_after .view_after_title p.Registration { color:#11a3ff; }
#View_after .view_after_title p.Registration em { background-position: -260px -146px; }
#View_after .view_after_title p.delete { color:#ff4d4d; }
#View_after .view_after_title p.delete em { width: 34px; margin-left: -17px;  background-position: -304px -146px; }
#View_after .view_after_contents { margin-top: 20px; padding-top: 165px; font-size: 11px; color:#7e7e7e; background-repeat: no-repeat; background-position: top center; line-height: 1.4;}
#View_after .view_after_contents a { color:#328fde; text-decoration: underline; }
#View_after .view_after_footer { position: absolute; left: 15px; right: 15px; bottom: 15px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #e4e4e4; }
#View_after .view_after_footer input { vertical-align: -2px; margin-right: 4px; border-color: #acacac;}
#View_after .view_after_footer label { position: absolute; bottom: 6px; left: 0; vertical-align: top;}
#View_after .view_after_footer button { padding: 5px 18px; color:#525252; font-size: 11px; border: 1px solid #b8b8b8; border-radius: 2px; background-color: #fff; }
#View_after .layer_close { overflow: hidden; position: absolute; top: 10px; right: 10px; width: 9px; height: 10px; text-indent:-9999em; border: none; background: url('/images/afmain/img_main.png') no-repeat -260px -127px; }
#View_after .view_after_contents { background-image: url('/images/afmain/view_after_layer_kr.png'); }
.en_US #View_after .view_after_contents { background-image: url('/images/afmain/view_after_layer_en.png'); }
.ja_JP #View_after .view_after_contents { background-image: url('/images/afmain/view_after_layer_jp.png'); }
.th_TH #View_after .view_after_contents { background-image: url('/images/afmain/view_after_layer_th.png'); }
.zh_CN #View_after .view_after_contents { background-image: url('/images/afmain/view_after_layer_cn.png'); }
.zh_TW #View_after .view_after_contents { background-image: url('/images/afmain/view_after_layer_cn.png'); }

#View_after.View_after_windpop { border: none; position: relative; left: 0; top: 0; margin: 0 auto; }
#View_after.View_after_windpop .layer_close { display: none; }
.bx-viewport{z-index:5}

/* for you 171011 */
.foru_wrap {}
.tit_foru {height:48px;font-size:32px;color:#010101;letter-spacing:-0.07em;font-weight:normal}

.foru_wrap .listarea {margin-bottom:-52px}
.foru_wrap .listarea .foryou_list {margin:0 -16px 0 0}
.foru_wrap .listarea .foryou_list li {padding:0;height:250px;margin-right:16px}

.foru_wrap .is_loading {width:100%;overflow:hidden;padding-top:145px;margin-top:50px;text-align:center;font-size:20px;color:#000;background:url('/images/afmain/img_foru_loading.png') no-repeat 50% 0}
.foru_wrap .is_loading span {color:#2d6aff}
.foru_wrap .cast_blank {overflow:hidden;height:197px;border:1px solid #e1e1e1;background:#f9f9f9}
.foru_wrap .cast_blank .mycast_make {padding-top:64px;color:#707070;font-size:16px;line-height:100%;text-align:center}
.foru_wrap .cast_blank .mycast_make em {display:inline-block;width:30px;height:33px;background:url('/images/afmain/img_foru.png') no-repeat 0 -15px;}
.foru_wrap .cast_blank .mycast_make p {padding-top:15px}
.foru_wrap .cast_blank .mycast_no {padding-top:90px;color:#707070;font-size:16px;line-height:100%;text-align:center}
.foru_wrap .loading_list {margin:77px auto}
.foru_wrap .more_list {margin-top:50px}

.foru_wrap .make_area {margin-top:45px;width:100%;padding-top:80px;text-align:center;font-size:18px;line-height:100%;color:#4b4b4b;background:url('/images/afmain/img_foru_make.jpg') no-repeat center 0}
.foru_wrap .nt_area {padding:45px 0 0 0;margin:0}
.foru_wrap .nt_area p {font-size:18px}

.instant_mod .listarea .bx-controls-direction {position:absolute;top:-39px;right:0}
.module_area .listarea .bx-controls-direction {position:absolute;top:-39px;right:33px}

.listarea .bx-controls-direction a {overflow:hidden;position:relative;display:inline-block;text-indent:-9999px;background:url('/images/afmain/img_main.png') no-repeat}
.listarea .bx-controls-direction .bx-prev {width:27px;height:27px;margin-right:-1px;background-position:-17px -165px;}
.listarea .bx-controls-direction .bx-next {width:27px;height:27px;background-position:-43px -165px;}
.listarea .bx-controls-direction .bx-prev.disabled,
.listarea .bx-controls-direction .bx-next.disabled {opacity:0.5;cursor:default}

#container .listfive .instant_mod .btn_reset,
#container .listsix .instant_mod .btn_reset  {top:18px;}
#container .listsix .module_area .inner_box .statistic_area .section_left {float:left;padding-left:106px}
#container .listsix .module_area .inner_box .statistic_area .section_right {float:right;padding-right:106px}
#container .listfive .module_area .inner_box .statistic_area .section_left {float:left;padding-left:36px}
#container .listfive .module_area .inner_box .statistic_area .section_right {float:right;padding:0 36px 0 0}

.instant_mod {position:relative;width:100%;padding-bottom:45px;border-bottom:1px solid #d3d3d3}
.instant_mod .mod_list {margin-top:-10px}
.instant_mod .mod_list:after {display:block;clear:both;content:''}
.instant_mod .mod_list li {float:left;margin-top:10px}
.instant_mod .btn_make {position:absolute;top:85px;right:115px;width:90px;height:39px;line-height:37px;outline:none;text-align:center;font-size:12px;color:#707070;border:1px solid #dcdcdc;background:#fff}
.instant_mod .btn_make:hover {border:1px solid #777}
.instant_mod .btn_make:active {border:1px solid #4e67ff;color:#2e46f0}
.instant_mod .btn_reset {position:absolute;top:85px;right:0;width:108px;height:39px;line-height:37px;outline:none;text-indent:34px;text-align:left;font-size:12px;color:#707070;border:1px solid #dcdcdc;background:#fff}
.instant_mod .btn_reset em {position:absolute;top:12px;left:13px;display:block;width:14px;height:14px;background:url('/images/afmain/img_foru.png') no-repeat -24px 0;}
.instant_mod .btn_reset:hover {border:1px solid #777}
.instant_mod .btn_reset:active {border:1px solid #4e67ff;color:#2e46f0}
.instant_mod .btn_reset:active em {background-position:-38px 0}
.instant_mod .listarea {height:250px;margin-top:50px;margin-bottom:-52px}
.instant_mod .cast_blank {overflow:hidden;height:197px;margin-top:50px;border:1px solid #e1e1e1;background:#f9f9f9}

.instant_mod .cast_category {width:100%;overflow:hidden;margin:5px 0 -37px}
.instant_mod .cast_category li {float:left;margin:7px 7px 0 0}
.instant_mod .cast_category li span {position:relative;display:block;height:34px;padding:0 24px 0 12px;border-radius:3px;line-height:34px;font-size:13px;color:#333;background:#f3f3f3}
.instant_mod .cast_category li span button {position:absolute;top:0;right:0;display:block;width:23px;height:34px;background:none;outline:none}
.instant_mod .cast_category li span button em {position:absolute;top:14px;left:7px;width:5px;height:5px;text-indent:-9999px;background:url('/images/afmain/img_foru.png') no-repeat -68px -6px}

.instant_mod .select {position:relative;min-width:138px;margin-right:15px}
.instant_mod .select.on {z-index:200;}
.instant_mod .select.on .v {border:1px solid #5f5f5f !important;}
.instant_mod .select.on .v em {background:url('/images/afmain/img_foru.png') no-repeat -11px 0;}
.instant_mod .select.active .v {border:1px solid #4e67ff}
.instant_mod .select.active .v:hover {border:1px solid #4e67ff}
.instant_mod .select.active .v strong {color:#4e67ff;}
.instant_mod .select .v {position:relative;display:block;height:51px;border:1px solid #e3e3e3;padding-right:30px;font-size:14px;color:#2a2a2a;text-decoration:none;}
.instant_mod .select .v span {padding-left:3px;}
.instant_mod .select .v:hover {border:1px solid #5f5f5f}
.instant_mod .select .v strong {display:block;padding:0 10px;text-align:center;line-height:51px;color:#565656;font-family:"NGB";font-weight:normal}
.instant_mod .select .v em {position:absolute;top:23px;right:19px;display:block;width:11px;height:6px;background:url('/images/afmain/img_foru.png') no-repeat 0 0;}
.instant_mod .select .sub_list {display:none;position:absolute;top:43px;left:0;right:0;z-index:20;width:100%;padding:0;border-bottom:1px solid #5f5f5f;}
.instant_mod .select .sub_list li {float:none;margin:0;padding:0;background:#fff;border-left:1px solid #5f5f5f;border-right:1px solid #5f5f5f;}
.instant_mod .select .sub_list li a {display:block;overflow:hidden;height:34px;line-height:34px;text-align:center;font-size:14px;color:#000;text-decoration:none;background:#fff;transition:all .2s ease-out}
.instant_mod .select .sub_list li a span {display:block;}
.instant_mod .select .sub_list li a:hover {background:#f0f0f0}
/*
.instant_mod .select.active.on .v {border:1px solid #4e67ff !important}
.instant_mod .select.active.on .sub_list li {border-left:1px solid #4e67ff !important;border-right:1px solid #4e67ff !important;}
*/

.instant_mod .select .list_box {display:none;position:absolute;top:52px;left:0;z-index:10;width:590px;padding:44px 22px 34px 22px;border:1px solid #5f5f5f;background:#fff}
.instant_mod .select .list_box em {position:absolute;top:-1px;left:0;z-index:10;display:block;width:136px;height:1px;background:#fff}
.instant_mod .select .list_box .inner_box {overflow:hidden;width:100%;background:url('/images/afmain/bg_ct_line.gif') repeat-y }
.instant_mod .select .list_box .category_pc {width:263px}
.instant_mod .select .list_box .category_mobile {width:153px;margin:0 10px 0 11px}
.instant_mod .select .list_box .category_etc {width:153px}
.instant_mod .select .list_box dl {float:left}
.instant_mod .select .list_box dl:after {display:block;clear:both;content:''}
.instant_mod .select .list_box dl dt {height:30px;padding:0 0 0 22px;line-height:100%;color:#424242;font-size:14px;background:#fff}
.instant_mod .select .list_box dl dd {}
.instant_mod .select .list_box dl dd {float:left;}
.instant_mod .select .list_box dl dd ul {overflow:hidden;padding:0 0 18px 0}
.instant_mod .select .list_box dl dd li {margin:16px 0 0 0 !important;width:100%;line-height:100%;font-size:14px;color:#7e7e7e}
.instant_mod .select .list_box dl dd .game {float:left;width:128px;}
.instant_mod .select .list_box dl dd .game2 {width:135px;}
.instant_mod .select .list_box dl dd li input {width:14px;height:14px;vertical-align:middle;margin:0 10px 3px 20px;}
.instant_mod .select .list_box dl dd li label {display:inline-block;}
.instant_mod .select .list_box .btn {overflow:hidden;width:100%;padding-top:30px;text-align:center}
.instant_mod .select .list_box .btn button {display:inline-block;width:91px;height:34px;line-height:33px;margin:0 4px;text-align:center;color:#767676;font-size:14px;border:1px solid #b7b7b7;background:#fff}
.instant_mod .select .list_box .btn button.ok {color:#2a2929}

.instant_mod .blind_area {position:absolute;left:0;top:10px;z-index:100;width:100%;height:53px;background-color:#fff;zoom:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}

.module_area {position:relative;width:100%;margin-top:65px;}
.module_area .tit_area {position:relative;width:100%;}
.module_area .tit_area:after {display:block;clear:both;content:''}
.module_area .tit_area h2 {float:left;font-size:23px;height:36px;line-height:100%;color:#161616;font-weight:normal;letter-spacing: -1px;}
.module_area .tit_area .tooltip {overflow:hidden;float:left;position:relative;display:block;margin:5px 0 0 7px;}
.module_area .tit_area .tooltip:hover {overflow:visible;}
.module_area .tit_area .tooltip:hover .toolbox {bottom:24px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
.module_area .tit_area .tooltip a {display:block;width:14px;height:14px;text-indent:-9999px;background:url('/images/afmain/img_foru.png') no-repeat -53px 0;}
.module_area .tit_area .toolbox {transition:all .2s ease-out;position:absolute;bottom:14px;left:50%;width:600px;z-index:10;margin:0 0 0 -300px;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.module_area .tit_area .toolbox p {position:relative;display:inline-block;padding:6px 8px;line-height:140%;border:1px solid #b2b2b2;color:#797979;font-size:11px;background:#f5f5f5;}
.module_area .tit_area .toolbox p em {position:absolute;;left:50%;bottom:-6px;display:block;width:10px;height:6px;margin-left:-5px;background:url('/images/afmain/img_foru.png') no-repeat -68px 0;}
.module_area .tit_area .toolbox p .ptc {color:#6481ff}

.module_area .hashtag {overflow:hidden;padding:0 100px 17px 0;font-size:14px;}
.module_area .hashtag a {display:inline-block;margin-right:11px;line-height:140%;color:#6a6a6a;}
.module_area .hashtag a.active {color:#4279ff;font-family:"NGB"}
.module_area .hashtag a:hover {animation-duration:3s;animation-name:rainbowLink;animation-iteration-count: infinite;text-decoration:underline;color:#4279ff}

.module_area .md_delete {position:absolute;top:-39px;right:0}
.module_area .md_delete button {display:block;width:28px;height:27px;text-indent:-9999px;background:url('/images/afmain/img_foru.png') no-repeat -31px -15px;}

.module_area .md_close_area {height:128px;text-align:center;background:#f2f2f2}
.module_area .md_close_area p {padding-top:42px;color:#1d1d1d;font-size:20px;line-height:100%;}
.module_area .md_close_area .closed {display:inline-block;padding-top:17px;color:#2d6aff;font-size:15px;line-height:100%;text-decoration:underline}

.module_area .inner_box {position:relative;text-align:center;border:1px solid #e2e2e2;background:#f9f9f9}
.module_area .inner_box h2 {display:inline-block;color:#161616;font-size:22px;padding:26px 0 25px 0;font-weight:normal;}
.module_area .inner_box h2 a {color:#161616;text-decoration:none;}
.module_area .inner_box h2.on em {display:inline-block;width:30px;height:28px;margin: 0 0 3px 09px;vertical-align:middle;background:url('/images/afmain/img_foru.png') no-repeat -30px -50px;}
.module_area .inner_box h2.off em {display:inline-block;width:30px;height:28px;margin: 0 0 3px 09px;vertical-align:middle;background:url('/images/afmain/img_foru.png') no-repeat 0 -50px;}
.module_area .inner_box .statistic_area {display:none;padding:0 45px 36px 290px}
.module_area .inner_box .statistic_area .cast_box {position:absolute;top:85px;left:45px;text-align:left}
.module_area .inner_box .statistic_area .graph_area {overflow:hidden;position:relative;width:100%;min-height:162px;padding-bottom:35px;border-radius:5px;background:#ececec}
.module_area .inner_box .statistic_area .section_left {float:left;padding-left:106px}
.module_area .inner_box .statistic_area .section_right {float:left;padding:0 0 0 106px}
.module_area .inner_box .graph_area dl {width:381px;text-align:left}
.module_area .inner_box .graph_area dl dt {padding-top:33px;height:27px;font-size:18px;color:#494949;line-height:100%}
.module_area .inner_box .graph_area dl dt span {font-size:14px;color:#868686;letter-spacing:-1px}
.module_area .inner_box .graph_area dl dd img {vertical-align:top}
.module_area .inner_box .delete {position:absolute;top:0;right:0;width:28px;height:28px;background:none}
.module_area .inner_box .delete em {position:absolute;top:9px;left:8px;display:block;width:12px;height:11px;text-indent:-9999px;background:url('/images/afmain/img_foru.png') no-repeat -78px 0px;}

.module_area .btn_control {display:none;position:absolute;top:42px;right:0;width:53px;height:27px;margin-right:-1px;opacity:0.5;background:url('/images/afmain/img_main.png') no-repeat -17px -165px;}

.cast_box_hide {display:none;position:absolute;top:0;left:0;z-index:100;width:226px;height:196px;border:1px solid #d8d8d8;border-radius:4px 4px 5px 5px;text-align:center;line-height:100%;background:#fff;}
.cast_box_hide .txt {font-size:18px;color:#000;padding-top:39px}
.cast_box_hide .reason {padding-top:45px}
.cast_box_hide .reason a{display:inline-block;font-size:16px;color:#6e6e6e;text-decoration:none}
.cast_box_hide .reason a em {display:inline-block;width:4px;height:6px;vertical-align:middle;margin:0 0 3px 6px;background:url('/images/afmain/img_foru.png') no-repeat -91px 0px;}
.cast_box_hide .cancel {padding-top:41px}
.cast_box_hide .cancel a{display:block;font-size:14px;color:#8a8a8a;text-decoration:underline}
.cast_box_hide:hover .reason a {color:#1e1e1e}
.cast_box_hide:hover .cancel a {color:#4279ff}

.cast_box_hide.end .txt {padding-top:75px}
.cast_box_hide.end .reason {display:none}
.cast_box_hide.end .cancel {padding-top:30px}

/* 추천모듈 180612 */
.md .select_zone {position:absolute;top:43px;right:64px;}
.md .select_zone .select_f {float:left}
.md .listarea .bx-controls-direction {top:-42px;right:0}
.msg .listarea .bx-controls-direction {top:-122px;}
.md .menu_two {padding:12px 0 11px;margin:0;border:none}
.md .msg_area {height:61px;line-height:61px;padding:0;margin-bottom:17px;border:1px solid #e2e2e2;text-align:center;font-size:18px;color:#161616;background:#f9f9f9}
.md .msg_area span {color:#2d6aff}
.filtering .msg_area {display:table;width:100%;height:196px;margin:0;line-height:140%;}
.filtering .msg_area p {display:table-cell;vertical-align:middle}
.msg.filtering .msg_area {height:61px;line-height:61px;margin-bottom:17px;}
.filtering .select_zone {right:0}
.select_f {display:inline-block;position:relative;min-width:83px;margin-left:11px}
.select_f.on {z-index:200;}
.select_f.on .v {border:1px solid #777 !important;}
.select_f.on .v em {background:url('/images/afmain/img_foru.png') no-repeat -11px 0;}
.select_f .v {position:relative;display:block;height:25px;border:1px solid #cacaca;padding-right:21px;font-size:13px;color:#4b4b4b;text-decoration:none;}
.select_f .v span {padding-left:3px;}
.select_f .v:hover {border:1px solid #777}
.select_f .v strong {display:block;padding:0 15px 0 8px;line-height:26px;color:#4b4b4b;font-weight:normal}
.select_f .v em {position:absolute;top:10px;right:10px;display:block;width:11px;height:6px;background:url('/images/afmain/img_foru.png') no-repeat 0 0;}
.select_f .sub_list {display:none;position:absolute;top:26px;left:0;right:0;z-index:20;width:100%;margin:0;padding:0;border-bottom:1px solid #5f5f5f;}
.select_f .sub_list li {float:none;margin:0;padding:0;background:#fff;border-left:1px solid #5f5f5f;border-right:1px solid #5f5f5f;font-size:13px;}
.select_f .sub_list li a {display:block;overflow:hidden;height:22px;line-height:22px;padding-left:8px;color:#4b4b4b;text-decoration:none;background:#fff;transition:all .2s ease-out}

.select_f .sub_list li a:hover {background:#f0f0f0}

.bj_box {position:relative;display:block;width:226px;height:196px;border:1px solid #d8d8d8;border-radius:5px;background:#fff}
.bj_box a {display:block;width:226px;height:196px;}
.bj_box span {line-height:110%}
.bj_box .thumb {position:absolute;top:26px;left:81px;}
.bj_box .thumb img {width:62px;height:62px;border-radius:32px;border:1px solid #e0e0e0;vertical-align:top;}
.bj_box .thumb em {position:absolute;bottom:-3px;right:-6px;display:block;width:23px;height:23px;background:url('/images/afmain/img_main.png') no-repeat -465px -127px;}
.bj_box .nick {position:absolute;top:106px;left:13px;width:200px;font-size:16px;color:#333;font-weight:bold; letter-spacing: -1px;display:inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;text-align:center}
.bj_box .nick span:first-child {margin-left:3px; margin-right:2px;}
.bj_box .afid {position:absolute;top:128px;left:0;width:100%;text-align:center;color:#777;font-size:11px}
.bj_box .date {display:block;position:absolute;top:168px;left:0;width:100%;text-align:center;font-size:11px;color:#999;}



/* 별풍선이란? 레이어 */
.cast_hide_layer {display:none;position:fixed; left:50%; top:50%; z-index:999999; width:404px;height:264px;border:1px solid #2c84ce;margin:-165px 0 0 -203px;background:#fff;}
.lightbox {display:none;position:absolute;left:0;top:0;z-index:100;width:100%;min-height:100%;_height:100%;background-color:#fff;zoom:1;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.cast_hide_layer h2 {display:block;padding:9px 0 0 12px;height:20px;line-height:14px;font-size:12px;font-weight:bold;color:#2c84ce;font-family:돋움, Dotum, AppleGothic, Sans-serif;letter-spacing:-1px;border-bottom:1px solid #2c84ce;}
.cast_hide_layer .inner {padding:0 20px 0 20px;}
.cast_hide_layer .inner ul {padding:20px 0 0 20px}
.cast_hide_layer .inner li {padding-top:20px;font-size:16px;color:#363636;line-height:100%;letter-spacing:-1px}
.cast_hide_layer .inner li span {color:#4279ff}
.cast_hide_layer .inner li .cbx {width:16px;height:16px;vertical-align:middle;margin:0 18px 3px 0}
.cast_hide_layer .inner li .txt {width:279px;padding:10px 0 10px 9px;vertical-align:middle;border:1px solid #dbdbdb;color:#111}
.cast_hide_layer .inner .btn_area{border-top:1px solid #e7e9ec;padding-top:17px;margin-top:36px;text-align:center}
.cast_hide_layer .inner .btn_area button {display:inline-block;border-radius:3px;width:74px;height:22px;margin:0 8px;background:#fff}
.cast_hide_layer .inner .btn_area button.submit {border:1px solid #b8b8b8;color:#525252}
.cast_hide_layer .inner .btn_area button.cancel {border:1px solid #cfcfcf;color:#9c9b9b}
.cast_hide_layer .btn_close {position:absolute;right:7px;top:4px;display:block;width:9px;height:10px;padding:5px;overflow:hidden;text-indent:-9999px;z-index:9; background: url('/images/flashplayer/split_layer.png') no-repeat 4px -44px;}

/* 동영상 홈 */
.vod_wrap {}
.vod_wrap .vod_list li {padding:0;height:250px;margin-right:16px}
.vod_wrap .ani_list li {padding:0;height:263px;margin-right:16px}
.vod_wrap .ani_list li a {overflow:hidden;position:relative;display:block;}
.vod_wrap .ani_list li a img {vertical-align:top;width:148px;height:213px;}
.vod_wrap .ani_list li a:hover img {o-transform: scale(1.05); transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transition: all 0.2s ease; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease;}
.vod_wrap .vod_slidearea {position:relative;width:100%;}
.vod_wrap .vod_slidearea:after {display:block;clear:both;content:''}
.vod_wrap .vod_slidearea h2 {position:relative;display:inline-block;display:block;font-size:18px;height:32px;padding-top:5px;line-height:100%;letter-spacing: -1px;font-family:"NGB";color:#333;}
.vod_wrap .vod_slidearea h2 a {color:#333;font-family:"NGB";}
.vod_wrap .vod_slidearea h2 a:hover {color:#386cff;text-decoration:none}
.vod_wrap .vod_slidearea .listarea .bx-controls-direction {position:absolute;z-index:10;top:-39px;right:0;}

.banner_link {position:relative;width:100%;overflow:hidden;margin-bottom:25px}
.banner_link em {position:absolute;top:0;left:50%;display:block;width:16px;height:50px;margin:0 0 0 -8px;background:#fff}
.banner_link li {float:left;width:50%;}
.banner_link a {display:block;height:50px;text-indent:-9999px}
.banner_link a.link_esports {background:#6970ff url('/images/afmain/bg_link_banner.png') no-repeat 49% 0}
.banner_link a.link_game {background:#31bee5 url('/images/afmain/bg_link_banner.png') no-repeat 51% -50px}
.banner_link a.link_sports {background:#5074e9 url('/images/afmain/bg_link_banner.png') no-repeat 50% -100px}
.banner_link a.link_ani {background:#535d88 url('/images/afmain/bg_link_banner.png') no-repeat 50% -150px}
.banner_link a.link_cable {background:#e98550 url('/images/afmain/bg_link_banner.png') no-repeat 50% -200px}
.banner_link a.link_bora {background:#ffeaea url('/images/afmain/bg_link_banner.png') no-repeat 50% -250px}
.banner_link a.link_starbj {background:#2ea241 url('/images/afmain/bg_link_banner.png') no-repeat 50% -300px}

/* 장기구독자 혜택 알림 레이어 */
.gd_alarm {position:fixed;top:66px;;left:auto;right:150px;width:425px;}
.gd_alarm .pop-body {padding:219px 0 10px;text-align:center;letter-spacing:-0.05em;background:url('/images/afmain/img_alarm_img.jpg') no-repeat 50% 42px}
.gd_alarm .pop-body h2 {display:block;font-size:18px;color:#006bfe}
.gd_alarm .pop-body p {font-size:14px;color:#666;line-height:160%}
.gd_alarm .pop-body p a {color:#006bfe;text-decoration:underline}
.gd_alarm .pop-btn {position:relative;}
.gd_alarm .pop-btn label {position:absolute;top:22px;left:0;font-family:dotum;font-size:12px;color:#666;letter-spacing:-0.05em;}
.gd_alarm .pop-btn label input {width:13px;height:13px;vertical-align:middle;margin:0 5px 3px 0}

/* 구독자 전용 닉네임 변경 */
.gdnick_layer {margin:-129px 0 0 -141px}
.gdnick_layer .input_text {padding:5px 2px}
.gdnick_layer .btn_st1, .gdnick_layer .btn_st2 {height:24px;line-height:24px;padding:0 15px}

/* vr layer */
#layer_vr{background:url(/images/afmain/layer_vr.png) 0 0 no-repeat;width:301px;height:280px;position:fixed;z-index:10001;top:50%;left:50%;margin:-140px 0 0 -150px}
#layer_vr .txt{width:100%;position:absolute;top:144px;left:0;font-size:15px;color:#333;;text-align:center}
#layer_vr .go_vrbs{font-size:13px;color:#466dda;text-decoration:underline;position: absolute;top:178px;text-align: center;display:block;width:100%}
#layer_vr .go_basecamp{display:block;width:100%;height:62px;position:absolute;bottom:0;font-size: 18px;color:#fff;text-align: center;line-height:62px;text-decoration:none}
#layer_vr .btn_close{display:block;width:19px;height:19px;text-indent: -9999em;background: url(/images/afmain/btn_studio_close.png) no-repeat 3px 3px;position: absolute;top:-1px;right:-25px}

.loading-spinner {display:block; position:relative; width:44px; height:44px; margin:120px auto 120px;}
.loading-spinner i {display:block; animation:loading-spinner 1.2s linear infinite;
transform-origin:22px 22px;}
.loading-spinner i:after {content:""; display:block; position:absolute; top:0; left:21px; background:#000;
width:2px; height:11px; border-radius:20%; }
.loading-spinner i:nth-child(1) {transform:rotate(0deg); animation-delay:-1.1s;}
.loading-spinner i:nth-child(2) {transform:rotate(30deg); animation-delay:-1s;}
.loading-spinner i:nth-child(3) {transform:rotate(60deg); animation-delay:-0.9s;}
.loading-spinner i:nth-child(4) {transform:rotate(90deg); animation-delay:-0.8s;}
.loading-spinner i:nth-child(5) {transform:rotate(120deg); animation-delay:-0.7s;}
.loading-spinner i:nth-child(6) {transform:rotate(150deg); animation-delay:-0.6s;}
.loading-spinner i:nth-child(7) {transform:rotate(180deg); animation-delay:-0.5s;}
.loading-spinner i:nth-child(8) {transform:rotate(210deg); animation-delay:-0.4s;}
.loading-spinner i:nth-child(9) {transform:rotate(240deg); animation-delay:-0.3s;}
.loading-spinner i:nth-child(10) {transform:rotate(270deg); animation-delay:-0.2s;}
.loading-spinner i:nth-child(11) {transform:rotate(300deg); animation-delay:-0.1s;}
.loading-spinner i:nth-child(12) {transform:rotate(330deg); animation-delay:0s;}
@keyframes loading-spinner {0% {opacity:1;} 100% {opacity:0;}}

/* for u 서비스 종료 페이지 */
.foru_end {background:url(/images/afmain/img_foru_end.jpg) 50% 197px no-repeat; padding-top:423px; text-align:center; font-family:"NG";}
.foru_end strong {color:#010101; font-size:30px;}
.foru_end p {margin-top:20px; color:#000; font-size:14px; line-height:16px;}
.foru_end a {display:block; background:#0065e2; width:212px; height:42px; margin:30px auto 0; border:1px solid #e7e7e7; color:#fff; font-size:14px; text-align:center; line-height:42px; text-decoration:none;}


/* ****************************************** */
/* @ 다크모드 (하단에 다크모드 외 css 추가 금지 */
/* ****************************************** */
body.thema_dark#listWrap #header {border-color:#000;}
body.thema_dark#listWrap #footer {border-color:#1d1d1d;}
body.thema_dark#listWrap #header h1 a:first-child {background:url(/images/svg/logo_dark.svg) calc(100% - 3px) calc(50% - 1px) no-repeat !important; background-size:117px 21px !important;}
body.thema_dark#listWrap #header h1 .vod {color:#fff;}
body.thema_dark#listWrap #header .unit_area .btn_upload span,
body.thema_dark#listWrap #header .unit_area .btn_studio span {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .loading-spinner i:after {background:#c0c0c0;}
body.thema_dark #footer .f_list .familysite .flayer {background-color:#161717; border-color:#848485;}
body.thema_dark#listWrap #footer .footer_inner .f_list .familysite.on li a:hover {background-color:#333; color:#999;}
body.thema_dark .loading {background-image:url(/images/svg/main_loading_dark.svg);}

/* 상단 배너 */

body.thema_dark .banner_area {border-color:#1d1d1d;}
body.thema_dark .banner_area .btn_prev,
body.thema_dark .banner_area .btn_next {background:#121213;}
body.thema_dark .banner_area li {border-color:#1d1d1d;}
body.thema_dark .banner_area .line {background-color:#121213;}
body.thema_dark .bannerslide .bnr_conts .bnr_text .date {color:#888;}
body.thema_dark .bannerslide .bnr_conts .bnr_text strong {color:#e5e5e5;}
body.thema_dark .bannerslide .bnr_conts .bnr_text p {color:#999;}
body.thema_dark .alarm,
body.thema_dark .banner_area .btn_prev span,
body.thema_dark .banner_area .btn_next span {background-image:url(/images/afmain/img_main_dark.png);}

/* 메인 */
body.thema_dark .hotissue h2,
body.thema_dark #container .content_area .title,
body.thema_dark #container .content_area .title a {color:#e5e5e5;}
body.thema_dark #container .content_area .title a em {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark #container .content_area .title a.off em {transform:rotate(-180deg);}
body.thema_dark .tit_tab.tab_m li a,
body.thema_dark .hotissue .tab_m li a {color:#888;}
body.thema_dark .tit_tab.tab_m li.on a,
body.thema_dark .hotissue .tab_m li.on a {border-color:#7398ff; color:#7398ff;}
body.thema_dark .hotissue .control button {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .hotissue .control .prev,
body.thema_dark .hotissue .control .next {background-color:#222; width:26px; height:27px;}
body.thema_dark .line_rt {border-color:#2e2e2f;}
body.thema_dark .sv_area .tab_list,
body.thema_dark .sv_area .tab_list li {border-color:#121213; margin-right:0;}
body.thema_dark .sv_area .tab_list li a {background:#222; color:#888;}
body.thema_dark .sv_area .tab_list li.on a {background:#666; color:#000;}
body.thema_dark .more_list a {background:#222; border-color:#222; color:#c8c8c8;}
body.thema_dark .more_list a em {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .cast_box,
body.thema_dark .cast_box .subject {background:#1b1b1c; border-color:#1b1b1c;}
body.thema_dark .cast_box .subject {color:#e5e5e5;}
body.thema_dark .cast_box .nick {color:#8c8c8c;}
body.thema_dark .cast_box .viewer em {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark #container .content_area .tit_area .btn_reload,
body.thema_dark .sv_area .btn_reload,
body.thema_dark #container .content_area .tit_sv_area .btn_reload,
body.thema_dark .reloading .icon,
body.thema_dark .nt_area .ic_nocast,
body.thema_dark .nt_area .ic_fanclub,
body.thema_dark .nt_area .ic_favrite,
body.thema_dark .nt_area .ic_vcast,
body.thema_dark #btn_pagetop a {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .reloading p,
body.thema_dark .nt_area p.txt01,
body.thema_dark #container .content_area .favor_noLst {color:#999;}
body.thema_dark#listWrap .notice_area {border-color:#1d1d1d;}
body.thema_dark#listWrap .notice_area dl a {color:#c8c8c8;}
body.thema_dark#listWrap .notice_area dd a {color:#999;}
body.thema_dark .alarmBox {background:#1b1b1c; border-color:#333;}
body.thema_dark .alarmBox a {color:#999;}
body.thema_dark .alarmBox p {color:#999;}
body.thema_dark .alarmBox .complete p {color:#00c92f;}
body.thema_dark .alarmBox .cancel p {color:#ff3f3f;}
body.thema_dark .alarmBox .cancel p em {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .alarmBox .question {color:#666;}
body.thema_dark .alarmBox .question span {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .alarmBox .question em {color:#206eb2;}
body.thema_dark .alarmBox .reservation a {background-color:#386cff; color:#e5e5e5;}

/* 팝업 */
body.thema_dark #layer_vr {background-image:url(/images/afmain/layer_vr_dark.png);}
body.thema_dark #layer_vr .txt {color:#999;}
body.thema_dark #layer_vr .go_vrbs {color:#7398ff;}
body.thema_dark #alarm_broadcast {background-image:url(/images/afmain/alarm_broadcast_dark.png);}
body.thema_dark #alarm_broadcast h2,
body.thema_dark #alarm_broadcast ol li {background-color:transparent;}
body.thema_dark #alarm_broadcast h3 {color:#7398ff;}
body.thema_dark #alarm_broadcast ol li p {color:#888;}
body.thema_dark #alarm_broadcast li .app {background:transparent; border-color:#7398ff; color:#7398ff;}
body.thema_dark #alarm_broadcast .ar_bottom {background:#222; color:#999;}
body.thema_dark #alarm_broadcast .ar_bottom a {border-color:#444; color:#999;}
body.thema_dark #alarm_mobile {background:#1b1b1c; border-color:#333;}
body.thema_dark #alarm_mobile h2 {color:#206eb2;}
body.thema_dark #alarm_mobile p {color:#999;}
body.thema_dark #alarm_mobile button {color:#e5e5e5;}

body.thema_dark .gd_alarm {background-color:#1b1b1c; border-color:#333;}
body.thema_dark .gd_alarm .pop-body {background-image:url(/images/afmain/img_alarm_img_dark.jpg);}
body.thema_dark .gd_alarm .pop-body h2 {color:#7398ff;}
body.thema_dark .gd_alarm .pop-body p {color:#999;}
body.thema_dark .gd_alarm .pop-body p a {color:#7398ff;}
body.thema_dark .gd_alarm .pop-btn {border-color:#282828;}
body.thema_dark .gd_alarm .pop-btn label {color:#999;}
body.thema_dark .gd_alarm .pop-btn .btn {border-color:#666; color:#999;}

/* 게임 */
body.thema_dark #container .tit_area_g .view_option li a,
body.thema_dark #container .game_post_area .slide_toggle button {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark #container .tit_area_g .view_option li:last-child:before {background-color:#333;}
body.thema_dark #container .game_post_area .slide_toggle {border-color:#2e2e2f;}
body.thema_dark #container .game_post_area ul li .tit {color:#999;}
body.thema_dark #container .game_post_area ul li a.active:after {border-color:#7398ff;}
body.thema_dark #container .game_post_area ul li a.active .tit {border-color:#7398ff; color:#7398ff;}
body.thema_dark .banner_link em {background-color:#121213;}
body.thema_dark .menu_two {border-color:#272727;}
body.thema_dark .menu_two li a {color:#999;}
body.thema_dark .menu_two li.on a,
body.thema_dark .menu_two li a:hover,
body.thema_dark .menu_two li a:focus {border-color:#8db4fa; color:#8db4fa;}
body.thema_dark #container .tit_area_g .toolbox p {background-color:#555; border-color:transparent; border-radius:2px; color:#fff;}
body.thema_dark #container .tit_area_g .toolbox p em {background-image:url(/images/afmain/img_main_dark.png);}

/*  */
body.thema_dark #header .menu_bar .list_a li a,
body.thema_dark #header .menu_bar .list_b li a {color:#c8c8c8;}
body.thema_dark #header .menu_bar .list_a li a:hover,
body.thema_dark #header .menu_bar .list_b li a:hover {color:#6b85cf;}
body.thema_dark #header .btn_menu a span {background-image:url(/images/afmain/img_main_dark.png);}

/* 즐겨찾기 */
body.thema_dark #container .content_area .title_s {color:#e5e5e5;}
body.thema_dark .fa_list li a {border-color:#1d1d1d;}
body.thema_dark .fa_list h2 a {background:url("data:image/svg+xml,%3csvg viewBox='0 0 3 5' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m-0 1v-1h1v1h1v1h1v1h-1v1h-1v1h-1v-1h1v-1h1v-1h-1v-1h-1z' fill='%23434343' /%3e%3c/svg%3e") 100% 50% no-repeat; background-size:3px 5px; color:#fff;}
body.thema_dark .fa_list li .hit span {color:#888;}
body.thema_dark .fa_list li .hit em {background-image:url(/images/mybs/icon_wch_dark.png);}
body.thema_dark .fa_list .bannerslide .bjinfo {color:#888;}
body.thema_dark .fa_list .bannerslide .bjinfo em {background:none; color:#7097cc;}
body.thema_dark .fa_list .bannerslide .tit {color:#e5e5e5;}
body.thema_dark .ready_box {background:#1b1b1c; border-color:transparent;}
body.thema_dark .ready_box .date {border-color:#2e2e2f; color:#8c8c8c;}
body.thema_dark .ready_box .nick {color:#e5e5e5;}
body.thema_dark .ready_box .afid {color:#999;}
body.thema_dark .cast_delete {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .cast_fav span em,
body.thema_dark .cast_fixing span em,
body.thema_dark .cast_delete span em {background-color:#555; color:#fff;}
body.thema_dark .cast_fav span,
body.thema_dark .cast_fixing span,
body.thema_dark .cast_delete span {background:url(/images/flashplayer/bul_tooltip.png) center 0 no-repeat;}
body.thema_dark .sv_area .more_lk a {background:url(/images/afmain/bul_ar_r.png) no-repeat right 3px; color:#999;}
body.thema_dark .ready_box .date_area {border-color:#343435;}
body.thema_dark .ready_box .cast_fixing,
body.thema_dark .ready_box .cast_fav,
body.thema_dark .ready_box .date_area .btn_mygd {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .ready_box.fixed:hover .cast_fixing {background-position:-110px -217px;}
body.thema_dark .ready_box.fav:hover .cast_fav {background-position:-179px -217px;}
body.thema_dark .ready_box .afnick {color:#e5e5e5;}
body.thema_dark .ready_box .date_area span em,
body.thema_dark .ready_box .afnick span {color:#7398ff;}

/* 해쉬태그 */
body.thema_dark .tab_ct {border-color:#2e2e2f;}
body.thema_dark .tab_ct li a {color:#999;}
body.thema_dark .tab_ct li.on a {border-color:#7398ff; color:#7398ff;}
body.thema_dark .hash_tit_area h3 {color:#e5e5e5;}
body.thema_dark .hash_tit_area .btn_more {color:#999;}
body.thema_dark .hash_tit_area .btn_more em {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 3'%3e%3cpath fill-rule='evenodd' fill='%23808082' d='M0 3V0h1v1h1v1H1v1H0z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;}
body.thema_dark .cast_box .vod em {background-image:url(/images/afmain/img_main_dark.png);}
body.thema_dark .sv_area .locol_date li a {color:#888;}
body.thema_dark .sv_area .locol_date li.on a {color:#7398ff;}
body.thema_dark .sv_area .locol_date li:before {background-color:#2e2e2f;}

/* 게임랭킹 */
body.thema_dark #container .tit_area_g .rank_area .rolling_area ul li a  {color:#e5e5e5}
body.thema_dark #container .tit_area_g .rank_area .rank_box {border:1px solid #2e2e2f;background:#121213}
body.thema_dark #container .tit_area_g .rank_area .rank_box h3 {color:#fff;}
body.thema_dark #container .tit_area_g .rank_area .rank_box .tit_area {border-top:1px solid #2e2e2f;background:#282828}
body.thema_dark #container .tit_area_g .rank_area .rank_box .tit_area span {color:#f5f5f5}
body.thema_dark #container .tit_area_g .rank_area ul li a {color:#999}
body.thema_dark #container .tit_area_g .rank_area ul li.active a {font-weight:bold;color:#e5e5e5}

/* 나중에 보기 레이어 스타일 : 레이어 제거 후 소스 제거 */
body.thema_dark #View_after .view_after_footer label {color:#999}

/* 지상파/케이블 */
body.thema_dark .menu_tv {border-color:#272727;}
body.thema_dark .menu_tv li:first-child a {background-image:url(/images/togethertv/channel_all_ko_KR_dark.png); width:74px; height:34px;}
body.thema_dark .menu_tv li:first-child a img {display:none;}