input[type="text"], input[type="password"]{padding:5px 10px; border:1px solid #d0d0d0;}
select{border:1px solid #d0d0d0;}
input[type='checkbox'] + label span{color:#03a9f4; padding-left:5px;}

/*문의하기*/
.qna_wrap select{width:300px;}
.qna_wrap select#email_3{width:auto;}
.qna_wrap textarea{padding:5px 10px; border:1px solid #d0d0d0;}

.infor_chk_wrap{border:1px solid #ededed; margin-top:40px; padding:30px 40px; background:#f4f4f4;}
.infor_chk_wrap dl{margin-top:20px; padding:10px 20px 10px 30px; background:#FFF; width:100%;}
.infor_chk_wrap dl + dl{padding-top:3px; margin-top:0;}
.infor_chk_wrap dl dt{margin-right:5px; text-align:left; display:inline-block;}
.infor_chk_wrap dl dt:before{content:''; display:inline-block; width:5px; height:5px; background:#f2b705; vertical-align:middle; margin-right:7px;}
.infor_chk_wrap dl dd{display:inline-block;}

.infor_chk_wrap input[type="checkbox"] + label{cursor:pointer; font-size:16px; color:#666;}
.infor_chk_wrap input[type="checkbox"] + label:before{margin-right:10px;}

.input_wrap{margin:40px 0 20px; border-top:2px solid #2d3063; border-bottom:1px solid #2d3063;}
.input_wrap dl{width:100%; display:table;}
.input_wrap dt{width:15%; border-bottom:1px solid #FFF; background:#f7f8ff;  padding:15px 0; text-align:center; display:table-cell}
.input_wrap dd{border-bottom:1px solid #ececec; padding:15px 20px; display:table-cell}
.input_wrap dd > p + p{margin-top:10px;}
.input_wrap dd > p label{margin-right:5px;}
.input_wrap dd > p input[type="radio"]{margin:0 5px 0 10px;}

.input_wrap .pw_input{width:245px;}

.btn_send{width:30%; padding:15px; display:block; margin:0 auto; background:#2d3063; color:#FFF; font-size:17px;}

html.old_ie select{background:none; padding-right:0;}

/*Login*/
.login_wrap{width:50%; margin:50px auto; border:1px solid #d7d7d7; border-radius:5px; padding:60px 40px 20px;}
.login_wrap ul{border-bottom:1px solid #d7d7d7; padding:0 20px 30px;}
.login_wrap li + li{margin-top:20px;}
.login_wrap label{width:105px; display:inline-block}
.login_wrap input[type="text"], .login_wrap input[type="password"]{width:250px;}

.login_wrap > div{width:330px; margin:15px auto 0;}
.login_wrap > div button, .login_wrap > div a{display:inline-block; vertical-align:middle; width:49%; text-align:center; color:#969696;}
.login_wrap > div button:hover, .login_wrap > div a:hover{color:#666;}
.login_wrap > div a{position:relative;}
.login_wrap > div a:before{content:'│'; display:block; color:#e3e3e3; position:absolute; left:0;}

.btn_login{width:330px; display:block; background:#2d3063; color:#FFF; padding:10px 0; font-size:17px; margin:30px auto 0;}

.sns_login{width:50%; margin:40px auto 60px;}
.sns_login button{display:inline-block; width:240px; color:#FFF; line-height:43px;}
html.old_ie .sns_login button{width:239px;}
.sns_login button + button{margin-left:16px;}
.sns_login button:before{content:''; display:block; float:left; width:45px; height:45px; background-size:100%;}
.sns_login button:after{content:''; display:block; clear:both;}
.fb_login{background:#214177;}
.fb_login:before{background:URL('/img/member/icon_fb.jpg') no-repeat center;}
.tw_login{background:#0087c6;}
.tw_login:before{background:URL('/img/member/icon_tw.jpg') no-repeat center;}

/*아이디 비밀번호 찾기*/
#idpw_inquiry .pop_box{width:450px; height:340px; margin:-170px 0 0 -225px; padding:0;}

#idpw_inquiry .pop_box h2{background:#2d3063; color:#FFF; font-weight:500; font-size:20px; padding:15px 0;}
#idpw_inquiry .pop_box h3{font-size:18px; color:#232323; padding-bottom:5px; font-weight:400;}
#idpw_inquiry .pop_box h4{font-weight:500;}
#idpw_inquiry .pop_box h4:before{content:''; display:inline-block; width:6px; height:6px; border-radius:3px; background:#f2b705; margin-right:5px; vertical-align:middle;}

#idpw_inquiry .pop_box > dl{padding:0 50px;}
#idpw_inquiry .pop_box > dl + dl{margin-top:30px;}
#idpw_inquiry .pop_box dt p{font-size:14px; color:#5f5f5f; font-weight:normal; display:block; margin-bottom:10px;}

#idpw_inquiry .pop_box .pw_wrap > dt{color:#232323; font-size:13px; padding:10px 0 5px;}
#idpw_inquiry .pop_box .pw_wrap button{/*display:inline-block; margin-left:5px; width:130px; */ padding:7px 0; text-align:center; }
/*#idpw_inquiry .pop_box .pw_wrap input[type="text"]{width:200px;}*/
#idpw_inquiry .pop_box button.phone{background:#5d6193; color:#FFF;}
#idpw_inquiry .pop_box button.ipin{background:#60649c; color:#FFF;}

.infor_member_wrap{width:100%; padding:10px 25px;}
.infor_member_wrap strong{display:block; font-size:1.2em; margin-bottom:20px;}
.infor_member_wrap p{text-align:center;}
.infor_member_wrap div{padding:20px 0; text-align:center;}
.infor_member_wrap div input{width:60%; padding:5px 10px; border:1px solid #d0d0d0;}
.infor_member_wrap div button{display:block; margin:20px auto 0; width:60%;}
/*
.infor_member_wrap div{display:table-cell; width:50%; padding:20px; border:1px solid #f0f0f0; height:160px;}
.infor_member_wrap dd{width:100%; display:table;}
.infor_member_wrap div.id_wrap button{display:block; padding:10px 0; text-align:center; width:75%; margin:30px auto 0;}
.infor_member_wrap div.id_wrap button + button{margin-top:10px;}
.infor_member_wrap dd:after{content:''; display:block; clear:both;}

.email_member_wrap input[type="text"]{width:300px}
.email_member_wrap button{display:inline-block; margin-left:20px; padding:5px 15px; background:#2d3063; color:#FFF;}
*/

/*회원가입 - 타입*/
.content.type{min-height:calc(100% - 297px);}

.type_wrap{width:650px; margin:50px auto 0;}
.type_wrap:after{content:''; display:block; clear:both;}
.type_wrap > div + div{margin-left:50px;}

.join_type{float:left; box-shadow:1px 1px 5px 2px rgb(0 0 0 / 10%); border-radius:5px; width:300px; height:300px; padding-top:55px; border:1px solid #ededed}
.join_type span{display:flex; align-items:center; justify-content:center; width:115px; height:115px; border-radius:100%; margin:0 auto; text-align:center; position:relative;}
.join_type span:after{content:'+'; display:block; width:30px; height:30px; line-height:28px; background:#cfcfcf; position:absolute; bottom:0; right:0; border-radius:25px; font-weight:bold; font-size:1.5em; color:#FFF; box-shadow:1px 2px #848484; text-align:center;}
.join_type a{display:block; width:85%; margin:0 auto; border:#FFF 1px solid; border-radius:5px; text-align:center; line-height:45px; height:47px; margin-top:30px;}

.join_type.login span{background:#2d3063}
.join_type.login a{border-color:#2d3063; color:#2d3063}
.join_type.login a:hover{background:#2d3063; color:#FFF;}

.join_type.naver span{background:#03c85a}
.join_type.naver a{border-color:#03c85a; color:#03c85a}
.join_type.naver a:hover{background:#03c85a; color:#FFF;}


/*회원가입*/
.phone_wrap select{width:80px;}
.phone_wrap input[type="text"]{width:100px;}

.chk_wrap{margin-bottom:40px; padding:15px 25px; background:#f7f7f7; border:1px solid #ededed;}
.chk_wrap label{cursor:pointer;}
.chk_wrap li + li{margin-top:10px;}
.chk_wrap li button{margin-left:8px; vertical-align:middle; background:#666; color:#FFF; font-size:13px; padding:0 5px; height:20px; line-height:18px; border-radius:3px;}

.notice_dd div + div{margin-top:10px;}

.join_btn, .modify_btn{width:30%; padding:15px; display:block; margin:20px auto 0; background:#2d3063; color:#FFF; font-size:17px; text-align:center;}
.modify_btn{margin-top:40px;}

.pw_chk_wrap input[type="text"]{vertical-align:middle;}
.pw_chk_o.on, .pw_chk_x.on{display:inline-block; margin-left:5px; font-size:0; vertical-align:middle;}
.pw_chk_o, .pw_chk_x{display:none;}
.pw_chk_o:before, .pw_chk_x:before{content:''; line-height:0; vertical-align:middle; font-weight:bold; width:34px; height:34px; display:block;}
.pw_chk_o:before{background:URL('/img/member/icon_chk_o.png') no-repeat center; background-size:70% auto;}
.pw_chk_x:before{background:URL('/img/member/icon_chk_x.png') no-repeat center; background-size:70% auto;}

/*회원탈퇴*/
.secede_wrap{margin-top:50px;}
.secede_wrap h3{margin-bottom:10px;}
.secede_wrap h3:before{content:''; display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:10px; background:URL('/img/member/bu_infor_h3.png') no-repeat center; background-size:100% auto;}
.secede_wrap dl{width:100%; display:table; border-top:1px solid #2d3063; border-bottom:2px solid #2d3063;}
.secede_wrap dt{width:15%; border-bottom:1px solid #FFF; background:#f7f8ff;  padding:15px 0; text-align:center; display:table-cell}
.secede_wrap dd{border-bottom:1px solid #ececec; padding:15px 20px; display:table-cell}

.secede_btn{width:20%; padding:10px; display:block; margin:20px auto 0; background:#9e9e9e; color:#FFF; font-size:17px; text-align:center;}
.secede_btn:hover{background:#9e9e9e;}


/*이메일 인증*/
.join{text-align:center; margin-bottom:20px;}
.join p{margin-top:10px; font-size:16px;}

.join_login_btn{width:30%; padding:15px; display:block; background:#2d3063; color:#FFF; font-size:17px; text-align:center; margin:40px auto;}

.join_icon_wrap{margin:30px auto; width:750px; background:#fcfcfc; padding:60px 0 40px; border:1px solid #f0f0f0;}
.join_icon_wrap p{font-size:23px; font-weight:500; color:#232323;}
.join_icon_wrap p strong{color:#454bb1;}

/*SNS 로그인*/
.sns_pw_btn{width:330px; margin:20px auto 0; display:block; background:#469ade; color:#FFF; padding:10px 0;}
/*.sns_pw_btn{width:330px; margin:20px auto 0; display:block;}*/
.sns_pw_btn:hover{background:#2091ea;}

/*SNS 로그인 팝업*/
#sns_idpw_inquiry .pop_box{width:600px; margin:-150px 0 0 -300px; padding:0;}
#sns_idpw_inquiry .pop_box h2{background:#2d3063; color:#FFF; font-weight:500; font-size:20px; padding:15px 0;}

#sns_idpw_inquiry .pw_wrap .pw_box{width:80%; margin:0 auto; background:#f4f4f4; border:1px solid #ededed; position:relative;}
#sns_idpw_inquiry .pw_wrap .pw_box p{display:none;}
#sns_idpw_inquiry .pw_wrap.new_pw .pw_box p{display:block; width:100%; padding:20px 0; background:#FFF; border:1px solid #ededed; position:absolute; top:0; left:0; bottom:0; right:0; vertical-align:middle;}
#sns_idpw_inquiry .pw_wrap.new_pw .pw_box p strong{display:inline-block; vertical-align:middle; margin:0; font-size:1.5em;}
#sns_idpw_inquiry .pw_wrap.new_pw .pw_box p span{vertical-align:middle; padding-right:10px;}
#sns_idpw_inquiry .pw_wrap .pw_box input[type="text"]{display:inline-block; vertical-align:middle;}
#sns_idpw_inquiry .pw_wrap .pw_box label + input{margin-left:10px;}
#sns_idpw_inquiry .pw_wrap .pw_box button{display:inline-block; vertical-align:middle; width:35%; margin:0 10px 0 0}
.new_pw_btn{background:#5d6193; color:#FFF; padding:7px 0; text-align:center;}

.btn_naver{display:block; display:none; width:330px; margin:20px auto 0; background:#03c85a; color:#FFF; padding:10px 0; line-height:20px;}
.btn_naver:before{content:''; display:inline-block; width:30px; height:16px; background:URL('/img/member/icon_join_naver.png') no-repeat center/auto 100%; vertical-align:middle;}

.join_naver{display:flex; flex-direction:column; min-height:calc(100% - 297px); justify-content:center;}
.join_naver .join_btn{background:#03c85a;}

.naver_done{min-height:calc(100% - 317px); display:flex; flex-direction:column; justify-content:center; align-items:center;}
.naver_done p{font-size:15px; color:#969696;}
.naver_done p span{font-weight:bold; color:#454bb1;}