
.login_naver { width:500px; min-height:100%; font-size:14px; letter-spacing:-1px; /*float:left;*/ margin: 0 auto;}
.login_482 { width:482px; margin:0 auto; }
.login_600 { width:600px; margin:0 auto; }
.login_naver .gray { color:#9e9e9e; }
.login_naver .black { color:#000; }
.login_naver .text14 { font-size:14px; }


.login_naver h3{font: 700 30px/1.5em 'Noto Sans KR', sans-serif;}
.login_naver p { padding:10px 0; }
.login_naver .welcome { padding:0 0 20px; }
.login_naver .welcome h2 { font-size:90px; height:110px; font-weight:100; color:#2b2b2b;}
.login_naver .title_sub { font-size:18px; padding:0;}
.login_naver input,
.login_naver select { border:0 none; font-family:'noto_sans', 'Noto Sans', Noto Sans Korean Regular, sans-serif, "?눔고딕", 'Nanum Gothic', dotum,'??',gulim,'굴림', Tahoma; font-size:16px; color:#000;}
.login_naver select { appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.login_naver select::-ms-expand { display: none;}
.login_naver select { background-image:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_dropdown_arrow.png); background-repeat:no-repeat; background-position:90% 50%;}
.login_naver input::-webkit-input-placeholder { color:#9e9e9e }
.login_naver input::-moz-placeholder { color:#9e9e9e }
.login_naver input::-ms-input-placeholder { color:#9e9e9e }

/*체크박스*/
.login_naver .custom_chk1 input[type=checkbox] {visibility: hidden; margin-left:-19px; vertical-align:middle;}
.login_naver .custom_chk1 input[type=checkbox] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/pay_ico_chk.png) no-repeat 0 0; margin-right:9px;}
.login_naver .custom_chk1 input[type=checkbox]:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/pay_ico_chk_on.png) no-repeat 0 0;}
.login_naver .custom_chk1 input,
.login_naver .custom_chk1 label { cursor:pointer; line-height:30px; vertical-align:middle; display:inline;}

.login_naver .custom_chk2 input[type=checkbox] {visibility: hidden; margin-left:-30px; vertical-align:middle;}
.login_naver .custom_chk2 input[type=checkbox] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_chk_square.png) no-repeat 0 0; margin-right:26px;}
.login_naver .custom_chk2 input[type=checkbox]:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_chk_square_on.png) no-repeat 0 0;}
.login_naver .custom_chk2 input,
.login_naver .custom_chk2 label { cursor:pointer; line-height:30px; vertical-align:middle;}
.login_naver .custom_chk3 input[type=radio],
.login_naver .custom_chk3 input[type=checkbox] {visibility: hidden; margin-left:-30px; vertical-align:middle; position:absolute; left:0;}
.login_naver .custom_chk3 input[type=radio] + label span.chk,
.login_naver .custom_chk3 input[type=checkbox] + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:right; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/pay_ico_chk.png) no-repeat 0 0; margin-right:20px; margin-top:20px;}
.login_naver .custom_chk3 input[type=radio]:checked + label span.chk,
.login_naver .custom_chk3 input[type=checkbox]:checked + label span.chk { display:block; content:""; width:30px; height:30px; border:0; float:right; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/pay_ico_chk_on.png) no-repeat 0 0;}
.login_naver .custom_chk3 input,
.login_naver .custom_chk3 label { display:block; cursor:pointer; vertical-align:middle;}

/*?이버로그인 로그??1*/
.login_naver .login_input {box-sizing: border-box;width: 100%;}
.login_naver .login_input.step2 input[type="text"]{position: relative; border:2px solid #ffd123; z-index: 1;}
.login_naver .login_input.step3 input{position: relative; border:2px solid #ffd123; z-index: 1;}
.login_naver .login_input.step3 input[type="text"]{border-bottom: 1px solid #fff6d3;}
.login_naver .login_input.step3 input[type="password"]{border-top:0;}
.login_naver input.loginId,
.login_naver input.loginPw {position: relative; display:block; width: 100%; height: 68px; border: 1px solid #dfe1e3; padding-top:20px;padding-bottom:20px;padding-left:60px;background:transparent;box-sizing: border-box;}
.login_naver input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #fff inset !important}
.login_naver .login_input{position: relative; background-color: #fff;}
.login_naver .login_input.step2:after,
.login_naver .login_input.step3:after{left: 18px; top: 21px;}
.login_naver .login_input.step3:before{left: 18px; bottom: 19px;}
.login_naver .login_input.step3+p a{background: #f47920;}
.login_naver .login_input:after{content:" ";position: absolute;margin: auto;left: 16px;top: 19px;width: 30px;height: 30px;background-image:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_id.png);background-repeat:no-repeat;background-position:center; z-index: 1;}
.login_naver .login_input:before{content:" ";position: absolute;margin: auto;left: 16px;bottom: 18px;width: 30px;height: 30px;background-image:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_pw.png);background-repeat:no-repeat;background-position:center; z-index: 1;}
.login_naver input.loginId{ content:""; background-image:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_id.png); background-repeat:no-repeat; background-position:20px 20px;}
.login_naver input.loginId { background-image:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_id.png); background-repeat:no-repeat; background-position:20px 20px;}
.login_naver input.loginPw { margin-top: -1px; background-image:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_pw.png); background-repeat:no-repeat; background-position:20px 20px; border-top:1px solid #f5f6f7;}
.login_naver .login_600 .login_input { background:#fff url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_process2_1.png) no-repeat 0 0; margin-bottom:30px;}
.login_naver .login_600 .login_input.step2 { background:#fff url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_process2_2.png) no-repeat 0 0;}
.login_naver .login_600 .login_input.step3 { background:#fff url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_process2_3.png) no-repeat 0 0;}
/*.login_naver .login_600 input.loginId,*/
/*.login_naver .login_600 input.loginPw { width:540px;}*/
.login_naver input.loginId:focus,
.login_naver input.loginPw:focus {outline:none;}
.login_naver .btn_login { display:block; width:100%; height:60px; line-height:60px; background:#ffd123; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.login_naver .btn_login.on { background:#f47920; }
.login_naver .idCookie { color:#9e9e9e; height:40px; /*border-bottom:1px solid #dcddde;*/ padding:10px 0;}
.login_naver .idCookie span.bar { line-height:8px; font-size:8px; border-left:1px solid #dcddde; margin:0 6px 0 11px;}
.login_naver .idCookie a { color:#5c5c5c; font-weight:700;}
.login_naver .sns_login_area{overflow: hidden;}
.login_naver a.btn_naver { float: left; padding-left: 56px; width:482px; height: 60px; line-height:60px; background:#1ec800 url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/icon_naver_login.jpg) no-repeat 0 0; font-size:15px; font-weight:500; color:#fff; text-align:center; box-sizing: border-box;}
.login_naver a.btn_facebook{ float: right; padding-left: 56px; width: 231px; height: 60px; line-height:60px; background:#3a559f url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/icon_facebook_login.jpg) no-repeat 0 0; font-size:15px; font-weight:500; color:#fff; text-align:center; box-sizing: border-box;}

/*간편로그??/
.login_naver .login_popup { position:fixed; width:100%; height:100%; top:0; left:0; z-index:5001; display:none;}
.login_naver .login_popup.on { display:block; }
.login_naver .login_popup .login_pop_panel { position:absolute; width:100%; height:100%; top:0; left:0; background:url(http://yanadoo.co.kr/images/common/fancybox_overlay.png); }
.login_naver .login_easy.login_popup { display:block; }
.login_naver .login_easy .login_600 { width:500px; height:294px; position:absolute; top:0; left:0; background:#fff; padding:50px 50px;}
.login_naver .login_easy .login_600 h3 { font-size:32px; font-weight:300; color:#000;}
.login_naver .login_easy .login_600 .login_agree { border-top:2px solid #5c5c5c; padding:14px; border-bottom:1px solid #f5f6f7;}
.login_naver .login_easy .login_600 .login_agree li { padding:7px 0; color:#5c5c5c;}
.login_naver .login_easy .login_600 .login_agree li span { font-size:11px; margin-left:6px; }
.login_naver .login_easy .login_600 .login_agree li a { text-decoration:underline; color:#0006ff; }
.login_naver .login_easy .login_600 a.btn_easy { position:absolute; left:0; bottom:0; display:block; width:100%; height:80px; line-height:80px; background:#ffd123; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.login_naver .login_easy .login_600 a.btn_easy:hover,
.login_naver .login_easy .login_600 a.btn_easy.on { background:#f47920; }
.login_naver .login_easy .login_600 a.btn_close { position:absolute; top:20px; right:20px; }

/*?나??ID ?원 ?보*/
.login_naver .login_yanadoo .login_600 { width:500px; height:442px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-321px; background:#fff; padding:50px 50px;}
.login_naver .login_yanadoo .login_600 h3 { font-size:32px; font-weight:300; color:#000;}
.login_naver .login_yanadoo .login_600 .user_info { border-top:2px solid #5c5c5c; margin-top:14px; height:256px; font-size:14px;}
.login_naver .login_yanadoo .login_600 .user_info dt { width:60px; height:50px; line-height:50px; border-bottom:1px solid #f5f6f7; padding-left:20px; color:#5c5c5c; float:left; background:#fcfcfc;}
.login_naver .login_yanadoo .login_600 .user_info dd { width:400px; height:50px; line-height:50px; border-bottom:1px solid #f5f6f7; padding-left:20px; color:#010101; float:right;}
.login_naver .login_yanadoo .login_600 .custom_chk2 li { padding:16px 0 0; color:#9e9e9e;}
.login_naver .login_yanadoo .login_600 .custom_chk2 li span { font-size:11px; margin-left:6px; }
.login_naver .login_yanadoo .login_600 a.btn_combine { position:absolute; left:0; bottom:0; display:block; width:100%; height:80px; line-height:80px; background:#ffd123; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.login_naver .login_yanadoo .login_600 a.btn_combine:hover,
.login_naver .login_yanadoo .login_600 a.btn_combine.on { background:#f47920; }
.login_naver .login_yanadoo .login_600 a.btn_close { position:absolute; top:20px; right:20px; }

/*?이버로그인 로그??2*/
.login_naver .id_select { width:600px; border-top:1px solid #dfe1e3; margin-bottom:20px; margin-top:5px;}
.login_naver .id_select ul { padding:0; margin:0; }
.login_naver .id_select li { display:block; height:70px; line-height:70px; background:#fff; padding-left:30px; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #f5f6f7; color:#000; font-size:16px;}
.login_naver .id_select li.last { border-bottom:1px solid #dfe1e3; }
.login_naver .join_naver_id { background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_id_valid.png) no-repeat 0 0; margin-bottom:20px; padding-top:2px; height:208px;}
.login_naver .join_naver_id li { position:relative; height:67px; background:transparent; border:2px solid transparent; margin-top:-2px; padding:0;}
.login_naver .join_naver_id li input { position:absolute; width:566px; padding-left:30px; padding-top:25px; padding-bottom:25px; height:18px; z-index:1; background:transparent; top:0; left:0; outline:none; vertical-align:top; line-height:20px;}
.login_naver .join_naver_id li span { position:absolute; top:25px; left:235px; font-size:13px; color:#c6c6c6;}
.login_naver .join_naver_id li.on { border:2px solid #ffd123; }
.login_naver .join_naver_id li.on span { display:none; }
.login_naver .join_naver_id li.blue { border:2px solid #0067ff; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_input_blue.png) no-repeat 95% 50%; }
.login_naver .join_naver_id li.blue span { color:#0067ff; display:block;}
.login_naver .join_naver_id li.red { border:2px solid #ff5b5e; background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_input_red.png) no-repeat 95% 50%; }
.login_naver .join_naver_id li.red span { color:#ff5b5e; display:block;}
.login_naver .join_naver_info { border-top:1px solid #dfe1e3; margin-bottom:20px; font-size:16px; background:#fff;}
.login_naver .join_naver_info li { position:relative; height:70px; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #f5f6f7; color:#9e9e9e; line-height:70px;}
.login_naver .join_naver_info li.last { border-bottom:1px solid #dfe1e3; }
.login_naver .join_naver_info li .fl { float:left; width:82px; border-right:1px solid #f5f6f7; padding-left:30px;}
.login_naver .join_naver_info li .fr { float:right; width:485px; }
.login_naver .join_naver_info li .fr li { width:161px; border-left:0 none; border-bottom:0 none; border-right:1px solid #f5f6f7; float:left;}
.login_naver .join_naver_info li .fr li.two { width:323px; }
.login_naver .join_naver_info li .fr input::-moz-placeholder,
.login_naver .join_naver_info li .fr input:-ms-input-placeholder,
.login_naver .join_naver_info li .fr input:-moz-placeholder,
.login_naver .join_naver_info li .fr input::-webkit-input-placeholder {font-size: 16px; color: #c6c6c6;}
.login_naver .join_naver_info li .fr input { vertical-align:top; height:20px; padding-top:25px; padding-bottom:25px; line-height:70px; width:100%; text-indent:20px; font-size: 16px; outline:none; border:0 none; background:transparent;}
.login_naver .join_naver_info li .fr select { vertical-align:top; height:70px; line-height:70px; width:161px; padding-left:20px; outline:none; border:0 none; border:0 none;}
.login_naver .join_naver_info li .fr select option { height:20px; line-height:20px; text-indent:20px;}
.login_naver .join_naver_info li .last { border-right:0 none !important; }
.login_naver .join_naver_info li.name .fr input { }
.login_naver .join_naver_info li.gender .fr li { width:auto; border:0 !important;}
.login_naver .join_naver_info li.gender .fr span { display:block; width:208px; height:35px; line-height:35px; border:2px solid #dfe2e5; float:left; margin-left:20px; margin-top:15px; text-align:center; font-size:14px; cursor:pointer;}
.login_naver .join_naver_info li.gender .fr li.on span
{ border:2px solid #f47920; background:#f47920; color:#fff;}
.login_naver .join_naver_info li.gender input { visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden;}
.login_naver .join_naver_info li.email .fr { background:url(http://cdn.yanadoo.co.kr/upload/yanadoo/pc/common/login_ico_at.png) no-repeat 30% 50%; }
.login_naver .join_naver_info li.email .fr .noline { border-right:1px solid transparent; }
.login_naver .join_naver_info li.email .fr .noline input { width:134px; }
.login_naver .agree_news { width:600px; border-top:1px solid #dfe1e3; margin-bottom:50px; margin-top:5px;}
.login_naver .agree_news li { display:block; height:70px; line-height:70px; background:#fff; padding-left:30px; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; border-bottom:1px solid #f5f6f7; color:#9e9e9e; font-size:13px; position:relative;}
.login_naver .agree_news li.last { border-bottom:1px solid #dfe1e3; }
.login_naver .join_naver_done { }
.login_naver .join_naver_done a { display:block; width:100%; height:80px; line-height:80px; background:#b0b8c0; font-size:20px; color:#fff; text-align:center;}
.login_naver .join_naver_done a:hover,
.login_naver .join_naver_done a.on { background:#ffd123; }
.login_naver .user_new { display:none;}
.login_naver .user_yanadoo { }

.fl2{padding:0;}
.tc{text-align: center;}

a.btn_kakao {float: left; padding-left: 56px; width: 482px; height: 60px; line-height: 60px; background: url("/2tMember/images/icon_kakao_login.png") #FFEB3B no-repeat 0 0; font-size: 15px; font-weight: 500; color: #000; text-align: center; box-sizing: border-box; margin-top: 10px;}


.loginBanner{width:590px; height:400px; float:right; margin-top:40px; background:url('/2tMember/images/LoginBannerBg.jpg') no-repeat center top;}
.loginBanner img{width:500px; padding-top: 20px;}