@charset "utf-8";
@media (max-width: 800px) {
.naver_login{width:150px;}
div.login_box{margin: 0 auto 50px;width: 100%;border-bottom: 1px solid #ccc;padding: 42px 2%;box-sizing: border-box;}
div.login_box > div{float:left;}
div.login_box:after{content:'';clear:both;display:block;}

div.login_box div.login_form{margin-right: 3%;width: 75%;}
div.login_box div.login_form label{display:block;}
div.login_box div.login_form label input{height:50px;margin-bottom:20px;width: 100%;}

div.login_box div.login_btn{
    width: 20%;
}
div.login_box div.login_btn input{background:#c32c21;border:none;color:#fff;width: 100%;height:132px;}

div.find_box{
    width: 100%;
}
div.find_box label{
    display: block;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0 1%;
}
div.find_box label a{
    float: right;
    display: block;
    background: #c32c21;
    color: #fff;
    width: 160px;
    text-align: center;
    font-size: 13px;
}


.find_id {display: block;width: 500px;margin: 0 auto 30px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.find_id h3{text-align: left;padding-bottom: 10px;display: table;padding-top: 9px;border-top: 2px solid #c32c31;margin-bottom: 5px;} 
.find_id div{/* border: 2px solid #c32c21; */margin: 0 auto;/* padding: 20px 20px 0; */}
.find_id div:after{content:'';clear:both;display:block;}
.find_id div ul{float: left;width: 370px;}
.find_id div ul li{margin-bottom: 12px;line-height: 29px;}
.find_id span{text-align:left;display: block;font-size: 12px;margin-bottom: 8px;}
.find_id div ul li label p{width: 60px;float: left;}
.find_id div ul li label{display: block;text-align: left;} 
.find_id div ul li:after{content:'';clear:both;display:block;}

.find_id div ul li label input{float: left;display: block;width: 305px;height: 23px;} 

.find_id a{float: right;background: #c32c31;padding: 20px;color: #fff;height: 29px;width: 71px;line-height: 29px;} 

.find_pw {display: block;width: 500px;margin: 0 auto 30px;padding-bottom: 25px;}
.find_pw h3{text-align: left;padding-bottom: 10px;display: table;padding-top: 9px;border-top: 2px solid #c32c31;margin-bottom: 5px;} 
.find_pw div{/* border: 2px solid #c32c21; */margin: 0 auto;/* padding: 20px 20px 0; */}
.find_pw div:after{content:'';clear:both;display:block;}
.find_pw div ul{float: left;width: 370px;}
.find_pw div ul li{margin-bottom: 8px;line-height: 32px;}
.find_pw span{text-align:left;display: block;font-size: 12px;margin-bottom: 8px;}
.find_pw div ul li label p{width: 60px;float: left;}
.find_pw div ul li label{display: block;text-align: left;} 
.find_pw div ul li:after{content:'';clear:both;display:block;}

.find_pw div ul li label input{float: left;display: block;width: 305px;height: 23px;} 
.find_pw  a{float: right;background: #c32c31;padding: 20px;color: #fff;height: 68px;width: 71px;line-height: 68px;} 


/*회원가입*/

.join_agree {margin : 0 auto;padding: 40px 2% 40px;}
.join_agree h5{padding:0 0 20px 0; color: #c32c21;font-size:17px;}
.join_agree textarea{width: 100%;height: 160px;background: rgba(195, 44, 33,0.1);border: 1px solid rgba(204, 204, 204, 0.1);padding: 30px;margin-bottom: 10px;box-sizing: border-box;}
.join_agree label{margin-bottom:20px;display: block;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
a.btn{background:#c32c21;display: block;text-align: center;color: #fff;padding: 20px;width: 120px;float: right;}
.join_agree:after{content:'';clear:both;display:block;}

.join_member {
    padding: 40px 2% 40px;
}

table.join{
    margin: 0 auto;
    border-top: 2px solid #c32c21;
    border-bottom: 2px solid #c32c21;
    width: 100%;
}
table.join th{
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    padding: 10px;
    color: #c32c31;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}
table.join td{
    padding: 10px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}
table.join td input{height:24px;}
table.join td a{background:#c32c21;padding: 8px 14px;color:#fff;font-size: 12px;}
table.join td label p{display:inline-block;font-size: 14px;}
table.join td input.email{/* width:320px; */}
table.join td label input{height: 12px;}
table.join td select{
    width: 100%;
    height: 30px;
    display: inline-block;
}
table.join td select input[type="text"]{}
table.join td select input[type="check"]{}

ul.phone_number {
    display: block;
}
ul.phone_number li {display:inline-block;width: 25%;margin: 0 2% 0 0;}
ul.phone_number li input{
    height: 24px;
    width: 100%;
}
div.btn_join{
    width: 100%;
    margin: 0 auto 30px;
}
div.btn_join ul{
    text-align: center;
}
div.btn_join ul li{
    display: inline-block;
}
div.btn_join ul li a{
    background: #c32c31;
    padding: 7px 11px;
    color: #fff;
}
div.btn_join ul li a.cancel{background:#333;}

label.all_check {
    border-bottom: none;
    text-align: center;
}

}

@media (min-width: 800px) {
.naver_login{width:150px;}
div.login_box{margin: 0 auto 50px;width: 476px;border-bottom: 1px solid #ccc;padding-bottom: 42px;padding-top: 42px;}
div.login_box > div{float:left;}
div.login_box:after{content:'';clear:both;display:block;}

div.login_box div.login_form{margin-right:20px;}
div.login_box div.login_form label{display:block;}
div.login_box div.login_form label input{height:50px; margin-bottom:20px;width:320px;}

div.login_box div.login_btn{}
div.login_box div.login_btn input{background:#c32c21; border:none;color:#fff;width:120px;height:132px;}

div.find_box{    width: 465px;    margin: 0 auto 50px;}
div.find_box label{    display: block;    line-height: 40px;    margin-bottom: 20px;}
div.find_box label a{    float: right;    display: block;    background: #c32c21;    color: #fff;    width: 160px;    text-align: center;    font-size: 13px;}

.find_id {display: block;width: 500px;margin: 0 auto 30px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.find_id h3{text-align: left;padding-bottom: 10px;display: table;padding-top: 9px;border-top: 2px solid #c32c31;margin-bottom: 5px;} 
.find_id div{/* border: 2px solid #c32c21; */margin: 0 auto;/* padding: 20px 20px 0; */}
.find_id div:after{content:'';clear:both;display:block;}
.find_id div ul{float: left;width: 370px;}
.find_id div ul li{margin-bottom: 12px;line-height: 29px;}
.find_id span{text-align:left;display: block;font-size: 12px;margin-bottom: 8px;}
.find_id div ul li label p{width: 60px;float: left;}
.find_id div ul li label{display: block;text-align: left;} 
.find_id div ul li:after{content:'';clear:both;display:block;}

.find_id div ul li label input{float: left;display: block;width: 305px;height: 23px;} 

.find_id input[type="submit"]{float: right;background: #c32c31;padding: 20px;color: #fff;height: 69px;width: 71px;display: block;border:none;} 

.find_pw {display: block;width: 500px;margin: 0 auto 30px;padding-bottom: 25px;}
.find_pw h3{text-align: left;padding-bottom: 10px;display: table;padding-top: 9px;border-top: 2px solid #c32c31;margin-bottom: 5px;} 
.find_pw div{/* border: 2px solid #c32c21; */margin: 0 auto;/* padding: 20px 20px 0; */}
.find_pw div:after{content:'';clear:both;display:block;}
.find_pw div ul{float: left;width: 370px;}
.find_pw div ul li{margin-bottom: 8px;line-height: 32px;}
.find_pw span{text-align:left;display: block;font-size: 12px;margin-bottom: 8px;}
.find_pw div ul li label p{width: 60px;float: left;}
.find_pw div ul li label{display: block;text-align: left;} 
.find_pw div ul li:after{content:'';clear:both;display:block;}

.find_pw div ul li label input{float: left;display: block;width: 305px;height: 23px;} 
.find_pw  input[type="submit"]{float: right;background: #c32c31;padding: 20px;color: #fff;height: 108px;border: none;width: 71px;line-height: 68px;} 


/*회원가입*/

.join_agree {width:1200px;margin : 0 auto;padding: 40px 0;}
.join_agree h5{padding:0 0 20px 0; color: #c32c21;font-size:17px;}
.join_agree textarea{width:1200px;height:500px;background: rgba(195, 44, 33,0.1);border: 1px solid rgba(204, 204, 204, 0.1);padding: 30px;margin-bottom: 10px;box-sizing: border-box;}
.join_agree label{margin-bottom:20px;display: block;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
a.btn{background:#c32c21;display: block;text-align: center;color: #fff;padding: 20px;width: 120px;float: right;}
.join_agree:after{content:'';clear:both;display:block;}

.join_member {    padding: 40px 0;}

table.join{    width: 800px;    margin: 0 auto;    border-top: 2px solid #c32c21;    border-bottom: 2px solid #c32c21;}
table.join th{    vertical-align: middle;    border-bottom: 1px solid #fff;    padding: 10px;    color: #c32c31;    text-align: left;}
table.join td{    padding: 10px;    border-bottom: 1px solid #eee;    vertical-align: middle;    text-align: left;}
table.join td input{height:24px; background-color: #f1f1f1;}
table.join td a{background:#c32c21;padding: 8px 14px;color:#fff;font-size: 12px;}
table.join td label p{display:inline-block;font-size: 14px;}
table.join td input.email{width:320px;}
table.join td label input{height: 12px;}
table.join td select{    width: 120px;    height: 30px;}
table.join td select input[type="text"]{}
table.join td select input[type="check"]{}

ul.phone_number {}
ul.phone_number li {display:inline-block;}
ul.phone_number li input{
    height: 24px;
	background-color: #f1f1f1;
}
div.btn_join{
    width: 196px;
    margin: 0 auto 30px;
}
div.btn_join ul{
}
div.btn_join ul li{
    display: inline-block;
}
div.btn_join input{
    background: #c32c31;
    padding: 7px 11px;
    color: #fff;
    border: none;
    margin-top: 20px;
    }
div.btn_join ul li a{
    background: #c32c31;
    padding: 7px 11px;
    color: #fff;
}
div.btn_join ul li a.cancel{background:#333;}
}

.Form_right ul li {
    display: inline-block;
    margin-bottom: 10px;
}
.Form_right div{margin-bottom:10px;}

.agree_box {
    margin-top: 10px;
}
th.re_pwd {
    border-bottom: 1px solid #eee !important;
}

label.all_check {
    border-bottom: none;
    text-align: center;
}