/* 231211 yeogaksun */

/* reset */
* { padding: 0px; margin: 0px; line-height: 100%; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }
html { font-size: 14px; letter-spacing: -0.3px; }
html, body { font-weight: 500; height: 100vh; margin: 0; color:#333; }
body { line-height:1.5; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }
label, button { cursor: pointer; border:none; background-color:transparent; }
a, a:link, a:visited { text-decoration: none; color:#282828; }
a:hover, a:focus, a:active { text-decoration: none; }
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em; }
body, input, button, select, textarea { font-weight: 400; font-family: 'pret', dotum, '돋움', '굴림', Gulim, sans-serif; }
em, cite, address, optgroup { font-style: normal; }
img, input, button, select, textarea { vertical-align: middle; background-color: transparent; border: none; }
ul, ol, li { list-style: none; }
img, fieldset { border: 0; }
abbr, acronym { cursor: help; border-bottom:1px dotted black; }
table { width: 100%; border-spacing: 0; word-break: break-word; }
legend { overflow: hidden; position: absolute; top: 0; left: 0; }
legend, caption { visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, menu, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, etails, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; box-sizing: border-box; line-height: 1.4; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: 400; }
.hidden { display: none !important; }

/* layout */
.flex-end { justify-content: flex-end; }
.flex { display: flex; align-items: center; }
.flex-col { display: flex; flex-direction: column; align-items: flex-start; }
.flex-center { justify-content: center; }
.pc-hide { display: none; }
.mobile-show { display: none; }
.h-100 { height: calc(100vh - 200px); }

/* table */
.table-col { border-top: solid 2px #666; }
table { border-collapse: collapse; table-layout: fixed; }
th { background-color: #f8f8f8; font-weight: 600; font-size: 15px; }
th, td { padding: 12px; border-bottom: 1px solid #ddd; text-align: center; line-height: 1.5; }

/* board */
.board-wrap { border-top: solid 2px #666; }
.board-wrap li.active { background-color: #f5f5f5; }
.board li { border-bottom: 1px solid #ddd; cursor: pointer; }
.board li div { padding: 25px 20px; }
.board-title { font-size: 17px; font-weight: 600; justify-content: space-between; }
.board-title-txt { line-height: 1.4; }
.board-content { display: none; }
.board-content span { line-height: 1.5; font-size: 15px; }

/* modal */
.modal-wrap { position: absolute; background-color: #f5f5f5; width: 100%; height: fit-content; z-index: 200; left: 0; box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.08); border: solid 2px #3d96ff; overflow: hidden; border-radius: 10px; }
.modal-wrap div, .modal-list, .modal-list li a { width: 100%; }
.modal-wrap .close { padding: 15px; justify-content: space-between; }
.modal-title { padding: 15px 0 10px 20px; font-weight: 600; border-bottom: solid 1px #ebebeb; }
.modal-group { align-items: flex-start; border-top: solid 1px #a3ceff; background-color: #fff; flex-wrap: wrap; }
.modal-box { flex-basis: 50%; border-right: 1px solid #ddd; min-width: 110px; }
.modal-list { flex-wrap: wrap; padding: 10px 0; }
.modal-list li { flex-basis: calc(100% / 4); text-align: center; padding: 7px 0; font-weight: 500; font-size: 14px; }
.modal-list li a { display: inline-block; height: 100%; border-right: solid 1px #ddd; }
.modal-list li:nth-child(4n) a, .modal-list li:last-child a { border-right: 0; }

/* normal content div */
.normal-content { padding: 50px 0; border-top: 2px solid #666; border-bottom: 1px solid #ddd; }
.normal-content span, .normal-content p, .normal-content strong { line-height: 1.5; }

/* flex list  */
.flex-list { flex-wrap: wrap; border-bottom: solid 1px #eee; overflow: hidden; }
.flex-list>div { flex-shrink: 1; flex-grow: 1; }
.flex-list .col1 { flex-basis: 20%; }
.flex-list .col2 { flex-basis: 40%; }
.flex-list .col2 .come { align-items: flex-end; }
.flex-list .col3 { flex-basis: 20%; align-items: flex-end; justify-content: space-between; }

/* flex table */
.flex-table { border-top: solid 2px #666; }
.flex-table ul li { padding: 18px 12px; border-bottom: solid 1px #ddd; justify-content: space-between; flex-wrap: wrap; height: fit-content; }
.flex-table ul li a { display: block; width: 100%; height: 100%; }
.change-board-title { font-weight: 600; font-size: 15px; }
.change-board-unit div { margin-right: 10px; margin-top: 10px; font-size: 13px; }

/* text, title */
.txt-wrap { width: 100%; padding: 100px 0 50px 0; }
.txt-wrap-xs { width: 100%; display: flex; padding: 18px 0; }
.title { font-size:30px; font-weight:600; color:#282828; line-height: 1.5; }
.title-big { font-size: 45px; font-weight: 700; color: #222; line-height: 2; }
.title-big2 { font-size: 30px; font-weight: 600; color: #282828; line-height: 1.4; }
.title-txt { line-height:30px; font-weight: 700; }
.title-semi { font-size: 22px; font-weight: 500; color: #222; line-height: 1.7; }
span.semi { font-size: 17px; font-weight: 400; line-height: 1.4; }
.title-mid { font-size: 20px; font-weight: 600; color: #222; line-height: 1.4; }
.title-s { font-size: 16px; font-weight: 500; line-height: 1.5; }
.title-xs { font-size: 15px; font-weight: 600; }
.title-long-wrap { width: 100%; background-color: #f3f3f3; padding: 17px 20px; border-radius: 10px; }
.title-long-wrap span { font-weight: 500; color: #333; }

/* line tabmenu */
.line-tab { width: 100%; flex-wrap: wrap; }
.line-tab li { display: inline-block; padding: 23px 0; text-align: center; border-bottom: solid 2px #eee; width: auto; flex-basis: 14.28%; font-size: 16px; font-weight: 500; color: #ddd; min-width: 145px; border-top: solid 2px #666; margin-top: 10px; flex-grow: 0.2; }
.line-tab li a { color: #acacac; padding: 0; }
.line-tab li.active { border-bottom: solid 2px #3D96FF; border-top: solid 2px #3D96FF; font-weight: 700; }
.line-tab li.active a { color: #3D96FF; }

/* window */
.window-box-wrap { display: flex; flex-wrap: nowrap; gap: 2%; flex-direction: column; }
.window-box { width: 100%; padding: 0px 0; background-color: #fff; border-radius: 10px; overflow: hidden; }
.window-box.input { padding: 0 20px 20px 20px; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; margin-bottom: 20px; }
.window-box.input .txt-wrap-xs p { margin: 0; }
.window-box.input .title-s { font-weight: 600; }
.window-box.input .txt-wrap-xs.input { justify-content: flex-start; padding: 20px 0 30px 20px; }
.window-box.input .txt-wrap-xs.input p { margin-right: 10px; }

/* no window-box input */
.out-window { align-items: flex-start; gap: 2%; }
.out-window.input .col1 { padding: 9px 0; flex-basis: 20%; }
.out-window.input .col1 div { margin-bottom: 5px; }
.out-window.input .col2 { flex-basis: 78%; }

/* text box */
.notice { padding: 6px; width: fit-content; font-size: 15px; border-radius: 5px; display: inline-block; }

/* input checkbox */
.checkbox-label { display: flex; position: relative; align-items: center; }
.checkbox-i::before { content: ''; display: inline-block; width: 18px; height: 18px; background-image: url(../img/check-mini.png); left: 0; top: 0; background-repeat: no-repeat; background-size: contain; }
.checkbox-label span { margin-left: 10px; font-size: 15px; font-weight: 600; }
.checkbox-i.active::before { background-image: url(../img/check-mini-b.png); }
.blue-check-box, .mint-check-box { position: relative; }
.blue-check, .mint-check { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.blue-check-label::before, .mint-check-label::before { content: '\e928'; font-family: 'xeicon'; cursor: pointer; display: inline-block; width: 22px; height: 22px; background-color: #ddd; border-radius: 3px; position: relative; line-height: 22px; text-align: center; vertical-align: middle; color: #fff; margin-right: 6px; }
input.blue-check:checked+label::before { content: '\e928'; font-family: 'xeicon'; background-color: #3D96FF; }
input.mint-check:checked+label::before { content: '\e928'; font-family: 'xeicon'; background-color: #0CD1BA; }

/* input text */
.input-label { font-size: 13px; font-weight: 700; color: #555; margin-bottom: 5px; }
.input-text { height: 50px; font-size: 20px; color: #333; width: 100%; font-weight: 600; border-bottom: 1px solid #e1e1e1; }
.input-text::placeholder { color: #acacac; font-weight: 400; }
.input-group { margin: 8px 0; flex-basis: 49%; }
.input-group-wrap { display: flex; gap: 2%; flex-wrap: wrap; }
.input-box-text { width: 100%; background-color: #f1f1f1; height: 60px; border-radius: 10px; padding: 0 10px; font-size: 16px; font-weight: 500; color: #222; }
.search-box { position: relative; }
.input-magni { position: absolute; right: 13px; bottom: 22px; }
select { width: 100%; margin-left: -3px; }

/* login page */
.login { padding-right: 50px; margin: 5px 0; }
.btn-box-m.login { width: 100%; padding: 0; }

/* paging */
.paging-wrap { width: 100%; }
.paging { margin: 0 auto; justify-content: center; }
.page-num { display: inline-block; text-align: center; }
.page-num a { display: inline-block; width: 100%; height: 100%; line-height: 30px; width: 30px; height: 30px; }
.page-num a:hover { font-weight: 700; color: #3D96FF; }
.page-num-sel { font-weight: 700; color: #3D96FF; }
.page-first .xi-angle-left-thin.twin, .page-last .xi-angle-right-thin.twin { margin-left: -12px; }

/* button */
.btn-line { padding: 12px 0; border-bottom:1px solid #ddd; position:relative; }
.btn-line span { font-size: 24px; font-weight: 500; }
.btn-round, .btn-round-white, .btn-oneway, .btn-oneway-white { width: 36px; height: auto; margin: 0 7px; background-position: 0 10px; position: relative; }
.btn-round::before, .btn-round-white::before { content: ''; width: 36px; height: 36px; position: absolute; background: url(../img/biground-gray.png); background-size: 36px; background-repeat: no-repeat; left: 0px; top: 50%; transform: translateY(-50%); }
.btn-oneway::before, .btn-oneway-white::before { content: ''; width: 36px; height: 36px; position: absolute; background: url(../img/oneway-gray.png); background-size: 36px; background-repeat: no-repeat; left: 0px; top: 50%; transform: translateY(-50%); }
.btn-round-white::before { background:url(../img/biground-white.png); left: 0px; background-size: cover; }
.btn-oneway-white::before { background:url(../img/oneway-white.png); left: 0px; background-size: cover; }
.btn-wrap { width: auto; padding: 20px 0 20px 0; display: flex; }
.btn-box-m { width:200px; line-height:55px; background-color:#3D96FF; border-radius:10px; font-weight: 500; }
.btn-box-m>span { color:#fff; font-weight:500; font-size: 16px; }
.btn-box-l { width:244px; height:66px; background-color:#23ACFF; border-radius:5px; }
.btn-box-r { width:156px; height:45px; background-color:#23ACFF; border-radius:5px; }
.btn-box-s { height: 45px; background-color: #3D96FF; border-radius: 7px; padding: 0 40px; }
.btn-box-xs, .btn-box-xsb { padding: 10px; background-color: #f0f0f0; width: max-content; height: min-content; line-height: 15px; font-size: 15px; }
.btn-box-black { background-color: #222; color: #fff; }
.btn-box-xsb { background-color: #1782FF; color: #fff; }
.btn-box-xs:nth-child(1), .btn-box-xsb:nth-child(1) { border-radius: 8px 0 0 8px; padding-left: 20px; }
.btn-box-xs:last-child, .btn-box-xsb:last-child { border-radius: 0 8px 8px 0; padding-right: 15px; }
.btn-box-xs .btn-txt { font-weight: 500; }
.btn-box-xs.active span { font-weight: 700; color: #23ACFF; }
.btn-box-xsb.active span { font-weight: 700; color: #00FFF0; }
.btn-box-line { border: 1px solid #acacac; background-color: #fff; }
.btn-box-line>span { color: #333; font-weight: 600; }
.btn-minus, .btn-plus { width: 25px; height: 25px; border-radius: 13px; font-size: 20px; line-height: 15px; background-color: #eee; }
.btn-close { width: 15px; height: 14px; background-image: url(../img/close.png); background-repeat: no-repeat; background-size: contain; display: inline-block; }
.btn-result { display: flex; align-items: center; }
.btn-result .result-txt { font-size: 24px; font-weight: 700; }

/* icon */
.info-i, .info-i-b { position: relative; display: inline-block; margin-left: 20px; color: #999; line-height: 1.5; }
.info-i::before, .info-i-b::before { content: ''; background-image: url(../img/info-gray.png); left: -20px; top: 2px; width: 16px; height: 16px; position: absolute; background-repeat: no-repeat; }
.info-i-b::before { background-image: url(../img/info-blue.png); }
.person { position: relative; }
.person::before { content: ''; background-image: url(../img/member-trans.png); position: absolute; width: 20px; height: 13px; left: -20px; bottom: 2; background-repeat: no-repeat; background-size: contain; }
.magni { position: relative; }
.magni::after { content: ''; background-image: url(../img/magni.png); position: absolute; width: 30px; height: 20px; right: -10px; background-repeat: no-repeat; background-size: contain; }

/* margin, padding */
.pd-top-0 { padding-top: 0px; }
.pd-top-5 { padding-top: 5px; }
.pd-top-20 { padding-top: 20px; }
.pd-top-30 { padding-top: 30px; }
.pd-top-40 { padding-top: 40px; }
.pd-top-105 { padding-top: 105px; }
.pd-top-120 { padding-top: 120px; }
.pd-top-140 { padding-top: 140px; }
.pd-lt-20 { padding-left: 20px; }
.pd-rt-20 { padding-right: 20px; }
.pd-bt-15 { padding-bottom: 15px; }
.pd-bt-25 { padding-bottom: 25px; }
.pd-bt-50 { padding-bottom: 50px; }
.pd-bt-100 { padding-bottom: 100px; }
.mg-top-7 { margin-top: 7px; }
.mg-top-10 { margin-top: 10px; }
.mg-top-15 { margin-top: 15px; }
.mg-top-20 { margin-top: 20px; }
.mg-top-30 { margin-top: 30px; }
.mg-top-50 { margin-top: 50px; }
.mg-top-70 { margin-top: 70px; }
.mg-top-100 { margin-top: 100px; }
.mg-bt-3 { margin-bottom: 3px; }
.mg-bt-5 { margin-bottom: 5px; }
.mg-bt-7 { margin-bottom: 7px; }
.mg-bt-10 { margin-bottom: 10px; }
.mg-bt-15 { margin-bottom: 15px; }
.mg-bt-20 { margin-bottom: 20px; }
.mg-bt-25 { margin-bottom: 25px; }
.mg-bt-30 { margin-bottom: 30px; }
.mg-bt-50 { margin-bottom: 50px; }
.mg-bt-70 { margin-bottom: 70px; }
.mg-bt-100 { margin-bottom: 100px; }
.mg-lt--4 { margin-left: -4px; }
.mg-lt--20 { margin-left: -20px; }
.mg-lt-3 { margin-left: 3px; }
.mg-lt-5 { margin-left: 5px; }
.mg-lt-7 { margin-left: 7px; }
.mg-lt-10 { margin-left: 10px; }
.mg-lt-15 { margin-left: 15px; }
.mg-lt-20 { margin-left: 20px; }
.mg-lt-25 { margin-left: 25px; }
.mg-rt-3 { margin-right: 3px; }
.mg-rt-5 { margin-right: 5px; }
.mg-rt-7 { margin-right: 7px; }
.mg-rt-10 { margin-right: 10px; }
.mg-rt-20 { margin-right: 20px; }
.mg-rt-25 { margin-right: 25px; }

/* border */
.bd-eee { border: solid 1px #eee; }
.bt-7eee { border-top: 7px solid #f5f5f5; }
.bd-ddd { border: solid 1px #ddd; }
.bt-ddd { border-top: solid 2px #666; }
.bt-blue { border-top: solid 2px #3d96ff; }
.bt-black { border-top: solid 2px #666; }
.bt-dash { border-top: dashed 1px #ddd; }

/* color */
.c-black { color: #222; }
.c-lblue { color:#23ACFF; }
.c-dblue { color: #3da8ff; }
.c-ac { color: #acacac; }
.c-ddd { color: #ddd; }
.c-white { color: #fff; }
.c-pp { color: #716FFF; }
.c-green { color: #3D9CBA; }
.c-ccc { color: #ccc; }
.c-bbb { color: #bbb; }
.c-78 { color: #787878; }
.c-yellow { color: #EEF071; }
.c-mint { color: #0CD1BA; }
.c-sb { color: #CAE2FF; }

/* background */
.bg-white { background-color: #fff; }
.bg-black { background-color: #222; color: #eee; }
.bg-f9 { background-color: #f9f9f9; }
.bg-f5 { background-color: #f5f5f5; }
.bg-eee { background-color: #eee; }
.bg-cyan { background-color: #71F0E9; }
.bg-yellow { background-color: #EEF071 }
.bg-blue { background-color: #3D96FF; color: #fff; }
.bg-mint { background-color: #0CD1BA; color: #fff; }

/* font 설정 */
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs28 { font-size:28px; }
.fw400 { font-weight:400; }
.fw500 { font-weight:500; }
.fw600 { font-weight:600; }
.fw700 { font-weight:700; }

/* ckeditor5 */
.ck.ck-editor { width: 100%; }
.ck.ck-editor__editable { height: 250; padding: 15px; }
.ck-content { font-size: 15px; font-weight: 500; }
.ck-content .page-break { padding: 15px; }