@charset "utf-8";

/* 폼양식 */
input:focus {outline: none;}

.require input[type=text], .require input[type=password], .require select { border:1px solid #e4a2a2 }

input[type=text] { vertical-align:middle; font-size:16px; background:#fff; border:1px solid #d4d4d4; }
input[type=password] { vertical-align:top; height:40px; font-size:16px; background:#fff; border:1px solid #d4d4d4; }
input[type=file] { vertical-align:top; height:56px; line-height:56px; font-size:16px; border:1px solid #d4d4d4; }

#zsfImg { height:40px;vertical-align:middle; }

@media screen and (max-width:1240px) {
	* {font-size:14px;}
}
@media screen and (max-width:480px) {
	* {font-size:13px;}
}


/** 체크박스 **/
input[type='checkbox'].chkbox1 { display:none; }
/*input[type='checkbox'].chkbox1 + label.label1 { cursor:pointer; height:20px !important; margin-right:15px; line-height:20px; background:url('/images/common/chkbox.png') no-repeat; 
white-space:nowrap; display:inline-block; padding:0; padding-left:30px; font-weight:500; }*/
input[type='checkbox'].chkbox1:checked + label.label1 { background:url('/images/common/chkbox.png') 0 -20px no-repeat; }

input[type=radio].radio1 + label.label1 { cursor: pointer; padding-left: 25px; line-height: 20px; margin-right: 5px; height: 20px; display: inline-block; background-repeat: no-repeat; background-size: 20px; background-position: left top; vertical-align: top;}

/** 라디오 버튼**/
input[type=radio].radio1 { display:none; }
input[type=radio].radio1 + label.label2 {
    cursor: pointer;
    padding-left: 25px;
    line-height: 20px;
    margin-right: 5px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left top;
    vertical-align: top;
}
input[type=radio].radio1:checked + label.label2 {background-position: 0 -20px;}
input[type=radio].radio1:disabled + label.label2 {background-position: 0 -40px;}
.label2{ background-image:url("/images/common/radio.png");} 

@media screen and (max-width:680px) {
		input[type=radio].radio1 + label.label2 { width:100%;}
}


/* 회원가입 -------------------------------------------------------- */
/* 약관동의 */
.agree_check_tit { padding:20px 0 10px; font-size:15px; color:#414141; font-weight:bold }
.agree_check { text-align:center; padding:20px 0 0; }
.agree_check_stit { display:inline-block; padding-right:35px; font-size:15px; color:#414141; font-weight:bold }

.tab_content { overflow-x:auto; overflow-y:scroll; height:200px; border:1px solid #dcdcdc; padding:20px; }
.agree .cont_tit { font-size:20px; }
.agree .sub_cont_tit { padding-top:25px; font-size:18px; }
.agree .cont_text { font-size:14px }

.agree p { margin:10px 0; font-size:15px; }
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:600; font-size:16px;padding-bottom:10px; color:#000}
.agree dd { font-size:15px; }
.agree ul { margin-top:20px; }
.agree li { margin-left:10px; list-style:none; padding:0 0 0 6px; font-size:15px;}
.agree .subLaw dt {font-weight:600; font-size:16px;padding-bottom:10px; color:#000}
.agree .policyList {*zoom:1;}
.agree .policyList:after {content:" "; display:block; clear:both;}
.agree .policyList {padding:10px; background:#f9f9f9; border-top:1px solid #00868a; margin: 0 0 20px 0;}
.agree .policyList li {float:left; width:400px; padding: 5px 15px 5px 15px; line-height:16px;}
.agree .policyList span {color:#999999; font-size:13px; margin-right:10px; }
.agree .policyList a {font-weight:600; color:#00868a; font-size:14px;}

/* 회원가입폼 */
.input_w1 { width:300px; }
.input_w2 { width:150px; }
.input_w3 { width:70px; }
.input_w4 { width:120px; }

@media screen and (max-width:480px) { 

/* 약관동의 */
.tab_content { padding:10px; }
.agree dt { font-size:14px; } 
.agree dd, .agree li, .agree p { font-size:13px; }
.agree li { margin-left:5px; }

.agree .cont_tit { font-size:16px; }
.agree .sub_cont_tit { padding-top:15px; font-size:14px; }

/* 회원가입폼 */
.input_w1 { width:100%; }
.input_w2 { width:150px; }
.input_w3 { width:50px; font-size:14px }
.input_w4 { width:100px; }
.email_list { margin-top:5px; }

}

/* 가입폼 메시지 ---------------------------------------*/
.join_comment { line-height:40px; margin-left:10px }

@media screen and (max-width:765px) {

.join_comment { display:block; margin-top:5px; margin-left:0; line-height:18px; font-size:13px }

}

/* 게시판 버튼영역  -------------------------------------------------------- */
.bbs_btn_box { margin:30px 0; text-align:center; line-height:40px; }
.bbs_btn_box2 { margin:30px 0; line-height:40px; }
.bbs_btn_box3 { margin:20px auto 0; text-align:center; line-height:40px; }

/* 회원가입 완료 */
.join_end_box { overflow:hidden; margin:30px 0 20px;padding:100px 0; border:2px solid #a4a4a4; text-align:center; }
.join_end_box dt { padding-bottom:20px; font-weight:600; font-size:24px; color:#000; }
.join_end_box dd { font-size:16px; line-height:24px; }

/* 아이디비번찾기 */
.find_idpass { margin:0 0 100px; padding:100px 0; border:2px solid #a4a4a4; }
.find_idpass dl { overflow:hidden; width:86%; margin:0 auto; }
.find_idpass dt { float:left; text-align:left; width:50%; padding:0 0 20px 80px; }
.find_idpass dt span.tit { display:block; padding:0 0 10px; font-weight:600; font-size:32px; color:#246f1c; }
.find_idpass dt span.sstit { display:block; font-size:15px; }
.find_idpass dd { float:left; padding:5px 0 5px 30px; border-left:1px solid #e8e8e8; }
.find_idpass dl ul li { list-style:none; padding-bottom:7px; }
.find_idpass .sel { margin:0; width:460px; text-align:left; }
.find_idpass .sel label { display:inline-block; width:100px; font-size:14px; line-height:40px; font-weight:600; color:#333;}
.find_idpass input[type=text] { height:40px; }
.find_idpass input[type=password] { height:40px;}

.find1 { width:254px; border-radius:3px; }
.find2 { width:121px; border-radius:3px; }

/* 아이디비번찾기 확인 버튼 */
.find_idpass_btn_area { display:block; padding:5px 0 0 104px;}
a.idpass_btn, .idpass_btn { display:block; width:252px; height:40px; line-height:40px; border-radius:3px; 
border:1px solid #246f1c; background:#246f1c;color:#fff;text-align:center; font-size:16px; font-weight:600; }
a.idpass_btn:hover, .idpass_btn:hover,
a.idpass_btn:focus, .idpass_btn:focus {border:1px solid #246f1c; background:#246f1c;color:#fff;text-decoration:none;}

/* 비밀번호입력 */
.pw_input {height:40px !important}


@media screen and (max-width:1240px) { 

.login_box dl { width:90%; }
.login_box dt { width:45%; padding:0 0 20px 60px; }
.find_idpass dl { width:90%; }
.find_idpass dt { width:45%; padding:0 0 20px 0; }

}

@media screen and (max-width:1020px) { 

.calendar h4 { font-size:18px; }
.login_box dl { width:100%; }
.login_box dt { float:none; text-align:center; width:auto; padding:0 0 20px 0; }
.login_box dd { float:none; text-align:center; width:auto; padding:5px 0; border-left:none; }

.find_idpass dl { width:100%; }
.find_idpass dt { float:none; text-align:center; width:auto; padding:0 0 20px 0; }
.find_idpass dd { float:none; text-align:center; padding:5px 0; border-left:none; }
.find_idpass .sel { margin:0 auto; width:290px; }
.find_idpass .sel label { width:70px; }
.find_idpass_btn_area { padding:5px 0 0 70px;}
.idpass_btn { width:215px; }
.find1 { width:210px;}
.find2 { width:100px;}

.login_box .idpw { width:420px; }
.sns_btn_area { width:420px; margin:0 auto }
.login_sns_btn { width:420px; }

}

@media screen and (max-width:480px) { 

.login_box, .find_idpass { margin:10px 0; padding:30px 0; }
.login_box dt span.tit, .find_idpass dt span.tit { padding:0 0 5px; font-size:27px;}
.login_box dt span.sstit, .find_idpass dt span.sstit { font-size:13px; line-height:18px }
.login_box .idpw { width:280px; }
.login_box .idpw ul li input[type=text],
.login_box .idpw ul li input[type=password] { width:280px; }

.login_btn_area { float:none; padding:0 0 15px 0; }
.login_btn,
.login_btn.leave { width:100%; height:43px; line-height:43px; font-size:16px; }

.find_idpass dt span.tit { font-size:18px; }
.idpass_btn_area, .join_btn_area { padding-top:10px; }
.idpass_btn_area a, .join_btn_area a { width:280px; font-size:12px;}
.idpass_btn_area .tit, .join_btn_area .tit { display:none; }
.sns_btn_area { width:280px; margin:0 auto }
.login_sns_btn { width:280px; }
.sns_btn_area { padding-top:30px; }

.calendar h4 { text-align:right }

.join_end_box dt { font-size:18px; }
.join_end_box dd { font-size:14px; line-height:21px; }
}

/* 공유하기 */
.share_box a { margin-left:10px }
.sns_btn_f { display:inline-block; vertical-align:top; font-size:0; background: url('../images/common/sns_facebook.png') no-repeat; background-size:100%; width:36px; height:36px; }
.sns_btn_k { display:inline-block; vertical-align:top; font-size:0; background: url('../images/common/sns_kakao.png') no-repeat; background-size:100%; width:36px; height:36px; }