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

/* === 회원스킨 베이스 === */
.mbskin{position:relative; text-align:center;}
.mbskin .frm_input{width:100%;}
.mbskin .btn_submit{width:100%; margin:10rem 0 0; font-weight:bold;}
.mbskin h1{margin:60rem 0 30rem;}
.mbskin .tbl_frm01 th{width:85rem;}
#fregister p{margin:0 0 5rem;}
#fregister section{border:1px solid #dbdbdb; position:relative;}
#fregister_chkall{text-align:right;}
#fregister h2{text-align:left; padding:15rem 20rem; border-bottom:1px solid #dbdbdb;}
#fregister textarea{display:block; padding:20rem; width:100%; height:150rem; background:#fff; border:0; line-height:1.6em;}
#fregister .fregister_agree{position:absolute;}
#fregister_private div{padding:20rem; background:#fff;}
#fregister_private table{width:100%; border-collapse:collapse;}
#fregister_private table caption{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#fregister_private table th{background:#646982; width:33.33%; color:#fff; padding:10rem; border:1px solid #555971;}
#fregister_private table td{border:1px solid #ddd; padding:10rem;}
#fregister .btn_confirm{text-align:center;}
#fregister .btn_confirm .btn_submit{height:50rem; padding:0 40rem; font-weight:bold; font-size:1.083em;}
#register_form{background:#fff; margin-bottom:20rem;}
#fregisterform #msg_certify{margin:5rem 0 0; padding:5rem; border:1px solid #dbecff; background:#eaf4ff; text-align:center;}
#fregisterform .frm_address{margin:5rem 0 0;}
#fregisterform #mb_addr3{display:inline-block; margin:5rem 0 0; vertical-align:middle;}
#fregisterform #mb_addr_jibeon{display:block; margin:5rem 0 0;}
#fregisterform .btn_confirm{text-align:center;}
#fregisterform .btn_confirm .btn_submit{height:45rem; padding:0 30rem; font-weight:bold; font-size:1.083em;}
#fregisterform .btn_confirm .btn_cancel{line-height:45rem; height:45rem; padding:0 30rem; font-weight:bold; font-size:1.083em;}
#fregisterform .frm_info{display:block; color:#3497d9; font-size:0.92em;}
#fregisterform .captcha{margin:5rem 0 0;}
#fregisterform .reg_mb_img_file img{max-width:100%; height:auto;}
#reg_result{padding:100rem 0 40rem; text-align:center; background:#fff;}
#reg_result h2{font-size:2em; margin:0 0 20rem;}
#reg_result h2 strong{color:#ed6478;}
#reg_result #result_email{margin:20rem 0; padding:10rem 50rem; border-top:1px solid #e9e9e9; border-bottom:1px solid #dde4e9; background:#fff; line-height:2em;}
#reg_result #result_email span{display:inline-block; width:150rem;}
#reg_result #result_email strong{color:#e8180c; font-size:1.2em;}
#reg_result .btn_confirm{margin:50rem 0;}
#reg_result .reg_result_p{margin:0 0 10rem;}
#reg_result .btn_submit{padding:0 30rem; font-weight:bold; height:40rem; display:inline-block; font-size:1.083em;}
#find_info #mb_hp_label{display:inline-block; margin-left:10rem;}
#find_info #mb_email{margin:10rem 0;}
#mb_login #login_info{padding:25rem 10rem; margin:40rem 0 0;}
#mb_login #login_info:after{display:block; visibility:hidden; clear:both; content:"";}
#mb_login #login_info h2{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#mb_login #login_info a{display:inline-block; width:50%; float:left;}
#mb_confirm h1, #pw_confirm h1{font-size:2em;}
#mb_confirm fieldset .frm_input, #pw_confirm fieldset .frm_input{background-color:#fff !important;}
#mb_confirm label{letter-spacing:-0.1em;}
#mb_confirm_id{display:block; margin:5rem 0 10rem; font-weight:bold;}
#pw_confirm label{letter-spacing:-0.1em;}
#pw_confirm_id{display:inline-block; margin-right:20rem; font-weight:bold;}
#btn-back{display:inline-block; margin-top:20rem; width:auto !important; border-bottom:1px solid; font-weight:600; font-size:15rem; color:#adadad; transition:all 0.2s ease;}
#btn-back:hover{color:var(--b-01);}

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

.tbl_frm01{margin:0 0 20rem;}
.tbl_frm01 table{width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_frm01 th{width:70rem; padding:7rem 13rem; background:#f5f8f9; border:1px solid #e9e9e9; border-left:0; text-align:left;}
.tbl_frm01 td{padding:7rem 10rem; background:transparent; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input{padding: 10rem; background:#fff; border:1px solid #ccc; color:#000; vertical-align:middle;}
.tbl_frm01 textarea{padding:2rem 2rem 3rem;}
.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:100rem}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5rem}
.tbl_frm01 .frm_info {display:block;padding:0 0 5rem;line-height:1.4em}

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

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

/* 회원 비밀번호 재확인 */
#mb_confirm h1, #pw_confirm h1{margin:0 0 22rem; text-align:center;}
#mb_confirm p, #pw_confirm p{width:440rem; max-width:90%; margin:0 auto; padding:0 0 26rem; text-align:center; border-bottom:1px solid #ececec; color:#888; font-size:15rem; line-height:1.6;}
#mb_confirm p strong, #pw_confirm p strong{display:block; margin:0 0 8rem; color:var(--c-primary); font-size:19rem;}
#mb_confirm form, #pw_confirm form{width:440rem; max-width:90%;}
#mb_confirm fieldset, #pw_confirm fieldset{padding:30rem 0 0; text-align:center;}
#mb_confirm .confirm_id{display:block; font-size:13rem; color:#999;}
#mb_confirm #mb_confirm_id{display:block; margin:4rem 0 18rem; color:var(--c-primary); font-size:18rem; font-weight:700;}
#mb_confirm .frm_input, #pw_confirm .frm_input{width:100%; height:52rem; padding:0 16rem; border:1px solid #dcdcdc; border-radius:6rem; box-sizing:border-box; font-size:15rem;}
#mb_confirm .frm_input:focus, #pw_confirm .frm_input:focus{border-color:var(--c-primary);}
#mb_confirm .btn_submit, #pw_confirm .btn_submit{width:100%; margin-top:12rem; border-radius:6rem;}

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

/* need check */
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3rem;margin:3rem 0;padding:10rem 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:20rem 0;color:#666}

/* need check */
.form_01 h2{margin: 0 0 24rem;font-size: 20rem;/* border-top: 2rem 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:130rem}

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

.sv_wrap{position:relative; font-weight:normal;}
.sv_wrap .sv{display:none; z-index:1000; margin:5rem 0 0; background:#333; box-shadow:2rem 2rem 3rem 0rem rgba(0,0,0,0.2); -webkit-box-shadow:2rem 2rem 3rem 0rem rgba(0,0,0,0.2); -moz-box-shadow:2rem 2rem 3rem 0rem 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 6rem 6rem 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;}

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

/* custom */
.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_caption{/* display: none; */}
.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;/* display: none; */}
.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;/* display: none; */}
.mbskin_box__join > a{margin-left:1rem; border-bottom:1px solid; font-weight:700; color:var(--c-primary);}

.mbskin_box #logo a,
body:has(.register) #logo a{background-image:url(../img/layout/logo.svg); background-repeat: no-repeat; background-position: 50% 50%;background-size: contain;}
.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 20rem;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;}

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

@media (max-width: 540px){
	.mb_log_cate #logo a{/*-width:158rem;*/}
	.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;}
	#btn-back{margin-top:16rem;}
	.mbskin{margin-top:11vh;}
	#pw_confirm h1{font-size:23rem;}
	#pw_confirm p strong{margin:0 0 6rem; font-size:16rem;}
}

/* 회원가입 인풋 */
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;}
.register{margin:0 auto; margin-top:80rem; margin-bottom:80rem; max-width:390rem;}
.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;}

/* === 툴팁 === */
.tooltip-wrap{display:inline-flex; align-items:center; position:relative; margin-bottom:0 !important;}
.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;}

/* === 회원가입 약관 === */
#fregister p{padding:12rem 17rem; background:#f3f3f3; border:1px solid #FFF; font-size:14rem; color:#3d3d3d; text-align:left; border-radius:6rem;}
#fregister h2{background:none; font-weight:600; font-size:15rem; color:var(--b-01);}
#fregister section{margin:10rem auto 10rem; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:3rem 3rem 0 0;}
#fregister textarea{font-size:14rem; resize:none;}
#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 #fregister_chkall label{font-weight:600; color:var(--b-01);}
#fregister .fregister_agree{top:24rem; right:5rem; padding:0;}
#fregister_private{margin-bottom:0 !important;}
#fregister_private table :is(td,th){padding:9rem 8rem; font-size:13rem;}

/* === 회원가입 폼 === */
#register_form{padding:0; padding-top:0;}
#register_form #reg_mb_zip{width:100%; height:auto;}
#register_form button.btn_frmline{position:absolute; right:0; top:20rem; font-size:14rem; width:auto; padding:0rem 15rem;}
#fregisterform .captcha{display:flex;}
#fregisterform .form_01 div{margin:0 0 10rem;}
.register_form_inner li{position:relative;}
.register_form_inner li label{display:block; margin-bottom:3rem; font-weight:600; font-size:14rem; color:#515151;}
.register .half_input{width:100%;}
.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;}
.register .chk_box input[type="checkbox"] + label:hover{color:#111;}
.register .chk_box input[type="checkbox"]:checked + label span{display:none;}
.tbl_frm01:has(#reg_mb_mailling) li.chk_box{margin:0rem 0rem 10rem;}
.tbl_frm01.tbl_wrap.register_form_inner{margin-bottom:0 !important;}
.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;}

/* === 가입 버튼 === */
:is(#fregister,.register) .btn_confirm .btn_submit{width:100%; height:auto !important; padding:21rem 0rem; font-size:16rem; border-radius:5rem;}

/* === 회원가입 완료 === */
#reg_result p{display:inline; line-height:1.6; padding:0rem 30rem; font-size:15rem;}
#reg_result p br{display:none;}
#reg_result p + p{display:block; margin-bottom:9rem !important;}
#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 .reg_result_p strong{color:var(--c-primary);}
#reg_result .btn_submit{line-height:normal; margin:0;}

/* === 아이디·비밀번호 찾기 === */
.captcha-wrap{padding:14rem 18rem 45rem; background:#f3f3f3; font-size:14rem; color:#3d3d3d; border-radius:5rem;}
#find_info #win_title{display:none; height:auto; line-height:normal; padding:0; background:none; font-weight:800; color:#111;}
#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;}
	.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;}
}

/* 회원탈퇴 버튼 (정보수정 아래, 밑줄) */
:is(#fregister,.register) .btn_confirm .btn_leave{display:inline-block; margin-top:18rem; font-size:14rem; color:#888; text-decoration:underline; text-underline-offset:3rem;}

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