/*로그인 페이지*/
.input_box_wrap{width:90%; margin:0 auto 2rem; padding:2.5rem 10% 0.7rem; background:#FFF; box-shadow:1px 1px 1px 1px #ededed;}
.input_box_wrap input[type="text"], .input_box_wrap input[type="password"]{display:block; width:100%}
.input_box_wrap input[type="password"]{margin-top:1rem;}
.input_box_wrap button[type="submit"]{display:block; width:100%; margin-top:1rem; line-height:3rem}

.link_member{margin:2rem 0; text-align:center;}
.link_member a{display:inline-block; position:relative;}
.link_member a + a{margin-left:3rem;}
.link_member a + a:before{content:''; display:block; position:absolute; top:0.3rem; left:-1.7rem; width:2px; height:1rem; background:#EFEFEF;}

.sns_login{display:block; width:80%; margin:1rem auto 3rem; line-height:3rem; background:#469ADE; text-align:center; color:#FFF;}

.btn_naver{display:block; display:none; width:80%; margin:1rem auto; line-height:3rem; background:#03c85a; text-align:center; color:#FFF;}
.btn_naver:before{content:''; display:inline-block; width:1rem; height:1rem; background:URL('/img/member/bu_n.png') no-repeat center/auto 100%; vertical-align:middle; margin-right:0.5rem;}

/*로그인 비밀번호 찾기*/
.login #pop_sns_pw .popup_box, .login #pop_pw .popup_box{text-align:center; width:90%; height:auto; top:50%; left:50%; margin:-12rem 0 0 -45%;}
.login #pop_sns_pw .popup_box h2, .login #pop_pw .popup_box h2{text-align:center;}
.login #pop_sns_pw .popup_box > div > p > strong, .login #pop_pw .popup_box > div > p > strong{display:block; margin:1.5rem auto 1rem;}
.login #pop_sns_pw .popup_box > div  input[type="text"], .login #pop_pw .popup_box > div  input[type="text"]{width:60%; margin:1.5rem auto; display:block;}
.login #pop_sns_pw .popup_box button[type="submit"], .login #pop_pw .popup_box button[type="submit"]{display:block; line-height:3rem; margin:0 auto; width:60%;}

/*Member - input 공통*/
.input_box{padding-bottom:2.5rem;}

.input_box dl dt{font-weight:bold; margin-bottom:0.2rem;}
.input_box dl + dl{margin-top:1rem;}
.input_box dl dd input[type="text"], .input_box dl dd select, .input_box dl dd input[type="password"]{width:100%;}
.input_box dl dd textarea{border: 1px solid #D0D0D0; padding:10px; width:100%;}
.input_box dl.email dd input[type="text"], .input_box dl.email dd select{width:calc((100% - 1.5em) / 2);}
.input_box dl.email dd input[type="text"].email_etc{width:100%; margin-top:0.5rem;}
.input_box dl dd p{margin-top:0.5rem; position:relative; padding-left:1.6em; font-size:0.9em;}
.input_box dl dd p input[type="checkbox"] + label:before{position:absolute; left:0; top:0.2em;}
.input_box dl dd p span{color:#03a9f4; display:inline-block; margin-left:0.3rem;}

.input_box dl.tel dd input[type="text"], .input_box dl.tel dd select{width:calc((100% - 1.8em) / 3)}

.btn_submit{margin-top:1rem; line-height:3rem; display:block; width:100%;}


/*회원가입 - Type*/
.join_step .container div.join_type{margin-bottom:3rem; border:1px solid #e6e6e6; border-radius:3px;}
.join_type a{display:block; width:100%; margin:0 auto; border:#FFF 1px solid; border-radius:5px; text-align:center; line-height:45px; height:47px;}
.join_type a + a{margin-top:1rem}

.join_type a.login{background:#2d3063; color:#FFF;}
.join_type a.naver{background:#03c85a; color:#FFF;}


/*회원가입*/
.join .container{background:#FFF; padding:0 5.5% 2.5rem;}

.chk_policy_box{margin-bottom:0.7em; background:#f5f5f5; padding:0.5rem 3%;}
.chk_policy_box p + p{margin-top:0.3em;}
.chk_policy_box a{font-size:0.75em; display:inline-block; margin-left:0.2em; background:#666; color:#FFF; padding:0 2%; line-height:1.3rem; border-radius:3px;}

.chk_pw_box{position:relative;}
.pw_chk{font-size:0; position:absolute; top:0; right:0}
.pw_chk:before{content:''; display:none; width:3rem; height:3rem; line-height:3rem; font-size:1.5rem; text-align:center; font-weight:bold;}
.pw_chk.type_o:before{content:'O'; display:inline-block; color:#03a9f4}
.pw_chk.type_x:before{content:'X'; display:inline-block; color:#e91e63;}

#email_2{display:none}

button[type="submit"].naver{background:#03c85a; color:#FFF; margin-top:1.5rem}

.naver_infor dd div{border:1px solid #D0D0D0; line-height:3rem; padding:0 10px; color:#b3b3b3}
.naver_infor dl + p{margin-top:1rem;}
.naver_infor dl + p span{color:#03a9f4;}

/*회원정보 수정*/
.join.infor .input_box{padding-bottom:0;}
.join.infor .input_box dd span.disabled{border:1px solid #D0D0D0; line-height:3rem; padding:0 10px; display:inline-block; background:#f5f5f5; width:100%; color:#bdbdbd}

.secede_wrap{margin-top:1.5rem; padding-top:1.5rem; border-top:1px dashed #ededed;}
.secede_wrap h3{text-align:center; color:#000;}
.secede_wrap dt{font-weight:bold; margin-bottom:0.2rem;}
.secede_wrap dd{position:relative; padding:0.5rem 0.5rem 0.5rem 2em; border:1px solid #f5f5f5;}
.secede_wrap dd input[type="checkbox"] + label:before{position:absolute; left:0.5em; top:0.7em;}

.secede_btn{background:#f5f5f5; text-align:center; display:block; line-height:3rem; margin:0 auto; margin-top:0.5rem; width:100%;}

/*이메일인증, 가입완료*/
.join_step .container div{width:80%; text-align:center;  margin:0 auto 1rem; padding:2.5rem 10%; background:#FFF; word-break:keep-all;box-shadow:1px 1px 1px 1px #ededed;}
.join_step .container div span{color:#454bb1}
.join_step .container p{width:80%; margin:0 auto 2rem;  text-align:center; word-break:keep-all}

.join_step .container img{width:5rem; display:block; margin:0 auto 2rem;}

.btn_join_login{display:block; line-height:3rem; margin:1.5rem auto 0; width:60%; color:#FFF; background:#2D3063;}

/*네이버 회원가입 완료*/
.naver_done{padding:2rem 0 3rem; text-align:center;}
.naver_done p span{font-weight:bold;}

.join_step .container.naver_done div{width:90%;}
.join_step .container.naver_done div p{word-break:keep-all; width:95%;}

/*문의하기*/
.qna .container{background:#FFF; padding:0 5.5% 2.5rem;}
.qna_input_box{padding-bottom:2.5rem;}

.qna .input_box dl.email dd p{padding-left:0;}

.chk_qna_private_box{margin-bottom:0.7em; background:#f5f5f5; padding:0.7rem 3%;}
.chk_qna_private_box label{vertical-align:middle;}
.btn_qna_private{font-size:0.75em; display:inline-block; margin-left:0.3em; background:#666; color:#FFF; padding:0 2%; line-height:1.3rem; border-radius:3px; vertical-align:middle;}

.view_qna_private{display:none; padding:1rem 1.5rem; margin-top:0.5rem; background:#FFF;}
.view_qna_private li{font-size:0.9em; position:relative; padding-left:0.3rem;}
.view_qna_private li:before{content:''; display:block; position:absolute; left:-0.5rem; top:0.7em; width:5px; height:5px; background:#f2b705}

/*가로모드*/
@media screen and (orientation: landscape){

}


/*넓이 320px 이하*/
@media only screen and (max-width:320px){

}

/*640px 이상*/
@media only screen and (min-width:640px) {
.sns_login, .btn_naver{width:60%;}
}

/*1200px 이상*/
@media only screen and (min-width:1200px) {

}