@charset 'utf-8';

/**************************************************
* common.css
*
* 1 - common (font-family, padding, margin etc...)
* 2 - layout(intro, header, footer etc...)
* 3 - main
* 4 - list
* 5 - view
* 6 - etc (search, form, ...)
**************************************************/
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; }
em { font-weight:500; }
strong { font-weight:600; }

.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
**************************************************/
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%; }

.blend-darken { background-blend-mode:darken; }
.blend-darken img { opacity:0; }

/**************************************************
* 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_60 { margin-top:60px; }
.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:20px; } */
/* .dot-list li:before { content:''; display:inline-block; width:7px; height:7px; background-color:#b1c117; border-radius:50%; position:absolute; left:0; top:calc((1rem * 1.6 - 7px)/2); } */
.dot-list li { position:relative; padding-left:35px; }
.dot-list li:before { content:''; display:inline-block; width:24px; height:20px; position:absolute; left:0; top:50%; transform:translate(0, -50%); background:url("/img/icon-check06.png") no-repeat center/ 100% auto; }

.dot-list.type01 li { padding-left:30px; }
.dot-list.type01 li:before { width:12px; height:12px; /*top:calc((1rem * 1.6 - 12px)/2);*/ border-radius:0; }

.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; }

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

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

.check-list04 li { position:relative; padding-left:30px; }
.check-list04 li:before { content:''; display:inline-block; width:20px; height:22px; position:absolute; left:0; top:2px; background:url("/img/icon-check04.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; }

@media (max-width:991px) {
	.dot-list.type01 li { padding-left:20px; }
	.dot-list.type01 li:before { width:8px; height:8px; }
	
	.check-list li { padding-left:30px; }
	.check-list li:before { width:18px; height:15px; }
	
	.check-list02 li { padding-left:24px; }
	.check-list02 li:before { width:21px; height:18px; }
}

/**************************************************
* 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; }

/**************************************************
* 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:50px; text-align:center; border-top:1px solid #121212; border-bottom:1px solid #ddd; font-weight:500; }
.tb-list thead th a { }
.tb-list tbody td { padding:10px 0; text-align:center; border-bottom:1px solid #ddd; }
.tb-list tbody tr:last-child td { border-bottom-color:#121212; }
.tb-list tbody td.gray { }
.tb-list td.no-data { padding:60px 0; }

.tb-list .td_num { width:100px; }
.tb-list .td_cate { width:120px; }
.tb-list .td_name { width:100px; }
.tb-list .td_img { width:240px; }
.tb-list .imgbox { width:100%; }
.tb-list .td_state { width:100px; }
.tb-list .td_date { width:180px; }
.tb-list .td_datetime { width:180px; }
.tb-list .td_link { width:180px; }

@media (max-width:991px) {
	.tb-list .td_num { display:none; }
	.tb-list .td_cate { display:none; }
	.tb-list .td_img { width:160px; }
	.tb-list .td_state { width:80px; }
	.tb-list .td_date { display:none; }
	.tb-list .td_datetime { display:none; }
	.tb-list .td_link { display:none; }
}

/**************************************************
* table-write
**************************************************/
.tb-write01 thead th,
.tb-write01 thead td,
.tb-write01 tbody th,
.tb-write01 tbody td { vertical-align:middle; }
.tb-write01 tr { height:50px; text-align:center; border-bottom:1px solid #ddd; font-weight:500; }
.tb-write01 tr:first-child { border-top:1px solid #121212; }
.tb-write01 tr:last-child { border-bottom:1px solid #121212; }
.tb-write01 tr th { padding:10px 20px; text-align:left; }
.tb-write01 tr td { padding:10px 20px; text-align:left; }

@media (max-width:991px) {
	.tb-write01 tr th { padding:7px 10px; }
	.tb-write01 tr td { padding:7px 10px; }
}

/**************************************************
* 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; }

/**************************************************
* 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
**************************************************/
.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; }
/**
	2023.10.31   .badge-tertiary  추가	
**/
.badge-tertiary { border:1px solid black; color:black; }
.badge-primary { border:1px solid #bfcf34; color:#bfcf34; }
.badge-secondary { border:1px solid #b1c117; color:#b1c117; }
.badge-green01 { background-color:#b1c117; color:#fff; }
.badge-green02 { background-color:#dbe294; }
.badge-black { background-color:#000; color:#fff; }

/**************************************************
* 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; }

/**************************************************
* 검색
**************************************************/
.search-wrap { float:right; margin-bottom:20px; }
.search-wrap select { float:left; width:80px; height:40px; margin-right:8px; padding:5px 15px; border:none; background:url("/img/select-down-arrow.png") no-repeat 80% 50%; font-size:15px; border:1px solid #b7b7b7; border-radius:5px; -webkit-appearance:none;
-moz-appearance:none; appearance:none; color:#565656; }
.search-wrap select:focus { border:1px solid #b7b7b7 !important; }
.search-wrap .sch_bar { float:left; width:297px; border:1px solid #b7b7b7; border-radius:5px; }
.search-wrap .sch_bar input[type='text'] { float:left; width:220px; height:38px; font-size:15px; padding:0 10px; }
.search-wrap .sch_bar button { position:relative; float:left; width:70px; height:38px; font-size:15px; color:#565656; font-weight:500; }
.search-wrap .sch_bar button:before { content:""; position:absolute; left:0; top:50%; display:inline-block; width:1px; height:15px; background-color:#a3a3a3; margin-top:-7px; }

@media (max-width:991px) {
	.search-wrap select { width:70px; padding:5px 10px; margin-right:5px; font-size:14px; }
	.search-wrap .sch_bar { width:255px; }
	.search-wrap .sch_bar input[type='text'] { width:182px; }
}

/**************************************************
* 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); }

@media (max-width:991px) {
	.panel-wrap .panel .icon-panel { right:0; }
}

/* footer panel */
#footer .panel-wrap .panel .panel-title{ text-align: center; font-size: 1.3rem; padding: 2% 0;}
#footer .panel-title .icon-panel { right: 30%; top: 53%;}

/**************************************************
* 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; }
.flex-column { flex-direction:column; }
.flex-row { flex-direction:row; }
.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%; }

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

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

/**************************************************
* 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; }

/**************************************************
* 그누보드 추가
**************************************************/
/* skip */
#skip a { position:absolute; top:0; left:-9999px; z-index:100; }
#skip a:focus { display:block; top:0; left:0; width:100%; padding:10px 0; background:#fff; color:#000; font-weight:300; text-align:center; }

/* layout */
#hd, #wrapper, #ft { min-width:inherit; }

/* 검색결과 색상 */
.sch_word { padding:0; line-height:inherit; margin:0; background-color:transparent; color:inherit; font-weight:500; }

/* pg_wrap */
.pg_wrap { float:none; display:block; text-align:center; margin-top:30px; }
.pg_page, .pg_current { background:none; border:none; border-radius:0; height:30px; line-height:30px; }
.pg_page { color:#000; font-size:1.125rem; }
.pg_current { color:#b1c117; font-weight:500; font-size:1.125rem; }

.pg_start { background:url("/img/pg_first.png") no-repeat center/ auto; }
.pg_prev { background:url("/img/pg_prev.png") no-repeat center/ auto; }
.pg_next { background:url("/img/pg_next.png") no-repeat center/ auto; }
.pg_end { background:url("/img/pg_end.png") no-repeat center/ auto; }

/**************************************************
* swiper 추가
**************************************************/
.swiper-container > .swiper-scrollbar { position:absolute; left:0; right:0; bottom:0; width:100%; height:3px; background:#f3f3f3; }
.swiper-scrollbar-drag { background:#b1c117; }

.swiper-button-disabled { opacity:0.5; }





/**************************************************
* topview_img_popup 추가 - 230526
**************************************************/
.topview_img_popup { 
    position:absolute; 
    bottom:2%; right:19%; 
    width:1.5rem; height:1.5rem; 
    border-radius:100%; z-index:6; 
    background:#bfcf34; 
    display:flex; flex-direction:column; justify-content:center; align-items:center;
/*
    animation:topview_img_popup .6s infinite alternate; 
    -webkit-animation:topview_img_popup .6s infinite alternate; 
    -moz-animation:topview_img_popup .6s infinite alternate; 
    -ms-animation:topview_img_popup .6s infinite alternate; 
    -o-animation:topview_img_popup .6s infinite alternate; 
    transition:all 0.3s; 
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
	*/
}
.topview_img_popup.topview_img_popup_history{right:5%;}
@keyframes topview_img_popup {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes topview_img_popup {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

.topview_img_popup button { width:100%; line-height:1.6; color:#fff; cursor:pointer; border-radius:50%; vertical-align:top; }

.topview_popup_modal{position:absolute; bottom:8%; right:5%; display:none;}
.topview_popup_modal_close{position:absolute; top:2rem; right:2rem; width:1.5rem; height:1.5rem; background: url(/img/modal-close.png) no-repeat center/100% auto;}

@media (max-width:991px) {
    .topview_img_popup{bottom:0.6rem; right:10.5rem; width:1rem; height:1rem; z-index:4;}
    .topview_popup_modal{right: auto; bottom:2rem; left: 50%; width: 90%; z-index:4; transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); -ms-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%) translateZ(0);}
}