@charset "utf-8";

/* 폼양식 */

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

.write input[type=text] { width:100%; vertical-align:top; height:46px; /* line-height: 56px; */ padding:0 10px; font-size:18px; background:#fff; border:1px solid #d4d4d4; }
.write input[type=password] { width:100%; vertical-align:top; height:46px; /* line-height: 56px; */ padding:0 10px; font-size:18px; background:#fff; border:1px solid #d4d4d4; }
.write input[type=file] { width:100%; vertical-align:middle; height:46px; line-height:46px; font-size:18px; border:1px solid #d4d4d4; }
.write textarea { width:100%; vertical-align:top; height:250px; padding:0 10px; font-size:18px; background:#fff; border:1px solid #d4d4d4; }
.write select { height:46px; padding:0 0 0 10px; background:#fff; border:1px solid #d4d4d4; font-size:18px; }
.write label { font-size:16px }
#zsfImg { height:46px; }
.write .w1 { width:140px }

@media screen and (max-width:1240px) {
	.write input[type=text] { height:40px; font-size:14px /* line-height: 40px; */}
	.write input[type=password] { height:40px;  font-size:14px /* line-height: 40px; */}
	.write input[type=file] { height:40px; line-height:40px; font-size:14px }
	.write select { height:40px; font-size:14px }
	#zsfImg { height:40px; }
	.write * {font-size:14px;}
	.write label { font-size:14px }
	.write .w1 { width:100px }
}
@media screen and (max-width:680px) {
	#zsfImg { margin-top:3px; display:block }
}
@media screen and (max-width:480px) {
	.write * {font-size:13px;}
	.write select { padding:0; font-size:13px }
	.write input[type=file] { font-size:13px }
	.write .w1 { width:90px }
}

/** 라디오 버튼**/
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:url('../images/contents/e-checked.png') no-repeat }
.sub_06 input[type=radio].radio1:checked + label.label2 { background:url('../images/contents/e-checked2.png') no-repeat }
input[type=radio].radio1:disabled + label.label2 { background-position: 0 -40px; }
.label2{ background: url('../images/contents/e-check.png') no-repeat;} 

/** 체크박스 **/
input[type='checkbox'].chkbox1 { display:none; }
input[type='checkbox'].chkbox1 + label.label1 { cursor:pointer; height:20px !important; line-height:20px; 
background: url('../images/contents/e-check.png') no-repeat left center; 
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/contents/e-checked.png') no-repeat left center; }
input[type='checkbox'].chkbox1 + label.label1 { margin-right:10px; }

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



/* 버튼 */
a.btn01, .btn01 { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; padding:0 30px; min-width:114px; height:46px; line-height:44px; border:1px solid #9a5299; background:#9a5299; text-align:center; font-weight:bold; color:#fff; }
a.btn02, .btn02 { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; padding:0 30px; min-width:114px; height:46px; line-height:44px; 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; padding:0 30px; min-width:114px; height:46px; line-height:44px; border:1px solid #bbb; background:#bbb; text-align:center; font-weight:bold; color:#fff; }
a.btn_gr, .btn_gr { cursor:pointer; font-size:14px; vertical-align:top; display:inline-block; padding:0 20px; height:46px; line-height:44px; background:#707580; color:#fff !important; font-weight:bold; text-align:center; }

a.btn011, .btn011 { font-size:14px; vertical-align:top; display:inline-block; padding:0 10px; height:36px; line-height:34px; border:1px solid #9a5299; background:#9a5299; text-align:center; font-weight:bold; color:#fff; }
a.btn021, .btn021 { font-size:14px; vertical-align:top; display:inline-block; 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; 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; 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:1240px) {
/* 버튼 */
a.btn01, .btn01 { padding:0 10px; font-size:13px; height:40px; line-height:40px; }
a.btn02, .btn02 { padding:0 10px; font-size:13px; height:40px; line-height:40px; }
a.btn03, .btn03 { padding:0 10px; font-size:13px; height:40px; line-height:40px; }
a.btn_gr, .btn_gr { padding:0 10px; font-size:13px; height:40px; line-height:40px; }

}
@media all and (max-width:380px) {
/* 버튼 */
a.btn_gr, .btn_gr { padding:0 5px; font-size:11px; height:40px; line-height:40px; }
}

/**************************** 회원정보 ******************************/
/* 로그인 -------------------------------------------------------- */
/*.login_box { margin:50px 0 0; padding:100px 0; border:2px solid #a4a4a4; }*/
.login_box { margin:70px auto 0; width:440px; }
.login_box dl { overflow:hidden; }
.login_box dt { text-align:left; padding:10px 0 20px; }
.login_box dt span.tit { display:block; padding:3px 0 20px; font-weight:600; font-size:32px; color:#9a5299; }
.login_box dt span.sstit { display:block; font-size:15px; line-height:1.5 }
.login_box dd { padding:5px 0; /*padding:5px 0 5px 40px; border-left:1px solid #e8e8e8; */ }

.login_box .idpw { width:440px; margin:0 auto }
.login_box .idpw ul { float:left; width:calc(100% - 100px); }
.login_box .idpw ul li { padding-bottom:11px; }
.login_box .idpw ul li input[type=text] { width:100%; height:40px; padding:10px; background:#fff; border:1px solid #dcdcdc; }
.login_box .idpw ul li input[type=password] { width:100%; height:40px; padding:10px; background:#fff; border:1px solid #dcdcdc; }

.login_box .idpw_info { background:#f5f5f5; padding:20px 20px 10px; margin-bottom:10px }
.login_box .idpw_info ul li { padding-bottom:10px; }

.login_btn_area { float:left; padding:0 0 15px 10px; }
.login_btn { display:block; width:90px; height:90px; line-height:90px; border:none; background:#9a5299; 
text-align:center; color:#fff; font-size:16px; font-family:"Arial", sans-serif; font-weight:600; }
.login_btn.leave { width:90px; height:40px; line-height:40px; }

.sns_btn_area { margin-top:50px; clear:both; padding:20px; border:1px solid #dcdcdc; background:#f5f5f5 }
.sns_btn_area .tit { text-align:center; font-size:20px; color:#000 }
.sns_btn_wrap { overflow:hidden; margin-top:20px; text-align:center }
.sns_btn_wrap li { display:inline-block; padding:0 20px }
.sns_btn_wrap li:last-child { margin-right:0; }

.login_sns_btn { display:block; width:51px; height:51px; border-radius:100%; font-size:0; 
background: url('../images/contents/sns_logo.png') no-repeat; }
.login_sns_btn.naver { border:1px solid #23ba09; background-position:14px 15px; background-color: #23ba09; }
.login_sns_btn.kakao { border:1px solid #ffd800; background-position:14px -54px; background-color:#ffd800;}
.login_sns_btn.facebook { border:1px solid #3b5998; background-position:14px -126px; background-color:#3b5998; }

/* 회원가입 단계 */
.member_step { text-align:center; margin-top:50px; }
.member_step img { max-width:100% }

/* 아이디비번찾기, 회원가입 버튼 */
.idpass_btn_area { padding-top:30px; }
.join_btn_area { padding-top:10px; }
.idpass_btn_area .tit, .join_btn_area .tit { display:inline-block; width:255px; font-size:14px; }
.idpass_btn_area a, .join_btn_area a { display:inline-block; background:#777; color:#fff; 
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; 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 !important; }
.input_w2 { width:150px !important; }
.input_w3 { width:70px !important; }
.input_w4 { width:120px !important; }

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

/* 회원가입 단계 */
.member_step { margin-top:30px; }

/* 약관동의 */
.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% !important; }
.input_w2 { width:150px !important; }
.input_w3 { width:50px !important; }
.input_w4 { width:100px !important; }
.email_list { margin-top:5px; }

}

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

.input_w3 { width:40px !important; font-size:13px }

}

/* 회원가입 제목 */
.member h4.tit { position:relative; padding-left:25px; margin:45px 0 20px; font-size:22px; line-height:1.4; font-weight:500; color:#000 }
.member h4.tit:before { position:absolute; left:0; top:7px; content:''; 
width:8px; height:8px; border-radius:100%; border:4px solid #9a5299 }

.member .leave_btn { text-align:center; }
.member .leave_btn a { position:relative; margin:15px 0 5px 15px; display:inline-block;
font-size:18px; line-height:1.3; font-weight:500; color:#000 }
.member .leave_btn .text { box-shadow:inset 0 -1px 0 #9a5299; }
.member .leave_btn i { color:#9a5299 }
.member .leave_btn .arrow { margin-left:10px; position:relative; display:inline-block; vertical-align:middle; 
height:2px; width:20px; background:#9a5299}
.member .leave_btn .arrow:after { content:"";
 display: block;
 width:10px;
 height:10px;
 border-top:2px solid #9a5299;
 border-right:2px solid #9a5299;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right:0;
 top:50%;
 margin-top:-6px;
}

/* 가입폼 메시지 ---------------------------------------*/
.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 }
}
@media screen and (max-width:820px) {
	.member h4.tit { margin:20px 0 20px; padding-left:22px; font-size:18px;  }
	.member h4.tit:before { top:3px; }
}
@media screen and (max-width:480px) {
	.member h4.tit { margin:20px 0 10px; padding-left:22px; font-size:16px; }
	.member h4.tit:before { top:2px; }

	.member .leave_btn a { font-size:15px; }
	.member .leave_btn .arrow:after {
	 width:8px;
	 height:8px;
	 margin-top:-5px;
	}
}

/* 게시판 버튼영역  -------------------------------------------------------- */
.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:50px auto 20px; max-width:700px; 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:70px auto 0; width:440px;  }
.find_idpass dt { text-align:left; padding:10px 0 20px; }
.find_idpass dt span.tit { display:block; padding:3px 0 20px; font-weight:600; font-size:27px; color:#9a5299; }
.find_idpass dt span.sstit { display:block; font-size:15px; line-height:1.5 }
.find_idpass dd { padding:5px 0; }
.find_idpass dl ul { float:left; width:calc(100% - 100px); }
.find_idpass dl ul li { list-style:none; padding-bottom:11px; }

.find_idpass .sel { margin:0; text-align:left; }
.find_idpass .sel label { display:inline-block; width:100px; font-size:14px; line-height:40px; font-weight:600; 
text-align:right; padding-right:20px; color:#333;}

.find_idpass input[type=text],
.find_idpass input[type=password] { width:100%; height:40px; padding:0 10px; background:#fff; border: 1px solid #dcdcdc; }

/* 아이디비번찾기 확인 버튼 */
.find_idpass_btn_area { float:left; padding:0 0 15px 10px; }
a.idpass_btn, .idpass_btn { display:block; width:90px; height:90px; line-height:90px; border:none; background:#9a5299; 
text-align:center; color:#fff; font-size:16px; font-family:"Arial", sans-serif; font-weight:600; }
a.idpass_btn:hover, .idpass_btn:hover,
a.idpass_btn:focus, .idpass_btn:focus {border:1px solid #9a5299; background:#9a5299;color:#fff;text-decoration:none;}

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


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

.login_box dt { padding:0 0 20px; }
.find_idpass dt { padding:0 0 20px 0; }

}

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

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

.find_idpass dl { width:100%; }
.find_idpass dt { float:none; width:auto; padding:0 0 20px 0; }
.find_idpass dd { float:none; width:auto; padding:5px 0; border-left:none; }

.login_box dt span.tit, 
.find_idpass dt span.tit { font-size:27px;}

.join_end_box { margin:30px auto 20px; }
}

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

.login_box, .find_idpass { width:96%; margin:20px auto 0; /*padding:30px 0;*/ }
.login_box .idpw { width:100%; }

.login_box dt span.tit, 
.find_idpass dt span.tit { padding:3px 0 10px; font-size:20px; }
.login_box dt span.sstit, 
.find_idpass dt span.sstit { font-size:13px; line-height:18px }

.login_box .idpw ul,
.find_idpass dl ul { float:none; width:auto; }

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

.idpass_btn_area .tit, .join_btn_area .tit { width:100%; padding-bottom:10px }
.idpass_btn_area a, .join_btn_area a { width:100%; }

.sns_btn_wrap { margin-top:0 }
.sns_btn_area { margin-top:30px; }
.sns_btn_area .tit { font-size:16px }

.calendar h4 { text-align:right }

.join_end_box { margin:20px auto 20px; }
.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; }