@charset "UTF-8";

@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@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%}
.half_input{width:49.5%}
.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: 18rem 0rem;height: auto !important;color: #fff;}
.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 10rem;font-size:1.167em}
.form_01 li{margin:10px 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 10px;background:transparent;font-size: 14rem;min-width: 360rem;padding-left: 10rem;}
input#login_pw,
input#login_id{height:51rem; border:1px solid #ddd;}

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

.mb_log_cate h2{margin-bottom:30rem;}

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