@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500&display=swap');
/* common */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:0; padding:0; border:0; font-size:12px; color:#333; font-family: 'Noto Sans KR', 'MALGUN GOTHIC', sans-serif; line-height:1.2; letter-spacing:-1px; ;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


/* loadingbar 절대 지우지 말것 */
#loading_mask {position:fixed; top:50%; left:50%; margin:0;}
#loading_mask .loading_bar{display:inline-block; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 10; 
border-radius:50%; -webkit-animation: loading_bar_spin 0.5s linear infinite; animation: loading_bar_spin  0.5s linear infinite; border:7px solid #d83f36; border-bottom:7px solid #fff;}
@-ms-keyframes loading_bar_spin { 
    from { 
        -ms-transform: rotate(0deg); 
    } to { 
        -ms-transform: rotate(360deg); 
    }
}
@-moz-keyframes loading_bar_spin { 
    from { 
        -moz-transform: rotate(0deg); 
    } to { 
        -moz-transform: rotate(360deg); 
    }
}
@-webkit-keyframes loading_bar_spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes loading_bar_spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

body {
    line-height: 1;
    background:#f6f9fc;
    
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
li img {vertical-align:top;}

body { min-width:1630px; }
textarea {box-sizing:border-box;}
select { font-size:12px; font-family: 'Noto Sans KR', sans-serif; border:1px solid #dae0e6; }
select, .input {vertical-align:middle; font-size:12px; font-family: 'Noto Sans KR', sans-serif; height:28px; }
input[type='email'],input[type='text'],input[type='submit'] ,input[type='button'], select {-webkit-border-radius:0; /* 둥근모서리 */ -webkit-appearance:none; /* 그림자 */ }
.input, .datepicker { border:1px solid #dae0e6; background:#f4f7fa; color:#15052d; font-weight:900; padding:0 2px; border-radius:3px;}
.input::placeholder, .datepicker::placeholder { color:#989898; padding:0 2px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;}
.input { width:200px; height:27px; padding:0 2px; vertical-align:top;}
.input_large { width:200px; height:46px; padding:0 5px; margin:15px 0 15px 15px; vertical-align:top;}
.input.right { box-sizeing:border-box; text-align:right; padding-right:5px; }
.datepicker {width:80px; height:27px; text-align:center; font-size:12px; font-family:'Noto Sans KR', sans-serif; vertical-align:top; }
.input30 { width:30px; }
.input50 { width:50px; }
.input70 { width:70px; }
.input80 { width:80px; }
.input91 { width:91px; }
.input100 { width:100px; }
.input25p { width:25%; }
.input50p { width:50%; }
.input100p { width:100%; }
.input120 { width:120px; }
.input150 { width:150px; }
.input200 { width:200px; }
.input300 { width:300px; }
.input400 { width:400px; }
.input500 { width:500px; }
.input600 { width:600px; }
.input700 { width:700px; }
.input800 { width:800px; }
.input99 { width:99%; }
.input98 { width:98%; }
.input95 { width:95%; }
.input90 { width:90%; }
.inputcenter { text-align:center; }
.mgleft10 {margin-left:10px}
.mgleft20 {margin-left:20px}

select, td  {color:#333;}
img, fieldset {border:0;}
fieldset legend {display:none;}
hr {display:none; margin: 1em 0; background:#f2f2f2; height:1px; border:none; clear:both;}
a.shotcut {color:#333;  text-decoration:none; }
a.shotcut:hover {color:#333;  text-decoration:none; }
.clear {clear:both;}
.center {text-align:center;}
input.right {text-align:right;}
.middle {vertical-align:middle;}
.radio {cursor:pointer;position:relative;top:-2px;}

/* 텍스트 링크 */
a, a:active, a:hover {text-decoration:none; cursor:pointer; color:#b2b2b2; }
a:active, a:visited {color:#b2b2b2;}
.a:hover {color:#c3c3c3!important;}

.disabled { cursor:not-allowed; background-color:#a0abaf!important; filter:alpha(opacity=60); opacity:0.6 }
.help { font-size:14px; font-weight:bold; color:#da3f15; position:relative; top:0px; margin-left:7px;}
.red { font-size:14px; font-weight:bold; color:#da3f15; position:relative; top:0px; }
.blue {color:#37a2da;}
.blue_big {color:#37a2da; font-size:18px; font-weight:900;}
.accent { font-size:14px; font-weight:bold; color:#da3f15; position:relative; top:0px;}
.gray { color:#898989;}

.week0 { font-weight:bold; color:#da3f15; }
.week6 { font-weight:bold; color:#37a2da; }

.number { font-size:16px; font-family:'Tahoma'; color:#676767; font-weight:bold; }
.payment_stat1 {font-size:16px !important; font-weight:bold; color:#000; position:relative; top:0px;}
.payment_stat2 {font-size:16px !important; font-weight:bold; color:#e47443; position:relative; top:0px;}
.payment_stat3 {font-size:16px !important; font-weight:bold; color:#da3f15; position:relative; top:0px;}
.payment_stat_small1 {font-size:12px !important; font-weight:bold; color:#000; position:relative; top:0px;}
.payment_stat_small2 {font-size:12px !important; font-weight:bold; color:#e47443; position:relative; top:0px;}
.payment_stat_small3 {font-size:12px !important; font-weight:bold; color:#da3f15; position:relative; top:0px;}

.talk_stat1 {font-size:12px !important; font-weight:bold; color:#e47443; position:relative; top:0px;}
.talk_stat2 {font-size:12px !important; font-weight:bold; position:relative; top:0px;}

.kakao_zipcode_api { display:none; width:600px; margin:10px 0; border:1px solid #dae0e6; border-radius:0px; }
.kakao_map { display:none; width:600px; height:400px; margin:10px 0; border:1px solid #dae0e6; border-radius:5px; }

/* basic font list */
.cms_font0 {color:#da3f15; font-size:16px; font-weight:bold; }
.cms_font1 {color:#da3f15; font-size:13px; font-weight:bold; }
.cms_font2 {font-size:20px !important; font-weight:bold; }
.cms_font3 {color:blue; font-size:20px !important; font-weight:bold; }

.categorys { margin:15px 0 5px 0 !important; display:none; }
.categorys span {display:inline-block; margin:0 5px 5px 0; padding:5px; border-radius:3px; border:1px solid #dae0e6; background:#f4f7fa; font-weight:900; color:#da3f15; cursor:pointer; }
.categorys span:after { content:'x'; padding-left:7px; color:#333; position:relative; top:-1px; }

.checks {position: relative;} 
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#2a3244; padding-right:10px; font-weight:900; } 
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px;/* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/ } 
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #2a3244;  background: #f4f7fa; border-color: #dae0e6; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }
.checks input[type="checkbox"]:disabled + label:before {background:#ddd;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#2a3244; padding-right:10px; font-weight:900;} 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; /*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/ } 
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="radio"]:checked + label:before { background: #f4f7fa; border-color: #dae0e6; } 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

.select-script{position:relative; display:inline-block; width:205px; height:27px; line-height:27px; border:1px solid #dae0e6; border-radius:4px; text-transform:uppercase; background:#f4f7fa; vertical-align:top;}
.select-script label{position:absolute; width:96%; top:0; left:0; width:calc(100% - 10px); padding:0 5px; font-size:12px; line-height:25px; color:#15052d;  text-align:left;}
.select-script label:after{content:'▼'; text-shadow:none; width:25px; height:27px; position:absolute; top:0; right:0; font-size:11px; color:#fff; text-align:center; background:#15052d;}
.select-script select{width:100%; height:25px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0)/* IE 8 */; cursor:pointer;}
.select-script.size100{width:105px;}
.select-script.size150{width:155px;}
.select-script.size250{width:255px;}
.select-script.size200{width:205px;}
.select-script.size300{width:305px;}
.select-script.size400{width:405px;}
.select-script.size500{width:505px;}
.select-script.size600{width:605px;}
.select-script.size700{width:705px;}
.select-script.size50{width:55px;}
.select-script.size70{width:75px;}

#loading_bar { display:none; position:fixed; top:-7px;  }
#alert_popup { display:none; z-Index:999; background:#f6f6f6; box-shadow:0 0 1px 1px #999; color:#000; border-radius:6px; min-width:450px; padding:25px; font-weight:bold; font-family:'Noto Sans KR', sans-serif; font-size:14px; }
#loading_layer { display:none; z-Index:100; text-align:center; margin:0px 47%; position:fixed; top:0px; background-color:#f6f6f6;border-radius:5px 5px 5px 5px;box-shadow:0 0 15px 5px #a3a3a3; color:#898989; width:100px; padding:10px; font-weight:bold; font-size:12px; font-family:verdana; letter-spacing:1px; }

.dimmedLayer { z-Index:100; position:absolute; opacity:.5; filter:alpha(opacity=50); top:0px; left:0px; background:#000;width:100%; }
.dimmedContent { z-Index:101; position:absolute; filter:none; background:#fff; overflow-y:auto; overflow-x:hidden; box-shadow:0 0 3px 2px #999;color:#111;}

/* Button Reset */
.button {display:inline-block; vertical-align:top;}
.button a,
.button button,
.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; text-shadow:none !important; border:0; font-size:12px; font-family:Noto Sans KR, 'Noto Sans KR', sans-serif; background:#ffff; text-align:center; border-radius:3px; border:1px solid #bebebe; white-space:nowrap;vertical-align:middle; overflow:visible; color:#333; }
.button {display:inline-block; height:25px; padding:0; margin-right:2px; }
.button a,
.button button,
.button input{ left:2px; *vertical-align:top; cursor:pointer; }
.button.strong * { font-weight:bold !important; }


/* Button Size */
.button a,
.button button,
.button input { height:29px; padding:0 10px 0 10px !important; font-size:12px; line-height:26px; box-sizing:border-box;}
.button.large,
.button.large a,
.button.large button,
.button.large input { min-width:120px; height:auto; padding:15px !important; font-size:14px; line-height:14px;}

.button.huge,
.button.huge a,
.button.huge button,
.button.huge input { min-width:120px; height:100px; padding:0px !important; font-size:14px; line-height:100px; top:-2px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#6b6b6b; }

.button.excel a,
.button.excel button,
.button.excel input { padding-left:35px !important; background:#fff url('/_image/cms/icon/icon_excel.png') 10px center no-repeat; border:1px solid #0d8a23; color:#0d8a23; }
.button.excel *:hover,
.button.excel *:active,
.button.excel *:focus{ color:#0d8a23; }

.button.print a,
.button.print button,
.button.print input { padding-left:35px !important; background:#fff url('/_image/cms/icon/icon_print.png') 10px center no-repeat; }

.button.green a,
.button.green button,
.button.green input {background:#5ac132; border:1px solid #429e21; color:#fff; }
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0; }

.button.gray a,
.button.gray button,
.button.gray input {background:#15052d; border:1px solid #15052d; color:#fff; }
/* .button.gray input {background:#6b6b6b; border:1px solid #a1a1a1; color:#fff; } */
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#ff0; }

.button.dgray a,
.button.dgray button,
.button.dgray input { background:#383838; color:#fff; }
.button.dgray *:hover,
.button.dgray *:active,
.button.dgray *:focus{ color:#ff0; }

.button.orange a,
.button.orange button,
.button.orange input { background:#fe771e; border:1px solid #da5800; color:#fff; }
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{ color:#ff0; }

.button.blue a,
.button.blue button,
.button.blue input { background:#3b6bfd; border:1px solid #339be0; color:#fff; }
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0; }

.button.navy a,
.button.navy button,
.button.navy input { background:#d83f36; border:1px solid #5356b8; color:#fff; }
.button.navy *:hover,
.button.navy *:active,
.button.navy *:focus{ color:#ff0; }

.button.pd0 {padding:0 !important;}

.box_bottom span {}
.box_bottom span:last-child {padding:15px 15px 15px 0 !important;}

/* ord margin */
.no_mg {margin:0 !important;}
.mg_auto {margin:auto !important;}
.mg_t_2 {margin-top:2px !important;}
.mg_t_3 {margin-top:3px !important;}
.mg_t_5 {margin-top:5px !important;}
.mg_t_8 {margin-top:8px !important;}
.mg_t_10 {margin-top:10px !important;}
.mg_t_12 {margin-top:12px !important;}
.mg_t_15 {margin-top:15px !important;}
.mg_t_20 {margin-top:20px !important;}
.mg_t_25 {margin-top:25px !important;}
.mg_t_30 {margin-top:30px !important;}
.mg_t_35 {margin-top:35px !important;}
.mg_t_40 {margin-top:40px !important;}
.mg_t_50 {margin-top:50px !important;}
.mg_t_60 {margin-top:60px !important;}
.mg_t_70 {margin-top:70px !important;}
.mg_t_90 {margin-top:90px !important;}
.mg_t_100 {margin-top:100px !important;}
.mg_r_0 {margin-right:0px !important;}
.mg_r_5 {margin-right:5px !important;}
.mg_r_10 {margin-right:10px !important;}
.mg_r_15 {margin-right:15px !important;}
.mg_r_20 {margin-right:20px !important;}
.mg_r_40 {margin-right:40px !important;}
.mg_l_5 {margin-left:5px !important;}
.mg_l_8 {margin-left:8px !important;}
.mg_l_10 {margin-left:10px !important;}
.mg_l_15 {margin-left:15px !important;}
.mg_l_20 {margin-left:20px !important;}
.mg_l_25 {margin-left:25px !important;}
.mg_l_30 {margin-left:30px !important;}
.mg_l_100 {margin-left:100px !important;}
.mg_b_5 {margin-bottom:5px !important;}
.mg_b_8 {margin-bottom:8px !important;}
.mg_b_10 {margin-bottom:10px !important;}
.mg_b_12 {margin-bottom:12px !important;}
.mg_b_15 {margin-bottom:15px !important;}
.mg_b_20 {margin-bottom:20px !important;}
.mg_b_30 {margin-bottom:30px !important;}
.mg_b_35 {margin-bottom:35px !important;}
.mg_b_40 {margin-bottom:40px !important;}
.mg_b_45 {margin-bottom:45px !important;}
.mg_b_50 {margin-bottom:50px !important;}
.mg_b_55 {margin-bottom:55px !important;}
.mg_b_60 {margin-bottom:60px !important;}
.mg_b_70 {margin-bottom:70px !important;}
.mg_b_100 {margin-bottom:100px !important;}

/* padding */
.no_pd {padding:0 !important;}
.pd_40 {padding:40px !important;}
.pd_t_5 {padding-top:5px !important;}
.pd_t_10 {padding-top:10px !important;}
.pd_t_15 {padding-top:15px !important;}
.pd_t_20 {padding-top:20px !important;}
.pd_t_25 {padding-top:25px !important;}
.pd_t_30 {padding-top:30px !important;}
.pd_t_40 {padding-top:40px !important;}
.pd_t_60 {padding-top:60px !important;}
.pd_t_80 {padding-top:80px !important;}
.pd_t_100 {padding-top:100px !important;}
.pd_r_0 {padding-right:0 !important;}
.pd_r_5 {padding-right:5px !important;}
.pd_r_15 {padding-right:15px !important;}
.pd_r_10 {padding-right:10px !important;}
.pd_r_20 {padding-right:20px !important;}
.pd_r_50 {padding-right:50px !important;}
.pd_b_0 {padding-bottom:0px !important;}
.pd_b_5 {padding-bottom:5px !important;}
.pd_b_10 {padding-bottom:10px !important;}
.pd_b_15 {padding-bottom:15px !important;}
.pd_b_20 {padding-bottom:20px !important;}
.pd_b_25 {padding-bottom:25px !important;}
.pd_b_30 {padding-bottom:30px !important;}
.pd_b_35 {padding-bottom:35px !important;}
.pd_b_60 {padding-bottom:60px !important;}
.pd_l_10 {padding-left:10px !important;}
.pd_l_20 {padding-left:20px !important;}
.pd_l_30 {padding-left:30px !important;}

.dp_b {display:block;}
.dp_inline {display:inline-block;}

.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}

/* text align */
.ta_l {text-align:left;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right;}

/* vertical align */
.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.va_b {vertical-align:baseline !important;} 

/* paging */
.paging_box {clear:both; position:relative; margin:30px 0 30px 0; padding:10px 0; }
.paging_box ul.paging {text-align:center;}
.paging_box ul.paging li {display:inline;}
.paging_box ul.paging li.paging_prev {margin-right:8px;}
.paging_box ul.paging li.paging_first a {padding-left:8px; background:#f8f8f8 no-repeat 4px center;}
.paging_box ul.paging li.paging_next {margin-left:8px;}
.paging_box ul.paging li.paging_last a {padding-right:8px; background:#f8f8f8 no-repeat 34px center;}
.paging_box ul.paging li a {margin:0 3px; padding:4px 8px 4px 8px; border:1px solid #cfcbc9; vertical-align:middle; font-weight:900; font-family:'Noto Sans KR'; background:#f1f0ef; color:#84807a;}
.paging_box ul.paging li a:hover {border:1px solid #f29c13;}
.paging_box ul.paging li.over a {margin:0 3px; padding:4px 8px 4px 8px; border:1px solid #cfcbc9; color:#e6a009; vertical-align:middle; font-weight:900; font-family:'Noto Sans KR';  background:#f9f9f9; font-weight:bold;}

.main { background:#fff; padding:20px; min-height:500px; }
.main h1, .main div, .main span, .main b, .main ul li, .main dl dt, .main dl, dd { color:#333; font-size:12px; }
.main h1 { font-size:20px; line-height:30px; }
.main .content { font-size:16px; line-height:35px; padding-bottom:10px; border-bottom:2px solid #949494; }

/* list nav */
.list_nav {margin:20px 0; padding:9px 10px; border:1px solid #dae0e6; border-left:none; border-right:none;vertical-align:middle; border-collapse: separate; overflow:hidden; line-height:18px; font-size:0;}
.list_nav p { padding:5px 10px 0 0; display:inline-block; color:#343434;font-family:'Noto Sans KR';font-size:12px;; font-weight:bold; vertical-align:middle;}
.list_nav p > b { color:#7d51ff; font-weight:900; font-size:14px;}
.list_nav .left {display:inline-block; width:50%; vertical-align:top; text-align:left;}
.list_nav .right { display:inline-block; width:50%; vertical-align:top; text-align:right;}
.board_write_box {position:relative; padding:30px;}
.btn_write {padding:30px 50px 30px 0; text-align:right;}

.table_box {padding:10px;}
/* table style1 list */
.board_style1 {width:100%;}
.board_style1 caption { height:32px; padding:14px 0 0 14px; text-align:left; font-weight:bold; font-size:16px; }
.board_style1 th.title, .board_style1 td.title { font-size:16px; color:#15052d; height:35px; }
.board_style1 th {padding:9px 0; border:1px solid #dae0e6; color:#2a3244; text-align:center; font-weight:900; font-family:'Noto Sans KR'; font-size:12px;  border-collapse: separate; /* box-shadow:inset 1px 1px 0px #f6f5f3; */}
.board_style1 th strong {padding-right:15px; color:#2a3244; background:url('/_image/cms/icon/check.png') no-repeat right 2px; }
.board_style1 th.first {border-left:none;}
.board_style1 th:first-child{border-left:none;}
.board_style1 th.last {border-right:none;}
.board_style1 th:last-child {border-right:none;}
.board_style1 th.bottom {border-bottom:none;}
.board_style1 th.left {text-align:left; padding-left:10px;}
.board_style1 td { word-break: break-all;border:1px solid #dae0e6; text-align:center; height:27px; padding-top:7px; padding-bottom:7px; font-size:13px; vertical-align:middle;   border-collapse: separate; /* box-shadow:inset 1px 1px 0px #f6f5f3; */ line-height:27px;}
.board_style1 td span, .board_style1 td b { font-size:13px; }
.board_style1.type0 td {line-height:1.5;}
.board_style1 td.p10 { padding-right:10px; }
.board_style1 td.first {border-left:none;}
.board_style1 td:first-child {border-left:none;}
.board_style1 td.bottom {border-bottom:none;}
.board_style1 td.last {border-right:none;}
.board_style1 td:last-child {border-right:none;}
.board_style1 td.left {text-align:left; padding-left:12px; padding-right:12px; }
.board_style1 td.right {text-align:right; padding-right:12px; }
.board_style1 td a {/*display:block; */padding-left:0px; color:#000; font-family:'Noto Sans KR'; font-size:13px; font-weight:900; }
.board_style1 td.num a {font-size:24px; font-family:'Tahoma'; color:#676767; font-weight:bold; }
.board_style1 td.num2 a {font-size:16px; font-family:'Tahoma'; color:#676767; font-weight:bold; }
.board_style1 td.name, .board_style1 td.name a {font-size:14px; color:#676767; font-weight:bold; }
.board_style1 td img { cursor:pointer; max-width:100%;}
.board_style1 td ul li { padding-bottom:5px; font-size:14px; line-height:26px;}
.board_style1 td ul.li_box { padding-right:10px; text-align:right; font-size:0;}
.board_style1 td ul.li_box li {display:inline-block; padding:0 10px;}
.board_style1 td ul.li_box li span.box {padding:5px 10px; font-size:14px; line-height:26px; border:1px solid #dae0e6; background:#dae0e6;}
.board_style1 td ul.li_box li span.box1 {padding:5px 10px; font-size:14px; line-height:26px; border:1px solid #dae0e6;}
.board_style1 td textarea {border:1px solid #dae0e6; padding:5px; -webkit-border-radius:0; /* 둥근모서리 */ -webkit-appearance:none; /* 그림자 */}
.board_style1 td.content {height:200px; vertical-align:top; }
.board_style1 .tleft_box {display:inline-block;}
.board_style1 .tright_box {display:inline-block;}
.no_border td {border:none;}

.board_style1.type0 th:first-child {border-left:1px solid #dae0e6;}
.board_style1.type0 td:first-child {border-left:1px solid #dae0e6;}
.board_style1.type0 th:last-child {border-right:1px solid #dae0e6;}
.board_style1.type0 td:last-child {border-right:1px solid #dae0e6;}

.board_style2 { width:100%; }
.board_style2 td { height:300px; padding:20px 0 70px 0; }
.board_style2 td .img_box { cursor:pointer; border:1px solid #ccc; width:90%; height:90%; margin:0 auto; background-color:#e9e9e9 !important; background-position:center !important; background-size:cover !important; }
.board_style2 td .img_box .stat { position:relative; }
.board_style2 td .img_box .stat > div { position:absolute; top:10px; right:10px; }
.board_style2 td .category { width:90%; margin:0 auto; padding-top:10px; font-size:12px; color:#888; }
.board_style2 td .title, .board_style2 td .title a { width:90%; height:30px; line-height:30px; margin:0 auto; font-size:18px; color:#000; }
.board_style2 td .date { width:90%; height:30px; line-height:25px; margin:0 auto; font-size:12px; color:#888; }

/* table style1 list */
.board_style3 {width:100%;}
.board_style3 caption { height:32px; padding:14px 0 0 14px; text-align:left; font-weight:bold; font-size:16px; }
.board_style3 th.title, .board_style3 td.title { font-size:16px; color:#15052d; height:35px; }
.board_style3 th {padding:9px 0; border:none; color:#2a3244; text-align:center; font-weight:900; font-family:'Noto Sans KR'; font-size:12px;  border-collapse: separate; /* box-shadow:inset 1px 1px 0px #f6f5f3; */}
.board_style3 th strong {padding-right:15px; color:#2a3244; background:url('/_image/cms/icon/check.png') no-repeat right 2px; }
.board_style3 th.first {border-left:none;}
.board_style3 th:first-child{border-left:none;}
.board_style3 th.last {border-right:none;}
.board_style3 th:last-child {border-right:none;}
.board_style3 th.bottom {border-bottom:none;}
.board_style3 th.left {text-align:left; padding-left:10px;}
.board_style3 td { border:none; text-align:center; height:27px; padding-top:7px; padding-bottom:7px; font-size:13px; vertical-align:middle;   border-collapse: separate; /* box-shadow:inset 1px 1px 0px #f6f5f3; */ line-height:27px;}
.board_style3 td span, .board_style3 td b { font-size:13px; }
.board_style3.type0 td {line-height:1.5;}
.board_style3 td.p10 { padding-right:10px; }
.board_style3 td.first {border-left:none;}
.board_style3 td:first-child {border-left:none;}
.board_style3 td.bottom {border-bottom:none;}
.board_style3 td.last {border-right:none;}
.board_style3 td:last-child {border-right:none;}
.board_style3 td.left {text-align:left; padding-left:12px; padding-right:12px; }
.board_style3 td.right {text-align:right; padding-right:12px; }
.board_style3 td a {/*display:block; */padding-left:0px; color:#000; font-family:'Noto Sans KR'; font-size:13px; font-weight:900; }
.board_style3 td.num a {font-size:24px; font-family:'Tahoma'; color:#676767; font-weight:bold; }
.board_style3 td.num2 a {font-size:16px; font-family:'Tahoma'; color:#676767; font-weight:bold; }
.board_style3 td.name, .board_style3 td.name a {font-size:14px; color:#676767; font-weight:bold; }
.board_style3 td img { cursor:pointer; }
.board_style3 td ul li { padding-bottom:5px; font-size:14px; line-height:26px;}
.board_style3 td ul.li_box { padding-right:10px; text-align:right; font-size:0;}
.board_style3 td ul.li_box li {display:inline-block; padding:0 10px;}
.board_style3 td ul.li_box li span.box {padding:5px 10px; font-size:14px; line-height:26px; border:none; background:#dae0e6;}
.board_style3 td ul.li_box li span.box1 {padding:5px 10px; font-size:14px; line-height:26px; border:none;}
.board_style3 td textarea {border:none; padding:5px; -webkit-border-radius:0; /* 둥근모서리 */ -webkit-appearance:none; /* 그림자 */}
.board_style3 td.content {height:200px; vertical-align:top; }
.board_style3 .tleft_box {display:inline-block;}
.board_style3 .tright_box {display:inline-block;}
.no_border td {border:none;}

ul.drag_able_box { border:1px solid #dae0e6; width:98%; height:300px; margin:10px; overflow-y:scroll; }
ul.drag_able_box li { cursor:pointer; border-bottom:1px dashed #dae0e6;  }
ul.drag_able_box li > span { padding:10px; height:35px; vertical-align:center; font-weight:700; }
ul.drag_able_box li.active { background:#ededed; }

/* 평점 이미지의 경우 프론트에서 가져옴 */
.grade_list {}
.grade_list li {display:inline-block; padding:0 2px;}
.grade_list .cStar {display:inline-block; width:26px; height:26px; font-size:0; vertical-align:top; background-image:url('/_image/front/icon/icon_star1.png'); background-position:center; background-repeat:no-repeat; background-size:26px auto;}
.grade_list .cStar {outline: none; text-decoration: none; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.grade_list .cStar.on {background-image:url('/_image/front/icon/icon_star1_on.png');}
/* 점수 */
.grade_list.star1 li:nth-child(1) .cStar {background-image:url('/_image/front/icon/icon_star1_on.png');}
.grade_list.star2 li:nth-child(1) .cStar,
.grade_list.star2 li:nth-child(2) .cStar {background-image:url('/_image/front/icon/icon_star1_on.png');}
.grade_list.star3 li:nth-child(1) .cStar,
.grade_list.star3 li:nth-child(2) .cStar,
.grade_list.star3 li:nth-child(3) .cStar {background-image:url('/_image/front/icon/icon_star1_on.png');}
.grade_list.star4 li:nth-child(1) .cStar,
.grade_list.star4 li:nth-child(2) .cStar,
.grade_list.star4 li:nth-child(3) .cStar,
.grade_list.star4 li:nth-child(4) .cStar {background-image:url('/_image/front/icon/icon_star1_on.png');}
.grade_list.star5 li .cStar {background-image:url('/_image/front/icon/icon_star1_on.png');}

body#loginIndex {background:#f6f9fc;}
body#loginIndex #cnt {background:none; box-shadow:none;}
body#loginIndex #cnt .cnt_box {border:none;}

body#loginFindPwd {background:#f6f9fc;}
body#loginFindPwd #cnt {background:none; box-shadow:none;}
body#loginFindPwd #cnt .cnt_box {border:none;}

body#loginChgPwd {background:#f6f9fc;}
body#loginChgPwd #cnt {background:none; box-shadow:none;}
body#loginChgPwd #cnt .cnt_box {border:none;}

/* 로그인 */
#admin_login {display:table; max-width:650px; margin:0 auto; height:calc(100vh - 50px); padding:0; box-sizing:border-box;}
#admin_login h1 {padding-bottom:40px; text-align:center; }
#admin_login h1 img {width:150px;}
#admin_login .login_box {display:table-cell; vertical-align:middle; position:relative; min-width:345px; width:505px;  box-sizing:border-box; margin:0 auto; text-align:center;}
#admin_login .login_box .admin_txt {padding-bottom:63px;}
#admin_login .login_box .admin_txt .tit {padding-bottom:18px; font-size:50px; font-weight:600;}
#admin_login .login_box .admin_txt .sub_txt {padding-bottom:5px;font-size:18px; font-weight:500;}
#admin_login .login_box .admin_txt .sub_txt1 {padding:0 20px; font-size:15px;}
#admin_login .login_box .login_input_box {position:relative; min-width:350px; width:350px; margin:0 auto;}
#loginChgPwd #admin_login .login_box .login_input_box {position:relative; min-width:280px !important; width:280px !important; margin:0 auto;}
#admin_login .login_box dl {text-align:left;}
#admin_login .login_box dl dt {display:none;}
#admin_login .login_box dl dt label {}
#admin_login .login_box dl dd {padding-bottom:8px;}
#admin_login .login_box dl dd .input {width:253px; height:25px; padding-left:5px; border:1px solid #9e9e9e; text-shadow:none; background:#fff; border-radius:0; outline:0; box-shadow:none; text-shadow:none; -webkit-border-radius:0; /* 둥근모서리 */ -webkit-appearance:none; /* 그림자 */ }
#admin_login .login_box dl dd .input_id_bg {background:#2a3244 url('/_image/cms/sign/admin_bg_id.gif') no-repeat;}
#admin_login .login_box dl dd .input_pw_bg {background:#2a3244 url('/_image/cms/sign/admin_bg_pw.gif') no-repeat;}
#admin_login .login_box .login_btn {position:absolute; top:0; right:0;}
#admin_login .login_box .login_btn input {width:80px; height:62px; background:#2a3244; color:#fff; border:none; border:none; box-shadow:none; border-radius:0; -webkit-border-radius:0; /* 둥근모서리 */ -webkit-appearance:none; /* 그림자 */ }
#admin_login .login_box .savechk {padding-top:5px; clear:both; text-align:left; padding-left:0; color:#a3a3a3; text-shadow:none; line-height:18px;}
#admin_login .login_box .savechk input {vertical-align:top; }
#admin_login .login_box .savechk label {color:#2a3244;text-shadow:none; font-weight:normal; }
#admin_login .login_box .find_pwd {margin-top:20px; border-top:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e; padding:10px 0; color:#2a3244; font-size:14px; }
#admin_login .login_box .find_pwd a {color:#2a3244; font-size:14px; font-weight:900; }
#admin_login .login_box .aft_logo {display:none; padding-top:40px; }
#admin_login .login_box .aft_info {padding-top:40px;}
#admin_login .login_box .aft_info p {font-size:14px;color:#2a3244;text-shadow:none;letter-spacing:0.7px;}
#admin_login .login_box .aft_info p strong {font-size:14px;color:#2a3244; text-shadow:none; font-weight:normal;letter-spacing:-0.7px;}


/* 레이아웃 */
#layout{width:100%; height:100%; }
#container{width:100%; position:relative; }
#layout_cont {display:flex; width:100%;}

/* 상단 */
#header {position:sticky; top:0; left:0; width:100%; background:#333; z-index:101; border-bottom:1px solid #dae0e6;}
#header h1 {padding:5px 15px 5px 30px; box-sizing:border-box;}
#header h1 a {display:inline-block; width:100px; height:56px; font-size:28px; font-family:'Noto Sans KR', sans-serif; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); text-shadow:none; background:url('/_image/cms/logo/admin_logo.png') no-repeat left; font-size:0; box-sizing:border-box; background-size:100px auto; vertical-align:top;}
#header h1 a img {position:relative; top:5px; width:100px;}
#header h1 a strong { position:relative; top:-13px; left: 22px; display:none; font-size:45px; font-family:'Malgun Gothic'; color:#15052d; }
#header h1 a span {display:inline-block; font-size:28px; font-family:'Noto Sans KR', sans-serif; text-shadow:none;}
#header .top_right_menu {position:absolute; top:27px; right:10px;}
#header .top_right_menu li {position:relative; float:left; padding-right:10px; z-indeX:999;}
#header .top_right_menu li .search_box {display:none; position:absolute; top:38px; right:10px; width:187px; padding:6px; background:#f5f4f3; border:1px solid #dae0e6;}
#header .top_right_menu li .search_box .input {height:26px; border:1px solid #dae0e6;}
#header .top_right_menu li .search_icon {position:absolute; top:-8px; right:8px;}
/* 컨텐츠 */
#cnt {margin:15px; padding:15px; box-sizing:border-box; background:#fff; box-shadow:0 0 10px 1px #ccc;}
#cnt .cnt_box {border:1px solid #dae0e6;}
#footer {clear:left;}
#wrapper {width:calc(100% - 250px); box-sizing:border-box;}
#wrapper .wrapper_menu {display:flex; justify-content:space-between; width:100%; min-height:45px; border-bottom:1px solid #e4ebf6; background:#fff; box-shadow:0px 1px 0px #fcfcfc;}
#wrapper .wrapper_menu .left_menu {display:flex; flex-wrap:wrap; align-items:center;}
#wrapper .wrapper_menu .left_menu > li {position:relative;  border-right:1px solid #e4ebf6;}
#wrapper .wrapper_menu .left_menu > li a {display:block; padding:15px 12px; min-height:45px; box-sizing:border-box; color:#2a3244; }
#wrapper .wrapper_menu .left_menu > li a.nav { font-weight:bold; color:#454545; }
#wrapper .wrapper_menu .right_menu {position:relative; height:100%; text-align:right;}
#wrapper .wrapper_menu .right_menu > li { position:relative;}
#wrapper .wrapper_menu .right_menu > li a {position:relative; display:inline-block; padding:15px 30px; min-height:45px; box-sizing:border-box; border-left:1px solid #e4ebf6; color:#2a3244; font-size:12px; font-weight:bold; letter-spacing:0px;}
#wrapper .wrapper_menu .right_menu > li a span.icon_style2 {position:absolute; top:17px; left:12px; display:block; width:12px; height:11px;}
#wrapper .wrapper_menu .right_menu > li a span.icon_1 {background:url('/_image/cms/icon/icon_10.png') no-repeat;}
#wrapper .wrapper_menu .right_menu > li a span.icon_2 {background:url('/_image/cms/icon/icon_4.png') no-repeat;}
#wrapper .wrapper_menu .right_menu > li a span.icon_3 {background:url('/_image/cms/icon/icon_9.png') no-repeat;}
#wrapper .wrapper_menu .right_menu > li a span.icon_4 {background:url('/_image/cms/icon/icon_5.png') no-repeat;}
#wrapper .wrapper_menu .right_menu > li a span.msg_count {color:#da3f15; font-size:12px;}
#wrapper .wrapper_menu .right_menu > li a span.icon_down {position:absolute; top:20px; right:10px; display:block; width:10px; height:12px; background:url('/_image/cms/icon/icon_arrow_down.png') no-repeat;}
#wrapper .wrapper_menu .right_menu > li .right_submenu {position:absolute; top:46px; right:0; text-align:right;}
#wrapper .wrapper_menu .right_menu > li .right_submenu li {clear:both;  width:160px; text-align:left;}
#wrapper .wrapper_menu .right_menu > li .right_submenu li a {display:block; width:100%; padding:15px 9px; box-sizing:border-box; border:1px solid #dae0e6; border-top:none; background:#fff;}
#wrapper .wrapper_menu .right_menu > li .right_submenu li a:hover {background:#eaeaea;}
#wrapper .wrapper_menu .right_menu > li .right_submenu li a.over {background:#eaeaea;}
/* 좌측 */
#snb {width:250px; min-height:calc(100vh - 85px); background:#fff; border-right:1px solid #e4ebf6; box-sizing:border-box;}
/* 좌측 메뉴 1 */
#snb .snb_menu {text-shadow:none;}
#snb .snb_menu li {box-shadow:inset 0px 1px 0px #eeeeee;}
#snb .snb_menu li a {position:relative; display:block; padding:14px 10px 12px 56px; font-size:16px; font-family:'Noto Sans KR'; color:#534e48; font-weight:bold; background:#fff;}
#snb .snb_menu li:first-child a.hover {border-top:0;}
#snb .snb_menu li a.hover {background:#fff; color:#15052d; /*box-shadow :inset 0px 1px 0px #e4ebf6;*/ border-bottom:1px solid #e4ebf6; }
#snb .snb_menu li.over a {background:url('/_image/cms/common/hd_bg.gif') repeat; color:#fff; box-shadow :inset 0px 1px 0px #e4ebf6 }
#snb .snb_menu li a span.icon_up {position:absolute; top:20px; right:10px; display:none; width:10px; height:12px; background:url('/_image/cms/icon/icon_arrow_up_over.png') no-repeat; }
#snb .snb_menu li a:hover span.icon_up {position:absolute; top:20px; right:10px; display:none; width:10px; height:12px; background:url('/_image/cms/icon/icon_arrow_down_w.png') no-repeat; }
#snb .snb_menu li.over .snb_submenu {display:block;}
#snb .snb_menu li a span.icon_down {position:absolute; top:20px; right:10px; display:none; width:10px; height:12px; background:url('/_image/cms/icon/icon_arrow_down_w.png') no-repeat;}
#snb .snb_menu li a:hover span.icon_down {position:absolute; top:20px; right:10px; display:none; width:10px; height:12px; background:url('/_image/cms/icon/icon_arrow_up_over.png') no-repeat; }
/* 좌측메뉴 아이콘 스타일 */
/*
#snb .snb_menu li a span.icon_style1 {position:absolute; top:12px; left:24px; display:block; width:24px; height:24px; background-repeat:no-repeat;  background-position:center; background-size:cover; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); }
#snb .snb_menu li a span.icon_1 {background-image:url('/_image/cms/icon/ico_01.png');}
#snb .snb_menu li a.hover span.icon_1 {background-image:url('/_image/cms/icon/ico_01.png');}
#snb .snb_menu li a.over span.icon_1 {background-image:url('/_image/cms/icon/ico_01.png');}
#snb .snb_menu li a span.icon_2 {background-image:url('/_image/cms/icon/ico_02.png');}
#snb .snb_menu li a.hover span.icon_2 {background-image:url('/_image/cms/icon/ico_02.png');}
#snb .snb_menu li a.over span.icon_2 {background-image:url('/_image/cms/icon/ico_02.png');}
#snb .snb_menu li a span.icon_3 {background-image:url('/_image/cms/icon/ico_03.png');}
#snb .snb_menu li a.hover span.icon_3 {background-image:url('/_image/cms/icon/ico_03.png');}
#snb .snb_menu li a.over span.icon_3 {background-image:url('/_image/cms/icon/ico_03.png');}
#snb .snb_menu li a span.icon_4 {background-image:url('/_image/cms/icon/ico_04.png');}
#snb .snb_menu li a.hover span.icon_4 {background-image:url('/_image/cms/icon/ico_04.png');}
#snb .snb_menu li a.over span.icon_4 {background-image:url('/_image/cms/icon/ico_04.png');}
#snb .snb_menu li a span.icon_5 {background-image:url('/_image/cms/icon/ico_05.png');}
#snb .snb_menu li a.hover span.icon_5 {background-image:url('/_image/cms/icon/ico_05.png');}
#snb .snb_menu li a.over span.icon_5 {background-image:url('/_image/cms/icon/ico_05.png');}
#snb .snb_menu li a span.icon_6 {background-image:url('/_image/cms/icon/ico_06.png');}
#snb .snb_menu li a.hover span.icon_6 {background-image:url('/_image/cms/icon/ico_06.png');}
#snb .snb_menu li a.over span.icon_6 {background-image:url('/_image/cms/icon/ico_06.png');}
#snb .snb_menu li a span.icon_7 {background-image:url('/_image/cms/icon/ico_07.png');}
#snb .snb_menu li a.hover span.icon_7 {background-image:url('/_image/cms/icon/ico_07.png');}
#snb .snb_menu li a.over span.icon_7 {background-image:url('/_image/cms/icon/ico_07.png');}
#snb .snb_menu li a span.icon_8 {background-image:url('/_image/cms/icon/ico_08.png');}
#snb .snb_menu li a.hover span.icon_8 {background-image:url('/_image/cms/icon/ico_08.png');}
#snb .snb_menu li a.over span.icon_8 {background-image:url('/_image/cms/icon/ico_08.png');}
#snb .snb_menu li a span.icon_9 {background-image:url('/_image/cms/icon/ico_09.png');}
#snb .snb_menu li a.hover span.icon_9 {background-image:url('/_image/cms/icon/ico_09.png');}
#snb .snb_menu li a.over span.icon_9 {background-image:url('/_image/cms/icon/ico_09.png');}
#snb .snb_menu li a span.icon_10 {background-image:url('/_image/cms/icon/ico_10.png');}
#snb .snb_menu li a.hover span.icon_10 {background-image:url('/_image/cms/icon/ico_10.png');}
#snb .snb_menu li a.over span.icon_10 {background-image:url('/_image/cms/icon/ico_10.png');}
#snb .snb_menu li a span.icon_11 {background-image:url('/_image/cms/icon/ico_11.png');}
#snb .snb_menu li a.hover span.icon_11 {background-image:url('/_image/cms/icon/ico_11.png');}
#snb .snb_menu li a.over span.icon_11 {background-image:url('/_image/cms/icon/ico_11.png');}
*/

#snb .snb_menu li a span.icon_style1 {position:absolute; top:18px; left:28px; display:block; width:18px; height:12px; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); }
#snb .snb_menu li a span.icon_1 {background:url('/_image/cms/icon/icon_1.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_1 {background:url('/_image/cms/icon/icon_1_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_1 {background:url('/_image/cms/icon/icon_1_over.png') no-repeat;}
#snb .snb_menu li a span.icon_2 {background:url('/_image/cms/icon/icon_2.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_2 {background:url('/_image/cms/icon/icon_2_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_2 {background:url('/_image/cms/icon/icon_2_over.png') no-repeat;}
#snb .snb_menu li a span.icon_3 {background:url('/_image/cms/icon/icon_3.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_3 {background:url('/_image/cms/icon/icon_3_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_3 {background:url('/_image/cms/icon/icon_3_over.png') no-repeat;}
#snb .snb_menu li a span.icon_4 {background:url('/_image/cms/icon/icon_4.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_4 {background:url('/_image/cms/icon/icon_4_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_4 {background:url('/_image/cms/icon/icon_4_over.png') no-repeat;}
#snb .snb_menu li a span.icon_5 {background:url('/_image/cms/icon/icon_5.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_5 {background:url('/_image/cms/icon/icon_5_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_5 {background:url('/_image/cms/icon/icon_5_over.png') no-repeat;}
#snb .snb_menu li a span.icon_6 {background:url('/_image/cms/icon/icon_6.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_6 {background:url('/_image/cms/icon/icon_6_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_6 {background:url('/_image/cms/icon/icon_6_over.png') no-repeat;}
#snb .snb_menu li a span.icon_7 {background:url('/_image/cms/icon/icon_7.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_7 {background:url('/_image/cms/icon/icon_7_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_7 {background:url('/_image/cms/icon/icon_7_over.png') no-repeat;}
#snb .snb_menu li a span.icon_8 {background:url('/_image/cms/icon/icon_8.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_8 {background:url('/_image/cms/icon/icon_8_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_8 {background:url('/_image/cms/icon/icon_8_over.png') no-repeat;}
#snb .snb_menu li a span.icon_9 {background:url('/_image/cms/icon/icon_9.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_9 {background:url('/_image/cms/icon/icon_9_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_9 {background:url('/_image/cms/icon/icon_9_over.png') no-repeat;}
#snb .snb_menu li a span.icon_10 {background:url('/_image/cms/icon/icon_10.png') no-repeat;}
#snb .snb_menu li a.hover span.icon_10 {background:url('/_image/cms/icon/icon_10_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_10 {background:url('/_image/cms/icon/icon_10_over.png') no-repeat;}
#snb .snb_menu li a span.icon_12 {background:url('/_image/cms/icon/icon_12.png') no-repeat;}
#snb .snb_menu li a span.icon_style12 {position:absolute; top:16px; left:28px; display:block; width:20px; height:12px; }
#snb .snb_menu li a.hover span.icon_12 {background:url('/_image/cms/icon/icon_12_over.png') no-repeat;}
#snb .snb_menu li a.over span.icon_12 {background:url('/_image/cms/icon/icon_12_over.png') no-repeat;}

/* 좌측 메뉴 2 */
#snb .snb_menu li .snb_submenu {display:block; border-bottom:1px solid #e4ebf6;}
#snb .snb_menu li .snb_submenu li {box-shadow:inset 0px 1px 0px #eeeeee;}
#snb .snb_menu li .snb_submenu li:first-child a {}
#snb .snb_menu li .snb_submenu li a {position:relative; display:block; padding:15px 10px 15px 56px; color:#15052d; font-size:14px; font-weight:500;  background:#fff; border-bottom:none;}
#snb .snb_menu li .snb_submenu li a span.icon_submenu {position:absolute; top:16px; left:32px; display:none; width:5px; height:5px; background:url('/_image/cms/icon/icon_arrow.png') no-repeat;}
#snb .snb_menu li .snb_submenu li a:hover {background:#f6f9fc;}
#snb .snb_menu li .snb_submenu li > a:hover {color:#da3f15 !important;}
#snb .snb_menu li .snb_submenu li a.over {background:#f5f8fb;}
#snb .snb_menu li .snb_submenu li > a.over {font-weight:bold; color:#15052d !important;}

.smallft { font-size:13px !important; }

dl.description { padding:20px 0 0px 20px; }
dl.description dt { height:20px; font-weight:900; font-size:14px;}
.ui-state-highlight { height:auto; }

.delButton {}
.delButton a {display:inline-block; width:20px; height:20px; background:url('/_image/cms/common/icon_del.png') no-repeat; background-size:13px auto; font-size:0 !important; position:relative; top:-12px; left:5px; }

.board_list_box {clear:both; padding-top:20px;}
.cnt_tab_box {height:40px; border-bottom:1px solid #dae0e6;}
.cnt_tab {position:absolute; top:0; left:0; display:flex; list-style:none; margin:0; padding:0; }
.cnt_tab li {text-align:center;  }
.cnt_tab li a {position:relative; display:inline-block; width:140px; padding:12px 0; font-size:14px; border-right:1px solid #dae0e6; font-weight:bold; color:#2a3244;  box-shadow:1px 1px 0px #fcfcfc; }
.cnt_tab li a:hover {background:#f5f8fb; box-shadow:none; border-bottom:none;}
.cnt_tab li a:hover:after {position:Absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:3px; background:#15052d; content:'';}
.cnt_tab li a.over {background:#f5f8fb; box-shadow:none; border-bottom:none; }
.cnt_tab li a.over:after {position:Absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:3px; background:#15052d; content:'';}

.box_bottom {text-align:center; padding:20px 0 40px 20px; }

.colspan_box {display:Table; width:100%; padding:20px 0; }
.colspan_box .left_box {display:table-cell; width:50%;}
.colspan_box .right_box {display:table-cell; width:50%;}


@media screen and (max-width:920px) {
    body {min-width:360px;}
    #header {position:static; height:auto;}
    #header h1 a img {width:Auto;}
    #header h1 {padding:0; height:auto;}
    #snb {display:none;}
    #wrapper {width:100%; margin-left:0; border-top:0;}
    #wrapper .wrapper_menu {margin-top:0;}
    #cnt {margin:10px; padding:10px;}
    .cnt_tab li:nth-child(1) {display:none;}
    .cnt_tab li:nth-child(2) {display:none;}
    .board_list_box {}
    #listTbl {}



    .input400 {width:100%; box-sizing:border-box;}
    .checks span {display:block; padding:10px 0; }
    .box_bottom {padding:20px 0;}
    .help {display:block; padding:5px 0; margin-left:0; line-height:1.4; font-size:12px;}
    dl.description {padding:20px 10px 0 10px;}
    dl.description dt {height:auto;}

	#header h1 {padding:15px 0;}
	#header h1 a {width:100%; text-align:center;}
	#header h1 a img {width:100px !important; top:-2px !important;}
}

.search_list { z-index:999; position:absolute; width:auto; background:#fff; max-height:110px; overflow-y:auto; border:1px solid #000; border-radius:5px; }
.search_list ul { position:relative; }
.search_list ul li { padding:0 5px; height:27px; line-height:27px; border-left:1px solid #dae0e6; border-right:1px solid #dae0e6; border-bottom:1px solid #dae0e6; cursor:pointer; }

#controlTab {clear:both; margin:15px 0 0 0;}
#controlTab .tabs {position:relative; z-index:5; height:42px; padding-left:23px; border-top:1px solid #dae0e6; border-bottom:1px solid #dae0e6; background:#f7f7f7;}
#controlTab .tabs li {float:left; position:relative; height:42px; margin:-1px 0 -1px -1px; padding:0 15px; border:1px solid #dae0e6; line-height:44px; text-align:center; color:#000; cursor:pointer;}
#controlTab .tabs li:hover {color:#000; font-weight:900;}
#controlTab .tabs li.selected {height:49px; margin-top:-8px; border-bottom:1px solid #fff; border-radius:5px 5px 0 0; background:#fff; color:#000;  font-weight:900; line-height:57px;}
#controlTab .box_middle {position:relative; padding:15px 10px; background:#fff; text-align:left; line-height:30px; font-size:14px;font-weight:900;}

/* 날짜 */
h1.title {width:100%; height:35px; line-height:35px; font-size:16px; font-weight:900;}
h1.title_hr {width:100%; height:50px; line-height:50px; font-size:18px; font-weight:900; border-bottom:2px solid #000;}
.pt_calendar {position:relative; width:100%; padding:0 85px; background:#fff;  box-sizing:border-box; }
.pt_calendar ul { padding:25px 0; font-size:0; text-align:center;}
.pt_calendar ul li {padding:0; width:auto;}
.pt_calendar ul li:last-child {padding-right:0;}
.pt_calendar ul li a {display:inline-block;}
.pt_calendar ul li .day_m {display:block; padding-bottom:7px; font-size:12px; color:#242222;}
.pt_calendar ul li .day_n {display:block; width:36px; height:36px; line-height:36px; color:#242222;}
.pt_calendar ul li a.today .day_n{background:#f11c24; border-radius:50%; color:#fff;}
.pt_calendar ul li a.curday .day_n{background:#5866e7; border-radius:50%; color:#fff;}
.pt_calendar ul li a.nextday .day_m{color:#bebec1;}
.pt_calendar ul li a.nextday .day_n{color:#bebec1;}
.pt_calendar .prev_date {position:absolute; top:29px; left:16px;}
.pt_calendar .prev_date a {display:inline-block; width:55px; height:40px; padding-left:10px; font-size:14px; line-height:40px; border:1px solid #eaebf0; text-align:Center; border-radius:12px; background:#fff url('/_image/front/icon/icon_arrow_left1.png') no-repeat 7px center ; background-size:8px auto;}
.pt_calendar .next_date {position:absolute; top:29px; right:16px;}
.pt_calendar .next_date a {display:inline-block; width:55px; height:40px; padding-right:10px; font-size:14px; line-height:40px; border:1px solid #eaebf0; text-align:Center; border-radius:12px; background:#fff url('/_image/front/icon/icon_arrow_right1.png') no-repeat 47px center ; background-size:8px auto;}



/* 캘린더 월간 */
.calendar_box .calendar {background:#fff;}
.calendar_box.type1 .calendar {}
.calendar_box .calendar .top_box {position:relative; padding:28px 0;}
.calendar_box .calendar .top_box ul {display:table; margin:0 auto; font-size:0; }
.calendar_box .calendar .top_box ul li {display:inline-block; padding:0 4px; font-size:2.5rem; color:#252525; font-family:'Noto Sans KR', 'MALGUN GOTHIC', sans-serif; font-weight:600;}
.calendar_box .calendar .top_box ul li a {display:inline-block; font-size:0; width:26px; height:26px; vertical-align:top;}
.calendar_box .calendar .top_box ul li:first-child a {background:url('/_image/cms/icon/icon_arrow_left1.png') no-repeat center 8px; background-size:9px auto;}
.calendar_box .calendar .top_box ul li:last-child a {background:url('/_image/cms/icon/icon_arrow_right1.png') no-repeat center 8px; background-size:9px auto;}
.calendar_box .calendar .top_box .calendar_all_chk1 {position:absolute; top:18px; left:15px;}
.calendar_box .calendar .top_box .calendar_all_chk2 {position:absolute; top:18px; right:15px;}
.calendar_box .calendar .top_box .right_btn {position:absolute; top:30px; right:15px;}

.calendar_style {table-layout:fixed; }
.calendar_style {border-top:1px solid #949494;}
.calendar_style tr:first-child td{border-top:1px solid #949494;}
.calendar_style tr:last-child td {border-bottom:1px solid #949494;}
.calendar_style.header tr th {border-right:1px solid #949494;}
.calendar_style.header tr th:last-child {border-right:none;}
.calendar_style.header tr th:first-child {color:#f00;}
.calendar_style.header tr th:last-child {color:#69f;}
.calendar_style.header tr th {background:#fafafa; font-weight:900; height:50px;}
.calendar_style tr td {height:120px;}

.calendar_style th {padding-bottom:7px; font-size:1.3rem; line-height:1.3rem; color:#49494e; font-family:'Noto Sans KR', 'MALGUN GOTHIC', sans-serif; font-weight:500; text-align:center;}
.calendar_style td {border:1px solid #d3d3d3; padding:7px 12px 12px 12px; text-align:right; vertical-align:top;height:53px; }
.calendar_style td:first-child {border-left:none;}
.calendar_style td:last-child {border-right:none;}
.calendar_style td.today {background:#ffa6a6;}
.calendar_style td a {display:block; padding:3px 0 0 0;}
.calendar_style td a span {position:relative; display:inline-block; font-size:1.3rem; line-height:2rem; color:#252525;  font-family:'Noto Sans KR', 'MALGUN GOTHIC', sans-serif; font-weight:500; vertical-align:middle;}
.calendar_style td:first-child a span, .calendar_style td:last-child a span {color:#7a7a7f;}
.calendar_style td a span.today {width:24px; height:24px; }
.calendar_style td a span.today:after {}
.calendar_style td a span.sat {color:#69f;}
.calendar_style td a span.sun {color:#f00;}
.calendar_style td a span.prev {color:#e1e1e1;}
.calendar_style td a span.next {color:#e1e1e1;}

.calendar_style td ul li {text-align:left; color:#333;}
.calendar_style td ul li a {color:#333;}

.table_scroll {width:100%; }
.table_top_box {overflow:hidden;}
.table_top_box ul {display:table; width:100%;}
.table_top_box ul li {display:inline; width:250px; white-space:nowrap; border:1px solid #dae0e6; border-left:0;}
.table_top_box ul li span {display:inline-block; padding:9px;}
.table_mid_box {width:100%;}
.table_mid_box .left_box {position:sticky; left:0; top:0;}
.table_mid_box .right_box {display:inline-block; width:100%; }
.table_mid_box .right_box ul {}
.table_mid_box .right_box ul li {vertical-align:top;}
.table_mid_box .right_box .right_table {overflow:auto; max-height:900px; -webkit-overflow-scrolling:touch;}
.table_mid_box .right_box .right_table .right_btm {}
.table_mid_box .right_box .right_table .right_btm ul {display:flex; width:100%;}
.table_mid_box .right_box .right_table .right_btm ul li {width:250px; height:160px; padding:5px; border:1px solid #dae0e6; font-size:14px; border-right:0; -webkit-box-flex:0; flex: 0 0 auto; vertical-align:middle;}
.table_mid_box .right_box .right_table .right_btm.fixed {background:#fff;  position:sticky; top:0; z-index:10;}
.table_mid_box .right_box .right_table .right_btm.fixed ul li {height:auto; background:#f5f8fb;}
.table_fixed {position:sticky; top:0; left:0; width:150px !important; background:#f5f8fb; border-right:1px solid #dae0e6 !important; z-index:100;}
.table_mid_box .p_box {display:table; width:100%; margin:5px 0;border:1px solid #dae0e6;}
.table_mid_box .p_box span {display:table-cell; vertical-align:middle;}
.table_mid_box .p_box span.s_fir {text-align:center;}
.table_mid_box .p_box span.s_mid {width:100px; text-align:center;}
.table_mid_box .p_box span.s_last {padding-left:5px; text-align:left;}
.table_mid_box .button.b_left {margin-top:5px;}
.table_mid_box .button.b_top {display:block; margin:5px 0;}
.table_mid_box .right_box ul li .input {background:#fff;}
.table_mid_box .right_box ul li .discount_midbox {display:table; width:100%; height:100%;}
.table_mid_box .right_box ul li .discount_midbox > div {display:table-cell; vertical-align:middle; text-align:center; background:#fff;}

.popup_title {width:100%; height:35px; line-height:35px; font-size:20px; font-weight:900;}
.abtn_file {display:inline-block; padding:5px 15px 5px 30px !important; border:1px solid #dae0e6; border-radius:20px; background:url('/_image/cms/common/icon_download.png') no-repeat 8px 5px; background-size:16px auto;}

#serial { position:relative; width:400px; font-size:24px; text-align:center; margin-left:calc(50% - 200px); }
.more_txt {margin-top:10px; padding:20px; border:1px solid #dae0e6; text-align:center; display:none;}
.more_txt p {padding-bottom:20px; font-size:18px; text-align:center;}


.sms_byte {padding:10px 0;}
.sms_byte p {font-size:14px;}
.sms_byte p span {font-size:14px;}
.sub_tit {padding:20px 10px; font-size:18px; font-weight:bold; text-align:left;}
.fc_blue {color:#5757ff;}
.fc_brown {color:#da3f15;}

.ul_list {}
.ul_list ul {}
.ul_list ul li {display:block; min-height:30px; padding:5px 0 5px 0; font-size:14px;}

.memo_list {padding-top:10px; }
.memo_list ul {}
.memo_list ul li .box {display:table; width:100%; border:1px solid #dae0e6;}
.memo_list ul li .box .left {display:table-cell; width:30%; padding:10px 10px; font-size:14px; border-right:1px solid #dae0e6; box-sizing:border-box; vertical-align:middle;}
.memo_list ul li .box .right {display:table-cell; width:70%; padding:10px 10px; font-size:14px; box-sizing:border-box; vertical-align:middle;}
.memo_list ul li .box .right dl {}
.memo_list ul li .box .right dl dt {font-size:14px; line-height:29px; font-weight:bold;}
.memo_list ul li .box .right dl dd {padding:5px 0;font-size:14px;}

.s_box {margin-top:10px;}
.s_box .sub_tit1 {padding:10px 10px; font-size:18px; font-weight:bold; text-align:left; border:1px solid #dae0e6;}
.s_box .sc_box {overflow-y:auto; height:541px; border-bottom:1px solid #dae0e6; border-right:1px solid #dae0e6; border-left:1px solid #dae0e6;}
.s_box .sc_box .board_style1 th {border-top:0;}

.btm_line {padding:10px 20px; border-top:1px solid #dae0e6;}
.btm_line span {font-size:14px; line-height:29px;}

.cnt_table {display:table; width:100%;}
.cnt_table .left_box {display:table-cell; width:70%; border-right:1px solid #dae0e6; box-sizing:border-box; vertical-align:top;}
.cnt_table .right_box {display:table-cell; width:30%; padding:0 10px; box-sizing:border-box; vertical-align:top;}

.dlv_list ul li { margin-top:7px; }


/*-----------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------*/
.footer {}
.ft_box { padding:0 16px 20px 16px; background:#f47e20; }
.ft_box .ft_s_info {display:none; padding-top:20px;}
.ft_box .ft_s_info p {font-size:13px; color:#fff; line-height:1.58;}
.ft_box .ft_s_info p.bold {font-size:14px; font-weight:700;}
.ft_box .ft_s_info p a {font-size:13px; color:#fff; line-height:1.58;}
.ft_box .ft_logo {position:relative; display:inline-block; margin-top:20px;}
.ft_box .ft_logo img {width:94px; vertical-align:middle;}
.ft_box .ft_logo .aBtn3 {position:Absolute; top:-6px; right:-104px;}
.ft_box .ft_logo .ft_info_btn {margin-left:12px;}
.ft_box .ft_info {padding-top:16px; text-align:center;}
.ft_box .ft_info ul {display:inline-block; font-size:0;}
.ft_box .ft_info ul li {position:relative; display:inline-block; padding:0 8px;}
.ft_box .ft_info ul li:after {position:Absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; content:''; background:#ccc;}
.ft_box .ft_info ul li:first-child {padding-left:0;}
.ft_box .ft_info ul li:last-child:after {display:none;}
.ft_box .ft_info ul li.color0 a {color:#9da1a4;}
.ft_box .ft_info .ft_info_btn {padding-right:15px; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right center; background-size:9px auto;}
.ft_box .ft_info .ft_info_btn.on {background:url('/_image/front/icon/icon_arrow_up.png') no-repeat right center; background-size:9px auto;}

.search_list { z-index:999; position:absolute; width:auto; background:#fff; max-height:110px; overflow-y:auto; border:1px solid #000; border-radius:5px; }
.search_list ul { position:relative; }
.search_list ul li { padding:0 5px; height:27px; line-height:27px; border-left:1px solid #dae0e6; border-right:1px solid #dae0e6; border-bottom:1px solid #dae0e6; cursor:pointer; }

#controlTab {clear:both; margin:15px 0 0 0;}
#controlTab .tabs {position:relative; z-index:5; height:42px; padding-left:23px; border-top:1px solid #dae0e6; border-bottom:1px solid #dae0e6; background:#f7f7f7;}
#controlTab .tabs li {float:left; position:relative; height:42px; margin:-1px 0 -1px -1px; padding:0 15px; border:1px solid #dae0e6; line-height:44px; text-align:center; color:#000; cursor:pointer; font-size:14px;}
#controlTab .tabs li:hover {color:#000; font-weight:900;}
#controlTab .tabs li.selected {height:49px; margin-top:-8px; border-bottom:1px solid #fff; border-radius:5px 5px 0 0; background:#fff; color:#000;  font-weight:900; line-height:57px;}
#controlTab .box_middle {position:relative; padding:15px 10px; background:#fff; text-align:left; line-height:30px; font-size:14px;font-weight:900;}

.prd_img_list_box {/* overflow:hidden; */ }
.prd_img_list { /*justify-content:space-between; display:flex; text-align:center;*/ }
.prd_img_list li {display:inline-block; padding:0 3px 0 0; vertical-align:top; }
.prd_img_list li .file_basic {position:relative; font-size:0;}
.prd_img_list li .file_basic > a {display:block; width:100px; height:100px; text-align:center; border:1px solid #dfdfdf; font-size:0; border-radius:10px; background-image:url('/_image/cms/common/noimg.gif'); background-position:center; background-repeat:no-repeat; background-size:cover;}
.prd_img_list li .file_basic .btn_img_del {position:absolute; bottom:0; right:0; display:inline-block; width:24px; height:24px; background:url('/_image/cms/icon/icon_x.png') no-repeat center; background-size:24px; cursor:pointer;}
.prd_img_list li .file_basic .btn_img_del a {font-size:0;}
.prd_img_list li .file_basic input[type='file'] {display:none;}


.prd_img_list2 { /*justify-content:space-between; display:flex; text-align:center;*/ }
.prd_img_list2 li {display:inline-block; padding:0 3px 0 0; vertical-align:top; }
.prd_img_list2 li .file_basic {position:relative; font-size:0;}
.prd_img_list2 li .file_basic > a {display:block; width:500px; height:300px; text-align:center; border:1px solid #dfdfdf; font-size:0; border-radius:10px; background-image:url('/_image/cms/common/noimg.gif'); background-position:center; background-repeat:no-repeat; background-size:contain; background-color:#f6f6f6;}
.prd_img_list2 li .file_basic .btn_img_del {position:absolute; bottom:0; right:0; display:inline-block; width:24px; height:24px; background:url('/_image/cms/icon/icon_x.png') no-repeat center; background-size:24px; cursor:pointer;}
.prd_img_list2 li .file_basic .btn_img_del a {font-size:0;}
.prd_img_list2 li .file_basic input[type='file'] {display:none;}

.delButton {}
.delButton a {display:inline-block; width:20px; height:20px; background:url('http:/image/front/mobile/icon/icon_del.png') no-repeat; background-size:13px auto; font-size:0 !important; position:relative; top:-12px; left:5px; }

#footer .btn_scroll {display:none; position:fixed; right:10px; bottom:72px; z-index:110; width:40px;}
#footer .btn_scroll a {display:block; height:40px; background-repeat:no-repeat; background-position:center; background-color:#ebebeb; border:1px solid #fff; box-shadow:0 0 5px 1px #888; background-size:16px auto; font-size:0; text-align:center; cursor:pointer;}
#footer .btn_scroll a.up:hover {background-color:#ffbe9f; background-image:url('/_image/cms/icon/icon_arrow_up.png');}
#footer .btn_scroll a.up {background-image:url('/_image/cms/icon/icon_arrow_up_over.png');}

/* 관리자 채팅 */
.categorys { margin:15px 0 5px 0 !important; display:none; }
.categorys span { padding:5px; margin-right:5px; border-radius:3px; border:1px solid #dae0e6; background:#f4f7fa; font-weight:900; color:#da3f15; cursor:pointer; }
.categorys span:after { content:'x'; padding-left:7px; color:#333; position:relative; top:-1px; }

.chat_list { overflow-y: scroll; width:100%; height:calc(100vh - 52px); min-height:680px; padding: 0 0; -webkit-overflow-scrolling: touch; }
.chat_list ul {padding:0 20px;}
.chat_list ul li {padding: 0 0 12px 0; margin: 24px 0 40px 0;}
.chat_list ul li .box { position: relative; display: inline-block; max-width: 70%; padding:15px; }
.chat_list ul li.chat_my {text-align:right; }
.chat_list ul li.chat_my .box {min-width:60px; background: #05558F; border-radius: 18px;}
.chat_list ul li.chat_my .box p, .chat_list ul li.chat_my .box p a {color:#fff; text-align:left; font-size:15px; word-break:break-all;}
.chat_list ul li.chat_you .box {background: #F1F8FF; border-radius:18px}
.chat_list ul li.chat_you .box p {font-size:15px; font-weight:400; word-break:break-all;}
.chat_list ul li.chat_you .box p a {font-size:15px; font-weight:400; word-break:break-all; color:#000;}
.chat_list ul li.chat_you .box:after {position:absolute; bottom:0; left:-5px; width:15px; height:20px; background:url('/_image/front/icon/i_tail_2.png') no-repeat center; background-size:15px auto; content:'';}
.chat_list ul li.chat_my .box:after {position:absolute; bottom:0; right:-5px; width:15px; height:20px; background:url('/_image/front/icon/i_tail_1.png') no-repeat center; background-size:15px auto; content:'';}

.chat_list ul li .box .chat_date {position:absolute; bottom:0; }
.chat_list ul li .box .chat_date span {display:inline-block; width:60px; font-size:12px; color:#999;}
.chat_list ul li.chat_you .box .chat_date {right:-64px;}
.chat_list ul li.chat_my .box .chat_date {left:-64px;}
.chat_list ul li.chat_msg_date .title_date {position:relative; text-align:Center;}
.chat_list ul li.chat_msg_date .title_date:after {position:absolute; top:8px; left:0; content:''; width:100%; height:1px; background:#EEE;}
.chat_list ul li.chat_msg_date .title_date span {position:relative; display:inline-block; padding:0 10px; background:#fff;font-size:14px; font-weight:400; color:#999; z-index:1;}
.chat_list ul li.chat_img {position:relative; }
.chat_list ul li.chat_img .box  {background:#fff; max-width:70%; padding:0;}
.chat_list ul li.chat_img .box:after {display:none;}
.chat_list ul li.chat_img .box img {width:100%; border-radius:18px; }
.chat_list ul li .img_save {position:absolute; bottom:-25px; padding:10px 0 0 0; display:inline-block; max-width:70%;}
.chat_list ul li.chat_my .img_save {right:0;}
.chat_list ul li.chat_you .img_save {left:0;}
.chat_list ul li .img_save a {padding:10px 0; font-size:12px; color:#05558F; font-size:12px; font-weight:400; text-decoration:underline;}
.chat_list ul li.chat_img {margin-bottom:60px;}

.chat_list ul li .box .chat_del  {position:Absolute; top:0px; left:-50px;}
.chat_list ul li .box .chat_del a {display:inline-block; padding:5px 10px; border:1px solid #05558F; border-radius:5px; color:#000;}
.chat_list ul li.chat_my > .box .chat_name {position:Absolute; bottom:-20px; right:0px; line-height:1.3; white-space: nowrap;}
.chat_list ul li.chat_img .box .chat_name {position:Absolute; bottom:-45px; right:0px; line-height:1.3; white-space: nowrap;}

.chat_list ul li.chat_my > .txt_box .chat_del {position:Absolute; top:0; left:-50px;}
.chat_list ul li.chat_my > .txt_box .chat_del a {display:inline-block; padding:5px 10px; border:1px solid #05558F; border-radius:5px; color:#000;}
.chat_list ul li.chat_my > .txt_box .chat_name {position:Absolute; bottom:-40px; right:0px; line-height:1.3; white-space: nowrap;}

.chat_list ul li.chat_my > .txt_box { position: relative; display: inline-block; max-width: 80%; padding:15px; min-width:60px; margin-top:80px; background: #05558F; border-radius: 18px;}
.chat_list ul li.chat_my > .txt_box p {color:#fff; text-align:left; font-size:15px;}
.chat_list ul li.chat_my > .txt_box:after {position:absolute; bottom:0; right:-5px; width:15px; height:20px; background:url('/_image/front/icon/i_tail_1.png') no-repeat center; background-size:15px auto; content:'';}

.chat_list ul li.chat_you > .txt_box { position: relative; display: inline-block; max-width: 80%; padding:15px; margin-top:80px; background: #F1F8FF; border-radius:18px}
.chat_list ul li.chat_you > .txt_box p {font-size:15px; font-weight:400;}
.chat_list ul li.chat_you > .txt_box:after {position:absolute; bottom:0; left:-5px; width:15px; height:20px; background:url('/_image/front/icon/i_tail_2.png') no-repeat center; background-size:15px auto; content:'';}

.chat_list ul li > .txt_box .chat_date {position:absolute; bottom:-24px; }
.chat_list ul li > .txt_box .chat_date span {display:inline-block; font-size:12px; color:#999;}
.chat_list ul li.chat_you > .txt_box .chat_date {right:0;}
.chat_list ul li.chat_my > .txt_box .chat_date {right:0;}

.chat_table {display:table; width:100%; table-layout:fixed; padding:5px; margin-top:10px; background:#fff; border-radius:10px; box-sizing:border-box;}
.chat_table dl {position:relative; display:table-cell; padding:5px 5px;}
.chat_table dl:after {position:Absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#ccc; content:'';}
.chat_table dl:first-child:after {display:none;}
.chat_table dl dt {text-align:center; font-size:14px; font-weight:400;}
.chat_table dl dd {padding-top:5px; text-align:center; font-size:14px; color:#05558F; font-weight:700;}

.chat_write {padding:5px 0; border-top:1px solid #ccc;}
.chat_write ul {display: flex; width: 100%; flex-wrap: nowrap; justify-content: space-between; align-items:flex-start; }
.chat_write ul li {position:relative;}
.chat_write ul li:nth-child(1) {width:40px;}
.chat_write ul li:nth-child(2) {width:calc(100% - 40px); padding:0 5px 0 10px;}
.chat_write ul li .btn_send {position:absolute; top:3px; right:8px;}
.chat_write ul li .btn_send input[type='submit'] {display:inline-block; width:32px; height:32px; background:url('/_image/front/icon/btn_send_1.png') no-repeat center; background-size:32px auto; border-radius:0; font-size:0; border:0;}
.chat_write ul li .btn_send.on input[type='submit'] {background:url('/_image/front/icon/btn_send_2.png') no-repeat center; background-size:32px auto;}
.chat_write ul li.ic_camera label{display:inline-block; width:40px; height:36px; margin-bottom:5px; text-align:center; line-height:36px; background:url('/_image/front/icon/i_camera.png') no-repeat center; background-size:30px auto; font-size:0;}
.chat_write .chat_textarea_box { padding:9px 0 4px 13px;  border:1px solid #dadaec; border-radius:17px; background:none;}
.chat_write .chat_textarea_box.on {border:1px solid #05558F;}
.chat_write .chat_textarea { width:calc(100% - 38px); min-height:21px; max-height:73px; height:21px; font-size:14px; padding:0; line-height:1.3; resize:none; font-family:'Pretendard', sans-serif; border:none; outline:none; }


.cnt_box1 {display:table; width:100%; margin-top:15px; table-layout:fixed; border-top:1px solid #dae0e6;}
.cnt_box1 .left_box {display:table-cell; width:400px; padding:10px 10px 0 10px;}
.cnt_box1 .right_box {position:relative; display:table-cell; width:calc(100% - 400px); margin-left:50px; border-left:1px solid #dae0e6;}
.cnt_box1 .right_box {border-left:1px solid #dae0e6;}
.cnt_box1 .right_box table {width:calc(100% - 10px); margin-left:10px; border-left:1px solid #dae0e6;}
.cnt_box1 .right_box .right_layer_popup {display:none; position:Absolute; top:0; left:0; width:100%; background:#fff;}
.cnt_box1 .right_box .right_layer_popup .board_list_box {padding-top:0px;}
.cnt_box1 .right_box .right_layer_popup .right_layer_cont {width:100%; height:calc(60vh + 70px);  min-height:680px; overflow-y:auto; padding:10px; box-sizing:border-box; border:2px solid #dae0e6; box-shadow:0 0 10px 1px #ccc;}
.cnt_box1 .right_box .right_layer_popup .right_layer_cont .layer_close {position:sticky; top:0; padding:0 0 5px 10px; z-index:10; text-align:right;}
.cnt_box1 .right_box .right_layer_popup .right_layer_cont .layer_close a {display:inline-block; padding:5px 20px; border-radius:8px; font-size:15px; background:#05558F; color:#fff; border:1px solid #05558F;}



.sub_dl {}
.sub_dl dl {display:flex; width:100%;}
.sub_dl dl dt {font-weight:bold; padding:8px 10px 0 0; font-size:12px;}
.sub_dl dl dd {}
.drop_box {position:relative;}
.drop_box .drop_layer_box {position:Absolute; top:30px; left:0; width:100%; padding:0; box-sizing:border-box; background:#fff; border:1px solid #dae0e6;}
.drop_box .drop_layer_box ul {height:150px; overflow-y:scroll;}
.drop_box .drop_layer_box ul li {padding:2px 10px; border-bottom:1px solid #dae0e6;}
.drop_box .drop_layer_box ul li:last-child {border-bottom:0;}


.table {display:table; width:100%;}
.table .cell {display:table-cell;}

.noborer_tbl { border:none !important; margin:0 0 0 10px; padding:0; }
.noborer_tbl tr, .noborer_tbl th, .noborer_tbl td { border:none !important; margin:0; padding:2px; text-align:left; }


.day_ul {}
.day_ul li {padding:10px 0;}
.day_ul li span {font-size:14px;}
.day_ul li strong {font-size:14px;}
.day_ul li strong .finish {color:#e47443;}

.checks_ul {font-size:0;}
.checks_ul li {display:inline-block; padding:2px;}

.btm_fixed {position:fixed; bottom:0; right:0; display:inline-block; background:#fff; padding:0px 10px; border:1px solid #dae0e6;}

.check_list {display:flex; padding:10px 0; gap:10px; flex-wrap:wrap;}
.check_list div {width:18%;}