@charset "utf-8";



/* 체크박스1 */
.checks {position: relative;}
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip:rect(0,0,0,0); border: 0
}
.checks input[type="checkbox"] + label {
	display: inline-block; vertical-align: top; position: relative;
	padding-left: 25px; /* 글자와 체크박스 사이의 간격을 변경 */
	cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {	/* 가짜 체크박스 */
	content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px;
	width: 18px; height: 18px; line-height: 18px;
	text-align: center;
	background-image: url(/mobile/images/chk_off.png);
	background-repeat: no-repeat;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
}
.checks input[type="checkbox"]:checked + label:before {	/* 체크박스를 체크했을때 */
	background-image: url(/mobile/images/chk_on.png);
}


/* 체크박스2 */
.checks2 {position: relative;}
.checks2 input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip:rect(0,0,0,0); border: 0
}
.checks2 input[type="checkbox"] + label {
	display: inline-block; vertical-align: top; position: relative;
	padding-left: 25px; /* 글자와 체크박스 사이의 간격을 변경 */
	cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.checks2 input[type="checkbox"] + label:before {	/* 가짜 체크박스 */
	content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px;
	width: 20px; height: 20px; line-height: 20px;
	text-align: center;
	background-image: url(/mobile/images/chk2_off.png);
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.checks2 input[type="checkbox"]:checked + label:before {	/* 체크박스를 체크했을때 */
	background-image: url(/mobile/images/chk2_on.png);
}


/* placeholder color setting */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}


/* 20=12, 24=13, 28=15, 32=17, 40=22 */

/* 입력창 디자인 */
.frm_input {
	padding: 0 20px;
	height: 55px; border-radius: 27.5px;
	font-size: 13px !important;
	border: 2px solid #01aeef;
	outline: 0;
}
a.frm_input { display: block; padding: 0 5px; line-height: 51px; text-align: center; }

.container { position: relative; padding: 40px 20px; }

/* 글자크기 */
.font_16 { font-size: 10px !important; }
.font_18 { font-size: 11px !important; }
.font_20 { font-size: 12px !important; }
.font_24 { font-size: 13px !important; }
.font_26 { font-size: 14px !important; }
.font_28 { font-size: 15px !important; }
.font_30 { font-size: 16px !important; }
.font_32 { font-size: 17px !important; }
.font_36 { font-size: 19px !important; }
.font_40 { font-size: 22px !important; }

/* 서브제목 */
.sctt { padding: 20px 0; color: #01aeef; font-weight: 500; letter-spacing: -0.05em; text-align: center; }
.sctt2 { padding: 20px 20px; color: #01aeef; font-weight: bold; letter-spacing: -0.08em; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
box-shadow: 0 1px 5px rgba(0,0,0,0.3); }

/* 기본테이블 */
.sc_table table { width: 100%;border-collapse:collapse;border-spacing:0 }
.sc_table tbody th { width: 30%; padding: 8px 10px; border: 1px solid #ddd; background: #f7f7f7; text-align: left; }
.sc_table tbody td { width: 70%; padding: 8px 10px; border: 1px solid #ddd; text-align: left; }

@media (min-width: 360px) {
	.frm_input { height: 60px; border-radius: 30px; font-size: 14px !important; }
	a.frm_input {  /* padding: 18px 0; */ line-height: 56px; }

	.font_16 { font-size: 11px !important; }
	.font_18 { font-size: 12px !important; }
	.font_20 { font-size: 13px !important; }
	.font_24 { font-size: 14px !important; }
	.font_26 { font-size: 15px !important; }
	.font_28 { font-size: 16px !important; }
	.font_30 { font-size: 17px !important; }
	.font_32 { font-size: 18px !important; }
	.font_36 { font-size: 20px !important; }
	.font_40 { font-size: 23px !important; }

	.sctt { padding: 23px 0; }
	.sctt2 { padding: 23px 20px; }

}
@media (min-width: 400px) {
	.frm_input { height: 65px; border-radius: 32.5px; font-size: 15px !important; }
	a.frm_input { /* padding: 20px 0; */ line-height: 61px; }

	.container { padding: 45px 25px; }

	.font_16 { font-size: 12px !important; }
	.font_18 { font-size: 13px !important; }
	.font_20 { font-size: 14px !important; }
	.font_24 { font-size: 15px !important; }
	.font_26 { font-size: 16px !important; }
	.font_28 { font-size: 17px !important; }
	.font_30 { font-size: 18px !important; }
	.font_32 { font-size: 19px !important; }
	.font_36 { font-size: 21px !important; }
	.font_40 { font-size: 24px !important; }

	.sctt { padding: 25px 0; }
	.sctt2 { padding: 25px 20px; }
}
@media (min-width: 768px) {
	.frm_input { padding: 0 25px; height: 80px; border-radius: 40px; font-size: 20px !important; }
	a.frm_input { /* padding: 25px 0; */ line-height: 76px; }

	.font_16 { font-size: 17px !important; }
	.font_18 { font-size: 18px !important; }
	.font_20 { font-size: 19px !important; }
	.font_24 { font-size: 20px !important; }
	.font_26 { font-size: 21px !important; }
	.font_28 { font-size: 22px !important; }
	.font_30 { font-size: 23px !important; }
	.font_32 { font-size: 24px !important; }
	.font_36 { font-size: 26px !important; }
	.font_40 { font-size: 29px !important; }

	.sctt { padding: 40px 0; }
	.sctt2 { padding: 40px 30px; }
}


/* 메인 */
/*#main_wrap {
	position: relative;
	width: 100%; height: 100vh; padding-top: 58.25px;
	background-image: url(/mobile/images/main_bgbg3.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: cover; background-size: cover;
	text-align: center;
}
#main_wrap .main_category { padding-top: 40px; text-align: left; }
#main_wrap .main_category:after { content: ""; display: block; clear: both; visibility: hidden; }
#main_wrap .main_category ul { float: right; width: 90%; }
#main_wrap .main_category ul > li { position: relative; padding: 20px 0; border-bottom: 2px solid #fff; }
#main_wrap .main_category ul > li:last-child { border-bottom: 0; }
#main_wrap .main_category ul > li:after {
	content: ""; display: block;
	position: absolute; top: 50%; right: 10px;	
	width: 6px; height: 10px; margin-top: -5px;
	background: url(/mobile/images/arrow1.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
#main_wrap .main_category ul > li > a { display: block; }
#main_wrap .main_category .tit { padding-bottom: 5px; font-size: 17px; color: #fff; font-weight: 300; letter-spacing: -0.08em; }
#main_wrap .main_category .txt { padding-bottom: 5px; font-size: 13px; color: #fff; font-weight: 300; letter-spacing: -0.08em; }

#main_wrap .bottom_icon { position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); width: 8.05555555556%; max-width: 50px; }

@media (min-width: 360px) {
	#main_wrap .main_category { padding-top: 50px; }
	#main_wrap .main_category ul { width: 85%; }
}
@media (min-width: 400px) {
	#main_wrap .main_category { padding-top: 60px; }
	#main_wrap .main_category ul { width: 80.55556%; }
	#main_wrap .main_category ul > li { padding: 25px 0; }
	#main_wrap .main_category ul > li:after { right: 15px; }
	#main_wrap .main_category .tit { font-size: 18px; }
	#main_wrap .main_category .txt { font-size: 14px; }
}
@media (min-width: 768px) {
	#main_wrap { padding-top: 78.75px; }
	#main_wrap .main_category { padding-top: 10vh; }
	#main_wrap .main_category ul > li { padding: 35px 0; }
	#main_wrap .main_category ul > li:after { right: 30px; width: 9px; height: 14px; }
	#main_wrap .main_category .tit { font-size: 23px; }
	#main_wrap .main_category .txt { font-size: 19px; }
}
@media (min-width: 320px) and (orientation: landscape) {
	#main_wrap { height: auto; padding-bottom: 200px; background-image: url(/mobile/images/main_bg222.png); }
}
*/

/*#main_wrap2 {
	position: relative;
	width: 100%; height: 100vh; padding-top: 58px;
	background-image: url(/mobile/images/main_bgbg3.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: cover; background-size: cover;
}
#main_wrap2 a { position: absolute; left: 19.44444%; width: 80.55556%; height: 17.8%; background: url(/mobile/images/too_bt.png); }

@media (min-width: 768px) {
	#main_wrap2 { height: auto; padding-top: 79px; }
}

@media (min-width: 320px) and (orientation: landscape) {
	#main_wrap2 { height: auto; background-image: url(/mobile/images/main_bg222.png); }
}
*/

/*
#main_wrap22 {
	position: relative;
	width: 100%; height: 100vh;
	background-image: url(/mobile/images/main2.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: cover; background-size: cover;
}
#main_wrap22 a { position: absolute; left: 18.2%; width: 82%; height: 16.1%; background: url(/mobile/images/too_bt.png); }

@media (min-width: 320px) and (orientation: landscape) {
	#main_wrap22 { height: 1280px; }
}
*/


/* 로그인 */
#mb_login { max-width: 600px; padding: 0 25px; font-size: 15px; }
#mb_login h1 { font-size: 1em; color: #333; margin: 0; }
#flogin { padding: 25px 0 20px; margin: 0; border-bottom: 0; }
#mb_login .frm_input { margin: 15px 0; }
#mb_login .btn_submit { height: 55px; border-radius: 27.5px; margin: 25px 0 10px; font-size: 13px; }
#login_frm:after {content:"";display:block;clear:both;visibility:hidden;}
#login_frm > div { font-size: 13px; }
#login_frm .checks label { color: #333; font-weight: 300; letter-spacing: -0.08em; }
#login_frm .idpw_lost a { color: #333; font-weight: 300; letter-spacing: -0.08em; }
#login_frm .idpw_lost a:first-child:after { content: '|'; margin: 0 3px 0 6px; }
#mb_login .mb_login_join2 { margin-top: 30px; }
#mb_login .mb_login_join2 > p { font-size: 13px; color: #b2b2b2; font-weight: 300; line-height: 1.333em; border-bottom: 0;  }
#mb_login .mb_login_join2 > a {
	display: block; height: 55px; line-height: 55px; border-radius: 27.5px;
	font-size: 13px; color: #333; font-weight: 300; letter-spacing: -0.08em;
	background: #999;
	text-align: center;
}

@media (min-width: 360px) {
	#mb_login { padding: 10px 30px; font-size: 16px; }
	#flogin { padding: 30px 0 20px; }
	#login_frm > div { font-size: 14px; }
	#mb_login .frm_input { margin: 17px 0; }
	#mb_login .btn_submit { height: 60px; border-radius: 30px; margin: 30px 0 10px; font-size: 14px; }
	#mb_login .mb_login_join2 > p { font-size: 14px; }
	#mb_login .mb_login_join2 > a { font-size: 14px; height: 60px; line-height: 60px; border-radius: 30px; }
}
@media (min-width: 400px) {
	#mb_login { padding: 15px 35px; font-size: 17px; }
	#flogin { padding: 35px 0 30px; }
	#login_frm > div { font-size: 15px; }
	#mb_login .frm_input { margin: 20px 0; }
	#mb_login .btn_submit { height: 65px; border-radius: 32.5px; margin: 40px 0 10px; font-size: 15px; }
	#mb_login .mb_login_join2 { margin-top: 40px; }
	#mb_login .mb_login_join2 > p { font-size: 15px; }
	#mb_login .mb_login_join2 > a { font-size: 15px; height: 65px; line-height: 65px; border-radius: 32.5px; } 
}
@media (min-width: 768px) {
	#mb_login { padding: 20px 35px; font-size: 22px; }
	#flogin { padding: 40px 0; }
	#login_frm > div { font-size: 20px; }
	#mb_login .btn_submit { height: 80px; border-radius: 40px; font-size: 20px; }
	#mb_login .mb_login_join2 > p { font-size: 20px; }
	#mb_login .mb_login_join2 > a { font-size: 20px; height: 80px; line-height: 80px; border-radius: 40px; } 
}


/* 회원가입 약관 */
.register_div { padding: 0 25px; margin-bottom: 50px; font-size: 15px;  }
.register_div h1 { padding: 40px 0 20px; font-size: 1em; color: #333; margin: 0; text-align: center; }
.register_div label { font-size: 13px; color: #333; font-weight: 300; letter-spacing: -0.08em; }
.register_div label span { color: #01adef; font-weight: 500; }
#fregister .chk_all { margin-bottom: 20px; }
#fregister section { margin: 0; border: 0; box-shadow: none; }
#fregister h2 { position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;border: 0;padding: 0; }
.fregister_agree { border: 0; padding: 0; line-height: normal; font-size: 1em; }
#fregister textarea {
	display: block;
    padding: 5px; margin: 10px 0 25px; height: 200px;
    font-size: 12px; color: #333; font-weight: 300; letter-spacing: -0.08em;
	border: 2px solid #01aeef; border-radius: 8px;
}
.register_div .submit_btn { padding-top: 10px; text-align: center; }
.register_div .submit_btn:after { content: ""; display: block; clear: both; visibility: hidden; }
.register_div .submit_btn button {
	display: block; width: 49%; height: 55px;
	font-size: 1em; color: #01adef; font-weight: 300; letter-spacing: -0.08em;
	border: 2px solid #01adef;
	border-radius: 2px; border-radius: 7px;
	background: #fff;	
}
.register_div .submit_btn button.on { color: #fff; background: #01adef; }

@media (min-width: 360px) {
	.register_div { padding: 10px 30px; font-size: 16px; }
	.register_div label { font-size: 14px; }
	.register_div .submit_btn button { height: 60px; }
	#fregister textarea { font-size: 13px; }
}
@media (min-width: 400px) {
	.register_div { padding: 15px 35px; font-size: 17px;}
	.register_div h1 { padding-bottom: 25px; }
	.register_div label { font-size: 15px; }
	.register_div .submit_btn button { height: 65px; }
	#fregister textarea { font-size: 14px; }
}
@media (min-width: 768px) {
	.register_div { padding: 20px 35px;font-size: 22px; }
	.register_div label { font-size: 20px; }
	#fregister textarea { font-size: 19px; height: 250px; }
	.register_div .submit_btn button { height: 70px; }
}
@media screen and (max-height: 500px) {
	.register_div { font-size: 20px; }
}


/* 회원가입 입력 */
.registerform_div { padding: 0 25px; font-size: 15px; }
.registerform_div h1 { padding: 40px 0 20px; font-size: 1em; color: #333; letter-spacing: -0.08em; margin: 0; text-align: center; }
.registerform_div li > label { font-size: 13px; color: #333; font-weight: 300; letter-spacing: -0.08em; }
.registerform_div .form_01 { margin: 0; }
.registerform_div .frm_input { margin: 12px 0 15px; font-size: 13px; color: #333; font-weight: 300; }

#file_text, #reg_mb_hp, #cert_number { display: inline-block; float: left; width: 57%; }
.registerform_div .frm_btn {
	display: inline-block; float: right;
	width: 40%;	height: 55px; line-height: 55px; border-radius: 27.5px;
	margin: 12px 0 15px;
    font-size: 13px; color: #fff; font-weight: 300;
	background: #01aeef; border: 0;
	text-align: center;
}

.birth_sel_div { position: relative; width: 100%; }
.birth_sel_div:after { content: ""; display: block; clear: both; visibility: hidden; }
.birth_sel_div > span { display: inline-block; float: left; width: 33.333333%; height: 20px; margin: 10px 0; border-left: 1px solid #ccc; }
.birth_sel_div > span:first-child { border-left: 0; }
.birth_sel_div > span > select {
	display: block; width: 100%; height: 100%;	
	font-size: 1em; color: #333; font-weight: 300;
	background-color: #fff; border: 0; -ms-text-align-last: center;	text-align-last: center;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.birth_sel_div > span > select::-ms-expand {display: none;}

.mb_sex_div { position: relative; }
.mb_sex_div:after {
	content: ""; display: block;
	position: absolute; top: 50%; right: 5.74%; width: 12px; height: 6px;
    margin-top: -3px;
    background-image: url(/mobile/images/arr2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.mb_sex_div select {
	-ms-text-align-last: center; text-align-last: center;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-color: #fff;
}

.mb_form_btn .btn_submit {
	display: block; width: 100%; height: 55px;
	font-size: 17px; color: #fff; font-weight: 300; letter-spacing: 0.08em;
	background: #01aeef; text-align: center;
}

.help { position: relative; top: -10px; display: block; color: #ef0000; font-size: 0.75em; }
.ok {
	background-image: url(/mobile/images/check-solid.svg);
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16" role="img" viewBox="0 0 512 512"><path fill="green" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 20px 20px; background-size: 20px 20px;
}
.nok {
	background-image: url(/mobile/images/times-solid.svg);
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" viewBox="0 0 352 512"><path fill="red" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 20px 20px; background-size: 20px 20px;
}

#chk_timer { display: none; color: #ef0000; }

@media (min-width: 360px) {
	.registerform_div { padding: 10px 30px; font-size: 16px; }
	.registerform_div li > label { font-size: 14px; }
	.registerform_div .frm_btn { font-size: 14px; height: 60px; line-height: 60px; border-radius: 30px; }
	.birth_sel_div > span { height: 25px; }
	.mb_form_btn .btn_submit { font-size: 18px; height: 60px; }
}
@media (min-width: 400px) {
	.registerform_div { padding: 15px 35px; font-size: 17px; }
	.registerform_div h1 { padding-bottom: 25px; }
	.registerform_div li > label { font-size: 15px; }
	.registerform_div .frm_btn { font-size: 15px; height: 65px; line-height: 65px; border-radius: 32.5px; }
	.birth_sel_div > span { margin: 12.5px 0; }
	.mb_form_btn .btn_submit { font-size: 19px; height: 65px; }
}
@media (min-width: 768px) {
	.registerform_div { padding: 20px 55px; font-size: 22px; }
	.registerform_div li > label { font-size: 20px; }
	.registerform_div .frm_btn { font-size: 20px; height: 80px; line-height: 80px; border-radius: 40px; }
	.birth_sel_div > span { height: 33px; margin: 15px 0; }
	.mb_form_btn .btn_submit { font-size: 24px; height: 80px; }

	.ok, .nok { background-position: right 30px center; -webkit-background-size: 30px 30px; background-size: 30px 30px; }
}


/* 회원가입 결과 */
#reg_result { padding: 100px 0 10px; text-align: center; }
#reg_result .reg_result_wr { padding: 0; }
#reg_result .reg_result_logo img { width: 11.66667%; max-width: 84px; }
#reg_result p { font-size: 17px; color: #333; font-weight: 300; letter-spacing: -0.08em; line-height: 1.313em; }
#reg_result .reg_cong2 { margin: 20px 0 45px; }
#reg_result .btn_confirm { padding: 0 25px; font-size: 15px; }
#reg_result .btn_confirm a {
	display: block; width: 100%; height: 55px; line-height: 51px;
    font-size: 0.857em; color: #01aeef;font-weight: 300;letter-spacing: -0.08em;
    background: #fff; border: 2px solid #01aeef; border-radius: 27.5px;
	text-align: center;
}

@media (min-width: 360px) {
	#reg_result p { font-size: 18px; }
	#reg_result .btn_confirm { padding: 0 30px; font-size: 16px; }
	#reg_result .btn_confirm a { height: 60px; line-height: 56px; border-radius: 30px; }
}
@media (min-width: 400px) {
	#reg_result p { font-size: 19px; }
	#reg_result .btn_confirm { padding: 0 35px; font-size: 17px; }
	#reg_result .btn_confirm a { height: 65px; line-height: 61px; border-radius: 32.5px; }
}
@media (min-width: 768px) {
	#reg_result { padding-top: 150px; }
	#reg_result p { font-size: 24px; }
	#reg_result .reg_cong2 { margin: 35px 0 70px; }
	#reg_result .btn_confirm { font-size: 22px; }
	#reg_result .btn_confirm a { height: 80px; line-height: 76px; border-radius: 40px; }
}


/* 알려주세요 질문유형 선택 */
#qa_type_select { position: relative; }
.intro_text { padding: 40px 25px 25px; border-bottom: 1px solid #e5e5e5; }
.intro_text p { color: #01aeef; font-weight: 300; letter-spacing: -0.08em; line-height: 1.571em; }
#qa_type_select .main_text { padding: 40px 25px ; }
#qa_type_select .main_text p { color: #333; font-weight: 300; letter-spacing: -0.08em; line-height: 1.833em; -ms-word-break: keep-all; word-break: keep-all; }


.bottom_btn {
	display: block; width: 100%; height: 55px; line-height: 53px;vertical-align: top;
	color: #333; font-weight: 300; letter-spacing: -0.08em;	
	border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
	background: #fff; cursor: pointer;
	text-align: center;
}
.bottom_btn.on { color: #fff; background: #01aeef; }

#qa_type_select .bottom_btn { width: 50%; float: left; }

@media (min-width: 360px) {
	.intro_text { padding: 40px 30px 30px; }
	#qa_type_select .main_text { padding: 40px 30px ; }
	.bottom_btn { height: 60px; line-height: 58px; }
}
@media (min-width: 400px) {
	.intro_text { padding: 40px 35px 35px; }
	#qa_type_select .main_text { padding: 40px 35px ; }
	.bottom_btn { height: 65px; line-height: 63px; }
}
@media (min-width: 768px) {
	.intro_text { padding: 45px 40px; border-bottom: 1px solid #e5e5e5; }
	#qa_type_select .main_text { padding: 45px 40px ; }
	.bottom_btn { height: 80px; line-height: 78px; }
}
@media (min-width: 320px) and (orientation: landscape) {
	#qa_type_select .main_text { padding: 45px 40px 100px; }
}


/* 카테고리 검색 */
.sch_div #sch_submit { position: absolute; top: 50%; right: 20px; transform: translateY(-50%);/* margin-top: -12.5px; */ z-index: 10; }
.sch_div #sch_submit img { height: 25px; }

.category_name { padding-left: 0 !important; padding-right: 0 !important; }
.category_name h2 { padding: 0 20px; color: #333; font-weight: 300; letter-spacing: -0.08em; }
.category_name ul > li { border-top: 1px solid #eaeaea; text-align: center;}
.category_name ul > li:first-child { border-top: 0; }
.category_name ul > li > a { display: block; padding: 35px 0; font-size: 17px; color: #008ce5; font-weight: bold; letter-spacing: -0.08em; }
.category_name .bottom_icon { padding-top: 20px; text-align: center; }
.category_name .bottom_icon img { width: 7.916667%; max-width: 50px; }

@media (min-width: 360px) {
	.category_name ul > li > a { font-size: 18px; }
}
@media (min-width: 400px) {
	.sch_div #sch_submit { right: 25px; }
	.category_name h2 { padding: 0 25px; }
	.category_name ul > li > a { font-size: 19px; padding: 40px 0; }
}
@media (min-width: 768px) {
	.category_name ul > li > a { font-size: 24px; }
}


/* 1차, 2차 카테고리 선택 */
.ca_sel_div { padding: 20px 25px; letter-spacing: -0.08em; }
.ca_sel_div h2 { color: #333; font-weight: 300; }
.ca_sel_div > div > div { position: relative; margin: 20px 0; }
.ca_sel_div label {
	display: block;
	padding-top: 0; padding-bottom: 0; line-height: 50px;
	font-size: inherit !important; color: #01aeef; font-weight: 300;
	text-align: center;
}
.ca_sel_div label.active { color: #fff; background: #01aeef; }

@media (min-width: 360px) {
	.ca_sel_div { padding: 20px 30px; }
	.ca_sel_div label { line-height: 55px; }
}
@media (min-width: 400px) {
	.ca_sel_div { padding: 20px 35px 30px; }
	.ca_sel_div > div > div { margin: 25px 0; }
	.ca_sel_div label { line-height: 60px; }
}
@media (min-width: 768px) {
	.ca_sel_div { padding: 30px 40px 40px; }
	.ca_sel_div > div > div { margin: 30px 0; }
	.ca_sel_div label { line-height: 75px; }
}


/* 3차 카테고리 선택 */
#category_select { position: relative; max-width: 520px; margin: 0 auto; padding: 70px 20px 100px; }
#category_select .bo_category { padding: 0 5px 30px; color: #01aeef; font-weight: 300;  letter-spacing: -0.08em; }
#category_select .bo_category img { margin: -3.5px 5px 0; height: 8px; }
#category_select .cate_3_list { display: flex;  flex-wrap: wrap; }
#category_select .cate_3_list li { margin: 6px 3px; padding: 0; text-align: center; }
#category_select .cate_3_list li a { display: block; padding: 10px 8px; }
#category_select .cate_3_list .p1 { font-size: 1em; color: #01aeef; font-weight: 500; line-height: 1.25em; letter-spacing: -0.08em; }
#category_select .cate_3_list .p2 { font-size: 1em; color: #999; font-weight: 300; line-height: 1.25em; letter-spacing: -0.03em; }

#category_select .cate_3_list li.w1 { flex-grow: 1; min-width: 50px; }
#category_select .cate_3_list li.w2 { flex-grow: 2; min-width: 70px; }
#category_select .cate_3_list li.w3 { flex-grow: 3; min-width: 90px; }

.empty_list { width: 100%; font-size: 15px; }

@media (min-width: 360px) {
	#category_select { padding: 75px 25px 105px; }
	#category_select .bo_category { padding: 0 5px 35px; }
	#category_select .cate_3_list li a { padding: 12px 8px; }
	#category_select .cate_3_list li.w1 { min-width: 65px; }
	#category_select .cate_3_list li.w2 { min-width: 90px; }
	#category_select .cate_3_list li.w3 { min-width: 115px; }
}
@media (min-width: 400px) {
	#category_select { padding: 80px 30px 110px; }
	#category_select .cate_3_list li a { padding: 13px 8px; }

	#category_select .cate_3_list li.w1 { min-width: 70px; }
	#category_select .cate_3_list li.w2 { min-width: 95px; }
	#category_select .cate_3_list li.w3 { min-width: 120px; }
}
@media (min-width: 768px) {
	#category_select { padding: 100px 40px 150px; }
	#category_select .bo_category { padding: 0 10px 45px; }
	#category_select .cate_3_list li { margin: 8px 5px; }
	#category_select .cate_3_list li a { padding: 15px 8px; }

	#category_select .cate_3_list li.w1 { min-width: 100px; }
	#category_select .cate_3_list li.w2 { min-width: 125px; }
	#category_select .cate_3_list li.w3 { min-width: 150px; }
}


/* 상담신청 분류 선택 */
#sangdam_ca_select { position: relative; max-width: 800px; padding: 0 25px; margin: 40px auto 60px; }
#sangdam_ca_select .intro_text2 { margin-bottom: 25px; color: #333; font-weight: 300; letter-spacing: -0.08em; }
#sangdam_ca_select .btn_div { padding: 15px 0; }
#sangdam_ca_select .btn_div a { color: #01aeef; font-weight: 300; letter-spacing: -0.08em; }
#sangdam_ca_select .btn_div a.red_btn {  color: #ed1c24; border-color: #ed1c24; }

@media (min-width: 360px) {
	#sangdam_ca_select { padding: 0 30px; }
	#sangdam_ca_select .btn_div { padding: 18px 0; }
}
@media (min-width: 400px) {
	#sangdam_ca_select { padding: 0 35px; margin-bottom: 70px; }
}
@media (min-width: 768px) {
	#sangdam_ca_select { padding: 0 55px; margin-top: 60px; margin-bottom: 100px; }
	#sangdam_ca_select .intro_text2 { margin-bottom: 40px; -ms-word-break: keep-all; word-break: keep-all; }
	#sangdam_ca_select .intro_text2 br { display: none; }
	#sangdam_ca_select .btn_div { padding: 25px 0; }
}

@media (min-width: 320px) and (orientation: landscape) {
	#sangdam_ca_select .intro_text2 { -ms-word-break: keep-all; word-break: keep-all; }
	#sangdam_ca_select .intro_text2 br { display: none; }
}


/* 전문가질문 분류 선택 */
#expert_ca_select { position: relative; max-width: 800px; padding: 0 25px; margin: 40px auto 60px; }
#expert_ca_select:after { content: ""; display: block; clear: both; visibility: hidden; }
#expert_ca_select .intro_text2 { margin-bottom: 25px; color: #333; font-weight: 300; letter-spacing: -0.08em; }
#expert_ca_select .btn_div_wrap { margin: 0 -10px; }
#expert_ca_select .btn_div { float: left; width: 50%; padding: 10px; }
#expert_ca_select .btn_div a { color: #01aeef; font-weight: 300; letter-spacing: -0.08em; }
#expert_ca_select .btn_div a.red_btn {  color: #ed1c24; border-color: #ed1c24; }

@media (min-width: 360px) {
	#expert_ca_select { padding: 0 30px; }	
}
@media (min-width: 400px) {
	#expert_ca_select { padding: 0 35px; margin-bottom: 70px; }
	#expert_ca_select .btn_div { padding: 15px; }
}
@media (min-width: 768px) {
	#expert_ca_select { padding: 0 55px; margin-top: 60px; margin-bottom: 100px; }
	#expert_ca_select .intro_text2 { margin-bottom: 40px; -ms-word-break: keep-all; word-break: keep-all; }
	#expert_ca_select .intro_text2 br { display: none; }
	#expert_ca_select .btn_div_wrap { margin: 0 -15px; }
	#expert_ca_select .btn_div { padding: 20px; }
}

@media (min-width: 320px) and (orientation: landscape) {
	#expert_ca_select .intro_text2 { -ms-word-break: keep-all; word-break: keep-all; }
	#expert_ca_select .intro_text2 br { display: none; }
}


/* 회원 탈퇴 */
#mb_leave { position: relative; }
#mb_leave .intro_text { padding: 20px 15px; }
#mb_leave .intro_text p { font-weight: bold; line-height: normal; }
#mb_leave .main_text { padding: 40px 15px 90px; }
#mb_leave .main_text p { color: #333; font-weight: 300; letter-spacing: -0.08em; line-height: 1.833em; -ms-word-break: keep-all; word-break: keep-all; }

.bottom_btn_div { position: fixed; bottom: 0; left: 0; width: 100%; }
#mb_leave .bottom_btn { width: 50%; float: left; border-left: 0; border-right: 0; border-bottom: 0; }
#mb_leave .bottom_btn.on { color: #fff; background: #333; }

#confirm_pp_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0 25px; background: rgba(0,0,0,0.5); z-index: 9999; }
#confirm_pp_wrap .confirm_pp { position: relative; top: 50%; transform: translateY(-50%); max-width: 600px; margin: 0 auto; background: #fff; }
#confirm_pp_wrap .confirm_msg { padding: 40px 15px; color: #333; font-weight: 300; letter-spacing: -0.08em; text-align: center; }
#confirm_pp_wrap .confirm_btn:after { content: ""; display: block; clear: both; visibility: hidden; }

@media (min-width: 360px) {
	#mb_leave .intro_text { padding: 25px 20px; }
	#mb_leave .main_text { padding: 50px 20px 140px; }

	#confirm_pp_wrap { padding: 0 30px; }
	#confirm_pp_wrap .confirm_msg { padding: 45px 15px; }
}
@media (min-width: 400px) {
	#mb_leave .intro_text { padding: 30px 25px; }
	#mb_leave .main_text { padding: 60px 25px 150px; }

	#confirm_pp_wrap { padding: 0 35px; }
	#confirm_pp_wrap .confirm_msg { padding: 50px 20px; }
}
@media (min-width: 768px) {
	#mb_leave .intro_text { padding: 40px 35px; }
	#mb_leave .main_text { padding: 80px 40px 200px; }

	#confirm_pp_wrap { padding: 0 55px; }
	#confirm_pp_wrap .confirm_msg { padding: 70px 25px; }
}
@media (min-width: 320px) and (orientation: landscape) {
	.bottom_btn_div { position: relative; bottom: auto; left: auto; }
}

/* 콘텐츠 */
#content_wrap { position: relative; }
#content_wrap .intro_text { padding: 20px 15px; }
#content_wrap .intro_text p { font-weight: bold; line-height: normal; }
#content_wrap .main_text { padding: 40px 15px 90px; }
#content_wrap .main_text p { color: #333; font-weight: 300; letter-spacing: -0.08em; line-height: 1.833em; -ms-word-break: keep-all; word-break: keep-all; }

.today_btn { width: 50%; float: left; border-left: 0; border-right: 1px solid #e5e5e5; border-bottom: 0; }
.close_btn { width: 50%; float: left; border-left: 0; border-right: 0; border-bottom: 0; }

@media (min-width: 360px) {
	#content_wrap .intro_text { padding: 25px 20px; }
	#content_wrap .main_text { padding: 50px 20px 140px; }
}
@media (min-width: 400px) {
	#content_wrap .intro_text { padding: 30px 25px; }
	#content_wrap .main_text { padding: 60px 25px 150px; }
}
@media (min-width: 768px) {
	#content_wrap .intro_text { padding: 40px 35px; }
	#content_wrap .main_text { padding: 80px 40px 200px; }
}



/* 케이스 팝업 */
.case_pp_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0 25px; z-index: 9999; }
.case_pp_wrap .case_pp { position: relative; top: 50%; transform: translateY(-50%); max-width: 600px; margin: 0 auto; background: #fff; z-index: 9999; }
.case_pp_wrap .case_tit { display: block; padding: 15px 20px; color: #fff; font-weight: bold; letter-spacing: -0.08em; background: #01aeef; }
.case_pp_wrap .case_text { padding: 20px 20px 15px; color: #333; font-weight: 300; letter-spacing: -0.05em; line-height: 1.5em; max-height: 400px; overflow-y: auto;}
.case_pp_wrap .case_ok { padding: 15px 20px; text-align: right;  }
.case_pp_wrap .case_ok a { color: #01aeef; font-weight: bold; letter-spacing: -0.08em; }
.case_pp_wrap .case_pp_bgbg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9900; }

@media (min-width: 360px) {
	.case_pp_wrap { padding: 0 30px; }
	.case_pp_wrap .case_tit { padding: 18px 23px; }
	.case_pp_wrap .case_text { padding: 23px 23px 18px; max-height: 450px; }
	.case_pp_wrap .case_ok { padding: 15px 23px 18px;  }
}
@media (min-width: 400px) {
	.case_pp_wrap { padding: 0 35px; }
	.case_pp_wrap .case_tit { padding: 20px 25px; }
	.case_pp_wrap .case_text { padding: 25px 25px 20px; /* max-height: 100%;  */ }
	.case_pp_wrap .case_ok { padding: 15px 25px 20px; }
}
@media (min-width: 768px) {
	.case_pp_wrap { padding: 0 55px; }
	.case_pp_wrap .case_tit { padding: 30px 35px; }
	.case_pp_wrap .case_text { padding: 35px 35px 30px; }
	.case_pp_wrap .case_ok { padding: 20px 35px 30px; }
}
@media (min-width: 320px) and (orientation: landscape) {
	.case_pp_wrap { /* position: absolute; */  padding: 1.5em 35px; }
	.case_pp_wrap .case_pp { top: 0; transform: translateY(0); max-height: 100%; overflow-y: auto; }
	.case_pp_wrap .case_text { max-height: inherit; overflow-y: hidden; }
}

.slbContent {
  /*-webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;*/
  background-color: #fff;
  box-shadow: 0 0.2em 1.3em rgba(0, 0, 0, 0.4);
}

@-webkit-keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -60%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0);
  }
}

@-moz-keyframes slbEnter {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -60%, 0);
  }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, -50%, 0);
  }
}

@keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -60%, 0);
    -moz-transform: translate3d(0, -60%, 0);
    -ms-transform: translate3d(0, -60%, 0);
    -o-transform: translate3d(0, -60%, 0);
    transform: translate3d(0, -60%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}


.c_icon_secret { margin-top: -2.3px; height: 13px; }

@media (min-width: 360px) {
	.c_icon_secret { height: 14px; }
}
@media (min-width: 768px) {
	.c_icon_secret { margin-top: -1.6px; height: 16px; }
}



#reward_view {
	position: relative;	
	width: 94%; margin: 20px auto;
	color: #333; font-weight: normal; letter-spacing: -0.08em;
	overflow: hidden;
}
#reward_view .reward_category {
	position: relative; width: 110px;
	background: #fff; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
	text-align: right;
	z-index: 10;
}
#reward_view .reward_category .title {
	position: relative;
	height: 50px; padding: 5px 10px;
	border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
	background: #fff;
}
#reward_view .reward_category .reward_ca_list { padding: 5px 0; }
#reward_view .reward_category .reward_ca_list li { padding: 5px 10px 5px 0; white-space: nowrap; }

#reward_tableWrap {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
}
#reward_tableWrap .reward_table { position: relative; padding-left: 110px; width: 100%; min-height: .01%; overflow: auto; }
#reward_tableWrap .reward_thead { position: relative; background: #fff; }
#reward_tableWrap .reward_thead ul { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; width: max-content; height: 50px; padding: 5px; }
#reward_tableWrap .reward_thead ul:after { content: ""; display: block; clear: both; visibility: hidden; }
#reward_tableWrap .reward_thead li { float: left; width: 85px; text-align: center; }
#reward_tableWrap .reward_thead li a { display: inline-block; vertical-align: top; margin-top: 2px; color: #01aeef; }

#reward_tableWrap .reward_tbody { width: max-content; padding: 5px; border-bottom: 1px solid #e6e6e6; }
#reward_tableWrap .reward_tbody:after { content: ""; display: block; clear: both; visibility: hidden; }
#reward_tableWrap .reward_tbody ul { float: left; width: 85px; text-align: center; }
#reward_tableWrap .reward_tbody li { display: block; padding: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#reward_view.fix { margin-top: 50px; }
#reward_view.fix .reward_category .title { position: fixed; top: 0; width: 110px; border-right: 1px solid #e6e6e6; }
#reward_view.fix #reward_tableWrap .reward_thead {
	position: fixed; top: 0; left: 3%; width: 94%; padding-left: 110px;
	overflow-y: hidden; overflow-x: auto;
}
#reward_view.fix #reward_tableWrap .reward_thead::-webkit-scrollbar{width: 0;height: 0;border: 0;}
#reward_view.fix #reward_tableWrap .reward_thead::-webkit-scrollbar-button:start:decrement, 
#reward_view.fix #reward_tableWrap .reward_thead::-webkit-scrollbar-button:end:increment { width:0;height: 0; }

@media (min-width: 360px) {
	#reward_view .reward_category { width: 120px; }
	#reward_view .reward_category .title { height: 52px; }

	#reward_tableWrap .reward_table { padding-left: 120px; }
	#reward_tableWrap .reward_thead ul { height: 52px; }
	#reward_tableWrap .reward_thead li { width: 90px; }
	#reward_tableWrap .reward_tbody ul { width: 90px; }

	#reward_view.fix { margin-top: 52px; }
	#reward_view.fix .reward_category .title { width: 120px; }
	#reward_view.fix #reward_tableWrap .reward_thead { padding-left: 120px; }
}
@media (min-width: 400px) {
	#reward_view .reward_category { width: 135px; }
	#reward_view .reward_category .title { height: 54px; }	

	#reward_tableWrap .reward_table { padding-left: 135px; }
	#reward_tableWrap .reward_thead ul { height: 54px; }
	#reward_tableWrap .reward_thead li { width: 100px; }
	#reward_tableWrap .reward_tbody ul { width: 100px; }

	#reward_view.fix { margin-top: 54px; }
	#reward_view.fix .reward_category .title { width: 135px; }
	#reward_view.fix #reward_tableWrap .reward_thead { padding-left: 135px; }
}
@media (min-width: 768px) {
	#reward_view .reward_category { width: 200px; }
	#reward_view .reward_category .title { height: 80px; padding: 10px 15px; }
	#reward_view .reward_category .reward_ca_list { padding: 10px 0; }
	#reward_view .reward_category .reward_ca_list li { padding: 10px 15px 10px 0; white-space: nowrap; }

	#reward_tableWrap .reward_table { padding-left: 200px; }
	#reward_tableWrap .reward_thead ul { height: 80px; padding: 10px; }
	#reward_tableWrap .reward_thead li { width: 160px; }
	#reward_tableWrap .reward_tbody { padding: 10px; }
	#reward_tableWrap .reward_tbody ul { width: 160px; }
	#reward_tableWrap .reward_tbody li { padding: 10px; }

	#reward_view.fix { margin-top: 80px; }
	#reward_view.fix .reward_category .title { width: 200px; }
	#reward_view.fix #reward_tableWrap .reward_thead { padding-left: 200px; }
}