@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

/* adm login */
body:has(#mb_login){ background: #fff;}
body:has(#mb_login) input{color: #222 !important;}

.tbl_frm01{margin:0 0 20px;}
.tbl_frm01 table{width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_frm01 th{width:70px; padding:7px 13px; background:#f5f8f9; border:1px solid #e9e9e9; border-left:0; text-align:left;}
.tbl_frm01 td{padding:7px 10px; background:transparent; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input{padding: 10px; background:#fff; border:1px solid #ccc; color:#000; vertical-align:middle;}
.tbl_frm01 textarea{padding:2px 2px 3px;}
.full_input{width:100%;height: 51rem;border-radius: 5rem;border-color: #ddd;font-size: 15rem;padding-left: 12rem;font-family: var(--lang-ko);}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

.mbskin:before, .mbskin:after{box-shadow: none;}

.mbskin{margin: 0 auto 0;border:none;display: flex;height: 100vh;flex-direction: column;justify-content: center;align-items: center;}
#mb_login #login_info{background:none;}
#mb_login #login_info a{font-size:15px;}
input#login_auto_login + label{margin-left:6px; font-weight:600; font-size:14px;}
#login_fs{padding:0px;}

.mbskin .btn_submit{font-size: 17rem;padding: 20rem 0rem;height: auto !important;color: #fff;background: var(--b-01);}
.mbskin h1{font-size:30rem;}


/**************************************************/
/******************* NEED CHECK *******************/
/**************************************************/

/* need check */
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3rem;margin:3px 0;padding:10px 15rem;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}

/* need check */
.form_01 h2{margin: 0 0 24rem;font-size: 20rem;/* border-top: 2px solid #333; *//* text-align: center; */padding: 14rem 0rem;font-weight: bolder;/* border-bottom: 1px dashed #b1b1b1; */color: var(--b-01);display: none;}
.form_01 li{margin: 20rem 0;}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100rem;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* need check */
.required, textarea.required {/* background-image:url('../img/require.png')  !important; *//* background-repeat:no-repeat   !important; *//* background-position:right top  !important; */}

/* .sch_word {color:#00c4ac} */

/* validation */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20rem;font-size:1.3em}
#validation_check p {margin-bottom:20rem;padding:30px 20rem;border:1px solid #e9e9e9;background:#fff}

.sv_wrap{position:relative; font-weight:normal;}
.sv_wrap .sv{display:none; z-index:1000; margin:5px 0 0; background:#333; box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); font-size:0.92em;}
.sv_wrap .sv:before{content:""; position:absolute; top:-6rem; left:15rem; width:0; height:0; border-style:solid; border-width:0 6px 6px 6rem; border-color:transparent transparent #333 transparent;}
.sv_wrap .sv a{display:inline-block; width:100rem; line-height:30rem; margin:0; padding:0  10rem; font-weight:normal; color:#bbb;}
.sv_wrap .sv a:hover{background:#000; color:#fff;}
.sv_member{color:#333;}
.sv_on{display:block !important; position:absolute; top:23rem; left:0rem; width:auto; height:auto;}
.sv_nojs .sv{display:block;}

.cheditor-popup-window *,
.cheditor-popup-window :after,
.cheditor-popup-window :before{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}

#device_change{display:block; margin:0.3em; padding:0.5em 0; background:#fff; border:1px solid #eee; font-size:2em; color:#000; text-align:center; border-radius:2em; text-decoration:none;}

.lang_code{height:34rem; border:none;}

#bo_v_con iframe{width:100% !important;}

.bo_v_com .btn-list{display:none;}

/* adm join */
#scont_wrap2 #scont{padding-top:140rem !important;}

/* custom */
.mbskin{background:transparent;}
.mbskin *{color: #222;}
#mb_login #login_info{border-top: 1px solid #dfdfdf;display: none;}
#mb_login #login_fs .frm_input{margin: 0 0 9rem;background:transparent;font-size: 15rem;min-width: 360rem;padding-left: 14rem;font-family: var(--lang-ko);border-radius: 5rem;}
input#login_pw,
input#login_id{height: 54rem;border:1px solid #ddd;}

#login_password_lost{border-right: 1px solid #e5e5e5;}

.mb_log_cate h2{margin-bottom: 45rem;font-size: 29rem;}

@media (max-width:768px){
	.tbl_head01 thead th{height: 40rem;font-size: 13rem;padding: 0;font-weight: 700;}
}

 /* **************************************** *
 * 로그인 & 회원가입 등
 *********************************************
/* 로그인 */
.mbskin{width:380rem;}
.mb_log_cate h2 strong{display:inline-block; margin-right:5rem;}
.mbskin_box__join{display:block;font-size:15rem;margin-top: 50rem;position: absolute;width: calc(100% - 160rem);bottom: -47rem;}
.mbskin_box__join-wrap *{font-size: 15rem;letter-spacing: -0.5rem;}
.mbskin_box__join-wrap{display:flex;justify-content: flex-end;align-items:center;margin-top: 12rem;}
.mbskin_box__join > a{margin-left:1rem; border-bottom:1px solid; font-weight:700; color:var(--c-01);}

.mbskin_box #logo a,
body:has(.register) #logo a{background-image:url(../img/layout/logo.svg);}
.mbskin_box #logo{display:flex; justify-content:center; align-items:center; position:absolute; position:fixed; top:30rem; left:40rem; text-align:center;}
a.mbskin_box__find{position:relative;}
a.mbskin_box__find::before{content:""; position:absolute; bottom:-1rem; left:0; width:100%; width:0; height:1px; background:#737373; transition:all 0.4s ease;}
#mb_login #login_fs .btn_submit{margin:0 0 20px;border-radius: 5rem;margin-bottom: 0;}
.mb_log_cate #logo,
body:has(.register) #logo{display:flex; justify-content:center; align-items:center; position:relative; top:0; left:0; margin-bottom:50rem;}
.mb_log_cate #logo a{width:216rem;}
.mbskin_box{position:relative; padding:70rem 80rem; border:1px solid #ddd; border-radius:30rem;}
.mbskin_caption,
.mbskin_box__find,
.mbskin_box__join {display: none;}

@media (hover: hover) and (pointer: fine){
	.mbskin_box__join > a:hover{opacity:0.7;}
	.btn_submit:hover{opacity:0.9;background: var(--c-01);}
	a.mbskin_box__find:hover::before{width:100%;}
}

@media (max-width: 540px){
	.mb_log_cate #logo a{width:128rem;}
	.mbskin{width:auto; height:auto; margin:0 30rem; margin-top:23vh;}
	.mbskin_box{width:100%; padding:0; border:none;}
	#mb_login #login_fs .frm_input{margin:0 0 6rem; min-width:auto;}
	#mb_login #login_fs .frm_input{margin:0 0 6rem; padding-left:13rem; font-size:13rem;}
	input#login_pw,	input#login_id{height:50rem;}
	#mb_login #login_fs .btn_submit{padding:20rem 0rem; font-size:14rem;}
	.mbskin_box__join-wrap *{font-size:13rem;}
	.mbskin_box__join{position:fixed; bottom:-47rem; bottom:38rem; width:calc(100% - 60rem); font-size:14rem;}
	.mb_log_cate #logo,
	body:has(.register) #logo{margin-bottom:36rem;}
}

/* 회원가입 인풋 */
input[type="checkbox"].register-check {display: none;}
input[type="checkbox"].register-check + label {font-weight: 600;font-size: 15rem; padding-left: 30rem;position: relative;display: block;color: #888;}
input[type="checkbox"].register-check + label.strong {color: #111;}
input[type="checkbox"].register-check + label::before,
input[type="checkbox"].register-check + label::after{content: "";width: 20rem;height: 20rem;border: 1px solid #c3c3c3;border-radius: 3rem;overflow: hidden;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-repeat: no-repeat;background-size: 11rem;background-position: 50% 50%;}
input[type="checkbox"].register-check + label::before { display: block; background-image: url(../img/common/ic-check.svg);}
input[type="checkbox"].register-check + label::after {display: none;background-image: url(../img/member/ic-check_w.svg);background-color: #303341;border-color: transparent;background-size: 10rem;background-position-y: 47%;}
input[type="checkbox"].register-check:checked + label {color: #111;}
input[type="checkbox"].register-check:checked + label::after {display: block;} 


/* 회원가입 이용약관*/
body:has(.register) :is(#header,#footer){display:none;}
.tooltip{display:none; position:absolute; top:0; left:19rem; width:auto; padding:4rem 7rem; background:#303341; font-size:12rem; color:#fff; white-space:nowrap; border-radius:4rem;}
.tooltip_icon{position:relative; margin-left:2rem;}
.tooltip_icon::after{content:"?"; display:block; display:flex; justify-content:center; align-items:center; width:16rem; height:16rem; margin-left:-3rem; background:#cfd2df; font-size:11rem; color:#fff; border-radius:12rem; align-content:center;}
.tooltip-wrap{display:inline-flex; align-items:center; position:relative; margin-bottom:0 !important;}
.register{margin:0 auto; margin-top:80rem; margin-bottom:80rem; max-width:390rem;}
#fregister p{padding:12rem 17rem; background:#f3f3f3; border:1px solid #FFF; font-size:14rem; color:#3d3d3d; text-align:left; border-radius:6rem;}
.register-caption__icon{display:inline-flex; justify-content:center; align-items:center; width:18rem; height:18rem; margin-right:4rem; background:#303341; font-weight:300; font-size:11rem; color:#fff; text-indent:1rem; border-radius:30rem;}
#fregister h2{background:none; font-weight:600; font-size:15rem; color:var(--b-01);}
#fregister_private table :is(td,th){padding:9rem 8rem; font-size:13rem;}
#fregister #fregister_chkall{position:relative; top:0; right:0; margin-top:18rem; margin-bottom:19rem; padding:0; padding:18rem 20rem; border:1px solid #414141; box-shadow:1rem 5rem 6rem 1rem rgba(0, 0, 0, .06); font-size:15rem; text-align:left; border-radius:5rem;}
#fregister section{margin:10px auto 10rem; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:3px 3px 0 0;}
#fregister #fregister_chkall label{font-weight:600; color:var(--b-01);}
#fregister textarea{font-size:14rem; resize:none;}
:is(#fregister,.register) .btn_confirm .btn_submit{width:100%; height:auto !important; padding:21rem 0rem; font-size:16rem; border-radius:5rem;}
#fregister_private{margin-bottom:0 !important;}
#fregister .fregister_agree{top:24rem; right:5rem; padding:0;}
.register .half_input{width:100%;}
.register_form_inner li label{display:block; margin-bottom:3rem; font-weight:600; font-size:14rem; color:#515151;}
#register_form{padding:0; padding-top:0;}
.register .chk_box input[type="checkbox"]:checked + label span{display:none;}
.register span.chk_li{font-weight:600; font-size:15rem;}
.register .chk_box{display:flex; align-items:center;}
.register .chk_box input[type="checkbox"] + label{padding-top:0rem; padding-left:28rem !important; font-weight:500; font-size:15rem;}
.tbl_frm01:has(#reg_mb_mailling) li.chk_box{margin:0rem 0rem 10rem;}
.register .chk_box input[type="checkbox"] + label:hover{color:#111;}
#fregisterform .captcha{display:flex;}
#fregisterform .form_01 div{margin:0 0 10rem;}
.register #captcha #captcha_info{position:absolute; bottom:-26rem; left:0rem; margin-left:0; font-weight:500; font-size:13rem; color:#d10707; letter-spacing:-0.3rem;}
.register .is_captcha_use > strong{display:block; margin-bottom:7rem;}
.tbl_frm01.tbl_wrap.register_form_inner{margin-bottom:0 !important;}
#reg_result .btn_submit{line-height:normal; margin:0;}
#reg_result .reg_result_p strong{color:var(--c-01);}
#reg_result p{display:inline; line-height:1.6; padding:0rem 30rem; font-size:15rem;}
#reg_result p br{display:none;}
#reg_result .reg_result_p{display:block; margin-bottom:17rem !important; padding:11rem 20rem; border:1px solid #d7d7d7; font-weight:700; font-size:16rem; border-radius:7rem;}
#reg_result p + p{display:block; margin-bottom:9rem !important;}

/* 아이디 비밀번호 찾기 */
#find_info #win_title{display:none; height:auto; line-height:normal; padding:0; background:none; font-weight:800; color:#111;}
.captcha-wrap{padding:14rem 18rem 45rem; background:#f3f3f3; font-size:14rem; color:#3d3d3d; border-radius:5rem;}
#find_info .new_win_con{margin:0 0rem;}
#find_info .new_win_con .captcha-wrap{margin:30rem 0rem 18rem;}
#find_info p{line-height:1.5em; margin-top:13rem; font-size:15rem;}

@media (max-width: 540px){
	.register{margin-top:60rem; margin-right:20rem; margin-bottom:20rem; margin-left:20rem;}
	.register .chk_box input[type="checkbox"] + label{padding-left:25rem !important; font-weight:400; font-size:14rem; letter-spacing:-0.5rem;}
	#fregisterform .form_01 div{margin:0 0 20rem;}
	.tbl_frm01:has(#reg_mb_mailling) li.chk_box{margin:0rem 0rem 5rem;}
	.full_input{height:50rem;}
	input[type="checkbox"].register-check + label{font-size:14rem;}
	#fregister p{font-size:13rem;}
	#fregister #fregister_chkall{margin-bottom:8rem;}
	#fregister h2{font-size:13rem;}
	#captcha #captcha_key{min-height:40rem;}
	#captcha #captcha_mp3,
	#captcha #captcha_reload{background-size:100%; min-width:40rem; min-height:40rem;}
	#captcha #captcha_img{max-height:40rem;}
	.register_form_inner li label{margin-bottom:7rem; font-weight:500; font-size:14rem;}
	#reg_result p{padding:0rem 15rem; font-size:13rem;}
	#reg_result .reg_result_p{font-size:14rem;}
	:is(#fregister,
	#fregisterform,
	#reg_result) .btn_confirm .btn_submit{font-size:15rem;}
}

@media (max-width: 540px){
	#find_info p{font-size:13rem;}
	#find_info .win_btn{position:fixed; bottom:20rem; width:calc(100% - 40rem);}
	#find_info .new_win_con .captcha-wrap{position:fixed; bottom:77rem; width:calc(100% - 40rem); margin:30rem 0rem 18rem;}
	#find_info #mb_email{margin:15rem 0;}
}