@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 */
a.btn,
.btn{height:35px;line-height:35px;padding:0 10px;border:0;font-weight:bold;text-align:center;transition:background-color 0.3s ease-out;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;font-size: 14rem;display: inline-block;font-family: var(--font-k);}
a.btn01{display:inline-block; padding:7px; background:#fafafa; border:1px solid #ccc; color:#000; text-decoration:none; vertical-align:middle;}
a.btn01:focus,
a.btn01:hover{text-decoration:none;}
button.btn01{display:inline-block; margin:0; padding:7px; background:#fafafa; border:1px solid #ccc; color:#000; text-decoration:none;}
a.btn02{display:inline-block; padding:7px; background:#4b545e; border:1px solid #3b3c3f; color:#fff; text-decoration:none; vertical-align:middle;}
a.btn02:focus,
.btn02:hover{text-decoration:none;}
button.btn02{display:inline-block; margin:0; padding:7px; background:#4b545e; border:1px solid #3b3c3f; color:#fff; text-decoration:none;}
.btn_confirm{text-align:right;}
.btn_submit{background: #262626;border:0;color:#fff;cursor:pointer;height: 46px !important;transition: all 0.2s ease;box-sizing: border-box;}
.btn_submit:hover{background: #727272;}
a.btn_cancel{display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle;}
button.btn_cancel{display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle;}
.btn_cancel:hover{background:#aaa;}
a.btn_frmline,
button.btn_frmline{display:inline-block; height:40px; padding:0 5px; background:#3c3c3c; border:0; color:#fff; border-radius:5px; text-decoration:none; vertical-align:top;}

button.btn_frmline{font-size:1em;}

.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;}
.frm_input{height: 56px;}
.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;}
#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:16rem;}
.mbskin h1{font-size:30rem;}

/* adm popup */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-top:2px solid #333;font-size:15px; border-bottom:1px solid #eee;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fff;height:70px; text-transform:uppercase; font-size:15px;}
.tbl_head01 thead th input {vertical-align:top} 
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #eee;line-height:1.4em;/* height:65px; */word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} 
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}

.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;border-radius: 0;font-family: 'Kanit', 'Pretendard', dotum, sans-serif;font-size: 14px;}
.tbl_frm01 textarea{padding:2px 2px 3px;}
.frm_input{height: 39px;}
.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}

.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height: 40px !important;font-weight:bold;font-size: 10rem;float:right;}


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

/* copymove  */
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap{margin:20px }
#copymove .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5rem;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1rem;height:1rem;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75rem;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

.img_fix {width:100%;height:auto}

/* pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40rem;border:1px solid #898989;vertical-align:top;padding:0;margin:0;width: 120rem;}
#captcha #captcha_mp3 {margin:0;padding:0;width:40rem;height:40rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999rem;border-radius:3rem;}
#captcha #captcha_reload {margin:0;padding:0;width:40rem;height:40rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40rem;text-indent:-999rem;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3rem;padding:0 5rem;width:90rem;height:40rem;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3rem;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*  mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5rem;width:187px}
#captcha.m_captcha #captcha_img {width:160rem;height:60rem;border:1px solid #e9e9e9;margin-bottom:3rem;margin-top:5rem;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40rem;height:40rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40rem;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5rem;width:115rem;height:29rem;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29rem;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31rem;height:31rem;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999rem;border:none}

/* ckeditor */
.cke_sc {margin:0 0 5rem;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10rem;height:23rem;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5rem;padding:10rem;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5rem;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40rem;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40rem;}
#bo_v_con li{display: list-item;}

a.btn,
.btn{height: 38px;line-height: 36px;padding:0 10px;border:0;font-weight:bold;text-align:center;transition:background-color 0.3s ease-out;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;font-size: 15rem;font-weight: 800;}
a.btn01{display:inline-block; padding:7px; background:#fafafa; border:1px solid #ccc; color:#000; text-decoration:none; vertical-align:middle;}
a.btn01:focus,
a.btn01:hover{text-decoration:none;}
button.btn01{display:inline-block; margin:0; padding:7px; background:#fafafa; border:1px solid #ccc; color:#000; text-decoration:none;}
a.btn02{display:inline-block; padding:7px; background:#4b545e; border:1px solid #3b3c3f; color:#fff; text-decoration:none; vertical-align:middle;}
a.btn02:focus,
.btn02:hover{text-decoration:none;}
button.btn02{display:inline-block; margin:0; padding:7px; background:#4b545e; border:1px solid #3b3c3f; color:#fff; text-decoration:none;}
#scont a.btn_b01,
.btn_b01{/* background: #000; *//* color: #fff; *//* padding: 12rem 50rem; */height: auto;font-size: 16rem;border: 1px solid #525252;}
#scont a.btn_b01, .btn_b01 i{/* margin-right: 20rem; */}
#scont a.btn_admin,
#scont .btn_admin{background-color:transparent; border:1rem solid #404040; font-weight:300;}
#scont a.btn_b02,
.btn_b02{background:var(--c-01) !important;color: #fff;border: 1px solid transparent;}
.btn_confirm{text-align:right;}
.btn_submit{background:#253dbe; border:0; color:#fff; cursor:pointer;}
.btn_submit:hover{background:#0025eb;}
a.btn_cancel{display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;height: 46rem !important;line-height: 46rem;min-width: 90rem;}
button.btn_cancel{display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle;}
.btn_cancel:hover{background:#aaa;}
a.btn_frmline,
button.btn_frmline{display:inline-block; height:40px; padding:0 5px; background:#3c3c3c; border:0; color:#fff; border-radius:5px; text-decoration:none; vertical-align:top;}
button.btn_frmline{font-size:1em;}

/* 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 */
.empty_table {padding:50px 0 !important;text-align:center; font-size:20rem; font-weight:400; color:#aaa; line-height:1.2em;}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 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; height:630rem;}

.bo_v_com .btn-list{display:none;}
#bo_gall span.is_notice{position:absolute; top:20rem; right:20rem; line-height:normal; line-height:1; padding:8rem 17rem; background:var(--c-01); font-size:15rem; color:#fff; border-radius:30rem;}

/* 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;/* border-color:#363636; */}
input#login_pw,
input#login_id{height:51rem; border:1px solid #ddd;}

#login_password_lost{border-right: 1px solid #e5e5e5;}
.btn_submit{background: #292929 !important;color: #fff;}

@media (max-width:768px){
	.tbl_head01 thead th{height:60rem; font-size:15rem;}
	.tbl_head01 td{/* height:55rem; */}	
}