@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:top; height:56px; /* line-height: 56px; */ padding:0 10px; font-size:18px; background:#fff; border:1px solid #d4d4d4; }
input[type=password] { vertical-align:top; height:56px; /* line-height: 56px; */ padding:0 10px; font-size:18px; background:#fff; border:1px solid #d4d4d4; }
input[type=file] { vertical-align:top; height:56px; line-height:56px; font-size:18px; border:1px solid #d4d4d4; }
select { height:56px; padding:0 0 0 10px; background:#fff; border:1px solid #d4d4d4; font-size:18px; }
label { font-size:16px }
#zsfImg { width: 165px; }

@media screen and (max-width:1240px) {
}
@media screen and (max-width:480px) {
	#zsfImg { width:120px; }
}
@media screen and (max-width:375px) {
	#zsfImg { margin-top:3px; }
}


/** 라디오 버튼**/
input[type=radio].radio1 { display:none; }
input[type=radio].radio1 + label.label2 { cursor:pointer; padding-left:26px; line-height:20px; margin-right:15px; 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");} 

/** 체크박스 **/
input[type='checkbox'].chkbox1 { display:none; }
input[type='checkbox'].chkbox1 + label.label1 { cursor:pointer; height:20px !important; line-height:20px; background:url('/images/common/chkbox.png') no-repeat; 
white-space:nowrap; display:inline-block; margin:0; 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='checkbox'].chkbox1 + label.label1 { margin-right:10px; }

@media all and (max-width:480px) {
	input[type='checkbox'].chkbox1 + label.label1 { margin-bottom:5px; }
}

/* 게시판 버튼영역 */
.write_cont { overflow:hidden }
.write_cont .f_right { margin-bottom:10px }
.write_cont span.req { color:red }

/* 게시판 버튼영역 */
.bbs_btn_box { margin:20px 0; text-align:center; line-height:40px; display: flex; justify-content: space-between;}
.bbs_btn_box2 { margin:20px 0; line-height:40px; }

.bbs_btn_box a.btn01, .bbs_btn_box a.btn03{width: 49.5%; height: 45px; line-height: 45px; font-size: 15px; font-weight: 400;}


/* 버튼 */
a.btn01, .btn01 { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 30px; min-width:114px; height:40px; line-height:38px; border:1px solid #166adc; background:#166adc; text-align:center; font-weight:bold; color:#fff; }
a.btn02, .btn02 { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 30px; min-width:114px; height:40px; line-height:38px; border:1px solid #ffc20e; background:#ffc20e; text-align:center; font-weight:bold; color:#333; }
a.btn03, .btn03 { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 30px; min-width:114px; height:40px; line-height:38px; border:1px solid #bbb; background:#bbb; text-align:center; font-weight:bold; color:#fff; }
a.btn_gr { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; height:40px; line-height:38px; padding:0 7px; background:#707580; color:#fff !important; font-weight:bold; text-align:center; }

a.btn011, .btn011 { font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 10px; height:36px; line-height:34px; border:1px solid #166adc; background:#166adc; text-align:center; font-weight:bold; color:#fff; }
a.btn021, .btn021 { font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 10px; height:36px; line-height:34px; border:1px solid #ffc20e; background:#ffc20e; text-align:center; font-weight:bold; color:#333; }
a.btn031, .btn031 { font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 10px; height:36px; line-height:34px; border:1px solid #bbb; background:#bbb; text-align:center; font-weight:bold; color:#fff; }
a.btn041, .btn041 { font-size:14px; vertical-align:top; display:inline-block; border-radius:2px; padding:0 10px; height:36px; line-height:34px; border:1px solid #707580; background:#707580; text-align:center; font-weight:bold; color:#fff; }

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

/* 버튼 */
a.btn01, .btn01 { font-size:13px;height:30px; line-height:28px; }
a.btn02, .btn02 { font-size:13px;height:30px; line-height:28px; }
a.btn03, .btn03 { font-size:13px;height:30px; line-height:28px; }
a.btn_gr { font-size:13px;height:30px; line-height:28px; }
.write_cont .f_right { font-size:13px }
}

/**************************** 회원정보 ******************************/
/* 로그인 -------------------------------------------------------- */
.login_box { margin:0; padding:100px 0; border:2px solid #a4a4a4; }
.login_box dl { overflow:hidden; width:80%; margin:0 auto; }
.login_box dt { float:left; text-align:left; width:40%; padding:10px 0 20px 60px; }
.login_box dt span.tit { display:block; padding:3px 0 20px; font-weight:600; font-size:32px; color:#166adc; }
.login_box dt span.sstit { display:block; font-size:15px; }
.login_box dd { float:left; padding:5px 0 5px 40px; border-left:1px solid #e8e8e8; }

.login_box .idpw { width:447px; margin:0 auto }
.login_box .idpw ul { float:left; }
.login_box .idpw ul li { padding-bottom:11px; }
.login_box .idpw ul li input[type=text] { width:316px; height:40px; border-radius:3px; padding:10px; background:#fff; border:1px solid #dadada; }
.login_box .idpw ul li input[type=password] { width:316px; height:40px; border-radius:3px; padding:10px; background:#fff; border:1px solid #dadada; }

.login_btn_area { float:left; padding:0 0 15px 10px; }
.login_btn { display:block; width:90px; height:90px; line-height:90px; border:none; background:#166adc; border-radius:3px; 
text-align:center; color:#fff; font-size:16px; font-family:"Arial", sans-serif; font-weight:600; }
.login_btn.leave { width:75px; height:75px; line-height:75px; }
.sns_btn_area { padding-top:50px; clear:both }
.login_sns_btn { display:block; width:92%; height:45px; margin-bottom:10px; border-radius:3px; box-sizing: border-box;
background: url('../images/common/sns_logo.png') no-repeat; }
.login_sns_btn span { display: block; height:43px; line-height:43px; margin-left:50px; background-color:#fff; box-sizing:border-box; text-align:center; font-size:16px; color:#000; }
.login_sns_btn.naver { border:1px solid #23ba09; background-position:14px 13px; background-color: #23ba09; }
.login_sns_btn.kakao { border:1px solid #ffd800; background-position:14px -56px; background-color:#ffd800;}
.login_sns_btn.facebook { border:1px solid #3b5998; background-position:14px -128px; background-color:#3b5998; }

.simple_join_area { background:#f5f5f5; padding:40px 0 30px; }
.simple_join_area .sns_btn_area { overflow:hidden; max-width:500px; padding-top:0; margin:0 auto }
.simple_join_area .login_sns_btn { float:left; width:49%; }
.simple_join_area .login_sns_btn.kakao { float:right }

/* 아이디비번찾기, 회원가입 버튼 */
.idpass_btn_area { padding-top:30px; }
.join_btn_area { padding-top:10px; }
.idpass_btn_area .tit, .join_btn_area .tit { display:inline-block; width:230px; font-size:14px; }
.idpass_btn_area a, .join_btn_area a { display:inline-block; background:#777; color:#fff; border-radius:3px; font-weight:600; text-align:left; box-shadow:0 1px 1px 0 #f2f2f2;
width:180px; height:30px; line-height:30px; text-align:center; }

/* 회원가입 -------------------------------------------------------- */
/* 약관동의 */
.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; background-color:#f6f6f6; padding:20px; }

/* 스크롤 */
.tab_content::-webkit-scrollbar {width: 6px;}
.tab_content::-webkit-scrollbar-thumb {background-color: #999; border-radius: 10px;}
.tab_content::-webkit-scrollbar-track {background-color: #f6f6f6;}

.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:66px; font-size:14px }
	.input_w4 { width:100px; }
	.email_list { margin-top:5px; }

}

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

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

.join_comment, .join_comment2 { 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; }

/* 회원가입 완료 */
.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:10px 0 20px 80px; }
.find_idpass dt span.tit { display:block; padding:3px 0 20px; font-weight:600; font-size:32px; color:#166adc; }
.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 #166adc; background:#166adc;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 #166adc; background:#166adc;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; }
.login_box dt span.tit, 
.find_idpass dt span.tit { font-size:27px;}
.sns_btn_area { width:420px; margin:0 auto }
.login_sns_btn { width:420px; }
.simple_join_area { padding:30px 0 20px; }
.simple_join_area .login_sns_btn { float:none; width:auto; }
.simple_join_area .login_sns_btn.kakao { float:none }

}

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

	.login_box, .find_idpass { margin:10px 0; padding:30px 0; }
	.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; }

	.login_box dt span.tit, 
	.find_idpass dt span.tit { padding:3px 0 10px; 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; }
	.simple_join_area { background:none; padding:0 }
	.simple_join_area .sns_btn_area { width:100%; max-width:auto; }

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