@charset "utf-8";

/* 로그인 */
/*.login_wrap {position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;overflow-x:hidden;z-index:1000;background:#0d3271;}
.login_wrap .inner_w {position:absolute;top:50%;left:0;width:100%;min-width:320px;height:320px;margin:-160px 0 0 0}
.login_wrap .login_box{position:relative;padding:77px 40px 0 40px;max-width:320px;margin:0 auto;background:url(//res.afreecatv.com/images/mobile/afweb/img_log_toin.png) no-repeat top center;background-size:113px 60px}
.login_wrap .login_box legend {display:block;position:absolute;overflow:hidden;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.login_wrap .login_box .boxin {position:relative;display:block;width:100%;height:40px;border:none;margin-top:5px;border-radius:2px;background:#fff}
.login_wrap .login_box .boxin label {display:none}
.login_wrap .login_box .error_msg {padding:10px 0 0 0;color:#7ab2ff;font-size:0.875em;}
.login_wrap .login_box .boxin .log-input {display:block;-webkit-box-sizing: border-box;box-sizing:border-box;width:100%;height:40px;border:none;padding:0 40px 0 17px;margin-top:5px;color:#333;border-radius:2px;background:#fff}
.login_wrap .login_box .boxin .log-reset {position:absolute;display:none;top:9px;right:12px;border:none;width:22px;height:22px;text-indent:-9999px;background:url(//res.afreecatv.com/images/mobile/afweb/btn_delete_x.png) no-repeat;background-size:22px 22px;}
.login_wrap .login_box button.btn_login {display:block;width:100%;height:44px;margin-top:10px;color:#fff;text-align:center;border:none;border-radius:2px;background:#0056cc}
.login_wrap .login_box input[type="checkbox"] {display:inline-block;width:20px;height:20px;-webkit-appearance:none;border:0 none;border-radius:0;margin:0 8px 2px 0;vertical-align:middle;background:url(//res.afreecatv.com/images/mobile/afweb/img_checkbox.png) no-repeat 0 0;background-size:40px 20px}
.login_wrap .login_box input:checked[type="checkbox"] {background-position:-20px 0}
.login_wrap .login_box .check_login {padding-top:10px;color:#fff}
.login_wrap .login_box .join_t {overflow:hidden;padding-top:10px;color:#fff;letter-spacing:-1px}
.login_wrap .login_box .join_t .tl {float:left;}
.login_wrap .login_box .join_t .tl a {color:#6699ff}
.login_wrap .login_box .join_t .tr {float:right;}
.login_wrap .login_box .join_t .tr a {color:#ff4b7d}
.login_wrap .close a {position:absolute;top:12px;left:12px;display:block;width:40px;height:40px;}
.login_wrap .close a span {position:absolute;top:50%;left:50%;display:block;width:16px;height:14px;margin:-7px 0 0 -8px;text-indent:-9999px;background:url(//res.afreecatv.com/images/mobile/afweb/img_web.png) no-repeat -116px 0;background-size:320px 250px}*/


/* common */
html, body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;font-family:'Malgun Gothic','맑은 고딕','AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif;}
body{position:relative;word-wrap:break-word;word-break:break-all;font-size:14px;line-height:1em;color:#747474}

img,fieldset{border:0}
dl,ul,ol,li {list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
hr,caption {display:none;}

/* 150826 */
#wrap{min-height:100%}
#wrap .login_wrap{height:400px;}
.login_wrap {position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;overflow-x:hidden;z-index:1000;background:#f5f5f5}
.login_wrap .inner_w {position:absolute;top:50%;left:0;width:100%;min-width:320px;height:400px;margin:-210px 0 0 0}
/*.login_wrap .inner_wp {position:absolute;top:50%;left:0;width:100%;min-width:320px;height:300px;margin:-145px 0 0 0}
.login_wrap .inner_wp {position:absolute;top:50%;left:0;width:100%;min-width:320px;height:400px;margin:-210px 0 0 0}*/
.login_wrap .inner_wp {position:absolute;top:0%;left:0;width:100%;min-width:320px;height:400px;margin:70px 0 0 0}
.login_wrap .login_box{position:relative;padding:50px 40px 0 40px;max-width:320px;margin:0 auto;
/*background:url(//res.afreecatv.com/images/mobile/afweb/logo_b.png) no-repeat top center;background-size:136px 89px*/
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 454.15 75.91' %3e%3cstyle%3e.logo_wrap%7bclip-path:url(%23afLogo);%7d%3c/style%3e%3cclipPath id='afLogo'%3e%3cpath d='M387.14,65A108.54,108.54,0,0,1,385,43.19a100.16,100.16,0,0,1,1.33-17.07,20.93,20.93,0,0,1,.71-2.77,11.1,11.1,0,0,1,6.35-6.74A28.88,28.88,0,0,1,398.26,15a83.71,83.71,0,0,1,19.15-2.37h.45A78.06,78.06,0,0,1,436.77,15a49.58,49.58,0,0,1,5.15,1.68s5.07,2,6.42,6.67A24.76,24.76,0,0,1,449,26a114.94,114.94,0,0,1,1.36,17.21,110.06,110.06,0,0,1-2.2,21.93v0a10.05,10.05,0,0,1-7.66,7.75l-.36.07a115.36,115.36,0,0,1-22.46,2.2A115.39,115.39,0,0,1,395.26,73l-.5-.1A10,10,0,0,1,389,69.2,8.83,8.83,0,0,1,387.14,65Z' fill='none'/%3e%3c/clipPath%3e%3cg fill='%230545b1'%3e%3cpath d='M48,15.46S47.77,2.21,63,2.06H77.17c3,0,5.63,2.13,5.63,4.74s-2.58,4.8-5.63,4.8H70.59c-4.37,0-4,3.18-4,3.18V21h7.94c3.15,0,5.73,2,5.73,4.62S78,30.28,75,30.28H66.6V61.7c0,4.42-3.82,8.35-9.14,8.35S48,66.47,48,62Z'/%3e%3cpath d='M100.81,61.63c0,4.78-3.83,8.42-9.13,8.42S82.13,66.41,82.13,62V33.69s0-12.48,15.43-12.48h12.22c6.4,0,6.4,4.9,6.4,4.9s0,4.71-6,4.71H104.8c-4,0-4,3.09-4,3.09Z'/%3e%3cpath d='M191.56,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H184.18v5.7s.18,3,4.24,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H181c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='M247.47,60.51c3.16-.08,6,2.38,6,5.05s-2.83,4.49-6,4.49H222.63c-5.23,0-9-3.16-9-7.64V28.94c0-4.43,4.31-8.07,9.55-8.07h25.25c3.18,0,5.66,2.11,5.66,4.76s-2.48,4.64-5.66,4.64H235a2.05,2.05,0,0,0-2.31,2V58.46s-.16,2,2.33,2Z'/%3e%3cpath d='m296.66 33.58v28.25c0 4.5-4.34 8.22-9.66 8.22h-16.11c-15.89 0-15.89-12.79-15.89-12.79v-6.33s1-11.56 15.88-11.5h6.81v-5.79s0-3-3.74-3h-8.64c-3.16 0-6.22-1.86-6.22-4.53s2.9-5.23 6-5.23h16.3c15.27 0.12 15.27 12.7 15.27 12.7zm-26.54 26.78h7.55v-11.27h-7.55c-4.12 0-3.72 5.63-3.72 5.63s-0.4 5.64 3.72 5.64z'/%3e%3cpath d='M341,8.48s0-4.32-5.72-4.32H295.61c-5.73,0-5.73,4.19-5.73,4.19s0,4.15,5.36,4.15h8.3c3.57,0,3.57,2.71,3.57,2.71V40.79c0,4.2,3.42,7.41,8.17,7.41s8.53-3.21,8.53-7.1V15.17c.06-.59.51-2.55,3.55-2.55h8.29C341,12.62,341,8.48,341,8.48Z'/%3e%3cpath d='M41.68,33.56V61.83c0,4.5-4.35,8.22-9.66,8.22H15.89C0,70.05,0,57.25,0,57.25V50.92S1,39.36,15.89,39.41H22.7V33.62s0-3-3.74-3H10.32c-3.16,0-6.24-1.85-6.24-4.53S7,20.86,10.15,20.86H26.46C41.68,20.94,41.68,33.56,41.68,33.56ZM15.12,60.35h7.55V49.09H15.12c-4.27,0-3.72,5.63-3.72,5.63S11,60.35,15.12,60.35Z'/%3e%3cpath d='M143.75,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H136.38v5.7s.17,3,4.23,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H133.15c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='m375.9 5.58c-3.73-2.51-9-1.21-11.76 2.91l-15 20.16-5.45-11.65c-1-2.19-5.32-3.23-7.61-2.17s-3.71 4.35-2.7 6.54l9.92 22.79c0.78 1.66 2.54 3 5.33 3.71a9.82 9.82 0 0 0 10-4.17l19-26.11c2.82-4.15 2.01-9.51-1.73-12.01z'/%3e%3c/g%3e%3cpath d='M435.22,1.27a2.33,2.33,0,0,1-1.36,3.25l-14.11,6.41a4.66,4.66,0,0,1-4.37-.1l-9.12-4.32a2.34,2.34,0,0,1-.61-3.44h0A2.3,2.3,0,0,1,409,2.81l7,5.64a2.47,2.47,0,0,0,2.19.52A3,3,0,0,0,419,8.6L431.91.33a2.35,2.35,0,0,1,3.31.94Z' fill='%230545b1'/%3e%3cg class='logo_wrap'%3e%3cpath d='m453.24 27.38c-1-7.4-2.7-11.63-12.33-13.81a105.8 105.8 0 0 0-20.14-2.57c-1.09-0.05-2.19-0.05-3.29 0a105.71 105.71 0 0 0-20.13 2.58c-7.13 1.62-9.92 4.35-11.29 8.67-0.24 0.76 2.06-0.45 1.89 0.41s0.53 12.21 0.4 13.17c-1 7.29-4.24 7.61-4.24 7.87a134.72 134.72 0 0 0 0.89 16.3c1 7.4 2.71 11.62 12.34 13.81 8.68 2 15 1.83 20.13 2.06h3.29c5.16-0.23 11.45-0.1 20.14-2.06 9.63-2.19 11.34-6.41 12.33-13.81a132.48 132.48 0 0 0 0.9-16.31c0-0.14-1.45-3-2.88-6.78-0.14-0.37-1.08 1.57-1.22 1.19-1-2.74-1.09-8.12-1.41-10.85-0.04-0.44 4.68 0.56 4.62 0.13z' fill='%230545b1'/%3e%3cpath d='m428.87 33.56c-0.07-2.56-0.1-5.08 0-7.61a5.56 5.56 0 0 1 2.58-4.79 6.39 6.39 0 0 1 5.83-0.29c3 1.33 6.82 3.37 6.82 3.37 2.21 1.2 4.07 2.21 6.39 3.72a2.5 2.5 0 0 1 0.35 0.21 5.63 5.63 0 0 1 0.07 9.45c-2.2 1.46-4.11 2.85-6.37 4.25a60 60 0 0 1-5.93 3.31 7.37 7.37 0 0 1-6.32 0.32 6.14 6.14 0 0 1-3-4.94s-0.29-2.79-0.42-7z' fill='%2300bbed'/%3e%3cpath d='m432.75 53.93c-7.31 6.8-23.16 6.81-30.27 0a1.44 1.44 0 0 0-2 2.07c8.21 7.84 25.8 7.85 34.21 0a1.43 1.43 0 1 0-1.95-2.1z' fill='%23fff'/%3e%3cpath d='M426.91,42.6a.2.2,0,0,1,0-.07l0-.43-1-10.77,0-.3a5,5,0,0,0-.13-.69,5.55,5.55,0,0,0-4.43-4.13,5.64,5.64,0,0,0-.93-.08h-5.53a5.29,5.29,0,0,0-.8.06,5.56,5.56,0,0,0-4.56,4.14c0,.18-.08.37-.11.55l-.05.58-1,10.7,0,.25a1.15,1.15,0,0,0,0,.19,1.48,1.48,0,0,0,0,.21,5.56,5.56,0,0,0,4.14,5.37,5.45,5.45,0,0,0,1.41.19h7.51a5.5,5.5,0,0,0,.91-.08,5.57,5.57,0,0,0,4.64-5.48Z' fill='%231ac62f'/%3e%3cpath d='m406.11 36.67c-2.13 7.11-8.5 10.73-15.54 9.51-7.31-1.26-12.59-11.6-8.95-18 3.12-5.46 9.92-9.5 17-7.32 7.55 2.35 9.64 8.63 7.49 15.81z' fill='%23f2338a'/%3e%3ccircle cx='439.1' cy='33.27' r='4.69' fill='%231a1919'/%3e%3ccircle cx='395.46' cy='33.27' r='4.69' fill='%231a1919'/%3e%3c/g%3e%3c/svg%3e"); background-size:180px auto;background-repeat:NO-REPEAT;background-position:top
}
.login_wrap .login_box legend {display:block;position:absolute;overflow:hidden;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.login_wrap .login_box .boxin {position:relative;display:block;width:100%;/*height:40px;*/border:none;margin-top:5px;border-radius:2px;/*background:#fff*/}
.login_wrap .login_box .boxin label {display:none}

.login_wrap .login_box .error_msg {padding:10px 0 0 0;color:#ff0000;font-size:0.875em;;display:block}
.login_wrap .login_box .error, .login_wrap .login_box .input_error {padding:5px 0;color:#ff0000;font-size:0.875em;;display:block}

.login_wrap .login_box .boxin .log-input {display:block;-webkit-box-sizing: border-box;box-sizing:border-box;width:100%;height:40px;border:none;padding:0 40px 0 17px;margin-top:5px;color:#333;border-radius:2px;background-color:#fff;border:1px solid #bbbbbb}
.login_wrap .login_box .boxin .log-input:focus {outline:none;border:1px solid #2e6afd;}
.login_wrap .login_box .boxin .log-reset {position:absolute;display:none;top:9px;right:12px;border:none;width:22px;height:22px;text-indent:-9999px;background:url(//res.afreecatv.com/images/mobile/afweb/btn_delete_x.png) no-repeat;background-size:22px 22px;}
.login_wrap .login_box button.btn_login {display:block;width:100%;height:44px;margin:10px 0 12px 0;color:#fff;text-align:center;border:none;border-radius:2px;background:#0056cc}
.login_wrap .login_box input[type="checkbox"] {display:inline-block;width:20px;height:20px;-webkit-appearance:none;border:0 none;border-radius:0;margin:0 8px 2px 0;vertical-align:middle;background:url(//res.afreecatv.com/images/mobile/afweb/img_checkbox.png) no-repeat 0 0;background-size:40px 20px}
.login_wrap .login_box input:checked[type="checkbox"] {backgkround-position:-20px 0}
.login_wrap .login_box .check_login {padding-top:10px;color:#fff}
.login_wrap .login_box .join_t {overflow:hidden;padding-top:10px;color:#6699ff;letter-spacing:-1px}
.login_wrap .login_box .join_t .tc {display:block;text-align:center;}
.login_wrap .login_box .join_t .tc a {color:#0056cc}
.login_wrap .login_box .join_t .tl {float:left;}
.login_wrap .login_box .join_t .tl a {color:#6699ff}
.login_wrap .login_box .join_t .tr {float:right;}
.login_wrap .login_box .join_t .tr a {color:#ff4b7d}
.login_wrap .close a {position:fixed;top:12px;right:12px;display:block;width:40px;height:40px;}
.login_wrap .close a span {position:absolute;top:50%;left:50%;display:block;width:17px;height:17px;margin:-7px 0 0 -8px;text-indent:-9999px;background:url(//res.afreecatv.com/images/mobile/afweb/btn_close.png) no-repeat 0 0;background-size:17px 17px}
.login_wrap .adult_box{background:url(http://res.afreecatv.com/images/mobile/afweb/logo.png) center 57px no-repeat;background-size:136px 22px}
.login_wrap .adult {padding:0 0 0 60px;margin:-14px 0 11px 0;color:#898989;font-size:11px;line-height:1.3em;letter-spacing:-1px;text-align:left;background:url('//res.afreecatv.com/images/mobile/afweb/bul_adult_log.png') no-repeat 0 5px;background-size:51px 51px;height:58px;display:table} /*  2016-12-02 수정 png */
.login_wrap .adult div{display:table-cell;vertical-align:middle}
.login_wrap .adult strong {color:#ff1818;font-weight:normal}

/* 설정안내 */
/*.login_wrap .pass_area {}*/
.login_wrap .pass_area {position:absolute;top:50%;left:0;width:100%;min-width:320px;height:344px;margin:-172px 0 0 0}
.login_wrap .pass_area .infobox {position:relative;width:222px;height:305px;margin:0 auto;background:url(//res.afreecatv.com/images/mobile/membership/bg_pass_info.png) no-repeat top center;background-size:222px 305px}
.login_wrap .pass_area .btn_area {padding-top:29px;text-align:center}
.login_wrap .pass_area .btn_area .btn_set {display:inline-block;width:107px;height:33px;color:#fff;text-align:center;border:none;border-radius:2px;background:#0056cc}
.login_wrap .pass_area .btn_area .btn_later {display:inline-block;width:107px;height:33px;color:#0056cc;text-align:center;border:1px solid #0056cc;;border-radius:2px;background:#fff}

/* 비밀번호 */
#wrap .login_wrap.pwd_wrap{position:absolute;top:0}
.pwd_wrap .login_box{max-width:300px}
.pwd_wrap .inner_w{height:300px;margin-top:0;top:0;padding-top:30px}
.pwd_wrap .login_box{padding:0;background:none}
.pwd_security{margin-bottom:12px}
.pwd_security dt{font-weight:bold;color:#2b2b2b;font-size:21px;text-align:center;line-height:1.5em;margin-bottom:5px}
.pwd_security dt em{background:url(//res.afreecatv.com/images/mobile/membership/img_myinfo.png) 0 -16px no-repeat;background-size:49px 66px;width:49px;height:49px;display:block;margin:0 auto 8px auto}
.pwd_security dd{font-size:13px;color:#666;text-align:center;line-height:1.5em}
.pwd_security dd span{color:#0056cc}
.pwd_wrap .input_boxarea{background:#fff;display:block}
.pwd_wrap .close a {position:absolute;top:0px;right:12px;display:block;width:40px;height:40px}

.login_wrap .login_box .log_retain input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: -1px; width: unset; height: unset; -webkit-appearance: checkbox; }
.login_wrap .login_box .log_retain { font-size: 13px; vertical-align: 1px; }

@media screen and (orientation:landscape) { /* 가로 */
	.login_wrap .inner_w {position:relative;top:15px;left:0;height:320px;margin:0 0 0 0}
	.login_wrap .pass_area {position:relative;top:0;left:0;margin:0;padding:30px 0 20px}
	.pwd_wrap .inner_w {top:0}

}

.find_info{text-align:center;margin-top:20px}
.find_info a{font-size:13px;color:#466dda}
.find_info .bar{color:#466dda;font-size:13px;margin:0 9px}
.singup_area{margin-top:20px;font-size:13px}
.singup_area .desc{border-bottom:1px solid #bbb;height:8px;text-align:center;margin-bottom:20px}
.singup_area .desc span{display:inline-block;background:#f5f5f5;padding:0 5px}
.singup_area a.btn{display:block;height:40px;background:#e5e5e5;line-height:40px;text-align:center;font-size:14px;color:#333;text-decoration:none;border-radius:2px}
