@charset 'utf-8';

/**************************************************
* common.css
**************************************************/
body { overflow:hidden; }

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul { -webkit-font-smoothing:antialiased; -moz-font-smoothing:unset; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; }

em, i, address { font-style:normal; }
strong { font-weight:600 !important; }

.sound-only { display:inline-block !important; position:absolute; top:0; left:0; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important; }
img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; -ms-interpolation-mode:nearest-neighbor; image-rendering:crisp-edges; max-width:100%; }
.img-thumb { position:relative; display:inline-block; background:no-repeat 50% 50% / cover; }
.img-fluid { position:relative; width:100%; max-width:100%; }

.delay-100{transition-delay: .1s}
.delay-200{transition-delay: .2s}
.delay-300{transition-delay: .3s}
.delay-400{transition-delay: .4s}
.delay-500{transition-delay: .5s}
.delay-600{transition-delay: .6s}
.delay-700{transition-delay: .7s}
.delay-800{transition-delay: .8s}
.delay-900{transition-delay: .9s}
.delay-1000{transition-delay: 1.0s}

.dura-100{transition-duration: .1s}
.dura-200{transition-duration: .2s}
.dura-300{transition-duration: .3s}
.dura-400{transition-duration: .4s}
.dura-500{transition-duration: .5s}
.dura-600{transition-duration: .6s}
.dura-700{transition-duration: .7s}
.dura-800{transition-duration: .8s}
.dura-900{transition-duration: .9s}
.dura-1000{transition-duration: 1.0s}

/**************************************************
* padding
**************************************************/
.pb_0 { padding-bottom:0px; }
.pb_5 { padding-bottom:5px; }
.pb_10 { padding-bottom:10px; }
.pb_15 { padding-bottom:15px; }
.pb_20 { padding-bottom:20px; }
.pb_25 { padding-bottom:25px; }
.pb_30 { padding-bottom:30px; }
.pb_35 { padding-bottom:35px; }
.pb_40 { padding-bottom:40px; }
.pb_45 { padding-bottom:45px; }
.pb_50 { padding-bottom:50px; }

.pt_0 { padding-top:0px; }
.pt_5 { padding-top:5px; }
.pt_10 { padding-top:10px; }
.pt_15 { padding-top:15px; }
.pt_20 { padding-top:20px; }
.pt_25 { padding-top:25px; }
.pt_30 { padding-top:30px; }
.pt_35 { padding-top:35px; }
.pt_40 { padding-top:40px; }
.pt_45 { padding-top:45px; }
.pt_50 { padding-top:50px; }
.pt_100 { padding-top:100px; }
.pt_200 { padding-top:200px; }

.pl_0 { padding-left:0px; }
.pl_5 { padding-left:5px; }
.pl_10 { padding-left:10px; }
.pl_15 { padding-left:15px; }
.pl_20 { padding-left:20px; }
.pl_25 { padding-left:25px; }
.pl_30 { padding-left:30px; }
.pl_35 { padding-left:35px; }
.pl_40 { padding-left:40px; }
.pl_45 { padding-left:45px; }
.pl_50 { padding-left:50px; }

.pr_0 { padding-right:0px; }
.pr_5 { padding-right:5px; }
.pr_10 { padding-right:10px; }
.pr_15 { padding-right:15px; }
.pr_20 { padding-right:20px; }
.pr_25 { padding-right:25px; }
.pr_30 { padding-right:30px; }
.pr_35 { padding-right:35px; }
.pr_40 { padding-right:40px; }
.pr_45 { padding-right:45px; }
.pr_50 { padding-right:50px; }

/**************************************************
* margin
**************************************************/
.mb_0 { margin-bottom:0px; }
.mb_5 { margin-bottom:5px; }
.mb_10 { margin-bottom:10px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_25 { margin-bottom:25px; }
.mb_30 { margin-bottom:30px; }
.mb_35 { margin-bottom:35px; }
.mb_40 { margin-bottom:40px; }
.mb_45 { margin-bottom:45px; }
.mb_50 { margin-bottom:50px; }
.mb_70 { margin-bottom:70px; }

.mt_0 { margin-top:0px; }
.mt_5 { margin-top:5px; }
.mt_10 { margin-top:10px; }
.mt_15 { margin-top:15px; }
.mt_20 { margin-top:20px; }
.mt_25 { margin-top:25px; }
.mt_30 { margin-top:30px; }
.mt_35 { margin-top:35px; }
.mt_40 { margin-top:40px; }
.mt_45 { margin-top:45px; }
.mt_50 { margin-top:50px; }
.mt_70 { margin-top:70px; }

.ml_0 { margin-left:0px; }
.ml_5 { margin-left:5px; }
.ml_10 { margin-left:10px; }
.ml_15 { margin-left:15px; }
.ml_20 { margin-left:20px; }
.ml_25 { margin-left:25px; }
.ml_30 { margin-left:30px; }
.ml_35 { margin-left:35px; }
.ml_40 { margin-left:40px; }
.ml_45 { margin-left:45px; }
.ml_50 { margin-left:50px; }

.mr_0 { margin-right:0px; }
.mr_5 { margin-right:5px; }
.mr_10 { margin-right:10px; }
.mr_15 { margin-right:15px; }
.mr_20 { margin-right:20px; }
.mr_25 { margin-right:25px; }
.mr_30 { margin-right:30px; }
.mr_35 { margin-right:35px; }
.mr_40 { margin-right:40px; }
.mr_45 { margin-right:45px; }
.mr_50 { margin-right:50px; }

/**************************************************
* list style
**************************************************/
.dot-list li { position:relative; padding-left:17px; font-size:14px; color:#484848; }
.dot-list li:before { content:''; display:inline-block; width:5px; height:5px; background-color:#888; border-radius:50%; position:absolute; left:0; top:9px; }

.check-list li { position:relative; padding-left:40px; font-size:14px; }
.check-list li:before { content:''; display:inline-block; width:22px; height:18px; position:absolute; left:0; top:50%; transform:translate(0, -50%); background:url("../img/icon-check01.png") no-repeat center/ 100% auto; }

.order-list { list-style-type:decimal; list-style-image:inherit; list-style-position:inside; }
.order-list li { list-style-type:decimal; list-style-image:inherit; list-style-position:inside; }
.unorder-list { list-style-type:disc; list-style-image:inherit; list-style-position:inside; position:inside; }
.unorder-list li { list-style-type:disc; list-style-image:inherit; list-style-position:inside; }

/**************************************************
* title
**************************************************/
h2, .h2 { font-size:2rem; }
h3, .h3 { font-size:1.875rem; }
h4, .h4 { font-size:1.75rem; }
h5, .h5 { font-size:1.625rem; }
h6, .h6 { font-size:1.5rem; }
.line { border-bottom:1px solid rgba(255,255,255,0.1); }

/**************************************************
* font
**************************************************/
.font-weight-demilight { font-weight:300 !important; }
.font-weight-regular { font-weight:400 !important; }
.font-weight-medium { font-weight:500 !important; }
.font-weight-bold { font-weight:600 !important; }
.font-weight-black { font-weight:900 !important; }

/**************************************************
* form control
**************************************************/
input[type='text'], input[type='password'], input[type='tel'], input[type='number'], input[type='email'], input[type='checkbox'], input[type='radio'], select { -moz-appearance:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color:#494847; }
input:-moz-placeholder, 
textarea:-moz-placeholder { color:#494847;opacity:1; }
input::-moz-placeholder, 
textarea::-moz-placeholder { color:#494847;opacity:1; }
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder { color:#494847; }

.form-control { height:36px; line-height:34px; padding:0 10px; box-sizing:border-box; background-color:#fff; border:1px solid #ddd; color:#333; font-weight:400; }
.form-control:disabled { background-color:transparent; border-color:transparent; }

/**************************************************
* timepicker
**************************************************/
.timepicker_box { position:relative; }
.icon_coma.i_time { position:absolute; right:0; top:50%; width:16px; height:16px; margin-top:-8px; margin-right:5px; }
.ui-timepicker-standard { padding:0; border-color:#333333; }
.ui-timepicker { padding:0; }
.ui-timepicker-standard .ui-state-hover { color:#ffffff; background-color:#517eb7; border-color:transparent; }
.ui-timepicker-standard a { padding:8px 1em 9px .4em; text-align:left; }

/**************************************************
* datepicker
**************************************************/
.datepicker_wrap { position:absolute; top:20px; right:20px; }
.datepicker_wrap .datepicker_box { margin-right:3px; vertical-align:top; }
.datepicker_wrap .datepicker_box ~ .datepicker_box { margin:0 5px; }
.datepicker_wrap input[type="text"] { width:140px; height:30px; }
.datepicker_wrap .ui-datepicker-trigger { margin-top:-5px; text-align:right; }
.datepicker_wrap .btn_basic { min-width:87px; width:87px; }

/**************************************************
* select
**************************************************/
.form_group .ui-selectmenu-button.ui-button { background-color:#303e46; border:1px solid #384952; color:#fff; font-weight:100; padding:0 10px; }
.form_group.small .ui-selectmenu-button.ui-button { height:30px; line-height:28px; font-size:13px; }
.form_group.middle .ui-selectmenu-button.ui-button { height:40px; line-height:38px; font-size:14px; }
.form_group.big .ui-selectmenu-button.ui-button { height:60px; line-height:58px; font-size:15px; }
.form_group .ui-selectmenu-icon.ui-icon { width:13px; height:7px; position:absolute; right:0; top:50%; margin-right:5px; margin-top:-3px; }
.form_group .ui-icon-triangle-1-s { background-position:-10px -285px; transition:all 0.5s; }
.ui-selectmenu-menu .ui-widget.ui-widget-content { background-color:#303e46; border:1px solid #384952; border-top:0 none; }
.ui-menu .ui-menu-item-wrapper { padding:0 10px; color:#fff; line-height:29px; }
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button.ui-state-active:hover { color:#fff; background:transparent; }
.form_group .ui-selectmenu-button.ui-selectmenu-button-open .ui-icon-triangle-1-s { transform:rotate(180deg); }

/**************************************************
* radio
**************************************************/
.form_group.radio .radio_inline { display:inline-block; margin-right:15px; }
.form_group.radio label { position:relative; display:inline-block; font-size:14px; line-height:22px; vertical-align:middle; }
.form_group.radio label:before { content:''; position:absolute; left:0; top:0; display:inline-block; width:22px; height:22px; margin-left:-30px; border:1px solid #d9d9d9; border-radius:50%; -webkit-transition:border 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out; transition:border 0.15s ease-in-out; background-color:#ffffff; }
.form_group.radio label:after { content:''; position:absolute; left:6px; top:6px; display:block; width:12px; height:12px; margin-left:-30px; border-radius:50%; background-color:#4995c4; -webkit-transform:scale(0, 0); -ms-transform:scale(0, 0); -o-transform:scale(0, 0); transform:scale(0, 0); -webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition:-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition:-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.form_group.radio input[type='radio'] { z-index:1; width:30px; height:30px; opacity:0; }
.form_group.radio input[type='radio']:focus + label:before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.form_group.radio input[type='radio']:checked + label:after { -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1); }
.form_group.radio input[type='radio']:disabled + label { color:#999999; }
.form_group.radio input[type='radio']:disabled + label:before { background-color:#f2f2f2; cursor:not-allowed; }
.form_group.radio input[type='radio']:disabled:checked + label:before { background-color:#ffffff; border-color:#eaeaeb; cursor:not-allowed; }
.form_group.radio input[type='radio']:disabled:checked + label:after { background-color:#c4d9e9; }
.ie8 .form_group.radio label:before,
.ie8 .form_group.radio label:after { display:none; }
.form_group.radio.no_label label { font-size:0; line-height:0; top:-21px; }

.form_group.radio.small label { line-height:14px; }
.form_group.radio.small label:before { width:14px; height:14px; }
.form_group.radio.small label:after { left:3px; top:3px; width:10px; height:10px; }

/**************************************************
* checkbox
**************************************************/
.form_group.checkbox label { position:relative; display:inline-block; padding-left:7px; font-size:12px; line-height:12px; vertical-align:middle; }
.form_group.checkbox label:before { content:''; position:absolute; left:0; top:0; display:inline-block; width:12px; height:12px; margin-left:-12px; border:1px solid #636259; -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; transition:border 0.15s ease-in-out, color 0.15s ease-in-out; background-color:#ffffff; }
.form_group.checkbox.round label:before { border-radius:50%; }
/*.form_group.checkbox.round label:after { content:''; }*/
.form_group.checkbox label:after { position:absolute; top:50%; left:0; display:block; width:13px; height:10px; margin:-5px 0 0 -12px; background:url('../img/icon-check.png') no-repeat center/ 100% auto; }
.form_group.checkbox input[type='checkbox'] { z-index:1; width:12px; height:12px; vertical-align:middle; opacity:0; visibility:hidden; }
.form_group.checkbox input[type='checkbox']:focus + label:before { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.form_group.checkbox input[type='checkbox']:checked + label:before { background-color:#b1c117; border-color:#b1c117; }
.form_group.checkbox input[type='checkbox']:checked + label:after { content:''; }
.form_group.checkbox input[type='checkbox']:disabled + label { color:#999999; }
.form_group.checkbox input[type='checkbox']:disabled + label:before { background-color:#f2f2f2; cursor:not-allowed; }
.form_group.checkbox input[type='checkbox']:disabled:checked + label:before { background-color:#c4d9e9; border-color:#c4d9e9; cursor:not-allowed; }
.form_group.checkbox.small input[type='checkbox'] { width:12px; height:12px; }
.form_group.checkbox.small label { padding-left:7px; min-height:16px; font-size:13px; line-height:14px; }
.form_group.checkbox.small label:before { width:14px; height:14px; margin-left:-14px; }
.form_group.checkbox.small label:after { top:50%; left:4px; width:8px; height:8px; margin:-4px 0 0 -13px; background:#4995c4; }
.form_group.checkbox.small input[type='checkbox']:checked + label:before { background-color:#ffffff; border-color:#e1e1e1; }
.form_group.checkbox.small input[type='checkbox']:disabled:checked + label:after { background:#c4d9e9; }
.form_group.checkbox.color input[type='checkbox'] { width:12px; height:12px; }
.form_group.checkbox.color label { padding-left:7px; font-size:13px; line-height:14px; }
.form_group.checkbox.color label:before { width:14px; height:14px; margin-left:-14px; border-color:transparent !important; }
.form_group.checkbox.color label:after { top:50%; left:4px; width:9px; height:7px; margin:-3px 0 0 -14px; background-position:-230px -55px; }
.form_group.checkbox.color.black label:before { background-color:#0c0c0c !important; }
.form_group.checkbox.color.white label:before { background-color:#f5f5dc !important; }
.form_group.checkbox.color.red label:before { background-color:#dd353a !important; }
.form_group.checkbox.color.purple label:before { background-color:#7b008e !important; }
.form_group.checkbox.color.gray label:before { background-color:#969696 !important; }
.form_group.checkbox.color.gold label:before { background-color:#d1a449 !important; }
.form_group.checkbox.color.silver label:before { background-color:#c7c9c8 !important; }
.form_group.checkbox.color.pink label:before { background-color:#f16eaa !important; }
.form_group.checkbox.color.navy label:before { background-color:#2e3552 !important; }
.form_group.checkbox.color.green label:before { background-color:#00a651 !important; }
.form_group.checkbox.color.brown label:before { background-color:#926d5d !important; }
.form_group.checkbox.color.khaki label:before { background-color:#91a174 !important; }
.form_group.checkbox.color.yellow label:before { background-color:#fbd800 !important; }
.form_group.checkbox.color.multi label:before { background:url('/images/common/multi.jpg') no-repeat 0 0 !important; }
.ie8 .form_group.checkbox label:before,
.ie8 .form_group.checkbox label:after { display:none; }
.ie8 .form_group.checkbox label { padding-left:0; }

/**************************************************
* table-list
**************************************************/
table caption { height:0; font-size:0; line-height:0; overflow:hidden; }

.tb-list thead th,
.tb-list thead td,
.tb-list tbody th,
.tb-list tbody td { vertical-align:middle; }
.tb-list thead th { height:55px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #d3d3d3; background:#f8f8f8; }
.tb-list thead th a { }
.tb-list tbody td { padding:10px 0; text-align:center; border-bottom:1px solid #d3d3d3; }
.tb-list tbody td.gray { }
.tb-list td.no-data { padding:60px 0; }

.tb-list02 { border-radius:1.25rem 1.25rem 0 0; overflow:hidden; }
.tb-list02 + .tb-list02 { margin-top:5rem; }
.tb-list02 tr { transition:all 0.5s; }
.tb-list02 tr:hover { background-color:#f1f1f1; }
.tb-list02 thead th,
.tb-list02 thead td,
.tb-list02 tbody th,
.tb-list02 tbody td { vertical-align:middle; }
.tb-list02 thead th { padding:1.25rem 0; text-align:center; background-color:#333333; color:#fff; font-size:1.312rem; }
.tb-list02 tbody th + td { border-left:1px solid #cccccc; }
.tb-list02 tbody th,
.tb-list02 tbody td { padding:1.25rem 0.625rem; text-align:center; border-bottom:1px solid #cccccc; font-size:1.125rem; line-height:1; }
.tb-list02 tbody th { font-weight:600; }

@media (max-width:991px) {
	.tb-list02 + .tb-list02 { margin-top:2.5rem; }
}

/**************************************************
* table-write
**************************************************/
.tb-write01 { border-collapse:collapse; }
.tb-write01 th, .tb-write01 td { padding:0; border:1px solid #ddd; color:#333; }
.tb-write01 th { text-align:left; border-left:none; }
.tb-write01 th { padding:13px 20px; vertical-align:top; }
.tb-write01 td { position:relative; padding:5px 20px; border-right:none; }
.tb-write01 td * { vertical-align:middle; }
.tb-write01 .prd_info { padding-right:80px; }
.tb-write01 .btn_prd_choice { position:absolute; top:7px; right:20px; }
.tb-write01 .gap { margin:0 5px; }
.tb-write01 .alarm_type > .radio { margin-right:30px; }
.tb-write01 .alarm_type > .radio input[type='radio'] { height:1px; }
.tb-write01 .textarea_wrap { position:relative; }
.tb-write01 .textarea_wrap.active { border-color:#62a8df; }
.tb-write01 .textarea_wrap textarea { width:100%; height:150px; padding:10px; outline:none; border:1px solid #ddd; }
.tb-write01 .byte_txt { position:absolute; bottom:5px; right:10px; color:#999999; }
.tb-write01 .byte_txt em { color:#fff; vertical-align:top; }
.tb-write01 input[type="text"] ~ .ui-selectmenu-button.ui-button { margin-left:3px; }
.tb-write01 .ui-selectmenu-button.ui-button ~ .ui-selectmenu-button.ui-button { margin-left:1px; }
.tb-write01 .xs_txt { margin:3px 0; }
.tb-write01 td .ct { padding:10px 0 0 0; }

/**************************************************
* table_view
**************************************************/
.tb-view01 { border-collapse:collapse; }
.tb-view01 th, .tb-view01 td { padding:13px 20px; line-height:23px; border:1px solid #2e3940; }
.tb-view01 th { text-align:left; background-color:#294050; border-left:none; }
.tb-view01 td { border-right:none; }

.div_view .view_header { padding:15px 40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.div_view .view_header .title { position:relative; font-size:18px; }
.div_view .view_header .title .noti { position:absolute; top:4px; left:0; }
.div_view .view_header .day_count { margin-top:3px; color:#999999; }
.div_view .view_header .day_count span { position:relative; display:inline-block; padding-left:11px; margin-left:11px; }
.div_view .view_header .day_count span:before { content:''; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:rgba(255,255,255,0.3); }
.div_view .view_header .day_count span.day { padding-left:0; margin-left:0; }
.div_view .view_header .day_count span.day:before { display:none; }
.div_view .view_contents { padding:37px 50px; line-height:23px; }
.div_view .view_contents pre { white-space:pre-wrap; }

/**************************************************
* table_sort
**************************************************/
.tb-sort_wrap:after { content:''; display:block; clear:both; }
.tb-sort_wrap .sort_tit { float:left; font-size:20px; }
.tb-sort_wrap .sort_tit.small { font-size:16px; }
.tb-sort_wrap .sort_tit span { color:#4995c4; }
.tb-sort_wrap .tb-sort * { vertical-align:middle; }
.tb-sort_wrap .tb-sort .ui-selectmenu-button.ui-button { width:140px; vertical-align:top; }
.tb-sort_wrap .tb-sort { float:right; }
.tb-sort_wrap .tb-sort button { margin-left:3px; min-width:120px; text-align:center; }

.tb-sort_wrap01:after { content:''; display:block; clear:both; }
.tb-sort_wrap01 .sort_tit { float:left; font-size:20px; }
.tb-sort_wrap01 .sort_tit.small { font-size:16px; }
.tb-sort_wrap01 .tb-sort .ui-selectmenu-button.ui-button { width:90px; height:25px; line-height:20px; }
.tb-sort_wrap01 .tb-sort { float:right; }

/**************************************************
* input.file
**************************************************/
.file_sh { position:relative; padding-right:90px; margin-top:5px; }
.file_sh .file_name { display:block; height:30px; line-height:30px; }
.file_sh .real_file { display:none; }
.file_sh .fake_file { position:absolute; top:0; right:0; }
.info_file { padding:5px 0 8px; color:#999999; font-size:12px; }

/**************************************************
* icon
**************************************************/
[class^=icon-] { display:inline-block; overflow:hidden; margin:0; padding:0; border:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto; font-size:0; line-height:0; text-decoration:none; vertical-align:middle; text-indent:-1000em; }

/**************************************************
* btn_type
**************************************************/
.btn-group { margin-top:1.875rem; text-align:center; }
.btn-group::after { content:""; display:block; clear:both; overflow:hidden; }
.btn { position:relative; display:inline-block; height:2.25rem; line-height:2.0625rem; padding:0 1.25rem; min-width:5rem; font-size:1rem; text-align:center; border:1px solid transparent; background-color:transparent; vertical-align:middle; color:#fff; }

.btn:disabled { opacity:0.3; }

/**************************************************
* badge
**************************************************/
[class^=badge-] { padding:1px 7px 2px; border-radius:5px; font-size:12px; font-weight:300; }
.badge-primary { border:1px solid #bfcf34; color:#bfcf34; }
.badge-secondary { padding:2px 7px 1px; border:1px solid #b1c117; color:#fff; background-color:#b1c117; border-radius:2rem; font-family:'Sorts Mill Goudy', serif; font-size:17px; font-weight:400; letter-spacing:0.01em; line-height:1; }
.badge-tertiary { border:1px solid #ffc107; color:#ffc107; }
.badge-quater { border:1px solid #bfcf34; color:#bfcf34; }

/**************************************************
* paging
**************************************************/
.paging { position:relative; margin:20px 0 15px 0; text-align:center; }
.paging * { vertical-align:top; }
.paging a { display:inline-block; min-width:28px; height:28px; padding:0 8px; margin:0 1px 0 0; font-size:13px; line-height:26px; text-align:center; border:1px solid #7c7c7c; }
.paging a.active { border-color:#4995c4; background-color:#4995c4; color:#fff; }
.paging a.icon_comb:before { position:relative; top:0px; }

/**************************************************
* tabbox
**************************************************/
.tabbox { }
.tabbox:before { content:""; display:block; clear:both; overflow:hidden; }
.tabbox:after { content:""; display:block; clear:both; overflow:hidden; }
.tabbox li { float:left; position:relative; }

.hiddencontents { display:none; overflow:hidden; }
.hiddencontents.active { display:block; }

.tab_type { position:relative; }
.tab_type > ul { position:relative; }
.tab_type > ul:after { content:""; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:rgba(255,255,255,0.5); z-index:0; }
.tab_type > ul li { position:relative; float:left; height:39px; line-height:39px; border:1px solid rgba(255,255,255,0.5); border-left-color:transparent; border-bottom-color:transparent; text-align:center; z-index:1; opacity:0.7; }
.tab_type > ul li:first-child { border-left-color:rgba(255,255,255,0.5); }
.tab_type > ul li a { display:block; padding:0 15px; font-size:15px; }
.tab_type > ul li.on { opacity:1; }
.tab_type > ul li.on a:before { content:""; position:absolute; left:-1px; right:0; top:-1px; height:2px; background-color:rgba(255,255,255,0.8); }
.tab_type > ul li.on a:after { content:""; position:absolute; left:-1px; right:0; bottom:-1px; height:1px; background-color:#1b262d; }

/* tab_type01 */
.tab_type01 { border-bottom:0 none; }
.tab_type01 ul { border-left:0 none; }
.tab_type01 ul li { float:left; border:0 none; background-color:transparent; }
.tab_type01 ul li a { display:inline-block; width:100%; opacity:0.5; }
.tab_type01 ul li.on { background-color:transparent; }
.tab_type01 ul li.on a { opacity:1; }
.tab_type01 ul li.on a:before { display:none; }
.tab_type01 ul li.on a:after { display:none; }
.tab_type01 ul li.on:after { content:""; display:block; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:0; }

.tab_type.two ul li { width:50%; }
.tab_type.three ul li { width:33.333%; }
.tab_type.four ul li { width:25%; }
.tab_type.five ul li { width:20%; }
.tab_type.six ul li { width:16.666%; }

/**************************************************
* 검색
**************************************************/
.sh_wrap { padding:20px 40px; text-align:center; border:1px solid rgba(255,255,255,0.5); }
.sh_wrap * { vertical-align:middle; }
.sh_wrap input[type="text"] { width:300px; margin-right:3px; }
.sh_wrap label { margin-right:13px; font-size:18px; }
.sh_wrap button { width:100px; text-align:center; }
.sh_wrap .ui-selectmenu-button.ui-button { width:170px; margin-right:3px; }
.sh_wrap .tooltip_wrap { top:-4px; }
.sh_wrap dl:after { content:''; display:block; clear:both; }
.sh_wrap dl dt { float:left; padding:0 20px; font-size:14px; line-height:30px; }
.sh_wrap dl dd { float:left; }
.sh_wrap .datepicker_wrap { position:absolute; top:20px; right:20px; }
.sh_wrap .datepicker_wrap .datepicker_box ~ .datepicker_box { margin:0 5px; }
.sh_wrap .datepicker_wrap .ui-datepicker-trigger { margin-right:10px; }
.sh_wrap .datepicker_wrap input[type="text"] { width:140px; height:30px; }

.sh_wrap.type2 { position:relative; border-color:rgba(255,255,255,0.5); }

/**************************************************
* show/hide
**************************************************/
.hide { display:none; }
.show { display:block; }

/**************************************************
* switch on/off
**************************************************/
.switch_wrap { position:relative; width:80px; height:28px; line-height:30px; }
.switch_wrap .switch_track { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:28px; overflow:hidden; }
.switch_wrap .switch_track > div { font-size:13px; color:#fff; text-align:center; position:absolute; top:0; }
.switch_wrap .switch_track .switch_track_on { left:0; width:66px; background-color:#424242; }
.switch_wrap .switch_track .switch_track_off { right:0; width:0; background-color:#a3a3a3; }
.switch_wrap .switch_track .switch_ball { right:0; width:28px; height:28px; border-radius:50%; background-color:#95959c; z-index:1; }

/**************************************************
* tooltip
**************************************************/
.tooltip_wrap { position:relative; z-index:2; display:inline-block; vertical-align:middle; }
.tooltip_wrap .ico_com.i_help { position:relative; z-index:2; overflow:visible; }
.tooltip_wrap:hover .ico_com.i_help:after { content:''; position:absolute; top:21px; left:50%; margin-left:-5px; width:10px; height:6px; background:url('/images/common/ico_common.png') no-repeat -250px -260px; }
.tooltip_wrap:hover .tooltip { display:block; }
.tooltip_wrap .tooltip { position:absolute; top:33px; left:-20px; display:none; padding:12px 15px; background-color:#fff; border:1px solid #333333; }
.tooltip_wrap .tooltip p { line-height:17px; font-size:12px; white-space:nowrap; text-align:left; color:#666666; }

/**************************************************
* 유의사항
**************************************************/
.attention_wrap { padding:0 30px; }
.attention_wrap .attention { position:relative; margin:0 -30px; padding:15px 0 0 30px; font-size:18px; border-top:1px solid #e5e5e5; font-weight:600; }
.attention_wrap .attention:before { position:absolute; top:0; left:10px; }
.attention_wrap .dot-list { margin-top:15px; }
.attention_wrap .dot-list li { font-size:13px; line-height:20px; }
.attention_wrap .dot-list li .btn_basic { margin-left:5px; }
.attention_wrap .dot-list li .btn_basic i { position:relative; top:-1px; margin-left:10px; }

/**************************************************
* accordion
**************************************************/
.accordion_list { border-top:2px solid #9f9f9f; border-bottom:1px solid #e1e1e1; }
.accordion_list dt { border-top:1px solid #e1e1e1; }
.accordion_list dt:first-child { border-top:none; }
.accordion_list dt a { position:relative; display:block; padding:15px 20px; font-size:14px; line-height:1; }
.accordion_list dt a:after { position:absolute; right:20px; top:50%; margin-top:-8px; }
.accordion_list dt.active a { }
.accordion_list dd { display:none; padding:30px 20px; }

/**************************************************
* panel
**************************************************/
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel { position:absolute; right:5%; top:50%; width:16px; height:16px; transform:translate(0, -50%); }
.panel-wrap .panel .icon-panel:before, .panel-wrap .panel .icon-panel:after { content:""; position:absolute; background-color:#000; transition:transform 0.25s ease-out; }
.panel-wrap .panel .icon-panel:before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; }
.panel-wrap .panel .icon-panel:after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open:before { transform:rotate(90deg); }
.panel-wrap .panel .icon-panel.open:after { transform:rotate(180deg); }

/**************************************************
* cursor
**************************************************/
.cursor { cursor:pointer; }

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

/**************************************************
* float
**************************************************/
.flbox { float:left; }
.frbox { float:right; }

/**************************************************
* clearfix
**************************************************/
/*.clearfix { overflow:hidden; }*/
.clearfix:before { content:""; display:block; clear:both; overflow:hidden; }
.clearfix:after { content:""; display:block; clear:both; overflow:hidden; }

/**************************************************
* display
**************************************************/
.d-block { display:block; }
.d-inline { display:inline; }
.d-inline-block { display:inline-block; }

.d-flex { display:flex; }
.flex-wrap { flex-wrap:wrap; }
.justify-content-center { justify-content:center; }
.justify-content-between { justify-content:space-between; }
.justify-content-around { justify-content:space-around; }
.justify-content-evenly { justify-content:space-evenly; }
.align-items-center { align-items:center; }
.align-items-end { align-items:flex-end; }
.align-items-start { align-items:flex-start; }
.align-items-stretch { align-items:stretch; }

.d-flex.flex-2, .d-flex.flex-3, .d-flex.flex-4, .d-flex.flex-5 { flex-wrap:wrap; }
.d-flex.flex-2 .flex-col { flex:0 50%; }
.d-flex.flex-3 .flex-col { flex:0 33.3333%; }
.d-flex.flex-4 .flex-col { flex:0 25%; }
.d-flex.flex-5 .flex-col { flex:0 20%; }

/**************************************************
* position
**************************************************/
.position-static { position:static !important; }
.position-absolute { position:absolute; }
.position-relative { position:relative; }

/**************************************************
* opacity
**************************************************/
.opa10 { opacity:0.1; }
.opa20 { opacity:0.2; }
.opa30 { opacity:0.3; }
.opa40 { opacity:0.4; }
.opa50 { opacity:0.5; }
.opa60 { opacity:0.6; }
.opa70 { opacity:0.7; }
.opa80 { opacity:0.8; }
.opa90 { opacity:0.9; }

/**************************************************
* ellipsis
**************************************************/
.ellipsis { display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.4; }
.ellipsis.line2 { max-height:2.8em; }
.ellipsis.line3 { max-height:4.2em; }
.ellipsis.line4 { max-height:5.6em; }
.ellipsis.line5 { max-height:7em; }

/**************************************************
* modal
**************************************************/
.transparents-layer { display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100vw; height:100vh; background-color:#000; filter:alpha(opacity="50"); opacity:0.5; z-index:100; }
.modal { position:fixed; left:-99999px; top:-99999px; width:100%; height:100%; z-index:1050; outline:0; }
.modal .modal-dialog { position:relative; width:auto; margin:0.5rem; }
.modal-content { position:relative; width:100%; pointer-events:auto; background-color:#fff; outline:0; }
.modal .modal-close { position:absolute; right:10%; top:10%; display:inline-block; width:2.062rem; height:2.062rem; background:url("../img/modal-close.png") no-repeat center/100% auto; z-index:1060; }