@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;}
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;transition: all 0.2s ease;}
.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: 50px;}
.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:1.083em;float:right;}

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