@charset "utf-8";

html { font-size: 16px; }
html, body { margin: 0; padding: 0; font-family: 'Pretendard','Noto Sans KR',sans-serif; font-size: 1rem; font-weight: 400; background: #fff; color: #3f4553; }
ol, ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.25; font-weight: bold; font-family: inherit; }

a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }

legend { overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(0,0,0,0); clip-path: polygon(0 0,0 0,0 0); white-space: nowrap; }

/* 본문 바로가기 */
#skip_to_container { display: none; }

/* 테마 컬러 */
.theme-color-1 { color: #111111; }
.theme-color-2 { color: #3b62e5; }
.theme-color-3 { color: #4264d4; }
.theme-color-4 { color: #5b7be5; }
.theme-bg-color-1 { background-color: #111111; }
.theme-bg-color-2 { background-color: #3b62e5; }
.theme-bg-color-3 { background-color: #4264d4; }
.theme-bg-color-4 { background-color: #5b7be5; }

/*===========================================================*\
  Components
\*===========================================================*/

/* Bootstrap Toast */
#toast { position: fixed; bottom: 10px; left: calc(50% - 200px); right: calc(50% - 200px); z-index: 1050; }
#toast .toast { font: inherit; width: 100%; max-width: 100%; min-width: 100%; position: relative; bottom: -20px; visibility: hidden; transition: all 0.2s ease-in-out; background-color: rgba(255,255,255,1); }
#toast .toast.show { visibility: visible; bottom: 0; }
#toast .toast .toast-header { padding: 0.75rem; background-color: rgba(255,255,255,1); }
#toast .toast .toast-body {}
@media (max-width: 412px) { #toast { left: 10px; right: 10px; } }

/* Listed Table */
.dm-table { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; border-top: 2px solid #3f4553; }
.dm-table > dl { margin: 0; padding: 0; list-style: none; width: 100%; display: table-row; border-bottom: 1px solid #dee2e6; }
.dm-table > dl > dt,
.dm-table > dl > dd { display: table-cell; font-weight: normal; padding: 0.5rem 0.75rem; line-height: 1.25; word-break: break-all; }
.dm-table > dl > dt { background-color: #f5f5f5; }
.dm-table > dl > dd { background-color: #ffffff; }
.dm-table > ol,
.dm-table > ul { margin: 0; padding: 0; list-style: none; display: table; width: 100%; border-spacing: 0; border-collapse: collapse; }
.dm-table > ol > li,
.dm-table > ul > li { margin: 0; padding: 0; list-style: none; width: 100%; display: table-row; border-bottom: 1px solid #dee2e6; }
.dm-table > ol > li > div,
.dm-table > ul > li > div { display: table-cell; font-weight: normal; padding: 0.5rem 0.75rem; line-height: 1.25; word-break: break-all; }
.dm-table > ol > li.dm-table-thead,
.dm-table > ul > li.dm-table-thead { background-color: #f5f5f5; }
.dm-table > ol > li.dm-table-tfoot,
.dm-table > ul > li.dm-table-tfoot { background-color: #f5f5f5; }

/* 통합검색 폼 */
.unified-search { position: relative; border-bottom: 2px solid #000; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; margin: 0; padding: 0; height: 50px; box-sizing: content-box; }
.unified-search-keyword { display: block; flex: 1 0 0; background-color: transparent; margin: 0; padding: 0 20px; width: 100%; max-width: 100%; height: 100%; border: 0; border-radius: 0; }
.unified-search-keyword:focus { outline: 0; box-shadow: none; }
.unified-search-cancel,
.unified-search-submit { position: relative; display: block; flex: 0 0 auto; text-indent: -9999em; background-color: transparent; border: 0; padding: 0; width: 50px; height: 100%; }
.unified-search-cancel::after,
.unified-search-submit::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; font-size: 38px; font-family: 'Material Icons'; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.unified-search-submit::after { content: "\f02f"; }
.unified-search-cancel::after { content: "\e5cd"; }

/* offcanvas */
.offcanvas-toggle { position: relative; z-index: 1; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.offcanvas-toggle .icon-bar { display: block; width: 25px; height: 2px; border-radius: 0; background: #000; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.offcanvas-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.offcanvas-toggle.is-open .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg) translate(6px,65px); -ms-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px); }
.offcanvas-toggle.is-open .icon-bar:nth-child(2) { opacity: 0; }
.offcanvas-toggle.is-open .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg) translate(5px, -5px); -ms-transform: rotate(-45deg) translate(5px, -5px);
 transform: rotate(-45deg) translate(5px, -5px); }

/* 사이트맵 */
.dm-sitemap { position: fixed; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(36,36,64,0.96); display: none; width: 100%; }
.dm-sitemap-header,
.dm-sitemap-footer { display: block; position: absolute; left: 0; right: 0; text-align: left; font-size: 20px; color: #fff; }
.dm-sitemap .dm-sitemap-header { position: relative; padding: 40px 50px; margin-bottom: 20px; }
.dm-sitemap .dm-sitemap-header h2 { display:block; color:#333; font-size:3rem; }
.dm-sitemap-header .dm-sitemap-close { position: absolute; top: 60px; right: 50%; width: 48px; height: 48px; padding: 2px 0 0 2px; overflow: hidden; border: 0; display: block; text-align: center; font-size: 2.2em; background-color: transparent; }
.dm-sitemap-header .dm-sitemap-close:before,
.dm-sitemap-header .dm-sitemap-close:after { content: ""; position: absolute; top: 50%; left: 50%; width: 43px; height: 2px; background-color: #fff; transition: transform .3s cubic-bezier(.45,0,.55,1),background-color 1s cubic-bezier(.45,0,.55,1); }
.dm-sitemap-header .dm-sitemap-close:before { transform: rotate(45deg) translate(-8px,8px); }
.dm-sitemap-header .dm-sitemap-close:after { transform: rotate(-45deg) translate(-8px,-8px); }
.dm-sitemap-header .dm-sitemap-close span { position: absolute; right: 0; height: 3px; transition: all .2s ease-in-out;-webkit-transition:all .2s ease-in-out; width: 100%; background-color: #fff; }
.dm-sitemap-footer { bottom: 0; padding: 50px; }
.dm-sitemap-body { padding: 0 50px; }
.dm-sitemap-body > ul { overflow: hidden; }
.dm-sitemap-body > ul > li { float: left; width: 20%; padding: 50px 30px 0; }
.dm-sitemap-body > ul > li .dep1 { position: relative; display: block; min-width: 200px; color: #00A9FF; font-size: 1.9rem; font-weight: 500; margin-bottom: 40px; padding-top: 15px; }
.dm-sitemap-body > ul > li .dep1 span { position: relative; display: inline-block; padding-right: 15px; }
.dm-sitemap-body > ul > li .dep1 span:before { content: ""; display: block; position:absolute; right: 0; top: 0; width: 8px; height: 8px; background-color: #00A9FF; border-radius: 50%; }
.dm-sitemap-body > ul > li .dep1 span { position: relative; padding-bottom: 5px; }
.dm-sitemap-body > ul > li .dep1 span:after { content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; margin-left: 0; transition: all .3s ease-in .05s; }
.dm-sitemap-body > ul .depth2 { display: inline-block; }
.dm-sitemap-body > ul .depth2 .dep2 { position: relative; display: block; margin-bottom: 15px; font-weight: 500; font-size: 1.3rem; color: #fff; }
.dm-sitemap-body > ul > li .dep2 span { position: relative; display: inline-block; padding-bottom: 5px; }
.dm-sitemap-body > ul > li .dep2 span:after { content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; margin-left: 0; transition: all .3s ease-in .05s; }
.dm-sitemap-body > ul .depth3 { margin-bottom: 30px; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 10px; margin-left: 5px; }
.dm-sitemap-body > ul > li .dep3 { opacity: 0.8; font-size: 0.9rem; margin-bottom: 12px; font-weight: 300; line-height: 30px; color: #fff; }
.dm-sitemap-body > ul > li .dep3 span { position: relative; padding-bottom: 5px; }
.dm-sitemap-body > ul > li .dep3 span:after { content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; margin-left: 0; transition: all .3s ease-in .05s; }
.dm-sitemap-logo {}
.dm-sitemap-logo a { display: block; }
.dm-sitemap-logo img { display: block; width: auto; max-height: 60px; }
@media ( max-width: 1400px ) {
    .dm-sitemap-body { padding: 0 2rem; }
    .dm-sitemap-body > ul > li { padding: 1rem; }
    .dm-sitemap-body > ul > li .dep1 { font-size: 1.5rem; }
    .dm-sitemap-body > ul .depth2 .dep2 { font-size: 1.25rem; }
}
@media (hover: hover), (-ms-high-contrast:none) {
    .dm-sitemap-body > ul > li .dep1:hover span:after { position:absolute; content: '';width:100%;height:1px;bottom:0;left:0;margin-left:0;background-color:#00A9FF;transition: all .25s ease-in;}
    .dm-sitemap-body > ul > li .dep2:hover span:after { position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; margin-left: 0; transition: all .25s ease-in; background-color: #fff; }
    .dm-sitemap-body > ul > li .dep3:hover span:after { position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; margin-left: 0; transition: all .25s ease-in; background-color: #fff; }
}


/*===========================================================*\
  폼 엘리먼트
\*===========================================================*/

/* 버튼 */
.btn_submit { background-color: #394881; color: #fff; }
.btn_submit:hover { background-color: #394881; color: #fff; }
.btn_cancel { background-color: #6c757d; color: #fff; }
.btn_cancel:hover { background-color: #6c757d; color: #fff; }
.btn_revoke { background-color: #6c757d; color: #fff; }
.btn_revoke:hover { background-color: #dc3545; color: #fff; }
.btn_inline { background-color: #9eacc6; color: #fff; }
.btn_inline:hover { background-color: #6c757d; color: #fff; }

/*===========================================================*\
  약관 일반
\*===========================================================*/

.clause {}
.clause h4,
.clause h5,
.clause h6 { margin: 0 0 0.5em 0; line-height: 1.5; font-weight: 400; }
.clause h5 { font-size: 1.5em; padding-bottom: 0.25em; border-bottom: 1px solid #000; color: #000; }
.clause h6 { font-size: 1.25em; color: #000; }
.clause p { margin: 0 0 1rem 0; padding: 0; text-align: left; border: 0; color: inherit; background: transparent; }
.clause ul,
.clause ol,
.clause dl { margin: 0; padding: 0; list-style: none; text-align: left; margin-bottom: 1rem; }
.clause ul li,
.clause ol li { list-style-position : outside; text-align: left; }
.clause > ul,
.clause > ol,
.clause > dl { margin-bottom: 1.25em; }
.clause ul {}
.clause ul li { margin-left: 1.25em; padding-left: 0.75em; list-style-type: square; }
.clause ol {}
.clause ol li { margin-left: 1.25em; padding-left: 0.75em; list-style-type: decimal; }
.clause ul li ol,
.clause ul li ul,
.clause ol li ol,
.clause ol li ul { margin: 0.75em 0; }
.clause ol li ul li { list-style-type: square; }
.clause dl {}
.clause dl dt {}
.clause dl dd {}

/*===========================================================*\
  회원 일반
\*===========================================================*/

.mb_form,
.mb_join { position: relative; margin: 30px auto; width: 500px; }
.mb_form fieldset legend,
.mb_join fieldset legend { display: none; }
.mb_form > h3,
.mb_join > h3 { text-align: center; font-family: 'GmarketSansMedium','NEXON Gothic','Montserrat','Noto Sans KR',sans-serif; }
.mb_form > .mb_inner,
.mb_join > .mb_inner { margin-top: 1.25rem; }

.mb_form {}
.mb_form .alert { text-align: center; }
.mb_form .form-group { margin: 0; }
.mb_form .form-group + .form-group { margin: 0.625rem 0 0 0; }
.mb_form .form-group > label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mb_form .btn_wrap { margin: 1rem 0; text-align: center; }
.mb_form .form-control,
.mb_form .custom-select,
.mb_form .btn { padding: 0.75rem 1.25rem; height: auto; font-size: 1.25rem; }
.mb_form .btn_submit {}
.mb_form .btn_cancle {}
.mb_form .mb_check { margin: 0; }
.mb_form .mb_check .btn_wrap { margin: 0.5rem 0; }
.mb_form .mb_check .btn_wrap .btn_submit { display: block; width: 100%; }

.mb_form .lnk_wrap { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; }
.mb_form .lnk_wrap > a { position: relative; display: block; margin: 0 5px; padding: 0 5px; white-space: nowrap; }
.mb_form .lnk_wrap > a:not(:first-child)::before { content: ""; margin: 0; display: block; width: 1px; height: 10px; background-color: #999; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); }
.mb_form .custom-control-input:checked~.custom-control-label::before { border-color: #394881; background-color: #394881; }
.mb_form .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgb(57 72 129 / 25%); }

#mbLogin {}
.mb_login .id_area,
.mb_login .pw_area { position: relative; background-color: #fff; }
.mb_login .id_area {}
.mb_login .pw_area {}
.mb_login .ck_area { margin-top: 0.625rem; }
.mb_login .id_area .form-control,
.mb_login .pw_area .form-control { padding-left: 3em; }
.mb_login .id_area::before,
.mb_login .pw_area::before { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); font-family: 'Material Icons'; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-feature-settings: 'liga'; font-size: 1.5rem; display: block; width: 1.5em; height: 1.5em; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.mb_login .id_area::before { content: "\e7fd"; }
.mb_login .pw_area::before { content: "\e897"; }
.mb_login .btn_wrap .btn { display: block; width: 100%; }
.mb_login .btn_wrap .btn_submit { background-color: #394881; }

#mbFindID,
#mbFindPW {}
#mbFindID {}
#mbFindPW {}
.mb_find .btn_wrap .btn { display: block; width: 100%; }

.mb_join { width: 650px; }
.mb_join .btn_wrap { margin: 1.5rem -0.5rem 0 -0.5rem; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.mb_join .btn_wrap .btn { display: block; width: 100%; }
.mb_join .btn_wrap .btn { padding: 0.75rem 1.25rem; height: auto; font-size: 1.25rem; margin-left: 0.5rem; margin-right: 0.5rem; }
.mb_join .btn_wrap .btn_submit { background-color: #394881; }
.mb_join .custom-control-input:checked~.custom-control-label::before { border-color: #394881; background-color: #394881; }
.mb_join .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgb(57 72 129 / 25%); }

#mbAgree {}
.mb_agree {}
.mb_agree .agree_docs {}
.mb_agree .agree_docs + .agree_docs { margin-top: 1rem; }
.mb_agree .agree_docs > h4 { margin-bottom: 0.5rem; font-size: 1.125rem; font-weight: normal; }
.mb_agree .agree_text { padding: 1rem 1.5rem; height: 150px; overflow: hidden; overflow-y: scroll; border: 1px solid #ddd; font-size: 12px; background-color: #f9f9f9; }
.mb_agree .agree_check { margin: 0.5rem 0.25rem; }
.mb_agree .btn_wrap .btn_submit { background-color: #c0c0c0; }
.mb_agree .btn_wrap .btn_submit.active { background-color: #394881; }

#mbRegis {}
.mb_regis {}
.mb_regis .form-group { margin: 0; }
.mb_regis form::before,
.mb_regis form > .form-row::after,
.mb_regis form > .form-group::after { content: ""; display: block; width: 100%; height: 1px; margin: 1.5rem 0; background-color: #eee; }
.mb_regis .btn,
.mb_regis .form-control,
.mb_regis .custom-select {}
.required {display:inline-block; position:relative; width: 1rem; height:21px; text-indent:-999px; overflow:hidden; vertical-align:top; transform:translateY(-2px); }
.required:before {content:'*'; position:absolute; top:0; left:0; color:#dc3545; font-size: 1rem; font-weight:700; line-height: 1.5; text-indent:0;}

/*===========================================================*\
  팝업 레이어
\*===========================================================*/

#layer_popup { z-index: 9999; }
.layer_popup { position: absolute !important; overflow: hidden; /* width: 450px !important;  height: 490px !important; */ }
.layer_popup img { width: 100%; height: auto; }
.layer_popup .layer_popup_ctrl { position: absolute; left: 0; right: 0; bottom: 0; }
.layer_popup_ctrl { position: relative; background-color: #4D4F53; color: #fff; height: 40px; padding: 10px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.layer_popup_ctrl * { margin: 0; font-size: 1rem; font-weight: normal; line-height: 1; }
.layer_popup_check { display: -ms-flexbox; display: flex; }
.layer_popup_close { position: absolute; top: 0; bottom: 0; right: 0; width: 60px; color: #fff; background: #333; text-align: center; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 0; border-radius: 0; }
.layer_popup_close:hover { color: #FCCD11; }
/*
.layer_popup:nth-of-type(1) { top: 120px !important; left: 20px !important; }
.layer_popup:nth-of-type(2) { top: 120px !important; left: 480px !important; }
.layer_popup:nth-of-type(3) { top: 120px !important; left: 940px !important; }
.layer_popup:nth-of-type(4) { top: 120px !important; left: 1400px !important; }
.layer_popup:nth-of-type(5) { top: 622px !important; left: 20px !important; }
.layer_popup:nth-of-type(6) { top: 622px !important; left: 480px !important; }
.layer_popup:nth-of-type(7) { top: 622px !important; left: 940px !important; }
.layer_popup:nth-of-type(8) { top: 622px !important; left: 1400px !important; }
*/
@media (max-width: 1200px) {
  #layer_popup .layer_popup { width: 80% !important; height:auto !important; top: 120px !important; left: 10% !important; }
}

/*===========================================================*\
  게시판 일반
\*===========================================================*/

/* 게시판 */
.bbs {}
.bbs label { margin: 0; }
.bbs_list {}
.bbs_view {}
.bbs_post {}

/* 게시판 버튼 */
.bbs .btn_list,
.bbs .btn_write,
.bbs .btn_close,
.bbs .btn_submit,
.bbs .btn_cancel,
.bbs .btn_comment,
.bbs .btn_modify,
.bbs .btn_delete { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #1D2D67; border: 1px solid #1D2D67; color: #fff; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.bbs .btn_list:hover,
.bbs .btn_write:hover,
.bbs .btn_close:hover,
.bbs .btn_submit:hover,
.bbs .btn_cancel:hover,
.bbs .btn_comment:hover,
.bbs .btn_modify:hover,
.bbs .btn_delete:hover { background-color: #394881; }
.bbs .btn_list { background-color: #666; border-color: #666; }
.bbs .btn_write {}
.bbs .btn_close {}
.bbs .btn_submit {}
.bbs .btn_cancel { background-color: #666; border-color: #666; }
.bbs .btn_comment {}
.bbs .btn_modify {}
.bbs .btn_delete { background-color: #666; border-color: #666; }

/* 게시판 목록 */
.bbs_listing { margin: 0; }
.bbs_listing .table { border-top: 2px solid #394881; }
.bbs_listing .table th, 
.bbs_listing .table td { padding: 1rem 0.75rem; border-top: 0; text-align: center; line-height: 1.25; word-break: keep-all; font-weight: normal; font-size: 1.125rem; letter-spacing: -0.03em; }
.bbs_listing .table thead th { border-bottom: 1px solid #ccc; font-weight: 700; color: #111; }
.bbs_listing .table tbody td { border-bottom: 1px solid #eee; font-weight: 400; color: #666; }
.bbs_listing .is_noti { padding: 5px 8px; background-color: #394881; color: #fff; border-radius: 3px; font-size: 0.875rem; letter-spacing: 0; font-weight: normal; line-height: 1; }
.bbs_listing .is_view { padding: 5px 8px; color: #394881; border-radius: 3px; font-size: 0.875rem; letter-spacing: 0; font-weight: normal; line-height: 1; }
.bbs_listing .td_num { width: 115px; }
.bbs_listing .td_link,
.bbs_listing .td_content { text-align: left !important; white-space: normal !important; }
.bbs_listing .td_content {}
.bbs_listing .td_name { width: 170px; }
.bbs_listing .td_date { width: 170px; }
.bbs_listing .td_good {}
.bbs_listing .td_hit { width: 100px; }
.bbs_listing .td_ico { width: 100px; }
.bbs_listing .td_detail a { margin-right: 5px; }
.bbs_listing .table .cmt_cnt { display: inline-block; height: 20px; vertical-align: middle; margin-left: 0.6rem; padding-left: 1.5rem; background: url(../images/icon_comment.png) left 0px no-repeat; font-size: 0.938rem; }
.bbs_listing .table tbody td.td_subject { text-align: left; }
@media (max-width: 992px) {
  .bbs_listing table.table { display: block; width: 100%; }
  .bbs_listing table.table thead,
  .bbs_listing table.table tbody,
  .bbs_listing table.table tr,
  .bbs_listing table.table th,
  .bbs_listing table.table td { display: block; text-align: left; padding: 0; }
  .bbs_listing table.table td.empty_table { width: 100%; text-align: center; }
  .bbs_listing table.table thead { display: none; }
  .bbs_listing table.table tr { position: relative; padding: 0.75rem 1rem; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; }
  .bbs_listing table.table th,
  .bbs_listing table.table td { border: 0; }
  .bbs_listing .td_subject { margin-bottom: 0.25rem; width: 100%; flex: 1 0 100%; font-size: 1.25rem; }
  .bbs_listing .td_name,
  .bbs_listing .td_date,
  .bbs_listing .td_hit,
  .bbs_listing .td_ico { margin-right: 1rem; color: #666; }
  .bbs_listing .td_name::before,
  .bbs_listing .td_date::before,
  .bbs_listing .td_hit::before,
  .bbs_listing .td_ico::before { color: #999; margin-right: 0.5rem; }
  .bbs_listing .td_num { display: none !important; }
  .bbs_listing .td_name::before { content: "작성자"; }
  .bbs_listing .td_date::before { content: "작성일"; }
  .bbs_listing .td_hit::before { content: "조회 수"; }
  .bbs_listing .td_ico::before { content: "파일"; }
  .table td:not(.text-left), .table th:not(.text-left) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

}

/* 갤러리게시판 목록 */
.bbs_gallist {}
.bbs_gallist ul.gall {}
.bbs_gallist ul.gall li.cell { margin-bottom: 30px; }
.bbs_gallist ul.gall li.cell > a { display: block; width: 100%; overflow: hidden; }
.bbs_gallist ul.gall li.cell > a img { width: 100%; }
.bbs_gallist ul.gall li.cell .cell_subject { margin-top: 10px; text-align: center; line-height: 1.25; word-break: keep-all; font-weight: normal; font-size: 1.125rem; letter-spacing: -0.03em; }
.bbs_gallist .empty { text-align: center; padding: 20px; border: 1px solid #ddd; border-radius: 0.25rem; -ms-flex: 1 0 auto; flex: 1 0 auto;  display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-height: 200px; }
@media (max-width: 768px) {
}

/* 게시판 목록 메타 */
.bbs_leadin { -ms-flex: 1 0 auto; flex: 1 0 auto;  display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 10px 0; }
.bbs_leadin em { font-style: normal; }
.bbs_leadin .bbs_count em { color: #666; }
.bbs_leadin .bbs_order { display: none; }

/* 게시판 목록 버튼 */
.bbs_listbtn { margin: 50px 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.bbs_listbtn .btn_write { position: relative; z-index: 1; overflow: hidden; border: 1px solid #394881; background-color: #fff; color: #394881; width: 200px; height: 50px; font-size: 1.25rem; font-weight: 700; border-radius: 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.bbs_listbtn .btn_write::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0; z-index: -1; background-color: #394881; -webkit-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.bbs_listbtn .btn_write:hover { color: #fff; background-color: transparent; border-color: transparent; }
.bbs_listbtn .btn_write:hover::before { width: 100%; }

/* 게시판 분류 */
.bbs_cate { margin: 30px 0; }
.bbs_cate > ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bbs_cate > ul > li { margin: 0.25rem; }
.bbs_cate > ul > li > a { padding: 0.375rem 0.75rem; display: block; border-radius: 0.25rem; transition-property: background,color; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.bbs_cate > ul > li:hover > a,
.bbs_cate > ul > li.on > a { background-color: #394881; color: #fff; }

/* 게시판 검색 */
.bbs_search { margin: 10px; padding: 0; border-radius: 0.25rem; }
.bbs_search fieldset { display: block; margin: auto; width: auto; text-align: center; }
.bbs_search h3 { display: none; }
.bbs_search fieldset form { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; }
.bbs_search label[for="stx"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.bbs_search .sch_select,
.bbs_search .sch_input,
.bbs_search .sch_button { margin: 0 0.125rem; padding: 0.6875rem 1.25rem; border: 1px solid #ddd; height: calc(2.875rem + 2px); vertical-align: middle; outline: 0; border-radius: 0.25rem;  font-size: 1.125rem; }
.bbs_search .sch_select {}
.bbs_search .sch_input {}
.bbs_search .sch_button { border-color: #1D2D67; background-color: #1D2D67; color: #fff; white-space: nowrap; }
.bbs_search .sch_select:focus,
.bbs_search .sch_input:focus,
.bbs_search .sch_button:focus { outline: 1px solid #111; }
@media (max-width: 576px) {
  .bbs_search .sch_input { max-width: 220px; }
  .bbs_search .sch_select { display: none; }
}

/* 게시판 페이징 */
.bbs_paging { margin: 40px 0; }
.pg_wrap { clear: both; margin: 0; padding: 0; text-align: center; line-height: 0; }
.pg_wrap:after { display: block; visibility: hidden; clear: both; content: ""; }
.pg { box-sizing: border-box; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; flex-direction: row; }
.pg_page, .pg_current { color: #888 !important; flex: 0 0 auto; padding: 0.375rem; min-width: calc(0.75rem + 1.5em + 2px); height: calc(0.75rem + 1.5em + 2px); line-height: 1.5; text-decoration: none; border: 1px solid #ddd; margin: 0 2px; font-family: 'Montserrat','Noto Sans KR',sans-serif; font-size: 12px; font-weight: normal; border-radius: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.pg a { background-color: #fff; }
.pg a:focus, .pg a:hover { background-color: #f2f2f2; }
.pg_page { background-color: #fff; text-decoration: none; white-space: nowrap; }
.pg_current { background-color: #3f4553 !important; border-color: #3f4553 !important; color: #fff !important; font-weight: normal; }
.pg_empty { opacity: 0.5; display: none; }
.pg a.pg_empty:focus, .pg a.pg_empty:hover { background-color: #fff; }
.pg_start, .pg_prev, .pg_next, .pg_end { background-repeat: no-repeat; background-position: center center; width: calc(0.75rem + 1.5em + 2px); height: calc(0.75rem + 1.5em + 2px); text-indent: -9999em; overflow: hidden; }
.pg_start { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRUM3OEE1RTNDQzdFNjExODZCQzgyOTYyMDlGNzQ3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDFGNUFCNUNDQTIxMUU2OTBGQzk1MTA5NUU0OUY0OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDFGNUFCNENDQTIxMUU2OTBGQzk1MTA5NUU0OUY0OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhGNjZEMEVDRDdDOEU2MTFCQjhFOUM1NkUwMEU2RUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFFQzc4QTVFM0NDN0U2MTE4NkJDODI5NjIwOUY3NDc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UJpnoQAAAD5JREFUeNqEjEEKADAIw6ov9Wf60w7GCkMPBnowBEESWmbyv+Ucj6oiGnK+BTfaAn0yTKxH2EKPiCG7OwIMAKcaLjBgBaqBAAAAAElFTkSuQmCC'); }
.pg_prev  { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRUM3OEE1RTNDQzdFNjExODZCQzgyOTYyMDlGNzQ3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOUM2RTJDN0NDQTIxMUU2ODhFMkRDNjZGRjMxRDIxQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOUM2RTJDNkNDQTIxMUU2ODhFMkRDNjZGRjMxRDIxQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhGNjZEMEVDRDdDOEU2MTFCQjhFOUM1NkUwMEU2RUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFFQzc4QTVFM0NDN0U2MTE4NkJDODI5NjIwOUY3NDc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qUtVugAAADhJREFUeNpcigEKADAIAl37SE/rZ/VTR7CGTBC5Q5DENDNpuKkq9ppCZ7v7g3msX0ClRQRUHgEGAHPaFCG9Cu4RAAAAAElFTkSuQmCC'); }
.pg_next  { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjIwNkFCM0JDQ0EyMTFFNjgxMjVGNTYzQUI3OUFDMUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjIwNkFCM0NDQ0EyMTFFNjgxMjVGNTYzQUI3OUFDMUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjA2QUIzOUNDQTIxMUU2ODEyNUY1NjNBQjc5QUMxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjA2QUIzQUNDQTIxMUU2ODEyNUY1NjNBQjc5QUMxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFuDSAAAAA2SURBVHjaYpg/f/5/IGCAYSYGIFiwYMF/BihggjFggnABmCCKABAwIgswImsBcxISEhgAAgwApQoVoDR3kFkAAAAASUVORK5CYII='); }
.pg_end   { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ5OEI5MzFDQ0EyMTFFNkFGQjVBOUYwMkQzMkU4NTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ5OEI5MzJDQ0EyMTFFNkFGQjVBOUYwMkQzMkU4NTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDk4QjkyRkNDQTIxMUU2QUZCNUE5RjAyRDMyRTg1NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDk4QjkzMENDQTIxMUU2QUZCNUE5RjAyRDMyRTg1NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph4cs5cAAABASURBVHjahM1RDgAwBAPQ6kndjJua7UvYsiY+vFTAzCKDOt2IjLsHWqrxht34uq7GZoIZ4a9Q351FVUdh2xJgAEQCLjCat0tlAAAAAElFTkSuQmCC'); }
.pg_search { border-color: #3f51b5; background-color: #eee; }
.pg_search.pg_prev {}
.pg_search.pg_next {}
/* 페이징 반응형 */
@media (max-width: 576px) {
  .pg_start, .pg_end { display: none; }
  .pg_page:not(.pg_must) { display: none; }
  .pg_must.pg_prev, .pg_must.pg_next { text-indent: 0; background-image: none; }
  .pg_must.pg_prev span, .pg_must.pg_next span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
}
/* 페이징 커스텀 */
.pg a { background-color: transparent; }
.pg_page, .pg_current { border: none; color: #767676 !important; font-size: 13px; font-weight: 500; font-family: 'Pretendard', sans-serif; letter-spacing: -0.39px; }
.pg_current { position: relative; background-color: transparent !important; color: #394881 !important; font-weight: 700; }
.pg_current::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 18px; height: 2px; background-color: #394881; border-radius: 1px; }
.pg a:focus, .pg a:hover { background-color: transparent; }

/* 게시판 읽기 */
.bbs_view { margin-bottom: 50px; }
.bbs_view + .bbs_list { margin: 50px 0; }
.bbs_viewing { border-top: 2px solid #878787; }
.bbs_viewing > h5 { padding: 32px 25px 0 25px; font-size: 1.25rem; font-weight: normal; }
.bbs_viewing > .bbs_view_info { margin-top: 0.25rem; padding: 0 25px 32px 25px; font-size: 1.125rem; border-bottom: 1px solid #ccc; }
.bbs_viewing > .bbs_view_info * { font-weight: normal; font-style: normal; }
.bbs_viewing > .bbs_view_info dl { margin: 0 0.75rem 0 0; padding: 0; list-style: none; display: inline-block; }
.bbs_viewing > .bbs_view_info dl:not(:first-child)::before { content: "|"; font-size: 10px; color: #ccc; vertical-align: middle; margin: 0 0.75rem 0 0; } 
.bbs_viewing > .bbs_view_info dt,
.bbs_viewing > .bbs_view_info dd { display: inline-block; color: #666; }
.bbs_viewing > .bbs_view_info dt { margin-right: 0.5em; }
.bbs_viewing > .bbs_view_info dd {}
.bbs_viewing > .bbs_view_info dd b { color: #3f4553; }
.bbs_viewing > .bbs_view_link,
.bbs_viewing > .bbs_view_file { padding: 25px 25px 10px 25px; }
.bbs_viewing > .bbs_view_link dd ul,
.bbs_viewing > .bbs_view_file dd ul { padding: 0 25px; }
.bbs_viewing > .bbs_view_link + .bbs_view_file { padding-top: 0; }
.bbs_view_contents { padding: 30px 25px; border-bottom: 1px solid #ddd; }
.bbs_view_contents img { max-width: 100%; }
.bbs_view_contents iframe { max-width: 100%; }
.bbs_view_contents_img {}
.bbs_view_contents_img > p { margin-bottom: 0.5rem; }
.bbs_view_contents_pdf {}
.bbs_view_contents_pdf > p { margin-bottom: 0.5rem; }
.bbs_view_contents_txt { width: 100%; word-break: break-all; }
.bbs_view_video { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.bbs_view_video iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bbs_viewbtn { margin: 20px 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (max-width: 576px) {
  .bbs_viewing > h5 { padding: 20px 20px 0 20px; }
  .bbs_viewing > .bbs_view_info { margin-top: 15px; padding: 0 20px 20px 20px; }
  .bbs_viewing > .bbs_view_info dl { display: block; }
  .bbs_viewing > .bbs_view_info dl:not(:first-child)::before { content: none; }
  .bbs_viewing > .bbs_view_info dt { min-width: 60px; }
  .bbs_view_contents { padding: 30px 20px; }
}

/* 게시판 읽기 공감 */
.bbs_view_sympathy {}
.bbs_view_sympathy .view_sympathy_box { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.bbs_view_sympathy .view_sympathy_box > a { margin: 10px; text-align: center; color: #3f4553; }
.bbs_view_sympathy .view_sympathy_box > a.good { color: #007bff; }
.bbs_view_sympathy .view_sympathy_box > a.bad { color: #dc3545; }
.bbs_view_sympathy .view_sympathy_box > a > span,
.bbs_view_sympathy .view_sympathy_box > a > strong { display: block; transition: all 0.25s ease-in-out; }
.bbs_view_sympathy .view_sympathy_box > a > span { display: block; margin: auto; width: 100px; height: 40px; line-height: 34px; border-radius: 20px; border: 3px solid; }
.bbs_view_sympathy .view_sympathy_box > a > strong { display: block; font-size: 28px; font-weight: bold; }
.bbs_view_sympathy .view_sympathy_box > a:before { display: block; margin: auto; font-family: 'Material Icons'; font-feature-settings: "liga"; line-height: 1; width: 1em; height: 1em; font-size: 30px; }
.bbs_view_sympathy .view_sympathy_box > a.good:before { content: "\e8dc"; }
.bbs_view_sympathy .view_sympathy_box > a.bad:before { content: "\e816"; }
.bbs_view_sympathy .view_sympathy_box > a.good:hover span, 
.bbs_view_sympathy .view_sympathy_box > a.good.active span { background-color: #007bff; border-color: #007bff; color: #fff; }
.bbs_view_sympathy .view_sympathy_box > a.bad:hover span, 
.bbs_view_sympathy .view_sympathy_box > a.bad.active span { background-color: #dc3545; border-color: #dc3545; color: #fff; }

/* 게시판 댓글 버튼 */
.cmt_btn { position: relative; background: none; border: 0; text-align: left; width: 100%; margin: 30px 0 0 0; padding: 10px 0; font-size: 20px;
 color: #3f4553; border-bottom: 1px solid #3f4553; font-weight: normal; }
.cmt_btn i { color: #3f4553; }
.cmt_btn:after { position: absolute; right: 10px; top: 50%; margin-top: -0.5em; content: "\f077"; font-family: 'FontAwesome'; display: block; width: 1em; height: 1em; line-height: 1; transition: all 0.25s ease-in-out; transform-origin: center 0.6em; }
.cmt_btn_op:after { transform: rotate(180deg); }
.cmt_btn:before { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 3.5em; height: 2px; background: #3f4553; }
.cmt_btn_op:before {}

/* 게시판 댓글 목록 */
.bbs_comment {}
.bbs_comment h3 { display: none; }
.bbs_comment h4 { display: none; }
.comment_ul { border-bottom: 1px solid #ddd; }
.comment_li { border-top: 1px solid #ddd; }
.comment_li.none { text-align: center; padding: 3rem; }
.comment_box { position: relative; padding: 10px 10px 10px 120px; }
.comment_box::before { position: absolute; top: 10px; left: 10px; content: "\e853"; font-family: 'Material Icons';  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; display: block; width: 80px; height: 80px; color: #eee; font-size: 84px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.comment_li.reply { background-color: #fbfbfb; border-color: #eee; }
.comment_li.reply .comment_box::before { content: "\e5da"; font-size: 40px; font-weight: bold; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.comment_box b, 
.comment_box strong, 
.comment_box em, 
.comment_box dt, 
.comment_box dd { font-weight: normal; font-style: normal; }
.comment_box .comment_sympathy .view_sympathy_box > a,
.comment_box .btn_delete,
.comment_box .btn_modify,
.comment_box .btn_write { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #ccc; color: #333; padding: 0.125rem 0.625rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.78125rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.comment_box .comment_sympathy .view_sympathy_box > a:hover,
.comment_box .btn_delete:hover,
.comment_box .btn_modify:hover,
.comment_box .btn_write:hover { border-color: #555; background-color: #555; color: #fff; }
.comment_header { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.comment_header dl { display: inline-block; }
.comment_header dt, 
.comment_header dd { display: inline-block; }
.comment_header dt { display: none; }
.comment_header dl.comment_wr_name {}
.comment_header dl.comment_wr_date { color: #999; }
.comment_footer { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/* 게시판 댓글 쓰기 */
.comment_form { clear: both; display: block; margin: 10px 0 0 0; padding: 20px; border: 1px solid #b3b3b3; background: #fff; }
.comment_form h4 { display: none; }
.comment_write {}
.comment_write dl {}
.comment_write dl dt { display: none; }
.comment_write input[type="text"],
.comment_write input[type="password"] { width: 150px; display: inline-block; font-weight: 400; color: #212529; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #ddd; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; outline: 0; }
.comment_write textarea { display: block; border: 0; background: #fff; color: #000; vertical-align: middle; margin: 0; padding: 0; width: 100%; height: 60px; border-radius: 0; background: none !important; outline: 0; resize: vertical; }
.comment_write_info { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.comment_write_info dl { margin-right: 5px; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.comment_write_info .cmf_name {}
.comment_write_info .cmf_name input[type="text"][readonly] { border-color: transparent; }
.comment_write_info .cmf_pass {}
.comment_write_info .cmf_secret { margin-left: auto; margin-right: 0; }
.comment_write_form { margin: 10px 0; }
.comment_write_btn {}
.comment_write_btn .btn_comment { width: 150px; }

/* 게시판 읽기: 이전글/다음글 */
.nb_ul { margin: 40px 0; padding: 0; list-style: none; position: relative; clear: both; text-align: left; border-top: 1px solid #ddd; overflow: hidden; max-width: 100%; }
.nb_ul li { border-bottom: 1px solid #ddd; padding: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.25; }
.nb_ul li:hover { background: #f6f6f6; }
.nb_ul li .nb_tit { -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; color: #3f4553; }
.nb_ul li .nb_tit i { margin-right: 5px; }
.nb_ul li a { -ms-flex: 1 1 auto; flex: 1 1 auto; }
.nb_ul li .nb_date { margin-left: auto; padding-left: 10px; color: #888; }

/* 게시판 쓰기 */
.bbs_post .table-form th { white-space: nowrap; }
.bbs_post .custom-select,
.bbs_post .form-control { border-radius: 0; }
.bbs_postbtn { margin: 40px 0; text-align: center; }
.bbs_post .filebox { position: relative; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  }

.bbs_post .filebox .upload-name,
.bbs_post .filebox label { border-radius: 0; padding: 0.375rem 0.75rem; line-height: 1.5; background-color: #fff; border: 1px solid #ced4da; color: #495057; border-radius: 0; appearance: none; }
.bbs_post .filebox .upload-name { flex: 1 0 auto; }
.bbs_post .filebox label { flex: 0 0 auto; margin-left: 5px; cursor: pointer; }
.bbs_post .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.bbs_post .fileout { position: relative; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 2px; }
.bbs_post .fileout .fileout_checkbox,
.bbs_post .fileout .fileout_filename { border-radius: 0; padding: 0.375rem 0.75rem; line-height: 1.5; }
.bbs_post .fileout .fileout_checkbox { border: 1px solid #ddd; background-color: #f2f2f2; }

@media (max-width: 576px) {
  .bbs_post .table-form th { display: none; }
  .bbs_post .table-form td { padding-left: 0; padding-right: 0; }
}

/* 비밀번호 입력창 */
.secret_box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; background-color: rgba(0,0,0,0.75); }
.secret_box .secret_wrap { position: absolute; width: 350px; background: #fff; top: calc(50% - 175px); left: calc(50% - 175px); border: 0; }
.secret_box .secret_wrap .img { text-align: center; background: #f5f5f5; padding: 15px 0; }
.secret_box .secret_wrap .txt { padding: 20px; }
.secret_box .secret_wrap .txt h4 { margin-bottom: 20px; font-weight: 500; font-size: 17px; }
.secret_box .secret_wrap .txt p { font-size: 15px; line-height: 1.25; word-break: keep-all; }
.secret_box .secret_wrap .txt .frm { display: block; margin: 20px 0 10px 0; }
.secret_box .secret_wrap .txt .frm input { width: 100%; border: 1px solid #ced4da; padding: 0.375rem 0.75rem; line-height: 1.5; outline: 0; }
.secret_box .secret_wrap .btw { display: block; text-align: center; }
.secret_box .secret_wrap .btw .btn_submit { display: block; width: 100%; background: #516083; color: #fff; padding: 0.375rem 0.75rem; line-height: 1.5; border: 1px solid transparent; }
.secret_box .secret_wrap .btn_close { display: block; text-align: center; position: absolute; top: 0; right: 0; font-size: 0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; width: 38px; height: 38px; border: 0; }
.secret_box .secret_wrap .btn_close::before,
.secret_box .secret_wrap .btn_close::after { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -10px; display: block; width: 20px; height: 1px; background-color: #000; }
.secret_box .secret_wrap .btn_close::before { transform: rotate(-45deg); }
.secret_box .secret_wrap .btn_close::after { transform: rotate(45deg); }

/*===========================================================*\
  통합검색 일반
\*===========================================================*/
.unified-search-result {}
.unified-search-result .search-form { margin: 30px 0; display: none; }
.unified-search-result .search-result { margin: 30px 0; }
.unified-search-result .search-result > h3 { padding: 20px 10px; border: 5px solid #eee; text-align: center; font-size: 1.25rem; }
.unified-search-result .search-result > h3 strong { color: #5566ae; }
.unified-search-result .search-result > .search-result-body { margin: 30px 0; }
.unified-search-result .search-result > .search-result-body h4 { display: block; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; font-size: 1rem; }
.unified-search-result .search-result > .search-result-body h4 strong { color: #5566ae; }
.unified-search-result .search-result > .search-result-body .search-result-none { text-align: center; padding: 50px; }

/*===========================================================*\
  페이지 일반
\*===========================================================*/

/* 연혁 */
.dm-history { position: relative; }
.dm-history::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; display: block; width: 1px; border: 0; border-left: 1px dashed #707070; }
.dm-history > ul { padding: 1rem 0; }
.dm-history > ul > li { width: 50%; margin: 2rem 0; }
.dm-history > ul > li > dl { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.dm-history > ul > li > dl > dt,
.dm-history > ul > li > dl > dd { position: relative; font-weight: normal; }
.dm-history > ul > li > dl > dt { flex: 0 0 auto; margin: 0 35px; color: #111; font-size: 35px; line-height: 1; letter-spacing: -0.04em; }
.dm-history > ul > li > dl > dd { flex: 1 1 auto; font-size: 20px; margin-top: 0.375em; }
.dm-history > ul > li > dl > dt i,
.dm-history > ul > li > dl > dt em { font-style: normal; }
.dm-history > ul > li > dl > dt::before { display: block; content: none; position: absolute; top: calc((35px / 2) - 12px); border-radius: 50%; width: 24px; height: 24px; opacity: 0; -webkit-animation: grow .75s linear infinite; animation: grow .75s linear infinite; background: rgba(82,88,93,.25); pointer-events: none; }
.dm-history > ul > li > dl > dt::after { display: block; content: ""; position: absolute; top: calc((35px / 2) - 8px); border-radius: 50%; width: 16px; height: 16px; background: #fff; border: 3px solid #707070; }
.dm-history > ul > li:hover > dl > dt::before { content: ""; }
.dm-history > ul > li:nth-child(even) { margin-right: auto; }
.dm-history > ul > li:nth-child(odd) { margin-left: auto; }
.dm-history > ul > li:nth-child(even) > dl { text-align: right; }
.dm-history > ul > li:nth-child(odd) > dl { text-align: left; }
.dm-history > ul > li:nth-child(even) > dl > dt { order: 1; }
.dm-history > ul > li:nth-child(odd) > dl > dt { order: -1; }
.dm-history > ul > li:nth-child(even) > dl > dd { text-align: right; }
.dm-history > ul > li:nth-child(odd) > dl > dt { text-align: left; }
.dm-history > ul > li:nth-child(even) > dl > dt::before { right: calc(-35px - 12px); }
.dm-history > ul > li:nth-child(even) > dl > dt::after { right: calc(-35px - 8px); }
.dm-history > ul > li:nth-child(odd) > dl > dt::before { left: calc(-35px - 12px); }
.dm-history > ul > li:nth-child(odd) > dl > dt::after { left: calc(-35px - 8px); }
.dm-history > ul > li > dl > dt > i { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.dm-history > ul > li > dl > dd > ol {}
.dm-history > ul > li > dl > dd > ol > li { margin: 5px 0; line-height: 1.25; }
.dm-history > ul > li:nth-child(even) > dl > dd > ol > li > span.month { order: 1; }
.dm-history > ul > li:nth-child(even) > dl > dd > ol > li { justify-content: flex-end; }
@media (max-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {
  .dm-history::before { border-color: #eee; }
  .dm-history > ul > li { width: auto; margin: 3rem 0; }
  .dm-history > ul > li > dl > dt,
  .dm-history > ul > li > dl > dd { margin: 0 !important; }
  .dm-history > ul > li:nth-child(even) > dl > dt::before { left: calc(50% - 12px) !important; right: auto !important; }
  .dm-history > ul > li:nth-child(odd) > dl > dt::before { left: auto !important; right: calc(50% - 12px) !important; }
  .dm-history > ul > li:nth-child(even) > dl > dt::after { left: calc(50% - 8px) !important; right: auto !important; }
  .dm-history > ul > li:nth-child(odd) > dl > dt::after { left: auto !important; right: calc(50% - 8px) !important; }
}

/* 위치 */
.dm-map { position: relative; width: 100%; height: 450px; background: #f5f5f5; }
.dm-loc { padding: 40px 60px; margin: 1px 0 40px 0; color: #000; background: #f5f5f5 url('../images/dm-map-bg.png') 100% 0 no-repeat; }
.dm-loc > h5 { margin-bottom: 0.5rem; font-size: 2rem; }
.dm-loc-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 1.25rem; overflow: hidden; }
.dm-loc-info > dl { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-right: 40px; white-space: nowrap; }
.dm-loc-info > dl > dt,
.dm-loc-info > dl > dd { font-weight: normal; }
.dm-loc-info > dl > dt { position: relative; margin-right: 20px; padding-left: 34px; background-position: left center; background-repeat: no-repeat; }
.dm-loc-info > dl > dt::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: 'Material Icons'; font-size: 24px; }
.dm-loc-info > dl.dm-loc-addr > dt::before { content: "\e55f"; }
.dm-loc-info > dl.dm-loc-tel > dt::before { content: "\e0d1"; }
.dm-loc-info > dl.dm-loc-fax > dt::before { content: "\e8ad"; }
.dm-loc-info > dl > dd { min-width: 120px; }
/* 지도 컨트롤 (카카오) */
.radius_border { border: 1px solid #919191; border-radius: 5px; }
.custom_typecontrol { position: absolute; top: 10px; right: 10px; overflow: hidden; width: 130px; height: 30px; margin: 0; padding: 0; z-index: 1; font-size: 12px; }
.custom_typecontrol span { display: block; width: 65px; height: 30px; float: left; text-align: center; line-height: 30px; cursor: pointer; }
.custom_typecontrol .btn { background: #fff; background: linear-gradient(#fff, #e6e6e6); }
.custom_typecontrol .btn:hover { background: #f5f5f5; background: linear-gradient(#f5f5f5,#e3e3e3); }
.custom_typecontrol .btn:active { background: #e6e6e6; background: linear-gradient(#e6e6e6, #fff); }
.custom_typecontrol .selected_btn { color: #fff; background: #425470; background: linear-gradient(#425470, #5b6d8a); }
.custom_typecontrol .selected_btn:hover { color: #fff; }
.custom_zoomcontrol { position: absolute; top: 35%; right: 10px; width: 36px; height: 80px; overflow: hidden; z-index: 1; background-color: #f5f5f5; border-radius: 3px; border: 1px solid #bdbbb5; }
.custom_zoomcontrol span { display: block; width: 36px; height: 40px; text-align: center; cursor: pointer; }
.custom_zoomcontrol span img { width: 15px; height: auto; padding: 12px 0; border: none; }
.custom_zoomcontrol span:first-child { border-bottom: 1px solid #bfbfbf; }
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {
  .dm-loc { padding: 20px; }
  .dm-loc-info { font-size: 1rem; }
  .dm-loc-info > dl > dt::before { font-size: 1rem; }
}

/*===========================================================*\
  FAQ 일반
\*===========================================================*/

/* 자주묻는 질문 */
.bd_faq{display:inline-block; width:100%; border-top:1px solid #111;}
.bd_faq .accWrap{border-bottom:1px solid #ccc;}
.bd_faq .accWrap h5.qs_tit{position:relative; padding-left:90px; width:100%; display:inline-block;}
.bd_faq .accWrap h5.qs_tit::before{content:'Q'; position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:24px; font-weight:bold; width:40px; height:40px; border-radius:40px; background:#f5f5f5; line-height:40px; text-align:center; transition:0.2s;}
.bd_faq .accWrap h5.qs_tit a{display:inline-block; width:100%; font-size:20px; color:#333; line-height:80px; padding-right:calc(80px + 2%); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bd_faq .accWrap h5.qs_tit a span{display:inline-block; width:80px; height:80px; position:absolute; top:0; right:2%; text-indent:-9999px; overflow:hidden;}
.bd_faq .accWrap h5.qs_tit a strong{font-weight:500; transition:0.2s;}
.bd_faq .accWrap h5.qs_tit a span::before,
.bd_faq .accWrap h5.qs_tit a span::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#ccc; transition:0.2s;}
.bd_faq .accWrap h5.qs_tit a span::before{width:30px; height:1px; }
.bd_faq .accWrap h5.qs_tit a span::after{width:1px; height:30px;}
.bd_faq .accWrap.trigger h5.qs_tit::before{background:#111; color:#fff;}
.bd_faq .accWrap.trigger h5.qs_tit a strong{font-weight:700;}
.bd_faq .accWrap.trigger h5.qs_tit a span::before{background:#555;}
.bd_faq .accWrap.trigger h5.qs_tit a span::after{transform:rotate(90deg); margin-top:-15px;}
.bd_faq .accWrap .answer{display:none; position:relative;padding:25px calc(80px + 5%) 35px 90px; border-top:1px solid #ccc; background:#f9f9f9; }
.bd_faq .accWrap .answer::before{content:'A.'; position:absolute; left:30px; top:20px; font-size:22px; font-weight:700; width:40px; height:40px; line-height:40px; text-align:center;}
.bd_faq .accWrap .answer p{font-size:18px; font-weight:500; color:#333; line-height:1.8;}

/*===========================================================*\
  QNA 일반
\*===========================================================*/

/* 고객문의 페이지 */
.bd_qna {}
.bd_qna .qnaAgree {}
.bd_qna .qnaWrite {}
.bd_qna .qnaBtn {}
.bd_qna .custom-control { min-height: 1.5rem; padding-left: 2rem; }
.bd_qna .custom-control-input { width: 1.5rem; height: 1.5rem; }
.bd_qna .custom-control-label::before,
.bd_qna .custom-control-label::after { width: 1.5rem; height: 1.5rem; top: 0; left: -2rem; }
.bd_qna .custom-control-input:checked~.custom-control-label { color: #394881; }
.bd_qna .custom-control-input:checked~.custom-control-label::before { background-color: #394881; border-color: #394881; }
.bd_qna .custom-control-input:focus:not(:checked)~.custom-control-label::before,
.bd_qna .custom-control-input:focus~.custom-control-label::before { border-color: #394881; box-shadow: none; }
.bd_qna .form-control:focus,
.bd_qna .custom-file-input:focus~.custom-file-label { border-color: #394881; box-shadow: none; }
.bd_qna .qnaWrite .form-group > label { font-size: 1.25rem; }
.bd_qna .qnaBtn .btn-primary { border-color: #394881; background-color: #394881; }
.bd_qna .qnaBtn .btn-primary:not(:disabled):not(.disabled).active:focus, 
.bd_qna .qnaBtn .btn-primary:not(:disabled):not(.disabled):active:focus, 
.bd_qna .qnaBtn .btn-primary:hover { border-color: #2e3860; background-color: #2e3860; box-shadow: none; }

/*===========================================================*\
  최신글 스킨 스타일 2022-08-02 박연하 추가
\*===========================================================*/

/* 갤러리 latest */
.gall-latest .thumb-wrap { position: relative; overflow: hidden; }
.gall-latest .thumb { width: 100%; padding-top: 54.06%; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; transition: all .25s; }
.gall-latest .thumb.no-img { background-position: center; }
.gall-latest .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.gall-latest .title { margin-top: 0.833rem; font-size: 1rem; font-weight: 800; letter-spacing: -0.05rem;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3rem; }
.gall-latest .content { margin-top: 0.833rem; font-size: 15px; font-weight: 400; letter-spacing: -0.042rem;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.5rem; }
.gall-latest .date { margin-top: 0.833rem; color: #ccc; font-size: 14px; font-weight: 400; letter-spacing: 0; }

@media (hover: hover), (-ms-high-contrast:none) {
    .gall-latest li:hover .thumb { transform: scale(1.08); }
}



/*===========================================================*\
  Layout
\*===========================================================*/

/* 레이아웃 */
#root { position: relative; }
#root > hr { display: none; }
#hd, #gnb, #pop, #vis, #wrapper, #ask, #kit, #stv, #hub, #ft { clear: both; }
#hd:after, #gnb:after, #pop:after, #vis:after, #wrapper:after, #ask:after, #kit:after, #stv:after, #hub:after, #ft:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_wrap, #gnb_wrap, #pop_wrap, #vis_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { display: block; margin: auto; width: 1200px; }

/* 레이아웃: header */
#hd {}
#h1 { display: none; }
#hd { position: relative; }
#hd:before { position: absolute; left: 0; right: 0; top: 0; display: block; content: ""; z-index: 0; visibility: visible; background: #3f4553; height: 40px; }
#hd:after { position: absolute; left: 0; right: 0; top: 40px; bottom: 0; display: block; content: ""; z-index: 0; visibility: visible; background: #fff; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 5px rgba(0,0,0,.05); }

#hd_home, #hd_user, #hd_etcbar, #hd_social, #hd_contact,
#hd_home a, #hd_user a, #hd_etcbar a, #hd_social a, #hd_contact a { color: rgba(255,255,255,1); }
#hd_home a:hover, #hd_user a:hover, #hd_etcbar a:hover, #hd_social a:hover, #hd_contact a:hover { color: rgba(255,255,255,0.5); }

#hd #hd_top { clear: both; position: relative; width: 100%; }
#hd #hd_top .hd_top_x { position: absolute; top: 50%; right: 0; width: 32px; height: 32px; background: none; border: 0; padding: 0; display: block; cursor: pointer; z-index: 1; transform: translate(-50%, -50%); }
#hd #hd_top .hd_top_x:before,
#hd #hd_top .hd_top_x:after { content: ""; position: absolute; top: 16px; left: 0; width: 100%; height: 1px; background: #000; }
#hd #hd_top .hd_top_x:before { transform: rotate(45deg); }
#hd #hd_top .hd_top_x:after { transform: rotate(-45deg); }

#hd_wrap { position: relative; margin: 0 auto; padding: 40px 0 0 0; }
#hd_wrap > * { z-index: 1; }

#hd_logo { margin: 0; padding: 0; height: 80px; position: relative; }
#hd_logo a { margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin: auto; padding: 0; width: 200px; height: 50px; overflow: hidden; position: absolute; top: 15px; left: 0; }
#hd_logo img { display: block; max-height: 50px; }
#hd_logo .hd_logo_wt { display: none; }

#hd_home { opacity: 1; visibility: visible; display: block; position: absolute; z-index: 1; top: 0; left: 0; font-size: 12px; color: #000; text-transform: uppercase; }
#hd_home > ul { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; height: 40px; }
#hd_home > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_home > ul > li { float: left; display: block; border-left: 1px solid rgba(255,255,255,.15); }
#hd_home > ul > li:last-child { border-right: 1px solid rgba(255,255,255,.15);; }
#hd_home > ul > li > a { display: block; width: 40px; height: 40px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; }
#hd_home .fa,
#hd_home .material-icons { font-size: 18px; width: 1em; height: 1em; }

#hd_user { opacity: 1; visibility: visible; display: block; position: absolute; z-index: 1; top: 0; right: 0; font-size: 12px; text-transform: uppercase; font-family: 'Dotum',sans-serif; }
#hd_user > ul { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; height: 40px; }
#hd_user > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_user > ul > li { float: left; display: block; margin-right: 0.75rem; }
#hd_user > ul > li:last-child { margin-right: 0; }
#hd_user > ul > li b { font-weight: bold; }
#hd_user > ul > li.tnb_admin a {}

#hd_navbar { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.75); z-index: 99; display: block; display: none; } 
#hd_navbar .hd_navbar { position: relative; overflow: hidden; margin: 120px auto auto auto; width: 1200px; min-height: 400px; background: #fff; position: relative; opacity: 0; visibility: hidden; transition: all 0.25s ease-in-out; }
#hd_navbar .hd_navbar:before { content: 'SITEMAP'; display: block; margin: 0; padding: 20px 50px; border-bottom: 1px solid #ddd; height: 80px; box-shadow: 0px 1px 5px rgba(0,0,0,.05); font-size: 38px; font-family: 'Montserrat','Noto Sans KR',sans-serif; font-weight: 800; }
#hd_navbar .hd_navbar:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_navbar .hd_navbar { position: relative; opacity: 0; visibility: hidden; }
#hd_navbar .hd_navbar h2 { margin: 0; padding: 20px 50px; border-bottom: 1px solid #ddd; height: 80px; box-shadow: 0px 1px 5px rgba(0,0,0,.05); font-size: 38px; font-family: 'Montserrat','Noto Sans KR',sans-serif; font-weight: 800; }
#hd_navbar .hd_navbar h2 sub { position: static; margin: 0 0 0 .5em; font-size: 20px; line-height: inherit; font-weight: 400; }
#hd_navbar .hd_navbar #map_navbar { position: absolute; top: 0; right: 0; width: 80px; height: 80px !important; padding: 0 !important; border-radius: 0; border: 0; background: transparent; }
#hd_navbar .hd_navbar #map_navbar * { display: none; }
#hd_navbar .hd_navbar #map_navbar:before,
#hd_navbar .hd_navbar #map_navbar:after { content: ""; margin: auto; display: block; width: 50%; height: 1px; background: #000; }
#hd_navbar .hd_navbar #map_navbar:before { transform: rotate(-45deg); }
#hd_navbar .hd_navbar #map_navbar:after { transform: rotate(45deg); }
#hd_navbar .hd_navbar > ul { overflow: hidden; padding: 40px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: start; justify-content: start; }
#hd_navbar .hd_navbar > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_navbar .hd_navbar > ul > li { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
#hd_navbar .hd_navbar > ul > li > a,
#hd_navbar .hd_navbar > ul > li > ul { display: block; margin: 10px; }
#hd_navbar .hd_navbar > ul > li > a { display: block; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 20px; }
#hd_navbar .hd_navbar > ul > li > ul { padding-left: 20px; }
#hd_navbar .hd_navbar > ul > li > ul > li { list-style: square; }
#hd_navbar .hd_navbar > ul > li > ul > li > a { display: block; padding: 2px 0; }
#hd_navbar.is-open { display: block; }
#hd_navbar.is-open .hd_navbar { opacity: 1; visibility: visible; }

#hd_etcbar { opacity: 1; visibility: visible; display: block; position: absolute; top: 5px; left: 30px; right: 30px; font-size: 12px; z-index: 1; display: none; }
#hd_etcbar > ul { position: relative; clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 15px; background: rgba(255,255,255,0.75); margin: auto; padding: 0; width: 300px; height: 30px; border: 1px solid rgba(0,0,0,0.15); color: #999; transition: all 0.25s ease-in-out; }
#hd_etcbar > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_etcbar > ul:hover { border-color: rgba(0,0,0,0.3); color: #666; }
#hd_etcbar > ul a { color: #999; transition: all 0.25s ease-in-out; }
#hd_etcbar > ul a:hover { color: #333; }
#hd_etcbar > ul > li { float: left; display: block; margin-right: 0.75rem; flex: 0 0 auto; -ms-flex: 0 0 auto; }
#hd_etcbar > ul > li:last-child { margin-right: 0; }

#hd_social { opacity: 1; visibility: visible; display: block; position: absolute; top: 5px; left: 30px; right: 30px; font-size: 16px; display: none; }
#hd_social > ul { position: relative; clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: auto; padding: 0; width: 200px; height: 30px; color: #999; transition: all 0.25s ease-in-out; border-radius: 15px; }
#hd_social > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_social > ul:hover { border-color: rgba(0,0,0,0.3); color: #666; }
#hd_social > ul > li { float: left; display: block; margin-right: 0.5rem; }
#hd_social > ul > li > a { display: block; }
#hd_social > ul > li:last-child { margin-right: 0; }
#hd_social .unit-label,
#hd_social .unit-field { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

#hd_contact { opacity: 1; visibility: visible; display: block; padding: 0 15px; position: absolute; z-index: 1; top: 0; left: 80px; font-size: 12px; color: #000; }
#hd_contact > ul { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; height: 40px; }
#hd_contact > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_contact > ul > li { float: left; display: block; margin-right: 0.75rem; }
#hd_contact > ul > li:last-child { margin-right: 0; }
#hd_contact .unit-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

#hd_search { opacity: 1; visibility: visible; display: block; position: absolute; top: 55px; right: 170px; font-size: 16px; z-index: 11; display: none; }
#hd_search .hd_search { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; height: 50px; }
#hd_search .hd_search:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_search .hd_search > form { position: relative; }
#hd_search #sch_stx { width: 810px; height: calc(2.25em + 2px); height: 50px; font-size: 1em; background: #fff; border: 3px solid #000; border-color: #000; border-radius: 0; transition: all 0.15s ease-in-out; }
#hd_search #sch_stx:focus { outline: 0; box-shadow: none; border-color: #000; }
#hd_search #sch_submit { position: absolute; top: 0; bottom: 0; right: 0; border: 0; background: none; font-size: 1em; color: #000; }
#hd_search #sch_submit:hover, 
#hd_search #sch_submit:focus { border: 0; background: none; outline: 0; box-shadow: none; color: inherit; }
#hd_search #sch_search { margin: 0 !important; padding: 0 !important; margin-left: 5px !important; font-size: 1em; display: none; color: #000; }
#hd_search.is-open { display: block; }

#hd_button { opacity: 1; visibility: visible; display: block; position: absolute; top: 55px; right: 0; }
#hd_button > ul { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; height: 50px; border-left: 1px solid rgba(0,0,0,.1); }
#hd_button > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_button > ul > li { float: left; display: block; border-right: 1px solid rgba(0,0,0,.1); height: 100%; }
#hd_button > ul > li > button { display: block; width: 70px; height: 100%; padding: 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; background: none; border: 0; background-image: url('../images/hd_button.png'); background-position: 0 0; background-repeat: no-repeat; }
#hd_button > ul > li > button > * { display: none; }
#hd_button > ul > li > button.hd_button_search { background-position: -70px 0; }
#hd_button > ul > li > button.hd_button_search.active,
#hd_button > ul > li > button.hd_button_search:hover { background-position: -70px -50px; }
#hd_button > ul > li > button.hd_button_navbar { background-position: -140px 0; }
#hd_button > ul > li > button.hd_button_navbar.active,
#hd_button > ul > li > button.hd_button_navbar:hover { background-position: -140px -50px; }

#hd_gather { opacity: 1; visibility: visible; display: block; position: absolute; top: 55px; right: 0; }
#hd_gather > ul { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; height: 50px; border-left: 1px solid rgba(0,0,0,.1); }
#hd_gather > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_gather > ul > li { float: left; display: block; border-right: 1px solid rgba(0,0,0,.1); height: 100%; }
#hd_gather > ul > li > a { display: block; width: 70px; height: 100%; padding: 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; flex-direction: column; background: none; border: 0; background-image: url('../images/hd_gather.png'); background-position: 0 0; background-repeat: no-repeat; position: relative; }
#hd_gather > ul > li > a > * { display: none; }
#hd_gather > ul > li > a > i { font-size: 32px; margin-top: 2px; }
#hd_gather > ul > li > a > span { font-size: 11px; font-family: 'Dotum',sans-serif; letter-spacing: -1px; }
#hd_gather > ul > li > a.hd_gather_un { background: none; }
#hd_gather > ul > li > a.hd_gather_un > * { display: block; }
#hd_gather > ul > li > a.hd_gather_un.active,
#hd_gather > ul > li > a.hd_gather_un:hover { color: #18a1b8; }
#hd_gather > ul > li > a.hd_gather_help { background-position: 0 -100px; }
#hd_gather > ul > li > a.hd_gather_help.active,
#hd_gather > ul > li > a.hd_gather_help:hover { background-position: 0 -150px; }
#hd_gather > ul > li > a.hd_gather_talk { background-position: 0 -100px; }
#hd_gather > ul > li > a.hd_gather_talk.active,
#hd_gather > ul > li > a.hd_gather_talk:hover { background-position: 0 -150px; }
#hd_gather > ul > li > a.hd_gather_my { background-position: -70px 0; }
#hd_gather > ul > li > a.hd_gather_my.active,
#hd_gather > ul > li > a.hd_gather_my:hover { background-position: -70px -50px; }
#hd_gather > ul > li > a.hd_gather_cart { background-position: -140px 0; }
#hd_gather > ul > li > a.hd_gather_cart.active,
#hd_gather > ul > li > a.hd_gather_cart:hover { background-position: -140px -50px; }
#hd_gather > ul > li > a.hd_gather_order { background-position: -210px 0; }
#hd_gather > ul > li > a.hd_gather_order.active,
#hd_gather > ul > li > a.hd_gather_order:hover { background-position: -210px -50px; }
#hd_gather > ul > li > a.hd_gather_faq { background-position: -280px 0; }
#hd_gather > ul > li > a.hd_gather_faq.active,
#hd_gather > ul > li > a.hd_gather_faq:hover { background-position: -280px -50px; }
#hd_gather > ul > li > a.hd_gather_qna { background-position: -350px 0; }
#hd_gather > ul > li > a.hd_gather_qna.active,
#hd_gather > ul > li > a.hd_gather_qna:hover { background-position: -350px -50px; }
#hd_gather > ul > li > a.hd_gather_ituse { background-position: -280px -100px; }
#hd_gather > ul > li > a.hd_gather_ituse.active,
#hd_gather > ul > li > a.hd_gather_ituse:hover { background-position: -280px -150px; }
#hd_gather > ul > li > a.hd_gather_itqna { background-position: -350px -100px; }
#hd_gather > ul > li > a.hd_gather_itqna.active,
#hd_gather > ul > li > a.hd_gather_itqna:hover { background-position: -350px -150px; }
#hd_gather > ul > li > a.hd_gather_pspay { background-position: -70px -100px; }
#hd_gather > ul > li > a.hd_gather_pspay.active,
#hd_gather > ul > li > a.hd_gather_pspay:hover { background-position: -70px -150px; }
#hd_gather > ul > li > a.hd_gather_wish { background-position: -140px -100px; }
#hd_gather > ul > li > a.hd_gather_wish.active,
#hd_gather > ul > li > a.hd_gather_wish:hover { background-position: -140px -150px; }
#hd_gather > ul > li > a.hd_gather_coupon { background-position: -210px -100px; }
#hd_gather > ul > li > a.hd_gather_coupon.active,
#hd_gather > ul > li > a.hd_gather_coupon:hover { background-position: -210px -150px; }
#hd_gather > ul > li > a.hd_gather_event { background-position: -420px 0; }
#hd_gather > ul > li > a.hd_gather_event.active,
#hd_gather > ul > li > a.hd_gather_event:hover { background-position: -420px -50px; }
#hd_gather > ul > li > a.hd_gather_exhib { background-position: -420px -100px; }
#hd_gather > ul > li > a.hd_gather_exhib.active,
#hd_gather > ul > li > a.hd_gather_exhib:hover { background-position: -420px -150px; }
#hd_cart_cnt { position: absolute; top: 0; right: 5px; display: block !important; padding: 2px 4px; border-radius: 3px; background-color: #cf3232; color: #fff; text-align: center; font: normal normal 11px/1 'Verdana',sans-serif; }

#hd_gadget { opacity: 1; visibility: visible; display: block; position: absolute; top: 55px; right: 0; z-index: 2; display: none; }
#hd_gadget > ul { clear: both; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto; height: 50px; }
#hd_gadget > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#hd_gadget > ul > li { float: left; display: block; height: 100%; position: relative; }
#hd_gadget > ul > li > .hd_gadget_btn { display: block; width: 50px; height: 100%; padding: 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; background: none; border: 0; background-position: center center; background-repeat: no-repeat; }
#hd_gadget > ul > li > .hd_gadget_obj { display: none; position: absolute; }
#hd_gadget > ul > li > .hd_gadget_member_obj { white-space: nowrap; top: 100%; left: 50%; transform: translateX(-50%); background-color: #3f4553; color: #fff; padding: 0.5rem; z-index: 1; }
#hd_gadget > ul > li > .hd_gadget_member_obj a { display: block; min-width: 80px; font-size: 0.875rem; color: #fff; padding: 0.25rem 1rem; position: relative; transition: padding 0.25s ease-in-out; }
#hd_gadget > ul > li > .hd_gadget_member_obj a:hover { color: #fff; }
#hd_gadget > ul > li > .hd_gadget_member_obj a:hover:before { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; content: ''; background-color: #fff; width: 3px; height: 3px; }
#hd_gadget > ul > li > .hd_gadget_search_obj { width: 250px; top: 100%; right: 0; color: #fff; }
#hd_gadget > ul > li > .hd_gadget_search_obj .unified-search { border: 0; background-color: #fff; color: inherit; border-radius: 0.25rem; height: 40px; }
#hd_gadget > ul > li > .hd_gadget_search_obj .unified-search-submit { width: 40px; }
#hd_gadget > ul > li > .hd_gadget_search_obj .unified-search-submit::after { font-size: 24px; }

#hd_mapper { opacity: 1; visibility: visible; display: block; position: absolute; top: 55px; right: 0; width: 50px; height: 50px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: none; transition: all 0.25s ease-in-out; }
#hd_mapper > button { display: block; width: 50px; height: 100%; padding: 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; background: none; border: 0; background-position: center center; background-repeat: no-repeat; }
#hd_mapper > button::after { content: "\e5c3"; font-family: "Material Icons"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; font-size: 32px; line-height: 1; }

#hd_toggle { opacity: 1; visibility: visible; display: block; position: absolute; top: 55px; right: 0; width: 50px; height: 50px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: none; }

#hd, #hd_logo, #hd_logo a, #hd_home, #hd_user, #hd_navbar, #hd_navbar .hd_navbar, #hd_etcbar, #hd_contact, #hd_social, #hd_search, #hd_search .hd_search, #sch_search, #hd_button, #hd_gather { transition: all 0.25s ease-in-out; }

/* 레이아웃: #gnb (PC Menu) */
#gnb { opacity: 1; visibility: visible; display: block; position: absolute; top: auto; margin-top: -65px; left: calc(50% - 600px + 220px); right: calc(50% - 600px + 170px); font-size: 20px; z-index: 10; }
#gnb_wrap { display: block; width: auto; height: 50px; }
#gnb_wrap h2 { border-bottom: 1px solid #eee; }
#gnb_wrap #gnb_container {}

#gnb_1dul { font-family: 'NEXON Gothic','Noto Sans KR',sans-serif; }
#gnb_1dul:after { display: block; visibility: hidden; clear: both; content: ""; }
#gnb_1dul .gnb_1dli { position: relative; display: block; float: left; }
#gnb_1dul .gnb_1dli:not(:first-child):before { position: absolute; top: calc(50% - 0.25rem); left: 0; display: block; width: 1px; height: 0.5em; background: rgba(0,0,0,0.15); content: ""; }
#gnb_1dul .gnb_1dli .gnb_1da { display: block; padding: 0.5em 1em; height: 50px; line-height: 1; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; }

#gnb_1dul .gnb_1dli {}
#gnb_1dul .gnb_1da {}

#gnb_1dul .gnb_2dul { display: block; opacity: 0; visibility: hidden; position: absolute; top: 40px; left: 0; width: auto; margin: 0; line-height: 1; transition: all 0.15s ease-in-out; min-width: 160px; max-width: 200px; /*background: #3f4553;*/ color: #fff; }
#gnb_1dul .gnb_2dul:after { display: block; visibility: hidden; clear: both; content: ""; }
#gnb_1dul .gnb_2dli { position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,.1); }
#gnb_1dul .gnb_2dli:last-child { border-bottom: 0; }
#gnb_1dul .gnb_2da { overflow: hidden; width: 100%; display: block; padding: .75em 1.25em; text-align: left; text-decoration: none; font-size: 1rem; color: #fff; }
#gnb_1dul .gnb_2da:hover { color: #fff; background: rgba(255,255,255,.1); }

#gnb_1dul .gnb_3dul { display: block; opacity: 0; visibility: hidden; position: absolute; top: 40px; left: 100%; width: auto; margin: 0; line-height: 1; transition: all 0.15s ease-in-out; min-width: 160px; max-width: 200px; background: #6d788f; color: #fff; }
#gnb_1dul .gnb_3dul:after { display: block; visibility: hidden; clear: both; content: ""; }
#gnb_1dul .gnb_3dli { position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,.1); }
#gnb_1dul .gnb_3dli:last-child { border-bottom: 0; }
#gnb_1dul .gnb_3da { overflow: hidden; width: 100%; display: block; padding: .75em 1.25em; text-align: left; text-decoration: none; font-size: 1rem; color: #fff; }
#gnb_1dul .gnb_3da:hover { color: #fff; background: rgba(255,255,255,.1); }

#gnb_1dul .gnb_1dli_air .gnb_2da {}
#gnb_1dul .gnb_1dli_on .gnb_2da {}
#gnb_1dul .gnb_2da:focus, .gnb_2da:hover {}

#gnb_1dul .gnb_1dli_over .gnb_2dul { display: block; opacity: 1; visibility: visible; top: 50px; }
#gnb_1dul .gnb_1dli_over2 .gnb_2dul { display: block; opacity: 1; visibility: visible; top: 50px; }

#gnb_1dul .gnb_1da:hover,
#gnb_1dul .gnb_1dli_over .gnb_1da {}
#gnb_1dul .gnb_2da:hover {}

#gnb_1dul .gnb_2dli_over .gnb_3dul { display: block; opacity: 1; visibility: visible; top: 0; }
#gnb_1dul .gnb_2dli_over2 .gnb_3dul { display: block; opacity: 1; visibility: visible; top: 0; }

#gnb_1dul .gnb_wrap .gnb_empty { padding: 10px 0; width: 100%; text-align: center; line-height: 2em; }
#gnb_1dul .gnb_wrap .gnb_empty a { text-decoration: underline; }
#gnb_1dul .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {}

/* 레이아웃: #off (Mobile Menu offcanvas) */
#off { position: fixed; top: 0; right: auto; bottom: 0; left: -300px; overflow: hidden; z-index: 99; min-width: 300px; transition: left 0.25s ease-in-out; }
#off.in { left: 0; box-shadow: 0 0 20px rgb(0 0 0 / 30%); }
#off_wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; }
#off h2 { position: absolute; top: 0; right: 0; bottom: auto; left: 0; border-bottom: 1px solid #ddd; }
#off h2 > a { display: block; height: 70px; padding: 15px 20px; }
#off h2 > a > img { display: block; width: auto; height: 100%; }
#off #off_container { width: 100%; height: calc(100% - 70px); margin-top: 70px; overflow-x: hidden; overflow-y: auto; }

#off #off_member { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: nowrap; margin: 0; padding: 10px 20px; }
#off #off_member li { flex: 1 0 0; }
#off #off_member a { display: block; white-space: nowrap; font-size: 0.875rem; margin: 0 5px; padding: 0.25rem 0.5rem; border: 1px solid #ddd; text-align: center; transition: all 0.25s ease-in-out; }
#off #off_member a:focus,
#off #off_member a:hover { background-color: #007bff; border-color: #007bff; color: #fff; }

#off #off_search { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f2f2f2; }
#off #off_search .unified-search { border: 0; height: 45px; }
#off #off_search .unified-search-cancel::after, 
#off #off_search .unified-search-submit::after { font-size: 32px; }

#off #off_1dul {}
#off #off_1dul .off_1dli { display: block; }
#off #off_1dul .off_1dli > a { position: relative; display: block; padding: 10px 20px; white-space: nowrap; border-bottom: 1px solid #ddd; color: initial; }
#off #off_1dul .off_1dli > a:hover { color: initial; }
#off #off_1dul .off_1dli_family > a::before,
#off #off_1dul .off_1dli_family > a::after { content: ""; display: block; position: absolute; width: 15px; height: 1px; right: 20px; top: 50%; background: #007bff; transition: transform .3s ease; }
#off #off_1dul .off_1dli_family > a::before {}
#off #off_1dul .off_1dli_family > a::after { transform: rotate(270deg); }
#off #off_1dul .off_1dli_family.is-open > a::after { transform: rotate(0deg); }
#off #off_1dul .off_2dul { display: none; background-color: #fafafa; }
#off #off_1dul .off_2dli { border-bottom: 1px solid #eee; }
#off #off_1dul .off_2dli > a { position: relative; display: block; padding: 10px 20px; white-space: nowrap; }
#off #off_1dul .off_2dli > a:hover { color: initial; }
#off #off_1dul .off_2dli_family > a::before,
#off #off_1dul .off_2dli_family > a::after { content: ""; display: block; position: absolute; width: 15px; height: 1px; right: 20px; top: 50%; background: #aaa; transition: transform .3s ease; }
#off #off_1dul .off_2dli_family > a::before {}
#off #off_1dul .off_2dli_family > a::after { transform: rotate(270deg); }
#off #off_1dul .off_2dli_family.is-open > a::after { transform: rotate(0deg); }
#off #off_1dul .off_3dul { display: none; background-color: #fafafa; padding: 0 20px 10px 30px; }
#off #off_1dul .off_3dli { margin: 5px; }
#off #off_1dul .off_3dli > a { position: relative; display: block; padding: 0; white-space: nowrap; font-size: 14px; }
#off #off_1dul .off_3dli > a:hover { color: initial; }

/* 레이아웃: #pop */

/* 레이아웃: #vis */
#vis {}
#vis_wrap { width: 100%; }
#vis #slider .swiper-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; }
#vis #slider .swiper-slide > img { display: block; margin: auto; opacity: 0; }

#vis #titler { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 300px; }

#vis #titler .leader,
#vis #titler .helper { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 1rem; text-align: center; color: #fff; font-size: 42px;  line-height: 1.25; }
#vis #titler .leader a { color: #fff; text-decoration: none; }
#vis #titler .leader { font-size: 42px; transform: translateY(-100%); white-space: nowrap; }
#vis #titler .helper { font-size: 1rem; transform: translateY(0); opacity: 0.75; font-family: inherit; }

#vis #titler .menutab { position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid rgba(255,255,255,.15); min-height: 3.125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -ms-flex-pack: center; }
#vis #titler .menutab > h3 { display: none;  font-size: 1.25rem; color: #fff; font-weight: normal; position: absolute; top: 0; left: 0; right: 0; padding: 0.625rem 1.25rem; transform: translateY(-100%); border-top: 1px solid rgba(255,255,255,.5); line-height: 1.5; cursor: pointer; z-index: 5; }
#vis #titler .menutab > h3::after { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 0.875rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); }
#vis #titler .menutab > ul { display: block; overflow: hidden; margin: auto; width: auto; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; flex-wrap: nowrap; color: #fff; }
#vis #titler .menutab > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#vis #titler .menutab > ul > li {}
#vis #titler .menutab > ul > li > a { position: relative; display: block; padding: 0.625rem; color: #ccc;  font-size: 1.25rem; white-space: nowrap; }
/*#vis #titler .menutab > ul > li > a:active,
#vis #titler .menutab > ul > li > a:focus,
#vis #titler .menutab > ul > li > a:hover,
#vis #titler .menutab > ul > li.on > a { color: #fff; }
#vis #titler .menutab > ul > li > a:active:after,
#vis #titler .menutab > ul > li > a:focus:after,
#vis #titler .menutab > ul > li > a:hover:after,
#vis #titler .menutab > ul > li.on > a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #fff; }*/

#vis #titler .segment { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(120%); display: none; }
#vis #titler .segment > ul { display: block; overflow: hidden; margin: auto; width: auto; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; flex-wrap: nowrap; color: #fff; }
#vis #titler .segment > ul > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#vis #titler .segment > ul > li > a { display: block; color: #fff; }
#vis #titler .segment > ul > li:first-child > a { text-indent: -9999em; min-width: 20px; background: url('../images/segment_home.png') center center no-repeat; }
#vis #titler .segment > ul > li:not(:first-child) { padding-left: 40px; background: url('../images/segment_arrow.png') 20px center no-repeat; }


/* 레이아웃: main */
#main {}
#container { min-height: 650px; }

/* 헤드라인 */
#container .heading { margin: 50px 0;  text-align: center; }
#container .heading h3 { font-size: 38px; }
#container .heading h3 strong { color: #cf3232; }
#container .heading .description { margin: 0.75rem 0 0 0; font-size: 20px; color: #999; line-height: 1.25; }

/* 아웃라인 */
#container .outline { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #000; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; -ms-flex-pack: space-between; }
#container .outline .outline_title { position: relative; margin: 0; padding: 0 0 0 42px;  line-height: 1; color: #000; font-size: 32px; letter-spacing: -0.05em; }
.outline .outline_title:before { position: absolute; top: 0; left: 0; width: auto; display: block; content: "\e871"; font-family: 'Material Icons'; font-size: 34px; }
#container .outline .outline_history { margin: 0;  line-height: 1; color: #ccc; }
#container .outline .outline_history a { color: #000; }
#container .outline .outline_history a:hover { color: #999; }
#container .outline.mecode_10 .outline_title:before {}
#container .outline.mecode_20 .outline_title:before {}
#container .outline.mecode_30 .outline_title:before {}
#container .outline.mecode_40 .outline_title:before {}
#container .outline.mecode_50 .outline_title:before {}

/* 서브페이지 사이드 메뉴 SNB */
#container { margin: 75px auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
#container .contentWrap { -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; }
#container .contentMenu { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 240px; margin-top: -35px; margin-right: 70px; display: none; }
#contentId-main #container { display: block; }

#container .contentMenu > h3 { padding: 45px 30px 25px 30px; background-color: #394881; color: #fff; font-size: 1rem; border-top-left-radius: 30px; border-top-right-radius: 60px; border-bottom: 4px solid #FCCD11; }
#container .contentMenu > ul {}
#container .contentMenu > ul > li { border-bottom: 1px solid #ddd; }
#container .contentMenu > ul > li > a { position: relative; display: block; padding: 20px 25px; line-height: 1; font-size: 17px; }
#container .contentMenu > ul > li > a::after { content: ''; width: 10px; height: 10px; border-top: 3px solid #394881; border-right: 3px solid #394881; display: inline-block; overflow: hidden; transform: rotate(135deg); position: absolute; top: 21px; left: 210px; display: none; }
#container .contentMenu > ul > li > ul { padding: 12px; background-color: #F5F9FF; display: none; }
#container .contentMenu > ul > li > ul > li {}
#container .contentMenu > ul > li > ul > li > a { position: relative; display: block; padding: 12px; line-height: 1; font-size: 15px; }

#container .contentMenu > ul > li.on > a { color: #394881; font-weight: 800; }
#container .contentMenu > ul > li.in > a::after { display: block; }
#container .contentMenu > ul > li.on > a::after { transform: rotate(315deg); top: 25px; }
#container .contentMenu > ul > li.on > ul { display: block; }
#container .contentMenu > ul > li > ul > li.on > a { color: #394881; font-weight: 800; }

/* 레이아웃: footer */
#ft { position: relative; border-top: 1px solid rgba(0,0,0,0.15); color: #3f4553; line-height: 1.5; }
#ft:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 50px; border-top: 1px solid rgba(0,0,0,.075); visibility: visible; }
#ft a {}
#ft a:hover {}
#ft_wrap { position: relative; }
#ft_link { position: absolute; left: 0; bottom: 0; }
#ft_link > ul { clear: both; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 50px; }
#ft_link > ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#ft_link > ul > li { float: left; display: block; margin-right: 0.75rem; flex: 0 0 auto; -ms-flex: 0 0 auto; }
#ft_sign { float: left; display: block; margin: 20px 0 20px 0; max-width: 200px; }
#ft_sign a { display: block; text-align: center; }
#ft_sign img { max-height: 3em; }
#ft_sign .ft_logo_wt { display: none; }
#ft_info { float: left; display: block; margin: 20px; max-width: 780px; }
#ft_info:after { display: block; visibility: hidden; clear: both; content: ""; }
#ft_info h3 { margin: 0; text-transform: uppercase; font-weight: 400; line-height: 1.5; }
#ft_info .ft_info { display: block; overflow: hidden; }
#ft_info .ft_info:after { display: block; visibility: hidden; clear: both; content: ""; }
#ft_info .ft_comp {}
#ft_info .ft_comp > h3 { margin-right: 1em; display: none; }
#ft_info .ft_comp > ul { margin: auto; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; }
#ft_info .ft_comp > ul > li { display: block; }
#ft_info .ft_comp > ul > li > dl { display: inline-block; }
#ft_info .ft_comp > ul > li > dl > dt,
#ft_info .ft_comp > ul > li > dl > dd { display: inline-block; font-weight: normal; }
#ft_info .ft_comp > ul > li > dl > dt { margin-right: 0.5em; color: #666; }
#ft_info .ft_comp > ul > li > dl > dd { margin-right: 1.5em; }
#ft_info .ft_comp > ul > li.cp_com { display: none; }
#ft_info .ft_comp > ul > li.cp_owner {}
#ft_info .ft_comp > ul > li.cp_addr {}
#ft_info .ft_comp > ul > li.cp_biz {}
#ft_info .ft_comp > ul > li.cp_tno {}
#ft_info .ft_comp > ul > li.cp_tel {}
#ft_info .ft_comp > ul > li.cp_fax {}
#ft_info .ft_comp > ul > li.cp_email {}
#ft_info .ft_comp > ul > li.cp_fao {}
#ft_info .ft_menu { overflow: hidden; display: inline-block; display: none; }
#ft_info .ft_menu:after { display: block; visibility: hidden; clear: both; content: ""; }
#ft_info .ft_menu > * { vertical-align: middle; }
#ft_info .ft_menu > h3 { display: inline-block; margin-right: 1em; display: none; }
#ft_info .ft_menu > ul { display: inline-block; word-break: break-all; }
#ft_info .ft_menu > ul > li { display: block; float: left; margin-right: 1em; }
#ft_info .ft_contact {}
#ft_info .ft_contact > h3 {}
#ft_info .ft_contact > ul {}
#ft_info .ft_contact > ul > li {}
#ft_info .ft_notice {}
#ft_info .ft_notice > h3 {}
#ft_info .ft_notice > ul { display: table; border-collapse: collapse; }
#ft_info .ft_notice > ul > li { display: table-row;  }
#ft_info .ft_notice > ul > li > a,
#ft_info .ft_notice > ul > li > span { display: table-cell; white-space: nowrap; overflow: hidden; }
#ft_info .ft_notice > ul > li > a { max-width: 270px; text-overflow: ellipsis; }
#ft_info .ft_notice > ul > li > a:before { content: "\25AA"; }
#ft_info .ft_notice > ul > li > span { width: 90px; text-align: right; }

#ft_family { float: right; margin: 20px 0 20px 20px; width: 180px; position: relative; display: none; }
#ft_family:after { display: block; visibility: hidden; clear: both; content: ""; }
#ft_family h3 { display: block; font-size: 1rem; border: 1px solid #ddd; padding: 0.375rem 0.75rem; background-color: #fff; font-weight: normal; cursor: pointer; }
#ft_family ul { display: block; word-break: break-all; position: absolute; top: calc(100% - 1px); z-index: 1; border: 1px solid #ddd; width: 100%; background-color: #fff; display: none; }
#ft_family ul > li { display: block; }
#ft_family ul > li:nth-child(n+2) { border-top: 1px solid #eee; }
#ft_family ul > li > a { display: block; padding: 0.375rem 0.75rem; }
#ft_family ul > li > a:hover { background-color: rgba(0,0,0,0.05); }

#ft_social { float: right; margin: 20px 0 20px 20px; width: 180px; position: relative; }
#ft_social h3 { display: none; }
#ft_social ul { overflow: hidden; margin: 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#ft_social ul > li { margin: 0 2px; }
#ft_social ul > li > a { display: block; width: 30px; height: 30px; border: 1px solid transparent; border-radius: 0.25rem; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: flex; align-items: center; justify-content: center; transition: all 0.25s ease-in-out; color: #3f4553; }
#ft_social ul > li > a:hover { background: #3f4553; border-color: #3f4553; color: #fff; }

#ft_copy { clear: both; padding: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; text-align: right; height: 50px; }
#ft_link, #ft_copy { color: #000; }
#ft_link h3 { display: none; }
#ft_link a {}
#ft_link a:hover {}

#ft_goto { position: fixed; right: 2rem; bottom: -5px; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.25s; }
#ft_goto #totop { display: block; width: 50px; height: 50px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: flex; align-items: center; justify-content: center; font-size: 20px; color:  rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,0.25); border-radius: 0; background-color: #333; transition: all 0.2s ease-in-out; border: none; border-radius: 50%; font-size: 0.875rem; font-weight: 700; color: #fff; line-height: 1; }
#ft_goto #totop:hover { background-color: #1D1D1D; border: none; color: #fff; }
html:not([data-scroll="0"]) #ft_goto { opacity: 1; visibility: visible; bottom: 5px; }

html #ft #ft_goto.active{ position: fixed; opacity: 0; bottom: 50px; visibility: hidden; }
html #ft #ft_goto.fixed.active {position: fixed; opacity: 1; top: auto; bottom: 50px; visibility: visible; }
html #ft #ft_goto.fixed{ position: absolute; opacity: 1; top: -25px; bottom: auto; }




/* 반응형 기본 */
/* Media Query - PC First */
/* https://getbootstrap.com/docs/4.6/layout/overview/ */
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1400px) {
}
/* Large devices (desktops, less than 1200px) */
@media (min-width: 1200px) {
  #off { display: none; }
}
@media (max-width: 1200px) {
  html { font-size: 15px; }
  #hd_wrap, #gnb_wrap, #pop_wrap, #vis_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { width: auto; }
  #container { margin: 0; padding: 0 15px; }
  #hd_logo a { margin-left: 10px; }
  #hd_user { margin-right: 15px; }
  #hd_search { left: 50%; right: auto; transform: translateX(-50%); display: block; }
  #hd_search #sch_stx { width: auto; }
  #hd_button { display: none; }
  #hd_gadget { display: none; }
  #hd_mapper { display: none; }
  #hd_toggle { display: flex; margin-right: 10px; }
  #gnb { display: none; }
  #ft_sign, #ft_info, #ft_family, #ft_social, #ft_link, #ft_copy { float: none; }
  #ft_sign { margin: 20px; max-width: none; }
  #ft_info, #ft_link, #ft_copy { text-align: center; }
  #ft_info { max-width: none; }
  #ft_info .ft_comp > ul { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
  #ft_info .ft_comp > ul > li > dl { margin-left: 0.75em; }
  #ft_info .ft_comp > ul > li > dl > dd { margin-right: 0.75em; }
  #ft_family, #ft_social { width: calc(100% - 40px); }
  #ft_family + #ft_social { margin-top: 0; }
  #ft_link { margin-left: 20px; }
  #ft_copy { margin-right: 20px; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
  #hd_contact { display: none; }
  #hd_search { display: none; }
  #ft_link { position: static; left: auto; right: auto; margin: 0; }
  #ft_link > ul > li { margin: 0 0.375rem; }
  #ft_copy { margin: 0; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
  #vis #titler .menutab { top: 100%; bottom: auto; border: 0; min-height: initial; }
  #vis #titler .menutab > h3 { display: block; font-size: 1rem; }
  #vis #titler .menutab > ul { flex-direction: column; background: #3f4553; display: none; }
  #vis #titler .menutab > ul > li { flex: 1 0 auto; width: 100%; max-width: 100%; border-top: 1px solid rgba(255,255,255,0.125); }
  #vis #titler .menutab > ul > li > a { font-size: 1rem; width: 100%; padding: 0.625rem 1.25rem; }
  #vis #titler .menutab > ul > li > a:active, 
  #vis #titler .menutab > ul > li > a:focus, 
  #vis #titler .menutab > ul > li > a:hover, 
  #vis #titler .menutab > ul > li.on > a { background-color: rgba(255,255,255,0.125); }
  #vis #titler .menutab > ul > li > a:active:after, 
  #vis #titler .menutab > ul > li > a:focus:after, 
  #vis #titler .menutab > ul > li > a:hover:after, 
  #vis #titler .menutab > ul > li.on > a:after { content: none; }

  .mb_form, .mb_join { width: calc(100% - 20px); }
}