@charset "utf-8";
/* Login*/
#login .loginBox {padding-top:40px; width:180px; margin:auto;}
#login .loginBox h3 {border-bottom:2px dotted #e1e1e1; padding-bottom:.3em; padding-right:5px; font-size:12px; font-weight:bold; text-align:left;}
#login .loginBox h3 .keeping {margin-left:10px; font-weight:normal;}
#login .loginBefore dl {float:left; margin-top:3px;}
#login .loginBefore dt {display:none;}
#login .loginBefore dd {padding-top:2px;_padding-top:0;}
#login .loginBefore p.submit {float:left; padding:5px 0 0 5px;}
#login .loginBefore .btn {float:left; padding:10px 3px; font-size:11px; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .regist {font-weight:bold;}
#login .loginBefore .btn a {font-size:11px; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .btn a:visited {font-size:11px; letter-spacing:-1px; white-space:nowrap;}
#login .loginBefore .btn a:hover {color:#ff6600;}
#login .loginAfter .info {padding-top:5px;}
#login .loginAfter .info p {padding:3px; text-align:center;}
#login .loginAfter .info span {color:#666;}
#login .loginAfter .info .point {color:#999; font-size:11px; white-space:nowrap;}
#login .loginAfter .btn {float:left; padding:10px 3px; font-size:11px; letter-spacing:-1px; white-space:nowrap}
#login .loginAfter .out {font-weight:bold;}
#login .loginAfter .btn a {font-size:11px; white-space:nowrap;}
#login .loginAfter .btn a:visited {font-size:11px; white-space:nowrap;}
#login .loginAfter .btn a:hover {color:#ff6600;}

#login_wrap {padding-top:10px; text-align:center; margin:auto;}
#login_container {margin:auto;}
#login_container .loginBox {float:left; padding-left:5px;}
#login_container .loginBox label {padding-left:3px;}
#login_container .loginBox ul {}
#login_container .loginBox li {padding:1px 0;}
#login_container .banner {float:left; border-right:1px dashed #999;}
#login_footer {border:1px dotted #999; padding:.5em; position:relative;}
#login_footer {margin-top:3px;}
#login_footer li {list-style:circle inside; padding-left:5px; line-height:130%;}
#login_footer li.accent {color:#3366ff}

#login_wrap02 {float:left; background:url(/skin/default/kr/image/background/loginbox_bg.gif) no-repeat;}
#login_wrap02 .btn2 {float:left; padding:5px 0; white-space:nowrap;}

#container{background:#f9f9f9;padding:30px 0 50px;}

input.form-control{height:40px;line-height:38px;border:1px solid rgba(0,0,0,0.15);background-color:#fff;}
.form-control-feedback{line-height:38px;}
input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s;}
label{display:inline-block}
.has-feedback label~.form-control-feedback {top:0px;}

.frame{line-height:1.6em;}
.frame h2{display:block !important;font-size:1.43em;margin:20px 0 7px; font-weight:bold}
.frame h2:first-child{margin-top:0}
.frame.textContent ol{margin-left:20px !important;}
.frame.textContent ol li{list-style:decimal !important;margin-left:-5px;line-height:140%;margin-bottom:5px;}
.frame.textContent ul{margin-left:20px !important;}
.frame.textContent ul li{list-style:circle !important;line-height:140%;margin:5px 0 5px -5px;}
/* 입력폼 wrap */
.new_login_box{position: relative;padding-bottom:30px;}
.new_login_box dl {margin-top:20px;}
.new_login_box dl dd{margin-top:0px;}
.new_login_box dl dd label{ margin:0; vertical-align:middle}
.new_login_box dl dd input[type=text],.new_login_box dl dd input[type=password]{width:100%}

.new_login_box .loginbtn,.new_login_box .join_btn{font-size:150%;font-weight:700;display:block;width:100%; letter-spacing:0}
/* 로그인버튼 */
.new_login_box .loginbtn{height:50px;color:#fff;margin-top:20px;cursor:pointer;}
/*회원가입버튼*/
.new_login_box .join_btn{line-height:48px;border:1px solid rgba(0,0,0,0.2);margin-top:10px;background:#fff;}

.new_login_box .loginbtn:hover,.new_login_box .join_btn:hover{border-color:rgba(0,0,0,0.3)}
/*SNS버튼*/
.btn_login_facebook,.btn_login_google,.btn_login_naver,.btn_login_kakao{display:block;line-height:48px;border:1px solid rgba(0,0,0,0.15);text-align:center; background:#fff; margin-top:10px;font-size:125%;font-weight:700}
.btn_login_facebook:before,.btn_login_google:before,.btn_login_naver:before,.btn_login_kakao:before{content:'';display:inline-block;vertical-align:top;width:28px;height:48px;margin-right:5px;background-image:url(/common/image/sns.png);background-repeat:no-repeat;background-size:230px auto}
.btn_login_facebook:hover,.btn_login_google:hover,.btn_login_naver:hover,.btn_login_kakao:hover{border-color:rgba(0,0,0,0.3)}
.btn_login_facebook:before{background-position:-192px -60px}
.btn_login_google:before{background-position:-192px -420px}
.btn_login_naver:before{background-position:-192px 0px}
.btn_login_kakao:before{background-position:-192px -180px}

/*정보저장 & 아이디찾기*/
.new_login_box dl:nth-child(2) dd{float:left;width:50%;text-align:left; margin:0}
.new_login_box dl:nth-child(2) dd:nth-child(2){text-align:right;}
/* Search id or password*/
#find_wrap {padding:2em 0;text-align:center;}
#find_wrap .find_container {overflow:hidden;}
#find_wrap .cell {text-align:center;border:1px solid #c2c2c2;padding:15px;background:#fff;}
#find_wrap .cell:first-child:after{content:'';}

#find_wrap .cell:before{display:block;font-size:180%;font-weight:700; margin:10px 0 20px}
#find_wrap .find_container div:first-child .cell:before{content:'아이디찾기';}
#find_wrap .find_container div:last-child .cell:before{content:'비밀번호찾기';}

#find_wrap .cell li {position:relative; padding:0;margin:0 0 5px; }
#find_wrap .cell li p{padding:0; margin:0}
#find_wrap .cell fieldset {text-align:left;}
#find_wrap .cell li label{position:absolute;left:15px;top:calc(50% - 9px);font-weight:700;letter-spacing:-0.07em}
#find_wrap .cell li input{width:100% !important;text-indent:70px;background-color:rgba(0,0,0,0.02)}
#find_wrap .cell .btnPack{display:block;margin:10px 0 20px;}

#find_wrap .cell .cube{display:table; width:100%;font-size:90%;text-align:left;}
#find_wrap .cell .cube div{text-align:left;font-size:100%;display:table-cell;width:100%;padding:10px;vertical-align:middle;}
#find_wrap .cell .cube:before{content:'';display:table-cell;width:0;height:100%;vertical-align:middle;}


#regist_wrap h3{margin-bottom:5px;margin-top:30px;font-family:"Nanum Square"}
#regist_wrap h3:first-child{margin-top:0}
#regist_wrap .frame{background:#fff;}
#regist_wrap .frame h2{font-size:125%}
#regist_wrap .cube{font-size:inherit;border:0;padding:0;margin:20px 0;text-align:center}
#regist_wrap .cube .line{border:0;}
#regist_wrap .cube .box{border:3px dashed rgba(0,0,0,0.3);padding:20px 0;background:#fff;}
#regist_wrap .table_basic,#regist_wrap .table_basic th{background-color:transparent}

#zipcode_td .has-success{display:inline-block}
#zipcode_td .btn-info,#zipcode_td .btnPack{background:#fff;color:inherit;border-color:rgba(0,0,0,0.1);padding:0 10px;/*height:40px;*/line-height:38px; margin-left:-1px}
#zipcode_td .btn-info:hover{border-color:rgba(0,0,0,0.3);box-shadow:none}

#birthyear_td .has-feedback label{line-height:33px;}
#birthyear_td .form-control/*,#zipcode_td .form-control*/{width:auto !important;float:left;padding-right:0; margin-left:-2px;}
#birthyear_td .input-group-addon{float:left;width:39px;line-height:33px;padding:0}
#birthyear_td .input-group{float:left;margin-right:10px}
#birthyear_td #birthyear.input-group{float:none}

/*본인인증*/
#authWrap,#authWrap *{padding:0;margin:0}
.authArea{padding:50px 30px;border:1px solid #ddd;margin:15px;}
.authArea *{font-size:14px;letter-spacing:-0.05em;}
.authArea dl dt{font-weight:bold;font-size:143%;margin-bottom:30px;}
.authArea dl dt i{display:block;margin-top:20px;font-size:620%;}
.authArea dl dd{text-align:left;margin-bottom:50px;}
.authArea a{ display:inline-block; padding:0 30px; color:#fff; background:#555;line-height:40px;border-radius:3px;}


/* Registration */
#regist_wrap {padding-top:0px}
#regist_wrap .event {padding:2px; background:#eee; text-align:center;}
#regist_wrap .event img {vertical-align:middle;}
#regist_wrap .regist_container {margin:auto;}
#regist_wrap .regist_container .form {float:left; width:280px; padding-top:7px;}
#regist_wrap .regist_container .btn {float:left; padding:5px 0 0 10px;}
*:first-child+html #regist_wrap .regist_container .btn {padding-top:10px;}
#regist_wrap .regist_container .btn label {padding-left:3px; font-size:11px; }
#regist_wrap .regist_container .btn li {margin-top:3px;}
#regist_wrap .regist_container .realname {position:relative; margin:auto;}
#regist_wrap .regist_container .realname p {margin:0;}
#regist_wrap .regist_container .realname th, #regist_wrap .regist_container .realname td {padding:3px;}

.find_pass {position:relative; width:800px; margin:0px auto; }
.find_pass .center{position:relative; background:#fff; box-shadow:0 3px 3px 0 rgba(0,0,0,.2); border-top:3px solid #333; margin:50px 0; padding-bottom:30px}
.find_pass .center:after{position:absolute; left:0; top:0; color:#fff; font-size:15px; background:#333; border-radius:0 0 15px 0; padding:10px}
.find_pass .center:first-child:after{content:'STEP 1';}
.find_pass .center:last-child:after{content:'STEP 2';}
.find_pass p{font-size:1.2em; padding:30px 0px; background:#ddd; color:#000; margin-bottom:30px;}
.find_pass.has-success .form-control-feedback {margin:0px 0; color: #333;}
.find_pass .has-feedback {margin:15px 5%;}
.find_pass span{margin-top:10px}
.find_pass input{height:40px; margin:4px 0px}

@media only screen and (max-width:979px) {
	#find_wrap .find_container div:first-child{margin-bottom:15px;}
	.find_pass {width:95% }
	.find_pass p{font-size:1em;}

}