@charset "utf-8";

#container{background:#f9f9f9;}
.Location,.Location *{position:relative}
.Location:before{content:'';position:absolute;left:-50%; right:-50%; background:#fff;top:0; bottom:0; display:block;}

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;}

/* 입력폼 wrap */
.new_login_box{position: relative;padding-bottom:30px;}
.new_login_box dl {margin-top:20px;}
.new_login_box dl dd{margin-top:10px;}
.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 a:nth-child(1){font-size:150%;font-weight:700;display:block;width:100%; letter-spacing:0}
.new_login_box .join_btn span{display:none;}
/* 로그인버튼 */
.new_login_box .loginbtn{height:50px;color:#fff;margin-top:20px;cursor:pointer;}
/*회원가입버튼*/
.new_login_box .join_btn a:nth-child(1){line-height:48px;border:1px solid rgba(0,0,0,0.2);margin-top:10px;background:#fff;display:block}
.new_login_box .join_btn a:nth-child(3){position:absolute;right:0;top:110px}

.new_login_box .loginbtn:hover,.new_login_box .join_btn a: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{float:none;width:auto}
/* Search id or password*/
#find_wrap {padding:2em 0; text-align:center;}
#find_wrap .find_container {margin:0 auto;}
#find_wrap .find_container .cell {text-align:center;border:1px solid #c2c2c2;padding:15px;width:auto;background:#fff}
#find_wrap .find_container .cell:first-child:after{content:'';}

#find_wrap .find_container .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 .find_container .cell li {position:relative; padding:0; margin:0; }
#find_wrap .find_container .cell li p{padding:0; margin:0}
#find_wrap .find_container .cell fieldset {text-align:left;}
#find_wrap .find_container .cell li label{position:absolute;left:10px;top:50%;font-weight:700;letter-spacing:-0.07em}
#find_wrap .find_container .cell li input{width:100% !important;text-indent:60px; background-color:rgba(0,0,0,0.03)}
#find_wrap .find_container .cell .btnPack{display:block;margin-top:20px;}

#find_wrap .find_container .cell .cube{display:table; font-size:90%}
#find_wrap .find_container .cell .cube div{text-align:left;font-size:100%;display:table-cell;width:100%;padding:10px;vertical-align:middle;}
#find_wrap .find_container .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;}
#zipcode_td .btn-info:hover{border-color:rgba(0,0,0,0.3);box-shadow:none}

#birthyear_td .has-feedback label{line-height:38px;}
#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:38px;padding:0}
#birthyear_td .input-group{float:left;margin-right:10px}
@media only screen and (max-width:979px) {
	#find_wrap .find_container div:first-child{margin-bottom:15px;}
}