a {cursor: pointer;}

.membership {background: #f4f5f6; min-height: 600px; overflow: hidden;}
.loginbox {background: #fff; max-width: 600px; width: 600px; padding: 60px 20px 58px; margin:100px auto; box-shadow: 5px 5px 13px rgba(0,0,0,0.12); text-align: center;}
.loginbox > h2 {text-align: center; font-size: 34px; color: #222; padding-bottom: 52px}
.mbs_inner {max-width: 400px; width: 400px; margin:0 auto; text-align: left;}
.mbs_inner_b {max-width: 520px; width: 520px; margin:0 auto; text-align: left;}

.sns_login ul li {margin-bottom: 10px;}

.mbs_ui {}
.mbs_ui input[type=text], .mbs_ui input[type=password], .mbs_ui input[type=number], 
.mbs_ui input[type=tel] {display: block; padding:15px 30px; font-size:18px; color:#888; background: #fff; border:0; width: 100%}
.mbs_ui input[type=text]:focus, .mbs_ui input[type=password]:focus, .mbs_ui input[type=number]:focus, 
.mbs_ui input[type=tel]:focus,.mbs_ui input[type=text]:hover, .mbs_ui input[type=password]:hover, .mbs_ui input[type=number]:hover, 
.mbs_ui input[type=tel]:hover {color:#333;}
.mbs_ui ul li {overflow: hidden;}
/*.mbs_ui ul {border:1px solid #b6b6b6;}*/
.mbs_ui input[type=checkbox] {display: none;}
.mbs_ui input[type=checkbox] + label {background: url(../images/member/checkbox.gif) no-repeat 0 0; min-height: 22px; display: inline-block; padding-left: 30px; line-height: 22px; cursor: pointer;}
.mbs_ui input[type=checkbox]:checked + label {background-position: 0 -100px}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb10 {margin-bottom: 10px;}
.pb10 {padding-bottom: 10px;}

.dline {display: block; background: url(../images/member/dline.png) repeat-x 0 20px; height: 60px;}

a.mbs_btn {display: block; text-align: center;height: 56px; line-height: 56px; font-size: 18px;}
a.facebook_login {background: #3e5b94 url(../images/member/facebook.gif) no-repeat 19% 50%; color:#fff;}
a.naver_login {background: #2ec531 url(../images/member/naver.gif) no-repeat 19% 50%; color:#fff;}
a.kakao_login {background: #ffdb3b url(../images/member/kakao.gif) no-repeat 19% 50%; color:#3e2324;}
a.login_btn {background: #405da7; color:#fff;max-width: 310px; margin:30px auto 0;}
a.mbs_sns_btn:hover {opacity: 0.9}
a.login_btn:hover {opacity: 1; background: #2e4787;}

.mbs_subtext ul {text-align: center; padding:60px 0 0;}
.mbs_subtext ul li {background:url(../images/member/bullet_b.png) no-repeat 0 50%; display: inline-block; padding-left: 38px; padding-right: 25px;}
.mbs_subtext ul li:first-child {padding-left: 0; background: none;}
.mbs_subtext ul li:last-child {padding-right: 0;}
.mbs_subtext ul li a {display: block; font-size: 18px;color: #888888}
.mbs_subtext ul li a:hover {text-decoration: underline;}

.agreetext {position: relative; padding-left: 10px}
.agreetext a {color:#415da7; text-decoration: underline; }
.agreetext:before {display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #f7a501; margin-right: 5px; content: ''; clear: both; vertical-align: middle; position: absolute; top:6px; left:0;}

.borbox {border:1px solid #b6b6b6;}
.borbox li {border-bottom:1px solid #e2e2e2;}
.borbox li:last-child {border-bottom: 0}

.mbs_ui input.btnipt {width: 398px; float: left;}
.r_btn {width: 120px; float: right; display: block; text-align: center; color:#fff; background: #656565; padding: 15px 0 15px; font-size: 18px; }
.r_btn:hover {background: #3f3f3f;}
.confirm_btn {}
.confirm_btn.active {background:#f7a501 url(../images/member/chk.gif) no-repeat 13px 50%; text-indent: 20px;}

.mbbox-left {float: left;}
.mbbox-right {float: right;}
.mbbox {max-width: 1200px; margin:0 auto; }
.mbbox .loginbox {width: 580px;}
.mbbox .loginbox .mbs_inner_b {width: 500px;}
.mbbox .loginbox .mbs_inner_b .mbs_ui input.btnipt {width: 368px;}
.member_info {padding-bottom: 110px}
.member_info .loginbox {padding:40px 0 43px; margin:0 auto;}
.member_info > h1 {padding: 70px 0 0; text-align: center; font-size: 32px; color:#222;}
.mem_modi.dline {height: 66px; max-width: 1200px; margin: 0 auto}
.meminfo_box {overflow: hidden; padding-bottom: 30px;}
.mbs_btnarea a.login_btn {margin-top: 0;}

.member_pic {overflow: hidden; padding-bottom: 40px;}
.member_change, .member_img {float: left;}
.member_img {background: #dadada; border:2px solid #bbb; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; }
.member_img img {width:100%;height:100%;}
.member_change {padding:34px 0 0 30px;}
.member_change h3 {font-size:22px; color:#222; padding-bottom: 12px}
.sm_btn_area {font-size: 0;}
.sm_btn {border:1px solid #d9d9d9; color: #666; font-size: 13px; line-height: 30px; height: 30px; text-align: center; width: 55px;display: inline-block; margin-right: 10px;}
.sm_btn:hover {color:#ff9600; border:1px solid #ff9600;}
.noraml_login h3 {font-size:22px; color:#222; padding-bottom: 10px;}

.mb_sns {font-size:0; padding-bottom: 30px;}
.mb_sns li {display: inline-block; font-size: 18px;margin-right: 10px;}
.mb_sns li:last-child {margin-right: 0}
.mb_sns li a {color:#fff; width: 160px; height: 78px; display: block;  text-align: center; line-height: 78px; text-indent: 30px;}
.mb_sns li.facebook a {background: #3e5b94 url(../images/member/facebook.gif) no-repeat 25% 50%; text-indent: 25px;}
.mb_sns li.naver a {background: #2ec531 url(../images/member/naver.gif) no-repeat 30% 50%;}
.mb_sns li.kakao a {background: #ffdb3b url(../images/member/kakao.gif) no-repeat 30% 50%; color:#3e2324;}
.mb_sns li.facebook.sns_off a {background: #656565 url(../images/member/facebook_off.gif) no-repeat 25% 50%; text-indent: 25px;}
.mb_sns li.naver.sns_off a {background: #656565 url(../images/member/naver_off.gif) no-repeat 30% 50%;}
.mb_sns li.kakao.sns_off a {background: #656565 url(../images/member/kakao_off.gif) no-repeat 30% 50%; color:#fff;}
.mb_sns li a:hover {opacity: 0.9}
.mb_sns li.sns_off a {opacity: 0.9}
.mb_sns li.sns_off a:hover {opacity: 1}

.pth3 {margin-top: 30px;}
.mb_chk {overflow: hidden;padding-bottom: 26px;}
.mb_chk li {float: left;padding-bottom: 14px;width: 20%;}
.cam_admin {margin-top: 34px;}

/*서명하기*/
.w_top {background:#f6a600 url(../images/sub/w_bg.jpg) no-repeat 50% 100%; height: 204px; color:#fff; padding-top: 35px;}
.back_btn {display: inline-block; float: right; padding-top: 32px;}
.back_btn a {display: block; width: 260px; height:64px; line-height: 64px; background: #fff url(../images/sub/ar_btn.png) no-repeat 0 0; font-size:18px; color:#222; box-shadow:0 0 10px rgba(0,0,0,0.4); padding-left: 86px; text-align: left; position: relative;}
.back_btn a:before {position: absolute; top:21px; left: 64px; width: 1px; height: 22px; background: #ddd; content: '';}
.back_btn a:hover {background-position: 0 -64px}
.w_top h1 {display: inline-block;  font-size: 40px;}
.w_top h1 img {margin-right: 28px; vertical-align: middle;}
.mbs_title {background: #f4f5f6; color:#888; font-size:18px; padding:15px 10px; width: 120px; border-right: 1px solid #ddd; display: inline-block; text-align: center;}
.mbs_ui .birth_y input, .mbs_ui .birth_m label, .mbs_ui .birth_d input {text-align: left;}
.mbs_ui .birth_y {width: 138px;}
.mbs_ui .birth_m {width: 130px;}
.mbs_ui .birth_d {width: 109px;}
.mbs_ui .birth_y, .mbs_ui .birth_m {border-right: 1px solid #ddd;}
.row {overflow: hidden;}
.row > .col {float: left;}
.c_ipt {width: 258px;}
.in_rd {overflow: hidden;}
.in_rd li {border-bottom: 0;float: left;width: 50%}
.in_rd li input[type=radio] {display: none;}
.in_rd li input[type=radio] + label {display: block; padding:15px 0px; font-size:18px; text-align: left; color:#888; width: 100%; cursor: pointer; text-align: center;}
.in_rd li input[type=radio]:checked + label {background:#f6a600; color:#fff;}
.cselect {display: block; position: relative;}
.cselect > select {opacity: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%; right: 0; bottom:0;}
.cselect > label {font-size:18px; padding:15px 0 15px 30px; display: block; text-align: left; background: url(../images/sub/csel.png) no-repeat 85% 50%}
.f18 {font-size: 18px; letter-spacing: 0em; line-height: 30px}
.h3_sub {color:#666;}
.wordipt {padding:14px 0 30px;}
.wordipt textarea {height: 195px; overflow: hidden; overflow-y:auto;  border:1px solid #b2b2b2; padding:20px 30px; font-size:18px; width: 100%; resize: none;}
.agree_list {padding-bottom: 0px;}
.agree_list ul li {display: block; border-bottom: 0;  background: url(../images/sub/r_btn.png) no-repeat 95% 50%}
.agree_list ul li:hover {background-color: #f6f6f6}
.agree_list ul li a {display: block; padding: 15px 30px; font-size:18px;}
.agree_list ul li a.per01 {border-bottom: 1px solid #b6b6b6; }
.agree_list ul li a.per02 {}
.mifo {min-height: 502px;}

/*팝업아이디패스워드찾기*/
.popup_win {position: fixed; top:50%; left: 50%; width: 600px; margin-top: -263px; margin-left: -300px; background: #f4f5f6; z-index: 9999; text-align: center;}
.popup_win h2 {background: url(../images/sub/p_bg.gif) no-repeat 0 0; padding: 40px 10px; font-size:32px; color:#fff;}
.ov-bg_full {background:#000; opacity: 0.8; filter:alpha(opacity=80); top:0;left:0; right:0; height:100%; z-index:9998; position: fixed; }
.pop_content {padding:30px 40px;}
.pop_content > img {margin-bottom:28px;}
.pop_content p {font-size:18px; color:#222; line-height: 32px; padding-bottom: 18px;}
.pop_content p.pop_footer {color:#ff9600; padding-bottom: 8px; padding-top: 18px;}
.pop_close_btn {position: absolute; top:26px; right: 26px; }

.loginbox .noraml_login {text-align:left;}
.loginbox .noraml_login h3.left {margin-bottom:15px;}

/*반응형*/
@media screen and (max-width: 1220px){
	.mbbox-left, .mbbox-right {float: none}
	.member_info .loginbox.mbbox-right {margin-top: 40px;}
}
@media screen and (max-width:920px){
	.w_top h1 { text-align: center; display: block;}
	.w_top h1 i {display: none;}
	.back_btn {display: block; float: none; padding: 20px 0; text-align: center;}
	.back_btn a {margin:0 auto;}
	.pc-only {display: none;}
	.agreetext {word-break: keep-all;}
}
@media screen and (max-width: 767px){
	/*fontsize*/
	.noraml_login .mbs_ui,a.login_btn, a.mbs_btn, .mbs_ui input[type=text], .mbs_ui input[type=password], .mbs_ui input[type=number], .mbs_ui input[type=tel],
	.noraml_login p.mt10, .r_btn , .agreetext, .mbs_ui input[type=checkbox] + label, .mb_sns li a,
	.mbs_title, .cselect > label, .in_rd li input[type=radio] + label, .h3_sub, .agree_list ul li a, .wordipt textarea {font-size:14px; letter-spacing: -0.05em}
	.noraml_login h3 {font-size:18px;}

	.agreetext {word-break: keep-all; line-height: 1.4; }
	.loginbox, .member_info .loginbox {margin: 34px auto; padding:30px 20px; width: auto;}
	.mbs_inner, .mbs_inner_b, .mbbox .loginbox .mbs_inner_b {width: 100%}
	.mbs_subtext ul {padding-top: 32px}
	.mbs_subtext ul li {padding:0 2px 0 18px;background-size: 8px 8px}
	.mbs_subtext ul li a {font-size: 13px;}
	a.mbs_btn {height:46px; line-height: 46px}
	.dline {height: 40px; background-position: 0 10px;}
	.mbs_ui input[type=text], .mbs_ui input[type=password], .mbs_ui input[type=number], .mbs_ui input[type=tel] {padding:15px;}
	.loginbox > h2 {font-size:24px; padding-bottom: 30px;}
	.member_info > h1 {font-size: 24px; padding:32px 15px 0; word-break: keep-all; }
	.r_btn {padding:16px 0 15px;}
	a.login_btn {margin-top: 15px;}
	.noraml_login p.mt10 {padding-bottom: 10px}
	.mb_chk li {float: none; padding-bottom: 8px; display: inline-block; width: auto; margin-right: 5px; min-width: 60px;}
	.member_info .loginbox.mbbox-right {margin-top: 20px;}
	.mb_sns li a {height: 54px; line-height: 54px;}
	.mb_chk, .noraml_login h3 {padding-bottom: 15px;}
	.member_img {width: 100px; height: 100px;}
	.member_change {padding:18px 0 0 15px;}
	.member_change h3 {padding-bottom: 5px;}
	.sm_btn {margin-right: 5px;}
	.member_pic {padding-bottom: 20px;}
	.dline.mem_modi {height: 20px;}
	.meminfo_box {padding-bottom: 0;}
	.member_info {padding-bottom: 60px;}
	.mbs_btnarea {padding:  0 20px;}
	a.login_btn {width: 100%}
	/*서명참여*/
	.w_top {height:150px; background-size: 250%; padding-top: 30px;}
	.w_top h1 {font-size:24px;}
	.back_btn a {font-size:14px; height:40px; line-height: 40px; background-position: -10px -11px; width: 210px; padding-left: 60px;}
	.back_btn a:hover {background-position: -10px -75px;}
	.back_btn a:before {top:9px; left: 45px;}
	.row .col:first-child {width: 30%}
	.mbs_title {min-width: 72px; width: 100%}
	.mbs_ui .birth_y, .mbs_ui .birth_m, .mbs_ui .birth_d {width: 23%; }
	.mbs_ui .birth_y input , .mbs_ui .birth_d input {padding-left:5px; padding-right: 5px;}
	.mbs_ui .birth_m label, .mbs_ui .birth_y label, .mbs_ui .birth_d label {padding-left: 5px;}
	.addset .c_ipt {width: 40%}
	.addset .col:last-child {width: 30%}
	.addset_sr .col:last-child {width:70% !important;}
	.addset .col .r_btn {width: 100% !important}
	#address2 {width: 100%}
	.seco {width: 70%}
	.mifo {min-height: auto}
	.f18 {line-height: 18px; word-break: keep-all;}
	.wordipt textarea {height: 80px; padding: 10px;}
	.wordipt {padding-bottom: 20px;}
	.agree_list ul li a {padding-left: 10px;}
	.agree_list ul li a img {width: 16px; margin-left: 5px;}
}
@media screen and (max-width: 640px){
	.mbs_ui input[type=checkbox] + label {padding-left: 24px;}
	a.facebook_login, a.naver_login, a.kakao_login {background-position: 10% 50%}
	.loginbox, .member_info .loginbox {margin: 34px 20px;}
	.mbs_ui input.btnipt, .mbbox .loginbox .mbs_inner_b .mbs_ui input.btnipt {width: 70%}
	.r_btn, .mbbox .loginbox .mbs_inner_b .mbs_ui .r_btn {width: 30%; background-size: 15px; background-position: 10px 50%}
	.mb_sns li {width: 32%; margin-right: 2%;}
	.mb_sns li a {height: 70px; line-height: 1.4; padding-top: 44px; background-position: 50% 25% !important; text-indent: 0 !important; width: 100%}
}



/* ===================== */
/* ===== 작성자 :  신령주===== */
/* ===================== */
div.sr_top{overflow:hidden;  margin: 40px 0 30px; background: url(../images/sub/bg_inq.png) no-repeat top center; background-size: cover; text-align: center; padding: 29px 40px;}
div.sr_top>img{float:left;}
ul.sr_li{vertical-align: middle; text-align: left; padding-left:39px;color: #ffffff; font-size: 18px; float:left; margin-top:20px; width:694px;}
ul.sr_li>li{padding: 7px 0; line-height: 1.5; padding-left: 20px; text-indent: -20px; letter-spacing: -0.047em; word-break: keep-all;}
ul.sr_li li:before {content: '';  display: inline-block; vertical-align: middle;  margin-right: 6px; width: 14px;  height: 10px; background: url(../images/sub/bu_white.png) no-repeat; background-size: cover;}
a.sr_req{display:block; width:204px; height:64px; line-height:64px; background:#ffffff url('../images/sub/sr_arr.png') no-repeat 25px center; padding-left:99px; color:#222222; font-size:18px; float:right; box-shadow:0 0 14px rgba(0,0,0,0.3); margin-top:30px; text-align:left;}
a.sr_req:hover{background:#f6f6f6 url('../images/sub/sr_arr_on.jpg') no-repeat 25px center ;}
.tbl_inq td textarea.s_text{height:90px;}
select.sr_sel{ border:1px solid #d6d6d6; box-sizing:border-box; outline: none; -webkit-border-radius: 0; vertical-align:middle; height:50px; line-height:48px; font-size:16px; text-indent:20px; width:224px; color:#666666; cursor:pointer; position:absolute; left:30px; top:20px;}
.tbl_inq td input.input01 {width:224px;}
.tbl_inq td input[type=text].text_cal{width:224px; background:url('../images/sub/big_cal.png') no-repeat 19px center; cursor:pointer; padding-left:50px; font-family: 'NanumSquare';}
.tbl_inq td input[type=text].text_cal_on{background:url('../images/sub/big_cal_on.png') no-repeat 19px center; }
span.mul{margin:0 11px;}
.sr_chk{padding-bottom:0px;}
label.sr_sel{border:1px solid #d6d6d6; box-sizing:border-box; outline: none; -webkit-border-radius: 0; vertical-align:middle; height:50px; line-height:48px; font-size:16px; text-indent:20px; width:224px; color:#666666; cursor:pointer; padding:0px;background: url(../images/sub/csel.png) no-repeat 95% 50%;}
.tbl_inq td.sr_ui{padding-bottom:6px;}

@media screen and (max-width: 1217px){
div.sr_top>img{margin-top:30px;}
ul.sr_li{margin-top:25px;}
}

@media screen and (max-width:1023px){
div.sr_top{padding: 40px 40px;}
div.sr_top>img{float:none; margin-top:0px;}
ul.sr_li{float:none; margin:33px auto 38px; width:100%;}
ul.sr_li>li{padding: 7px 0; line-height: 1.5; padding-left: 20px; text-indent: -20px; letter-spacing: -0.047em; word-break: keep-all;}
a.sr_req{ float:none;  margin:0 auto; text-align:left;}
}

@media screen and (max-width:766px){
div.sr_top{padding:40px 40px;}
div.sr_top>img{float:none; display:block; width:109px; height:73px; margin:0 auto;}
ul.sr_li{padding-left:0px;float:none; margin:20px auto; width:100%;}
ul.sr_li>li{font-size: 13px; padding: 5px 0;padding-left: 14px;  text-indent: -14px;}
a.sr_req{ float:none;  margin:0 auto; text-align:left; width:188px; height:42px; line-height:42px; background:#ffffff url('../images/sub/sr_arr_small.png') no-repeat 15px center; padding-left:89px; font-size:13px;}
a.sr_req:hover{background:#f6f6f6 url('../images/sub/sr_arr_small_on.jpg') no-repeat 15px center ; }	
select.sr_sel{width:100%; height: 30px; line-height: 28px; text-indent:10px; font-size: 13px;}
.tbl_inq td input[type=text].text_cal{width:160px;}
.tbl_inq th.sr_th{padding:18px 16px; line-height:21px; word-break:keep-all;}
.tbl_inq td input[type=text].text_cal{background:url('../images/sub/big_cal.png') no-repeat 12px center; padding-left:39px; background-size:11%;}
.tbl_inq td input[type=text].text_cal_on{background:url('../images/sub/big_cal_on.png') no-repeat 12px center;  background-size:11%;}
.tbl_inq td.sr_ui{padding-bottom:2px;}
select.sr_sel{height:30px; line-height:30px; font-size:13px; text-indent:10px;  left:10px; top:10px; width:244px;}
.tbl_inq td input.input01 {width:244px;}
label.sr_sel{height:30px; line-height:30px; font-size:13px; text-indent:10px; width:244px;}
}

@media screen and (max-width:509px){
.tbl_inq td input[type=text].text_cal02{margin-bottom:5px;}
select.sr_sel{height:30px; line-height:30px; font-size:13px; text-indent:10px;  left:10px; top:10px; width:190px;}
.tbl_inq td input.input01 {width:190px;}
label.sr_sel{height:30px; line-height:30px; font-size:13px; text-indent:10px; width:190px;}
}