@charset "UTF-8";

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@400;700&display=swap);

/* reset */
html, body {height: 100%; -webkit-text-size-adjust: none}
html {-webkit-box-sizing: border-box;box-sizing: border-box; font-size: 15px;}
*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
body {font:1rem/1.667 'Noto Sans KR', sans-serif; letter-spacing: -0.06em; color: #000; background: #fff;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0; padding:0;}
section, article, header, footer, main, nav, aside, hgroup, figure, figcaption {display:block; margin:0; padding:0}
hr, table caption, legend, .blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
table {width:100%; border-collapse: collapse; border-spacing:0; /* table-layout: fixed; */}
table th {font-weight:normal}
img, fieldset, button, input {border:0; vertical-align:middle}
img, svg {max-width:100%; border: 0; /* vertical-align: top; */}
ul, ol, li {list-style:none}
em, address {font-style:normal}
label, button {cursor:pointer}
a {color:inherit; text-decoration:none}
button {vertical-align:top; background:transparent; font:inherit; -webkit-appearance: none; border: 0;}
button::-moz-focus-inner {padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-size:inherit; font-weight:normal}
input, select, button, textarea {font:inherit; color:inherit; letter-spacing:inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display:none}
textarea {overflow-y:auto; resize:none}
.noscroll {overflow: hidden;}

/* skip navigation */
#accessibility {position:absolute; z-index:99999; top:0; left:5%; width:90%}
#accessibility a {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; color:#000}
#accessibility a:focus, #accessibility a:active {height:50px}
#accessibility a span {display:block; height:50px; border:1px solid #000; text-align:center; line-height:50px}

/* common */
.clearfix::after {content:""; display:block; clear:both}
.d_flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.d_inflex {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.flex_ct {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex_lt {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.flex_rt {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.flex_vct {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex_vlt {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.flex_vrt {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.flex_column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.txt_ct {text-align:center}
.txt_lt {text-align: left;}
.txt_rt {text-align:right}
.txt_keep {word-break: keep-all;}
.txt_break {word-break: break-all;}

.inner {position: relative; width: 1200px;  margin: 0 auto;}

/* margin */
.mt50 {margin-top: 50px !important;}
.mt73 {margin-top: 73px !important;}

.mb17 {margin-bottom: 17px !important;}
.mb30 {margin-bottom: 30px !important;}

/* text */
.txt_info {font-size: 14px; line-height: 1.571; letter-spacing: -0.025em; color: #8a8989; margin: -.4em 0;}
.txt_info + .txt_info {margin-top: 0.9em;}
.txt_black {color: #000 !important;}

/* header */
#header {background: #eee; height: 99px; background: #fff; border-bottom: 4px solid #e3e3e5;}
#header .inner {height: 100%;}

/* gnb */
#gnb {/* margin-left: 135px; */margin-left: 145px;}
.gnb_list > li {position: relative;}
.gnb_link {display: block; font-size: 16px; letter-spacing: -0.06em; line-height: 95px; padding: 0 38px; position: relative; -webkit-transition: color .3s ease;transition: color .3s ease;}
.gnb_link > span {display: inline-block; position: relative;}
.gnb_link > span::after {content: ""; display: block; width: 100%; height: 4px; background: #182b65; position: absolute; left: 0; bottom: -4px; opacity: 0; -webkit-transition: opacity .3s ease;transition: opacity .3s ease;} 
li.on .gnb_link {color: #182b65; font-weight: 500;}
li.on .gnb_link > span::after {opacity: 1;}

.gnb_sub {position: absolute; width: 180px; left: 50%; top: 99px; margin-left: -90px; background: #fff; border: 1px solid #e3e3e5; border-top: none; text-align: center; z-index: 50; padding: 16px 0; display: none;}
.sub_link {font-size: 14px; letter-spacing: -0.035em; line-height: 34px; font-weight: 300;}
.sub_link:hover {color: #182b65; font-weight: 500;}

.header_utiil {margin-left: auto;}
.utill_link {font-size: 12px; letter-spacing: -0.035em; color: #a0a0a0; display: inline-block; background: url("data:image/svg+xml,%3Csvg height='512' width='512' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath fill='%238e929f' d='M363.3 488a24 24 0 0 1-24 24H113.1a80 80 0 0 1-80-80V80a80 80 0 0 1 80-80h226.2a24 24 0 0 1 0 48H113.1a32 32 0 0 0-32 32v352a32 32 0 0 0 32 32h226.2a24 24 0 0 1 24 24zM472 239l-114-114a24 24 0 1 0-34 34l73 73H208a24 24 0 1 0 0 48h189l-73.1 73a24 24 0 1 0 34 34l114-114a24 24 0 0 0 0-34z'/%3E%3C/svg%3E") no-repeat right center/auto 13px; padding-right: 20px;}


/* container */
#container {min-height: 80vh; position: relative; background:#f8f8f8 url(../../images/common/container_bg.jpg) no-repeat center 0; padding: 120px 0;}

/* footer */
#footer {background: #fff; border-top: 1px solid #e3e3e5; padding: 60px 0;}
#footer .footer_logo {/* margin-right: 93px; */margin-right: 196px;}
#footer p {font-size: 14px; line-height: 1.714; letter-spacing: -0.01em; color: #a0a0a0; margin: -.4em 0;}

/* button */
.btn {display: inline-block; text-align: center; font-size: 14px; font-weight: 500; letter-spacing: -0.035em; width: 100%; height: 35px; line-height: 33px; background: #182b65; color: #fff; border-radius: 5px; cursor: pointer;}
.btn_xsm {width: 70px;}
.btn_sm {width: 70px;}
.btn_md {width: 130px;}
.btn_lg {height: 90px; font-size: 15px;}
.btn_sch {width: 100px; height: 40px;}
.btn_submit {font-size: 18px; height: 55px; line-height: 55px;}
.btn.done {background: #2a3148;}
.btn.fin {background: #f54455;}
.btn.cancel {background: #767982;}
.btn.edit {background: #4c4f56;}
.btn.white {background: #fff; color: #182b65; border: 1px solid #182b65;}
.btn_set {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.btn_set .btn + .btn {margin-left: 5px;}

/* form */
.frm_input {width: 100%; height: 45px; background: #fff; border-radius: 5px; padding: 0 19px; font-size: 14px; font-weight: 500; color: #8e929f; border: 1px solid #8e929f;}
.frm_input.sm {height: 35px;}
.frm_input.type2 {height: 40px; border-radius: 0; border-color: #cfd0d3;}
.frm_checkbox {line-height: 17px; font-size: 14px; display: inline-block; vertical-align: top; position: relative;}
.frm_checkbox input {position: absolute; opacity: 0; pointer-events: none;}
.frm_checkbox input + span {display: inline-block;}
.frm_checkbox input + span::before {content: ""; display: inline-block; width: 17px; height: 17px; background: #fff; border: 1px solid #182b65; border-radius: 4px; vertical-align: top; margin-right: 8px; box-sizing: border-box;}
.frm_checkbox input:checked  + span::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='M430.5 4h-349C38.7 4 4 38.7 4 81.5v348.9C4 473.3 38.7 508 81.5 508h348.9c42.8 0 77.5-34.7 77.5-77.5v-349C508 38.7 473.3 4 430.5 4z' style='fill:%23182b65'/%3E%3Cpath d='M200.6 356.2c3.4 3.7 8.1 5.9 13.2 5.9h.3c5.1-.1 10-2.4 13.3-6.3l148.7-177c6.1-7.4 5.1-18.3-2.1-24.6-7.4-6.4-18.6-5.6-25 1.8L213.3 317.4l-50.1-55.7c-.2-.2-.4-.4-.5-.6-6.7-7.1-17.9-7.4-25-.7-7.1 6.7-7.4 17.9-.7 25l63.6 70.8z' style='fill:%23fff'/%3E%3C/svg%3E"); border: none;}
.frm_checkbox.type2 input + span {margin: 0;}
.frm_checkbox.type2 input + span::before {width: 22px; height: 22px; border-radius: 50%; margin: 0;}
.frm_checkbox.type2 input:checked  + span::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Ccircle cx='256' cy='256' r='252.2' style='fill:%23182b65'/%3E%3Cpath style='fill:none;stroke:%23fff;stroke-width:32;stroke-linecap:round;stroke-linejoin:round' d='M357.8 174.6 215.3 337.4l-61.1-61'/%3E%3C/svg%3E");}
.frm_checkbox span {display: inline-block;}
.frm_checkbox input + span {margin-left: 4px;}
.frm_checkbox input:disabled + span::before {background: #eee !important; border-color: #8e929f !important;}
.frm_select {width: 100%; height: 40px; border: 1px solid #cfd0d3; font-size: 14px; font-weight: 500; color: #8e929f; padding: 0 calc(34px + 22px) 0 22px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.769 28.769' style='enable-background:new 0 0 28.769 28.769' xml:space='preserve'%3E%3Cpath fill='%238e929f' d='M28.678 5.798 14.713 23.499a.434.434 0 0 1-.658 0L.088 5.798a.435.435 0 0 1-.048-.445.42.42 0 0 1 .374-.233H28.35c.16 0 .31.089.378.233a.427.427 0 0 1-.05.445z'/%3E%3C/svg%3E") no-repeat calc(100% - 24px) center/10px auto;}

.ie .frm_select {background: #fff url(../../images/icon/ico_select.png) no-repeat right center;} 

/* modal */
.modal {display: none; position: fixed; left: 0; top: 0; z-index: 999;}
.modal.on {display: block;}
.modal_module {position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; min-width: 1200px;}
.modal_content {background: #fff; position: relative;}
.modal.alert .modal_content {width: 350px;/*  min-height: 178px; */ border: 1px solid #bababa; text-align: center; box-shadow:0 21px 45px rgba(0,0,0,0.3); padding: 40px;}
.modal.alert .modal_content p {font-size: 14px; line-height: 1.571; letter-spacing: -0.025em; font-weight: 300; margin: -.25em 0; /* min-height: 44px; */}
.modal.full .modal_module {background: rgba(0,0,0,0.6);}
.modal.full .modal_content {height: 100%; width: 1000px; padding:40px 50px;} 
.modal .btn_set {margin-top: 25px;}
.modal .scrollarea {margin-right: -40px; padding-right: 60px;}
.modal .btn_close {width: 33px; height: 33px; background: url(../../images/icon/ico_close.png) no-repeat center center; position: absolute; right: 50px; top: 50px;}

/* custom scrollbar */
.scrollarea {overflow:hidden !important; box-sizing: content-box;}
.mCustomScrollbar{touch-action:pinch-zoom; -ms-touch-action:pinch-zoom}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action{touch-action:auto; -ms-touch-action:auto}
.mCustomScrollBox{position:relative; max-width:100%; height:100%; outline:none; direction:ltr;}
.mCSB_container{width:auto; height:auto; overflow:hidden}
.mCSB_inside > .mCSB_container{margin-right:10px}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}
.mCSB_scrollTools{position:absolute; top:0; right:0; bottom:0; left:auto; width:10px; height:auto; }
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute; top:10px; right:0; bottom:10px; left:0; height:auto; background: #e3e5eb; border-radius: 5px;}
.mCSB_scrollTools .mCSB_draggerRail{margin:0 auto; width:100%; height:100%; background-color:transparent;}
.mCSB_scrollTools .mCSB_dragger{z-index:1; cursor:pointer; width:100%; height:10px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative; margin:0 auto; width:100%; height:100%; background-color:#8e929f; border-radius: 5px;}

/* table */
.tbl_basic {box-sizing: border-box;}
.tbl_basic table {border-top: 2px solid #cfd0d3; border-bottom: 2px solid #cfd0d3;}
.tbl_basic th,
.tbl_basic td {font-size: 15px; text-align: center; border-top: 1px solid #cfd0d3; padding: 10px; height: 45px; vertical-align: middle;}
.tbl_basic th + th,
.tbl_basic td + td {border-left: 1px solid #cfd0d3;}
.tbl_basic tr:first-of-type th,
.tbl_basic tr:first-of-type td {border-top: none;}
.tbl_basic thead th {background: #f2f1f7; font-weight: 700;}
.tbl_basic td {background: #fff;}
.tbl_basic .no_post {color: #747474; height: 65px;}
.tbl_basic.tbl_frm td {padding: 15px 20px;}

/* 페이지 */
.pagination {text-align: center; margin-top: 30px;}
.page_list {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.page_list > li + li {margin-left: 5px;}
.page_link {display: block; line-height: 18px; height: 20px; position: relative; font-size: 14px;} 
.page_link:not(.ico)::after {content: ""; display: block; width: 100%; height: 1px; background: #182b65; position: absolute; left: 0; bottom: 2px; display: none;}
li.active .page_link {color: #182b65; font-weight: 700; pointer-events: none;}
li.active .page_link:not(.ico)::after {display: block;}
.page_link:not(.ico) {margin: 0 1px;}
.page_link.ico {width: 20px; height: 20px; border: 1px solid #182b65; border-radius: 3px; background-repeat: no-repeat; background-position: center center; background-size: auto 9px;}
.page_link.first {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 32 32' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23182b65' d='m26.5 30.4-12-13a2 2 0 0 1 0-2.8l12-13a2 2 0 0 1 3 2.8L18.7 16l10.8 11.6c.7.8.7 2.1-.1 2.9s-2.1.7-2.9-.1z'/%3E%3Cpath fill='%23182b65' d='m14.5 30.4-12-13a2 2 0 0 1 0-2.8l12-13a2 2 0 0 1 3 2.8L6.7 16l10.8 11.6c.7.8.7 2.1-.1 2.9s-2.1.7-2.9-.1z'/%3E%3C/svg%3E");}
.page_link.prev {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 32 32' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23182b65' d='m20.5 30.4-12-13a2 2 0 0 1 0-2.8l12-13a2 2 0 0 1 3 2.8L12.7 16l10.8 11.6c.7.8.7 2.1-.1 2.9s-2.1.7-2.9-.1z'/%3E%3C/svg%3E"); margin-right: 3px;}
.page_link.next {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 32 32' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23182b65' d='M8.6 30.5a2 2 0 0 1 0-2.9L19.2 16 8.5 4.4c-.7-.9-.7-2.1.1-2.9s2.1-.7 2.9.1l12 13a2 2 0 0 1 0 2.8l-12 13a2 2 0 0 1-2.9 0z'/%3E%3C/svg%3E"); margin-left: 4px;}
.page_link.last {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 32 32' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23182b65' d='M2.6 30.5a2 2 0 0 1 0-2.9L13.2 16 2.5 4.4c-.7-.9-.7-2.1.1-2.9s2.1-.7 2.9.1l12 13a2 2 0 0 1 0 2.8l-12 13a2 2 0 0 1-2.9 0z'/%3E%3Cpath fill='%23182b65' d='M14.6 30.5a2 2 0 0 1 0-2.9L25.2 16 14.5 4.4c-.7-.9-.7-2.1.1-2.9s2.1-.7 2.9.1l12 13a2 2 0 0 1 0 2.8l-12 13a2 2 0 0 1-2.9 0z'/%3E%3C/svg%3E");}

/* 회원관련 */
.mb_container .col + .col {margin-top: 5px;}
.mb_container .btn_area {margin-top: 20px;}
.mb_container form + .txt_info {margin-top: 30px;}