@charset "utf-8";

/* fonts */
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url(/font/Pretendard-ExtraBold.woff2) format('woff2'), url(/font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(/font/Pretendard-Bold.woff2) format('woff2'), url(/font/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(/font/Pretendard-SemiBold.woff2) format('woff2'), url(/font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url(/font/Pretendard-Medium.woff2) format('woff2'), url(/font/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(/font/Pretendard-Regular.woff2) format('woff2'), url(/font/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url(/font/Pretendard-Light.woff2) format('woff2'), url(/font/Pretendard-Light.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
    url('/font/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'),
    url('/font/noto-sans-kr-v7-latin_korean-300.woff') format('woff')
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
    url('/font/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'),
    url('/font/noto-sans-kr-v7-latin_korean-regular.woff') format('woff')
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
    url('/font/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'),
    url('/font/noto-sans-kr-v7-latin_korean-500.woff') format('woff')
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
    url('/font/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'),
    url('/font/noto-sans-kr-v7-latin_korean-700.woff') format('woff')
}

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, 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, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
table caption {overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
a {color: #111111; text-decoration: none;}
label, img { vertical-align:middle;}
/*html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased;}*/
html {-webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale;}
input {-webkit-border-radius: 0; -webkit-appearance: none;}
div, label {box-sizing: border-box;}
input::-webkit-input-placeholder {color: #999 !important; font-weight: 200; font-size: .9em; letter-spacing: -.05em !important;}
input:-ms-input-placeholder {color: #999 !important; font-weight: 200; font-size: .9em; letter-spacing: -.05em !important;}
textarea {border: 1px solid #888; border-radius: 2px; min-height: 5em; padding: .8em; font-size: 1em; letter-spacing: -.05em; box-sizing: border-box; color: #111; resize: none; line-height: 1.2;}
textarea::-webkit-input-placeholder {color: #ccc !important; font-weight: 200; letter-spacing: -.05em; font-size: .9em;}
textarea:-ms-input-placeholder {color: #ccc !important; font-weight: 200; letter-spacing: -.05em; font-size: .9em;}
select {padding: 0 2em 0 .8em; border: 1px solid #888; font-family: inherit; background: url('/images/secp/ico_select.jpg') #fff no-repeat calc(100% - .8em) 50%; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; height: 2.77em; color: #111; font-size: .9em;}
select::-ms-expand {display: none;}
input[type=radio] {width: 1.25em; height: 1.25em; border: 1px solid #ccc; border-radius: 1.25em; vertical-align: middle; background: #fff; margin-right: 3px; position: relative; box-sizing: border-box;}
input[type=radio]::after {content: ''; background: #cccccc; display: block; box-sizing: border-box; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.75em; border: .25em solid #fff;}
input[type=radio]:checked {border-color: #397EF5;}
input[type=radio]:checked::after {background: #397EF5;}
input[type=checkbox] {width: 1.25em; height: 1.25em; display: inline-block; vertical-align: middle; margin-right: 3px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; position: relative; overflow: hidden; z-index: 1; border-radius: 3px;}
input[type=checkbox]:checked {border: 0;}
input[type=checkbox]:checked::before {content: ''; width: 100%; height: 100%; display: block; background: url(/images/secp/ico_checkbox.png) no-repeat 50% 56% / 85% auto #397EF5;  position: absolute; left: 0; top: 0; z-index: 2;}
input.border_bold {border: 1.5px solid #111;}
.inp {border: 1px solid #888; height: 2.5em; line-height: 2.5em; padding: 0 .8em; box-sizing: border-box; font-size: 1em; vertical-align: middle; border-radius: 2px; margin-top: .1em; margin-bottom: .1em;}
label {display: inline-flex; align-items: start; gap: 3px; margin-bottom: .3em; line-height: 1.3;}
label input[type=checkbox], label input[type=radio] {flex: 0 0 1.25em; margin-top: .2em;}
th, td {word-break: keep-all;}

.f-clear:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
* html .f-clear {height: 1%;}
.f-clear {display: block; min-height: 1%;}
.clear {clear: both;}
.f-left {float: left;}
.f-right {float: right;}
.astbl {display: table; width: 100%; height: 100%; overflow: hidden;}
.indent {text-indent: -1.1em; padding-left: 1.1em;}
* {font-family: inherit; margin: 0; padding: 0; letter-spacing: -.03em;}

h3, h4, h5, h6 {font-weight: 500;}

.w100p {width: 100% !important;}
.w90p {width: 90% !important;}
.w80p {width: 80% !important;}
.w70p {width: 70% !important;}
.w60p {width: 60% !important;}
.w50p {width: 50% !important;}
.w45p {width: 45% !important;}
.w40p {width: 40% !important;}
.w35p {width: 35% !important;}
.w30p {width: 30% !important;}
.w20p {width: 20% !important;}
.w10p {width: 10% !important;}

.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w80 {width: 80px !important;}
.w100 {width: 100px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}

.h30 {height: 30px !important;}
.h48 {height: 48px !important;}
.h100 {height: 100px !important;}
.h200 {height: 200px !important;}
.h300 {height: 300px !important;}
.h400 {height: 400px !important;}
.h500 {height: 500px !important;}

.mt0 {margin-top: 0 !important;}
.mt2 {margin-top: 2px !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb2 {margin-bottom: 2px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml2 {margin-left: 2px !important;}
.ml5 {margin-left: 5px !important;}
.ml8 {margin-left: 8px !important;}
.ml10 {margin-left: 10px !important;}
.ml12 {margin-left: 12px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.mr2 {margin-right: 2px !important;}
.mr5 {margin-right: 5px !important;}
.mr8 {margin-right: 8px !important;}
.mr10 {margin-right: 10px !important;}
.mr12 {margin-right: 12px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.p0 {padding: 0 !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}
.p1em {padding: 1em !important;}

.pt3 {padding-top: 3px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}

.pb3 {padding-bottom: 3px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}

.pl3 {padding-left: 3px !important;}
.pl5 {padding-left: 5px !important;}
.pl6 {padding-left: 6px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}

.pr3 {padding-right: 3px !important;}
.pr5 {padding-right: 5px !important;}
.pr6 {padding-right: 6px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}

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

.v-top {vertical-align: top !important;}
.v-middle {vertical-align: middle !important;}
.v-bottom {vertical-align: bottom !important;}

.c-red {color: #E03939 !important;}
.c-blue {color: #397EF5 !important;}
.c-green {color: #40a23a !important;}
.c-orange {color: #f26c4f !important;}
.c-pupple {color: #9028b6 !important;}
.c-black {color: #262626 !important;}
.c-skyblue {color: #00a0e4 !important;}
.c-mint {color: #37b59c !important;}
.c-gray {color: #96a2b0 !important;}
.c-darkred {color: #871717 !important;}
.c-darkgray {color: #52585f !important;}
.c-darkblue {color: #085f98 !important;}
.c-darkgreen {color: #2e7300 !important;}
.c-white {color: #ffffff !important;}

.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}

.bold {font-weight: bold;}
.light {font-weight: 300 !important;}

html, body {font-size: 16px;}
body {color: #111; background: #fff; line-height: 1.4; margin: 0; min-width: 350px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif;}

:focus {outline: 1px solid #fff; box-sizing: border-box; box-shadow: 0 0 0 2px inset #111; border-radius: .2em;}
:focus:not(:focus-visible) {outline: none !important; box-shadow: none !important;}
input:focus, select:focus, textarea:focus {outline: 1px solid #111; box-shadow: none;}

/* skip */
.skip a {display: block; position: fixed; left: 0; top: -9999px; overflow: hidden; width: 100%; background: black; color: #fff; font-size: 1.2em; font-weight: bold; text-align: center;}
.skip a:focus {position: fixed; top: 0; padding: 1.1em 0; z-index: 99999; outline: none !important;}

/* button */
button[type=button], input[type=submit] input[type=button] {cursor: pointer; transition: all .2s;}
button[type=button]:hover, input[type=submit]:hover, input[type=button]:hover {opacity: .9;}
button[type=button]:disabled, input[type=submit]:disabled, input[type=button]:disabled {opacity: .2; color: rgba(255,255,255,.7); cursor: default;}
.btn {border: 0; text-align: center; letter-spacing: -0.02em; display: inline-block; border-radius: .3em; vertical-align: middle; height: 2.77em; line-height: 2.77em; padding: 0 1em; color: #fff; background: #666; font-size: .9em; white-space: nowrap;}
.btn i {margin: -1px 5px 0 -5px;}
.btn i img {vertical-align: middle; width: 17px; height: 17px;}
.btn-round {border-radius: 60px !important;}
.btn-small {height: 2em; line-height: 2em; padding: 0 .6em; font-size: .8em; box-sizing: content-box;}
.btn-ss {height: 1.5em; line-height: 1.5em; padding: 0 .4em; font-size: .8em; box-sizing: content-box; margin: 2px;}
.btn-medium {height: 2.2em; line-height: 2.2em; padding: 0 1em; font-size: .85em; box-sizing: content-box;}
.btn-nogra {box-shadow: none !important;}
.btn-red {background: #E03939 !important;}
.btn-blue {background: #397EF5 !important;}
.btn-green {background: #58a111 !important;}
.btn-mint {background: #00AFA1 !important;}
.btn-orange {background: #ff8400 !important;}
.btn-gray {background: #96a2b0 !important;}
.btn-darkred {background: #871717 !important;}
.btn-darkblue {background: #085f98 !important;}
.btn-darkgreen {background: #2e7300 !important;}
.btn-darkgray {background: #52585f !important;}
.btn-black {background: #111 !important; color: #fff !important;}
.btn-white {background: #fff !important; border: 1px solid #96a2b0 !important; color: #111 !important; font-weight: 500 !important;}

/* 미리보기 */
button.preview, button.btn-preview-del {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border: 1px solid #666; border-radius: 3px; color: #111 !important; display: inline-block; vertical-align: middle; min-width: 5em; background: white; padding: .2rem .5rem; font-size: 1rem; font-weight: normal; line-height: 1.5; user-select: none; transition: background-color .15s ease-in-out, border-color .15s ease-in-out; cursor: pointer;}

/* modal */
.pop {position:fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 100; display: none; background: rgba(0,0,0,.7);}
.pop .pop-inner {display: inline-block; vertical-align: middle; margin: 0; background: transparent; height: auto; position: relative; width: 80%; max-width: 1111px;}
.pop::after {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.pop .btn-close {width: 24px; height: 24px; padding: 0px; background: url(/images/secp/btn_close_wh.png) no-repeat transparent; background-size: 100% auto; border: 0; cursor: pointer; font-size: .7em; position: absolute; right: 15px; top: 0;}

.pop2 {position:fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 100; display: none; background: rgba(0,0,0,.7);}
.pop2 .pop-inner {display: inline-block; vertical-align: middle; margin: 0; background: #fff; height: auto; position: relative; width: 90%; max-width: 800px; border-radius: .75em; padding: 1.5em;}
.pop2::after {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.pop2 .pop-head {position: relative; padding: 0 1em 1em;}
.pop2 .pop-tit {font-size: 1.3em;}
.pop2 .pop-close {width: 1.75em; height: 1.75em; padding: 0; background: url(/images/secp/btn_close_bk.png) no-repeat transparent; background-size: 100% auto; border: 0; cursor: pointer; font-size: .7em; position: absolute; right: 0; top: 0;}
.pop2 .pop-body {}
.pop2 .pop-stit {text-align: left; font-size: 1.1em;}
.pop2 .pop-stit::before {content: ''; display: inline-block; width: .3em; height: .95em; margin: .15em .3em 0 0; vertical-align: top; background: orange; border-radius: .2em; margin-bottom: 1em;}
.pop2 .btn-wrap {padding: 1em 1em 0; display: flex; justify-content: center; gap: .75em;}
.pop2 .btn-wrap button {min-width: 6em;}

/* video */
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe, .video-wrap object, .video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* table */
.tbl-basic {border-collapse: collapse; border: 0; padding: 0; margin: 0 0 1em; border-top: 3px solid #111; border-bottom: 1px solid #bbbbbb; width: 100%; background:#fff; font-size: 1em;}
.tbl-basic th {background: #f2f4f7; color: #111; font-weight: 400; letter-spacing: -0.04em; border-right: 1px solid #e2e3e5; vertical-align: middle; padding: 1em 1em; border-bottom: 1px solid #bbbbbb; text-align: left; line-height: 1.4;}
.small {display: inline-block; font-size: .8em; opacity: .5; margin-left: .5em; line-height: 1.3; word-break: keep-all; font-weight: 400;}
p.small {margin-left: 0; opacity: 1; font-size: .9em; font-weight: 300;}
.tbl-basic .titbg {background: #e4f3fb !important;}
.tbl-basic .whitebg {background: #fff !important;}
.tbl-basic .whitebg2 {background: #fafafa !important;}
.tbl-basic tbody tr:nth-child(1) {border-top: 0;}
.tbl-basic tbody th { border-right: 1px solid #dadbdd; border-bottom: 1px solid #dadbdd; line-height: 1.3; vertical-align: middle; text-align: left;}
.tbl-basic td {background: #fff; color: #111; border-right: 1px solid #ebeced; border-bottom: 1px solid #dadbdd; text-align: left; padding: .6em 1em; line-height: 1.4; vertical-align: middle;}
.tbl-basic td.sl {white-space: nowrap;}
.tbl-basic td.whitebg {background: #fff !important;}
.tbl-basic td a:hover {color: #397EF5;}
.tbl-basic th:last-child, .tbl-basic td:last-child {border-right: 0;}
.tbl-basic tbody tr:last-child td, .tbl-basic tbody tr:last-child th {border-bottom: 0;}
.tbl-basic tbody tr:last-child td, .tbl-basic tbody tr:last-child th {border-bottom: 0;}
.tbl-basic.pd th, .tbl-basic.pd td {padding: 1em;}
.tbl-basic .line-r {border-right: 1px solid #ebeced;}
.tbl-basic .line-l {border-left: 1px solid #ebeced;}
.bob0 {border-bottom: 0 !important;}
table .hmin {padding: .4em !important;}
table .hmax {padding: 1.5em !important;}
.tbl-basic.center th, .tbl-basic.center td {text-align: center;}

.tbl-list {border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; border-top: 2px solid #111;}
.tbl-list caption {font-size: 1.5em; margin: 0 }
.tbl-list tr {border-bottom: 1px solid #e5e5e5; padding: .35em; }
.tbl-list thead th, .tbl-list tfoot th, .tbl-list tfoot td {background: #f2f4f7; color: #262626; border-top: 1px solid #dadbdd; border-bottom: 1px solid #dadbdd;}
.tbl-list th, .tbl-list td {padding: 1em .625em; text-align: center; font-size: 1em; vertical-align: middle; letter-spacing: 0; vertical-align: middle;}
.tbl-list th {font-weight: 400; text-align: center;}
.tbl-list td {color: #111; font-size: 1em; letter-spacing: -.04em; font-weight: 300; line-height: 1.4;}
.tbl-list td a {color: #111; display: inline-block;}
.tbl-list td a:hover {color: #58a111; text-decoration: underline;}
.tbl-list.hoverbg tr:hover td {background: #f9f9f9;}
.tbl-list.line th, .tbl-list.line td {border-right: 1px solid #dadbdd;}
.tbl-list.line th:last-child, .tbl-list.line td:last-child {border-right: none;}

.tbl-list2 {border: 0; border-collapse: collapse; margin: 0 0 2em; padding: 0; width: 100%; table-layout: fixed; border-top: 2px solid #111;}
.tbl-list2 caption {font-size: 1.5em; margin: 0 }
.tbl-list2 tr {padding: .35em;}
.tbl-list2 thead th {background: #fff; color: #111; border-bottom: 1px solid #707070; font-weight: 500;}
.tbl-list2 th, .tbl-list2 td {padding: 1em .625em; text-align: center; font-size: 1em; vertical-align: middle; letter-spacing: 0; vertical-align: middle;}
.tbl-list2 th {font-weight: 400; text-align: center;}
.tbl-list2 td {color: #111; font-size: 1em; letter-spacing: -.04em; font-weight: 400; line-height: 1.4; border-bottom: 1px solid #ccc;}
.tbl-list2 td a {color: #111; display: inline-block;}
.tbl-list2 td a:hover {color: #58a111; text-decoration: underline;}
.tbl-list2.hoverbg tr:hover td {background: #f9f9f9;}
table .highlight td, table .highlight th {background: #FFFBEB !important; font-weight: 400;}
table .ico-notice {width: 1.375em;}
table .ico-file {width: 1.0625em;}
.board-list-wrap .tbl-list2 {font-size: 1.125em;}
.tbl-list .ico, .tbl-list2 .ico {height: 1em; vertical-align: middle; margin: -.2em .4em 0;}
.tbl-list2 thead .lightbo {border-bottom-color: #ddd;}
.tbl-list2 tbody .lightbo {border-bottom-color: #e2e2e2;}

.tbl-view {border-collapse: collapse; margin: 0; padding: 0; width: 100%; border-top: 2px solid #111; background: #fff; margin-bottom: 2em; font-size: 1.125em;}
.tbl-view thead th {padding: 1em; text-align: left; font-size: 1em; color: #111; border-bottom: 1px solid #111; line-height: 1.5; font-weight: 300;}
.tbl-view thead th.title {font-size: 1.6em; line-height: 1.3; border-bottom-color: #ddd; font-weight: 600; border-bottom: 1px solid #111; padding: 0.5em; color: #111; height: 1.25em;}
.tbl-view thead td {padding: 1em; text-align: left; font-size: 1em; color: #111; border-bottom: 1px solid #090824; line-height: 1.5; font-weight: 400; word-break: break-all;}
.tbl-view tbody th {padding: 1em; text-align: left; font-size: 1em; color: #111; border-bottom: 1px solid #ddd; vertical-align: middle; font-weight: 300;}
.tbl-view tbody td {padding: 1em; text-align: left; font-size: 1em; color: #111; border-bottom: 1px solid #ddd; line-height: 1.5; letter-spacing: 0; word-break: break-all;}
.tbl-view .tbl-img {width: 100%; max-width: 1100px;}
.tbl-view .tbl-content {padding: 1.5em !important; height: 10em;}
.tbl-view .tbl-content img {max-width: 100%;}
.tbl-view .file-download {font-weight: 300; letter-spacing: 0;}
.tbl-view .file-download a:hover {text-decoration: underline; color: #397EF5;}
.tbl-view .file-download small { display: inline-block; margin-left: 5px; font-size: .8em; color: #96a2b0;}
.tbl-view .file-download b {display: inline-block; font-size: .8em; font-weight: 500; color: #090824;}
.tbl-view .file-download .ico {width: 1em; vertical-align: middle; margin-top: -.2em; margin-right: .3em;}
.tbl-view .ico-up {width: 1.6em; vertical-align: middle; margin-top: -.2em; transform: rotate(-90deg);}
.tbl-view .ico-down {width: 1.6em; vertical-align: middle; margin-top: -.2em; transform: rotate(-90deg);}
.tbl-view.prevnext td a {font-weight: 300;}
.tbl-view.prevnext td a:hover {text-decoration: underline; color: #58a111;}
.tbl-view.prevnext tr:hover td, .tbl-view.prevnext tr:hover th {background: #f9f9f9;}
.tbl-view.reply {background: #FFFBEB;}
.tbl-view.reply thead th, .tbl-view.reply thead td, .tbl-view.reply tbody tr:last-child th, .tbl-view.reply tbody tr:last-child td {background: rgba(255,255,255,.8);}
.tbl-view.reply tr:last-child th, .tbl-view.reply tr:last-child td {border-bottom: 1px solid #111;}
.tbl-view .ico-reply {width: .8em; margin-top: -.2em; margin-right: .2em;}

.tbl-write {border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size: 1.125em; margin-bottom: 2em; border-top: 2px solid #111;}
.tbl-write th {font-size: 1em; font-weight: 400; padding: 1em; text-align: left; color: #111; vertical-align: middle; letter-spacing: -.04em;  border-bottom: 1px solid #ddd; word-break: keep-all;}
.tbl-write td {font-size: 1em; padding: 1em; text-align: left; color: #111; vertical-align: middle; font-weight: 400; letter-spacing: -.04em;  border-bottom: 1px solid #ddd; word-break: keep-all;}
.tbl-write .stxt {font-weight: 300; color: #888; font-size: 0.875rem; vertical-align: middle; margin-left: .5em;}
.tbl-write .cont {width: 100%; border: 1px solid #888; height: 20em; margin: 10px 0;}
.tbl-write .inp {border-color: #888;}

.search-warp {background: #f9f9f9; padding: 20px; font-size: 0; margin: 30px 0;}
.search-warp > select {font-size: 18px; height: 45px; line-height: 45px; display: inline-block; width: calc(30% - 10px); border: 1px solid #dddddd; box-sizing: border-box; vertical-align: top; padding: 0 20px; margin-right: 10px; background: url(/images/secp/ico_select.jpg) calc(100% - 15px) 50% no-repeat #ffffff;;}
.search-warp > input {font-size: 18px; height: 45px; line-height: 45px; display: inline-block; width: calc(55% - 10px); border: 1px solid #dddddd; box-sizing: border-box; vertical-align: top; padding: 0 20px; margin-right: 10px; }
.search-warp > button {font-size: 18px; height: 45px; line-height: 45px; display: inline-block; width: 15%; border: 0; vertical-align: top; background: #397EF5; color: #fff;}
tr.line th {border-top: 2px solid #111;}
tr.sub-line th {border-top: 2px solid #ebeced;}

/* page */
.page {text-align: center; padding: 1.5rem 0; font-size: 0;}
.page li {display: inline-block; vertical-align: top; font-size: 1rem; margin-right: -1px;}
.page li a {display: block; width: 2.125em; height: 2.125em; line-height: 2.125em; padding: 0; text-decoration: none; color: #111; background: #fff; font-size: 1em; box-sizing: content-box;  margin: 0; cursor: pointer; border: 1px solid #ccc;}
.page li a:hover {background: #f9f9f9;}
.page li a.active {background: #397EF5; color: #fff; border: 1px solid #397EF5;}
.page li img {vertical-align: middle; margin-top: -.25em;}

/* datepicker */
input[type=date] {padding: 0 5px 0 10px; border: 1px solid #cad2de;-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 28px; line-height: 28px; vertical-align: middle; box-sizing: border-box;  color: #4f4f4f; font-size: 12px;}
input:read-only, input:disabled, textarea:disabled, select:disabled {background-color: #f9f9f9; font-weight: 300; opacity: .8; outline: none;}
.fromdatepicker + .ui-datepicker-trigger,
.basicdatepicker + .ui-datepicker-trigger,
.datepicker1 + .ui-datepicker-trigger,
.datepicker2 + .ui-datepicker-trigger,
.datepicker3 + .ui-datepicker-trigger,
.datepicker4 + .ui-datepicker-trigger,
.datepicker + .ui-datepicker-trigger {margin: 0 calc( .75em - 1px ) 0 -1.8em; z-index: 0; position: relative;}
.ui-datepicker { width: 250px; padding: 0; display: none; border: 0; margin-top: 5px;}
.ui-widget.ui-widget-content { border: 1px solid #d2d7dc; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.1); font-size: 14px; }
.ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 28px 0; border: 0; background: #afb8c3; color: #fff; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(142,153,166,.5) url(images/arrow-button.png) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }
.ui-datepicker select.ui-datepicker-month {width: 60px; margin: 0 4px 0 10px;}
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(142,153,166,.8) url(images/arrow-button.png) 100% -27px no-repeat; }
.ui-datepicker select::-ms-expand {display: none;}
.ui-datepicker .ui-datepicker-title { line-height: 1.8em; text-align: center; margin: 0px 2.3em; font-size:13px; font-weight:bold; letter-spacing:0; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #111; }
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 96%; padding-top: 100px; margin: 0 auto; }
.ui-datepicker-calendar thead tr { position: absolute; top: -20px; left: 5px; right: 5px; }
.ui-datepicker-calendar thead th { float: left; display: block; padding: 0; width: 14.2857%; color: #fff; font-size:11px; letter-spacing:1px; opacity: 0.9 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width: 1.8em; height: 1.8em; text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 5px; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(images/arrow-button.png) 0 0 no-repeat; }
.ui-datepicker .ui-datepicker-next { right: 5px; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(images/arrow-button.png) -16px 0 no-repeat; }
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 2px; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 4px auto; font-size: 12px; text-align: center; background: #fff; font-weight: normal; color: #111; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker-today .ui-state-default { color: #397EF5; font-weight: bold; }
.ui-datepicker-current-day .ui-state-default { background: #ffde21 !important; color: #111; font-weight: bold; }
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: #397EF5; opacity: 0.75; }
.ui-datepicker-buttonpane button[data-handler="hide"] { }
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }
.tbl-total {float: right; color: #666; font-size: .8125em; font-weight: 400; height: 28px; line-height: 28px;}
@media screen and (max-width: 480px) {
    .ui-datepicker { width: 270px !important; left: 50% !important; margin-left: -135px !important; }
}
.inp.datepicker {padding-right: 2.5em !important;}

/* 이미지 파일 첨부 */
.tower-file {position: relative;}
.tower-file .tower-file-details .tower-input-preview-container {width: 100%; max-width: 220px;}
.tower-input-preview-wrapper {margin: 0 auto; position: relative; width: 100%; height: 5.3em; overflow: hidden;}
.tower-input-preview-wrapper img {position: absolute; left: 50%; top: 50%; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%);}
.tower-input-preview-wrapper img.tower-input-preview-portrait {max-height: none; max-width: 100%; height: 100%; width: 100%;}
.tower-file .tower-file-button {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border: 1px solid #666 !important; border-radius: 3px; color: #111 !important; font-size: .9em !important; max-width: calc( 100% - 5.4em ); display: inline-block; vertical-align: middle; min-width: 5em; line-height: 1.6 !important; margin-top: .1em; margin-bottom: .1em;}
.tower-file .tower-file-button:disabled {display: none;}

/* header */
/* .header {position: relative; z-index: 3; height: 6.25em; width: 100%; margin: 0 auto; padding: 0 2em; max-width: 1400px;} */
.header {position: relative; z-index: 3; background: #fff; height: 6.25em; width: 100%; margin: 0 auto; padding: 0 2.5em; box-shadow: 0 0 1em rgba(0,0,0,.1);}
.header h1 {position: absolute; top: .75em; height: 4.625em; width: 13.125em; background: url(/images/secp/logo_sub.png) no-repeat 0 0 / auto 100%; overflow: hidden; text-indent: -20em; font-size: 1em;}
.main-header-wrap .header {background: transparent; border-bottom: none; box-shadow: none;}
.main-header-wrap .header h1 {top: 2.5em; background-image: url(/images/secp/logo_w.png);}
.header h1 a {display: block; width: 100%; height: 100%;}
.header h1 a:focus::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; box-shadow: 0 0 0 2px inset #111; border-radius: .3em;}
.header h1 a:focus:not(:focus-visible)::before {display: none;}
.header h1 img {height: 3.5rem; margin-right: 0.625em; vertical-align: middle; display: none;}
.header h1 span {font-size: 1.25em; font-weight: 600; vertical-align: middle; display: inline-block; margin-top: -.4em; display: none;}
.nav-wrap {height: 6.25em; margin: 0 auto; width: 820px; text-align: center;}
.nav-wrap > ul {font-size: 0; transition: height .3s ease; /*margin-right: 18%;*/}
.nav-wrap > ul > li {display: inline-block; vertical-align: top; font-size: 1rem; position: relative; height: 6.25em; line-height: 6.25em;}

.nav-wrap > ul > li > a {color: #000; font-weight: 500; display: block; font-size: 1.375em; text-align: center; letter-spacing: 0; padding: 0 2em; box-sizing: border-box; font-weight: 500; letter-spacing: -.03em; height: auto; line-height: 2.2em; border-radius: 1.1em; margin-top: 1.1em;}
.nav-wrap > ul > li > ul {height: 0; line-height: 3.75em; display: block; position: absolute; left: 0; top: 6.25em; white-space: nowrap; z-index: 2; opacity: 0; transition: opacity .3s ease; background: rgba(255,255,255,.85); width: auto; box-shadow: .25em .5em 1em rgba(0,0,0,.1); overflow: hidden; border-radius: 1em; backdrop-filter: blur(.5em); min-width: 9em; padding: .5em 0;}
.nav-wrap > ul > li > ul li {display: block; white-space: nowrap;}
.nav-wrap > ul > li > ul > li > a {line-height: 2.2em; display: block; /* height: 100%; */ padding: 0 1em; font-size: 1.1em; white-space: nowrap; transition: background .3s;}
.nav-wrap > ul > li > ul > li > a:hover {background: #fff;}
.nav-wrap > ul > li:hover > a {color: #397EF5;}
.nav-wrap > ul > li:hover > ul {border-top: 5px solid #397EF5; margin-top: 0em;}
.nav-wrap > ul > li > a.active {font-weight: 600; color: #fff; background: #397EF5;}
.nav-wrap > ul > li > ul > li > a.active {color: #397EF5; font-weight: 600;}
.nav-wrap > ul > li:hover > ul, .nav-wrap > ul > li > ul.show {opacity: 1; height: auto !important; max-height: 300px !important;}
.nav-wrap.active::after {content: ''; height: 3.75em; width: 100%; position: absolute; top: 6.25em; left: 0; background: #f9f9f9; z-index: 1;}
.nav-wrap > ul:hover > li > a.active {border-bottom: none;}
.nav-wrap > ul:hover > li > a.active + ul {opacity: 0; visibility: hidden;}
.nav-wrap > ul:hover > li:hover > a.active + ul {opacity: 1; visibility: visible;}
.nav-wrap > ul > li > ul > li > a:hover {color: #397EF5;}

.header .member {position: absolute; top: 2.3em; right: 7em;}
.header .member .btn-search {background: url(/images/secp/ico_search.svg) no-repeat center transparent; box-shadow: none; background-size: 1.375rem auto; font-size: 0; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; vertical-align: middle; border: 0; display: inline-block; transition: none;}
.header .member a {margin-left: 1em; font-size: 1.1em; color: #111;}
.header .member a:hover {color: #397EF5; text-decoration: underline;}
.ico-login, .ico-logout, .ico-join, .ico-memedit {width: 1.5rem; filter: invert(1);}
.ico-join {margin-right: 0.1em;}
.header .member a span {display: inline-block; /*max-width: 4.5em; */margin-left: .2em; vertical-align: middle; line-height: 1.1; overflow: hidden; max-height: 2.1em;}
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); backdrop-filter: blur(10px); display: none; z-index: 10;}
.dim.active {display: block; z-index: 11; background: rgba(0,0,0,.2);}
.btn-menu {font-size: 1rem; width: 6.25em; height: 6.25em; background: url(/images/secp/ico_nav_w.svg) no-repeat center; background-size: 2em auto; position: absolute; top: 0; right: 0; border: 0; cursor: pointer; filter: invert(1);}
.sub-content {height: auto; min-height: 500px; max-width: 1400px; margin: 0 auto; padding: 2em; position: relative; z-index: 2;}

.wrap.main {background: #F4F5F9; padding-top: 2.5em;}
.main-header-wrap .header .member {top: 3.8em; right: 8em;}
.main-header-wrap .header .member a {color: #111;}
.main-header-wrap .nav-wrap {height: auto; width: 160px; text-align: left; margin: 0; position: absolute; top: 200px; left: 50px;}
.main-header-wrap .btn-menu {width: 3em; height: 3em; top: 53px; right: 40px; background-size: 100% auto; filter: none;}
.main-header-wrap .nav-wrap.active ~ .btn-menu {width: 2em; height: 2em; top: 2.1em; right: 2.1em;}
.main-header-wrap .header .member a span {color: #fff;}
.main-header-wrap .ico-login, .main-header-wrap .ico-logout, .main-header-wrap .ico-join, .ico-memedit {width: 1.82em; height: 1.82em; filter: none;}
.main-header-wrap .header .member .btn-search {background-image: url(/images/secp/ico_top_search.svg); background-size: 2.4rem auto; width: 2rem; height: 2rem;}
.main-header-wrap .nav-wrap > ul > li {display: block; height: auto; line-height: 1;}
.main-header-wrap .nav-wrap > ul > li > a {color: #fff; line-height: 2em; text-align: left; padding: 0;}
.main-header-wrap .nav-wrap > ul > li > ul {position: absolute; margin-top: 0 !important; top: -1.4em; left: 7em; border-top: 5px solid #5bc3ff; height: auto; max-height: 300px; pointer-events: none; transition: none;}
.main-header-wrap .nav-wrap > ul > li.active > a {color: #5bc3ff;}
.main-header-wrap .nav-wrap > ul > li.active > ul { opacity: 1; pointer-events: all;}
.main-header-wrap .nav-wrap > ul > li > ul > li > a:hover {color: #397EF5 !important; font-weight: 600;}
.main-header-wrap .nav-wrap > ul > li:nth-child(2) > ul {left: 5.6em;}
.main-header-wrap .nav-wrap > ul > li:nth-child(3) > ul {left: 5.4em;}
.main-header-wrap .nav-wrap > ul > li:nth-child(4) > ul {left: 4.2em;}

/* 지원신청 */
.none {display: none !important;}
.wrap.apply .sub-content {height: calc( 100vh - 6.25rem ); min-height: auto; max-width: none; padding: 0;}
.apply-wrap {height: 100%;}
.apply-info {background: #e9eef4;}
.apply-info.only {background: #fff;}/*ff*/
.apply-info-inner {min-width: 800px; height: 100%;}
.apply-info .apply-info-head {height: 11.25em; background: #1c8ef3; padding: 1.75em 4em; background-position: 100% 50%; background-size: auto 100%; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: center;}
.apply-info .apply-info-head h3 {font-size: 2.4em; font-weight: 500; letter-spacing: -.04em; margin-bottom: .4em; padding-right: 17rem; line-height: 1.1; color: #fff; word-break: keep-all;}
.apply-info .apply-info-head h4 {font-size: 1.625em; font-weight: 500; letter-spacing: -.04em; margin-bottom: .25em; padding-right: 6em; line-height: 1.1; color: #fff;}
.apply-info .apply-info-head p {width: 60%; font-weight: 300; word-break: keep-all; color: #fff;}
.linemap {display: block; text-align: right; margin: 0 0 0; line-height: 1;}
.linemap li {display: inline-block; vertical-align: middle; font-size: 0.875em; font-weight: 300; letter-spacing: -.04em; margin-bottom: 0.2em;}
.linemap li::after {content: ''; height: 0.64em; width: 1em; background: url(/images/secp/ico_linemap_arrow.svg) no-repeat center; display: inline-block; margin: 0 0 0 .3em; vertical-align: middle;}
.linemap li:last-child {font-weight: 400;}
.linemap li:last-child::after {display: none;}
.linemap li img {vertical-align: middle; width: .875em; margin-top: -.2em;}
.apply-info .apply-info-head .linemap {width: calc( 100% - 18em ); text-align: left; color: #fff; margin-left: 0;}
.apply-info .apply-info-head .linemap img {filter: invert();}
.apply-info .apply-info-head .linemap li {display: inline;}
.apply-info .apply-info-head .linemap li::after {background-image: url(/images/secp/ico_linemap_arrow_white.svg);}
.apply-info-body {padding: 0 0.5em; letter-spacing: -.04em; height: calc( 100% - 13.25em ); margin: 2em;}
.apply-info-stit {font-size: 1.7em; font-weight: 500; border-bottom: 2px solid #111; padding-bottom: .5em; letter-spacing: -.05em; }
.apply-info-cont {padding: 0 1em 2em 2em; max-width: 1200px; margin: 0 auto;}
.apply-write {background: #fff;}
.apply-write-inner {min-width: 800px; padding: 2.5em 3.5em; max-width: 1200px; margin: 0 auto;}
.apply-write .txt1 {font-size: 1.6em; margin-bottom: .6em; font-weight: 500;}
.apply-write .txt1 strong {font-weight: 500; }
.apply-write .txt2 {font-size: 1.5em; margin-bottom: .6em;}
.step-list {height: 3.25em; border: 3px solid #397EF5; border-radius: 3.25em; box-sizing: border-box; display: flex; padding: .2em; margin-bottom: 4em;/* gap: 1em;*/}
.step-list li {flex: 1 1 25%; border-radius: 3em; height: 100%; color: #a6c1e4; text-align: center; line-height: 2.28em; font-size: 1.1em; position: relative;}
/* .step-list li::after {content: ''; width: 1em; height: 1em; display: block; background: url(../images/ico_linemap_arrow.svg) no-repeat center / 50% auto; position: absolute; top: .65em; right: -1em;} */
.step-list li:last-child:after {display: none;}
.step-list li.active {background: #397EF5; background: linear-gradient(90deg, rgba(2,165,183,1) 10%, rgba(23,110,216,1) 90%); color: #fff;}
.step-list li img {margin-right: .2em; vertical-align: middle; height: 1.3em;}
.vsplitter {background: #f1f1f1 !important; overflow: visible !important; width: 0 !important;}
.vsplitter::after {content: ''; width: 3em; height: 7em; background: url(/images/secp/ico_split_new.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%); cursor: pointer;     box-shadow: 0 0 1em rgb(68 140 236 / 30%); border-radius: 1.5em;}
.vsplitter:hover::after {}
.btn-allproject {position: fixed; top: 28%; left: 0; width: 3em; height: 13em; background: #397EF5; color: #fff; border: none; border-top-right-radius: .5em; border-bottom-right-radius: .5em; z-index: 10; box-shadow: .2em .2em .4em rgba(0,0,0,.1); font-size: 1.1em; padding: 1em; line-height: 1.3; display: block; box-sizing: border-box; text-align: center; }
.btn-allproject i {font-size: 1.6em; display: inline-block; margin-bottom: .2em; font-style: normal;}
.btn-allproject span {margin-top: .5em; display: inline-block;}

.agree-item {text-align: right; margin: 0 1em 2em; clear: both;}
.agree-tit {font-size: 1.2em; float: left; text-align: left; margin-top: .1em; width: calc( 100% - 16.875em ); color: #004394;}
.agree-item input[type=radio] {margin-left: 1em; margin-bottom: .5em; margin-top: .2em;}
.agree-item label {margin-bottom: .5em; margin-top: .2em;}
/* .agree-txt {clear: both; border: 1px solid #ccc; border-top-color: transparent; text-align: left; line-height: 1.5; margin-top: 2em; overflow: hidden; height: 0; padding: 0 1.5em; transition: all .3s ease; background: #f9f9f9;} */
.agree-txt {clear: both; border: 1px solid #ccc; border-top-color: transparent; text-align: left; line-height: 1.5; overflow: auto; height: 12em; padding: 1em 1.5em; transition: all .3s ease; background: #f9f9f9; border-top-color: #ccc; margin-top: .9em !important;}
.agree-txt2 {clear: both; border: 1px solid #ccc; border-top-color: transparent; text-align: left; line-height: 1.5; overflow: hidden; height: 9em; padding: 1em 1.5em; transition: all .3s ease; background: #f9f9f9; border-top-color: #ccc; margin-top: .9em !important;}
/* .agree-item input[value="Y"]:checked ~ .agree-txt {height: 9em; overflow: auto; padding: 1em 1.5em; border-top-color: #ccc; margin-top: 1em;} */
.agree-list li {margin-left: 20px; list-style-type: disc;}
/* 이용동의시 펼치기 css */
.agree-item input[value="Y"]:checked ~ .agree-txt {height: 0; overflow: hidden; padding: 0 1.5em; margin-top: .5em; border-color: transparent; background: transparent; border-bottom-color: #eee; margin-bottom: 1em;}
/* .agree-item2 input[value="N"]:checked ~ .agree-txt2 {height: 0; overflow: hidden; padding: 0 1.5em; margin-top: 1em; border-color: transparent; background: transparent;} */
.tbl-agree { width: 100%;  border: 1px solid #444444; border-collapse: collapse;}
.tbl-agree td{border: 1px solid #444444; padding: 4px;}

.ckagreeall {margin: 0 1em;}
.btn-step-wrap {text-align: center; margin: 2em 0;}
.btn-step-round {border: none; background: #397EF5; height: 2.5em; line-height: 2.5em; border-radius: 2.5em; text-align: center; font-size: 1.25em; min-width: 8em; color: #fff; display: inline-block; padding: 0 1.5em; margin: 0 .25em; box-sizing: border-box; position: relative;} /*ff*/
.btn-step-round.gray {background: #BDC0C5;}
.btn-step-round img {width: 1.2em; vertical-align: middle; margin: -.2em 0 0;}

.btn-step-round span.ani {animation: flicker 1.2s infinite;}
.btn-step-round span.ani::after {content: ''; width: 100%; height: 100%; border-radius: 5em; border: .3em solid #0090ff; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: spread 1.2s infinite;}
@keyframes spread {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1;
        border-width: 0;
    }
    100% {
        width: calc( 100% + .5em );
        height: calc( 100% + .5em );
        opacity: 0;
        border-width: .5em;
    }
}
@keyframes flicker {
    0% {
        color: rgba(255,255,255,0);
    }
    40% {
        color: rgba(255,255,255,1);
    }
    80% {
        color: rgba(255,255,255,1);
    }
    100% {
        color: rgba(255,255,255,0);
    }
}

.btn-step-round2 {border: none; background: #397EF5; height: 1.8em; line-height: 1.8em; border-radius: 1.8em; text-align: center; font-size: 1em; min-width: 6em; color: #fff; display: inline-block; padding: 0 1em; margin: 0 0.2em; box-sizing: border-box;}

.step-list2, .step-list3 {display: block; text-align: center; margin-top: -2.5em; margin-bottom: 3em;}
.step-list2 li, .step-list3 li {display: inline-block; padding: .2em 1.5em; background: #f1f1f1; border-radius: 2.5em; margin: .3em 0;}
.step-list2 li.active, .step-list3 li.active {background: #111; color: #fff; border-radius: 2em;}
.step-list2 li:first-child::before, .step-list3 li:first-child::before {display: none;}

.write-stit1 {font-size: 1.5em; font-weight: 600; border-bottom: 2px solid #111; padding-bottom: .3em; letter-spacing: -.05em; margin-bottom: 2em;}
.write-stit1 h3 {float: left;}
.write-stit1 p {float: right; font-size: .6em; font-weight: 400; margin-top: .8em;}
.apply-write-item {margin-bottom: 2.5em;}
.write-stit2 {margin-bottom: .5em; font-size: 1.2em;}
.write-stit2 ~ table {border-top: 2px solid rgb(152, 154, 163);}
.write-photodetail {height: 9em; width: 95%;}
.i-require {color: #d63434; margin-left: -.6em;}
.tbl-list thead th .i-require, .tbl-list2 thead th .i-require {float: none;}
.box-agreetxt {width: 100%; height: 8em; overflow-y: auto; padding: 1em; font-size: 1em; font-weight: 300; border: 1px solid #ccc; margin-bottom: 1em; border-radius: 3px; background: #f9f9f9;}
.notice-box {color: #d63434; background: #ffffdb; padding: 1em; border: 1px solid #ececac}
.notice-box .ico {margin-top: -.25em; margin-right: .2em;}
.flexline {display: flex; justify-content: space-between; align-items: center;}
.flexline2 {display: inline-flex; justify-content: space-between; align-items: center;}

.resize-none {resize: none;}

/* 마이페이지 */
.my-stit1 {font-weight: 600; letter-spacing: -.05em; margin-bottom: 1.2em;}
.my-stit1 h3 {float: left; font-weight: 600; font-size: 1.68em; margin-top: .7em; font-weight: 500;}
.my-stit1 p {float: left; margin-top: 1.7em; font-weight: 400; letter-spacing: 0;}
.my-stit1 .search-wrap {float: right; font-size: 1em; font-weight: 400; margin-top: .8em;}
.my-stit1 .search-wrap input, .my-stit1 .search-wrap select {border: 1px solid #707070; margin-right: .4em; font-size: 1em; box-sizing: border-box; height: 2.5em; min-width: 8em; margin-top: .4em;}
.btn-search {background: #111; color: #fff; height: 2.5em; line-height: 2.5em; padding: 0 1em; border: none; font-size: 1em; vertical-align: middle; margin-top: .4em;}
.btn-search:focus {outline: 2px solid #397EF5;}
.btn-search-all {background: #444444; color: #fff; height: 2.5em; line-height: 2.5em; padding: 0 1em; border: none; font-size: 1em; vertical-align: middle; margin-top: .4em;}
#prog-list button {margin-right: 10px;}

/* 지원신청 목록 */
.apply-list-wrap {}
.prj-cate {text-align: center; display: block; transition: margin .3s ease; background: #CEDDEA; border-radius: 10px; padding-top: 12px; display: flex; justify-content: start; padding: 12px 1.7em 0; margin: 0 auto 2.7em; max-width: 1336px; box-sizing: border-box;}

.tab-container [role="tab"] {height: 2.5em; line-height: 1.8; padding: .2em 1em 0; font-size: 2em; color: #111; font-weight: 500; white-space: nowrap; box-sizing: border-box; background: transparent; border: none; display: flex; position: relative; flex: 1 0 auto; border-top-left-radius: .3em; border-top-right-radius: .3em; overflow: hidden; justify-content: center; transition: all .3s ease;}
.tab-container [role="tab"]:focus {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.tab-container [role="tab"]::after {content: ''; width: 2px; height: 1.25em; display: inline-block; background: #AABFD1; position: absolute; top: .45em; right: 0;}
.tab-container [role="tab"][aria-selected="true"]::after, .tab-container [role="tab"]:last-of-type::after {display: none;}
.tab-container [role="tab"][aria-selected="true"] {color: #397EF5; font-weight: 600; background: linear-gradient(#fff, #F4F5F9); padding-top: .4em; margin-left: -2px;}
.tab-container [role="tab"]::before {content: ''; height: 4px; width: 1px; display: block; background: #397EF5; margin: 0 auto; opacity: 0; transition: all .2s; position: absolute; left: 50%; top: 2px; transform: translateX(-50%);}
.tab-container [role="tab"]:hover::before {width: 80%; opacity: 1;}
.tab-container [role="tab"][aria-selected="true"]::before {width: 100%; height: 5px; top: 0; opacity: 1;}
[role="tabpanel"] {display: none; padding-bottom: 7.5em;}
[role="tabpanel"].active {display: block;}

.prj-filter {display: block; text-align: center; margin-bottom: 5.25em; transition: margin .3s ease; position: relative;}
.prj-filter ul {display: inline-block; margin: 0 1em;}
.prj-filter li {display: inline-block; line-height: 2.2em; height: 2.2em; padding: 0 .6em;}
.prj-filter li a, .prj-filter li strong {font-size: 1.34em; font-weight: 400; display: block; padding: 0 .4em; height: 100%; color: #111; font-weight: 600;}
.prj-filter li strong {font-weight: 600;}
.prj-filter li a:hover {font-weight: 500;}
.prj-filter li a.active {color: #397EF5; padding: 0 .6em; font-weight: 700; border-bottom: 4px solid #397EF5;}
.prj-filter li a.sort img {width: 2rem; margin-top: -.1rem;}
.prj-filter li a.sort.up img {transform: rotate(180deg);}

.prj-filter.my {text-align: left; font-size: 1.3em; margin-bottom: 0;}
.prj-filter.my ul {padding: 2.2em 0 0; margin: 0;}
.prj-filter.my li {padding: 0; margin-right: 1em;}
.prj-filter.my button {position: absolute; top: 2.2em; right: 0;}

.prj-item {position: relative;}
.prj-item a {display: block; padding: 0; background: #fff; position: relative; box-sizing: border-box;}
.prj-item a:hover {z-index: 2;}
.prj-item .thumb {height: 8em; margin-bottom: 1.2em; background-size: cover; background-position: 0 50%; background-repeat: no-repeat; position: relative; background-color: #f1f1f1;}
li.prj-list .prj-item {transition: all .3s;}
li.prj-list:hover .prj-item {box-shadow: .5em .5em 1em rgba(0,0,0,.1); transform: scale(1.01);}
.prj-item .thumb.f_end {filter: grayscale(1); opacity: .3; border: 1px solid #aaa;}
.prj-item .thumb.f_end ~ .txt {filter: grayscale(1); opacity: .3;}

.prj-list .prj-item div[class^='badge'] {font-size: 1em; width: 6em; height: 6em; line-height: 1.4; padding: 0 .5em 1.5em; color: #fff; position: absolute; top: 0; right: 0; text-align: center; font-weight: 400; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; letter-spacing: -.05em;}
.prj-list .prj-item div[class^='badge']::before {content: ''; width: 150%; height: 150%; background: #ccc; transform: rotate(-45deg); position: absolute; top: -75%; left: 30%;}
.prj-list .prj-item div[class^='badge'] p {position: relative; z-index: 1; text-align: right; font-weight: 400; font-size: .9em; line-height: 1.3;}
.prj-list .prj-item div[class^='badge'] span {font-size: 1.1em; display: block; margin: 0; font-weight: 600; z-index: 1;}
.prj-list .prj-item .badge1::before {background-color: #00C60F !important;} /*접수중*/
.prj-list .prj-item .badge2::before {background-color: #FFB800 !important;} /*신청대기*/
.prj-list .prj-item .badge3::before {background-color: #111 !important;} /*접수마감*/
.prj-list .prj-item .badge4::before {background-color: #FE5555 !important;} /*마감임박*/
.prj-list .prj-item .badge5::before {background-color: #00a263 !important;} /*상시접수*/
.prj-list .prj-item .badge6::before {background-color: #7f87eb !important;} /*예산소진 시까지*/
.prj-list .prj-item .badge2 p, .prj-item .badge3 p {font-size: 1em !important; padding-right: .3em;}

.prj-item-empty {text-align: center; font-size: 1.5em; color: #5f5f5f; width: 100%;}

.prj-item .subject {font-size: 1.25em; font-weight: 500; line-height: 1.3; margin-bottom: .3em;}
.prj-item .date {color: #999999; font-size: 0.875em; font-weight: 400;}

.prj-item .btn-favo {width: 1.75em; height: 1.75em; position: absolute; top: .2em; right: 0; font-size: 14px;}
.prj-item .btn-favo input {display: none;}
.prj-item .btn-favo span {width: 100%; height: 100%; background: url(/images/secp/ico_favorite_off.svg) no-repeat center / 100% 100%; font-size: 1px; overflow: hidden; text-indent: -100px; transition: background .3s;}
.prj-item .btn-favo input:checked ~ span {background-image: url(/images/secp/ico_favorite_on.svg);}

.guide-tooltip {position: absolute; background: rgba(255,255,255,.9); color: #111; display: inline-block; padding: .4em 1em; border: 2px solid #111; border-radius: .3em; top: -4.8em; white-space: nowrap; right: -1.5em; display: none;}
.guide-tooltip::after {content: ''; display: block; width: 0; height: 0; border-right: .4em solid transparent; border-left: .4em solid transparent; border-top: 1em solid #111; position: absolute; bottom: -1em; right: 1.8em;}
.guide-tooltip.active {display: block;}

.guide-tooltip2 {position: absolute; background: rgba(232, 255, 255, 0.99); color: #005b69; display: inline-block; padding: .4em 1em; border: 2px solid #63b1bd; border-radius: .3em; white-space: nowrap; left: -1.5em; opacity: 0; visibility: hidden; pointer-events: none; transition: all .3s ease; top: -60%; transform: translateY(-28%); padding-right: 2em;}
.guide-tooltip2::after {content: ''; display: block; width: 0; height: 0; border-top: .4em solid transparent; border-bottom: .4em solid transparent; border-right: 1.7em solid #63b1bd; position: absolute; top: 40%; left: -1.7em;}
.guide-tooltip2.active {visibility: visible; pointer-events: all; animation: tthover2 .3s .1s forwards;}
.guide-tooltip2 dt {font-weight: 600; font-size: 1.1em;}
.btn-help-close {width: 1rem; height: 1rem; position: absolute; top: .55rem; right: .4rem; display: block; background: url(/images/secp/ico_close2.svg) no-repeat center / 80% 80%; font-size: 1px; text-indent: -100px; border: none; overflow: hidden;}
@keyframes tthover2 {
    from {
        opacity: 0;
        left: 2.8em;
    }
    to {
        opacity: 1;
        left: 3.5em;
    }
}
.guide-tooltip2.top {top: calc( -100% - 1.5em ); left: -2em !important;}
.guide-tooltip2.top.active {animation: tthover3 .3s .1s forwards;}
.guide-tooltip2.top::after {border-left: .4em solid transparent; border-right: .4em solid transparent; border-top: 1em solid #63b1bd; top: 100%; left: 2.5em;}
@keyframes tthover3 {
    from {
        opacity: 0;
        top: calc( -100% - .8em )
    }
    to {
        opacity: 1;
        top: calc( -100% - 1.5em );
    }
}

/* 퀵메뉴 */
.quick-menu-wrap {position: fixed; top: 17em; right: 1.7em; width: 6.25em; border: 2px solid #3f6ebe; border-radius: 3.125em; background: rgba(255,255,255, 1); backdrop-filter: blur(5px) brightness(1); z-index: 5; box-sizing: border-box; overflow: hidden; box-shadow: 0.625em 0.625em 0.9375em rgba(0,0,0,.13); transition: all .2s ease; padding: .25em 0 1.3em;}
/* .quick-menu-wrap.main {bottom: 19em;} */
.btn-quick {display: none; border: 0; margin: .5em auto 0; position: relative;}
.btn-quick img {width: 1.1em;}
.quick-menu-inner > ul li {display: block; text-align: center; box-sizing: border-box; position: relative}
.quick-menu-inner > ul li a {display: block;  padding: 1em 0 0; position: relative;}
.quick-menu-inner > ul li a img {width: 4.25em; transition: all .2s ease; border-radius: 4.25em;}
.quick-menu-inner > ul li:last-child {border-bottom:0;}
.quick-menu-inner > ul li a p {font-size: .9em; color: #3f6ebe; font-weight:bold; line-height: 130%; transition: all .2s ease; display: block; margin-top: .4em; font-weight: 600; line-height: 1.2;}
.quick-menu-inner > ul li:hover a p {color: #5191ff;}
.quick-menu-inner > ul li:hover a img {width: 4.5em;}
.quick-menu-inner > ul li:last-child::before {display: none;}
@media screen and (max-width: 1400px) {
    .quick-menu-wrap, .ban-callcenter {font-size: 1.1vw;}
    .quick-menu-inner > ul li a img {width: 4.25em;}
}
@media screen and (max-width: 1200px) {
    .quick-menu-wrap {bottom: 215px !important; top: auto;}
    .quick-menu-wrap {font-size: .85em;}
    .quick-menu-inner > ul li a {padding-top: .7em;}
    .quick-menu-inner > ul li a p {font-size: 1em;}
    .ban-callcenter {top: auto !important; bottom: 100px;}
}
@media screen and (max-width: 768px) {
    .quick-menu-wrap {right: 1em !important; background: rgba(255,255,255, 1); bottom: 190px !important;}
    .quick-menu-inner > ul li a img, .quick-menu-inner > ul li:hover a img {width: 45px;}
}
@media screen and (max-width: 560px) {
    .quick-menu-wrap, .quick-menu-wrap.main {width: 4.2em; height: 4.4em !important; bottom: 160px !important; border-bottom-right-radius: 0;}
    .quick-menu-wrap.active {height: 16em !important; width: 6em}
    .quick-menu-inner {display: none; height: 0;}
    .quick-menu-inner.active {display: block; height: auto !important;}
    .quick-menu-inner > p {display: none;}
    .btn-quick {display: block; background-color: transparent;}
    .btn-quick.active {height: 8px; margin-top: .8em;}
    .btn-quick.active > img {display: none;}
    .btn-quick::after {content: ''; position: absolute; bottom: -8px; right: -8px; background: url(/images/secp/ico_callcenter_semo.png) no-repeat center / cover; width: 0.6em; height: 0.6em;}
    .btn-quick.active::after {bottom: 6px; right: -25px;}
    .quick-menu-inner > ul li a img, .quick-menu-inner > ul li:hover a img {width: 40px;}
}
@media screen and (max-width: 480px) {
    .quick-menu-wrap, .quick-menu-wrap.main {bottom: 118px !important; right: 1.2em !important;}
}

/* 팝업 */
.noticeWrap {position: fixed; width: 90%; max-width: 540px; display:table; font-size: 16px; line-height: 1.6; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 10px; border: 5px solid #539bfa; box-shadow: 10px 10px 10px rgba(0,0,0,.05); box-sizing: border-box; z-index: 1111; display: none;}
.noticeWrap.on {display: block;}
.noticeBox {margin: 0; text-align: center; display: block; border-radius: 15px; overflow: hidden; background: #539bfa;}
.noticeBox img {width: 100%;}
.noticeBox > div {display: block; margin: 0 auto;}
.noticett1 {color:#fff; font-weight: 600; font-size: 2em; line-height: 1.4; margin-bottom: .5em; margin-top: .25em; word-break: keep-all; padding: 0 1em;}
.noticett2 {color:#fff; font-weight: 400; line-height: 1.6; padding: 0 1em; word-break: keep-all;}
.noticeBtnWrap {margin: 1em 0 0;}
.noti-box {font-weight: bold; display: block; background: #fff; padding: 15px; margin: 30px auto 0; border-radius: 4px; font-size: 1.25em; word-break: keep-all; color: #1e2e6b; width: 75%; border-radius: 100px; line-height: 1.2;}
.noti-box h4 {display: block; background: #ffcc00; color: #1e2e6b; font-weight: 800; width: fit-content; margin: -25px auto 7px; padding: 2px 20px 0; border-radius: 20px; font-size: .8em; font-size: 16px;}
.c-emp {color: #fffc00; font-weight: 600;}
.c-blue {color: #0793e9;}
.btn-darkgray {background: #aaa !important;}
.btn_close {
    width: 24px; height: 24px; position: absolute; top: 22px; right: 27px; font-size: 0; border: 0; background: none;
    /*&::before {content: ""; width: 2px; height: 32px; background-color: #fff; position: absolute; top: 0; left: 15px; transform: rotate(45deg);}*/
    /*&::after {content: ""; width: 32px; height: 2px; background-color: #fff; position: absolute; top: 15px; left: 0; transform: rotate(45deg);}*/
}
.btn_close::before {content: ""; width: 2px; height: 32px; background-color: #fff; position: absolute; top: 0; left: 15px; transform: rotate(45deg);}
.btn_close::after {content: ""; width: 32px; height: 2px; background-color: #fff; position: absolute; top: 15px; left: 0; transform: rotate(45deg);}
.btn_today_close {height: 2em; border: none; background-color: #1e2e6b; text-align: center; color: #fff; font-size: 1em; display: block; margin: 0 auto 2em; padding: 0.1em 1.2em 0; border-radius: 2em; line-height: 1em;}
@media screen and (max-width: 600px) {
    .noticeWrap {font-size: 14px; border-width: 3px; box-shadow: .3em .3em .5em rgba(0,0,0,.05);}
    .noticeBox {padding: 0;}
    .noticett1 {font-size: 1.5em;}
    .noticett2 {font-size: .9em;}
    .noti-box {font-size: 1.1em; padding-bottom: .2em;}
    .btn_today_close {font-size: .9em;}
    .noticeBtnWrap {margin: 0;}
}

/* 자주 묻는 질문 */
.faq {border-top: 2px solid #111; font-size: 1.125em;}
.faq li.q {color: #111; font-weight: 500; font-size: 1em; border-bottom: 1px #ddd solid; cursor: pointer; padding: 1.2em 2em 1.1em 4em; position: relative; word-break: keep-all; background: #fff;}
.faq li.q::before {content:'Q'; width: 2em; height: 2em; border-radius: 2em; border: 1px solid #ddd;  font-weight: 800; color: #397EF5; position: absolute; left: 1em; top: .9em; text-align: center; box-sizing: border-box; font-size: 1.1em; padding-top: 0.3em; margin-top: -0.15em;}
.faq li.q::after {display: block; content: ''; width: 2em; height: 2em; margin-right: .9em; background: url(/images/secp/ico_arrow_down.svg) center / .8em auto no-repeat; transition: all .2s; margin-top: -1px; position: absolute; right: 0; top: 1em;}
.faq li.q.rotate::after {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.faq li.q:hover {background: #f9f9f9;}
.faq li.a {padding: 1.25em 2.5em; font-size: 1em; background: #f9f9f9; display: none; color: #111; word-break: keep-all; border-bottom: 1px solid #ddd;}
.faq li.a a {word-break: break-all; color: #397EF5;}

/* 메인 헤더 */
.main-header-wrap {background: no-repeat center / cover #d7dfe2; height: auto; position: relative; z-index: 4; background-position: 50% 25%; width: calc( 100% - 80px ); margin: 0 auto; border-radius: 2em;}
.main-header-wrap.bg1 {background-image: url(/images/secp/main_visual1.jpg);}
.main-header-wrap.bg2 {background-image: url(/images/secp/main_visual2.jpg);}
.main-header-wrap.bg3 {background-image: url(/images/secp/main_visual3.jpg);}
.main-header-wrap.bg4 {background-image: url(/images/secp/main_visual4.jpg);}

/* 메인 메뉴버튼 클릭시 (메뉴를 사이트맵 팝업 형태로 변경) */
.nav-wrap.active > ul > li > ul a {color: #000;}
.main-header-wrap .nav-wrap > ul > li > ul >li > a.active,
.main-header-wrap .nav-wrap > ul > li > ul >li > a:hover {color: #397EF5;}
.nav-wrap.active ~ .btn-menu, .btn-menu.active {z-index: 11; background-image: url(/images/secp/ico_close_blue.svg); position: fixed; filter: grayscale(1) brightness(3);}
.nav-wrap.active {right: 0; box-shadow: 0 0 1em rgba(0,0,0,.2); border-top: 0; margin: 0; left: 50%; height: auto; top: 50%; transform: translate(-50%, -50%); width: 800px; border-radius: 1em; overflow: hidden; padding: 3em 0 1em; text-align: center; display: block; z-index: 11; position: fixed; font-size: 1rem; background: #fff;}
.nav-wrap.active ~ .dim {display: block;}
.nav-wrap.active > ul {display: block; height: calc( 100% - 6.6em - 2px ); overflow: auto; background: #ffffff; z-index: 100; font-size: 1em; margin-top: 0; margin-right: 0;}
.nav-wrap.active > ul.active {height: 100%;}
.nav-wrap.active > ul > li {height: auto; position: relative; width: 40%; margin: 0 1em; margin-bottom: 2em; display: inline-block; border-radius: .75em; overflow: hidden;}
.nav-wrap.active > ul > li > a {padding: .4em 1.25em; box-sizing: border-box; border-bottom: none; height: auto; line-height: 1.6; text-align: left; background: #397EF5; color: #fff; font-weight: 600;  border-radius: 0; border-top-left-radius: .5em; border-top-right-radius: .5em;}
.nav-wrap.active > ul > li > a + ul {opacity: 1; visibility: visible;}
.nav-wrap.active > ul > li > ul {position: static; display: block; padding: 0 1.25em; background: rgba(20,175,245,.1) ; width: 100%; height: auto; transform: none; max-height: 300px; box-sizing: border-box; box-shadow: none; border-radius: 0; margin-top: 0; border-top: 0;}
.nav-wrap.active > ul > li > ul > li {text-align: left; display: block;}
.nav-wrap.active > ul > li > ul >li > a {padding: .5em 0 .5em .3em; text-align: left; font-size: 1em; display: block; line-height: 2.2em; font-weight: 400;}
.nav-wrap.active > ul > li > ul >li > a:hover {background: transparent;}
.nav-wrap.active > ul > li > ul >li > a::before {width: 3px; height: 3px; border-radius: 3px; background: #000; display: inline-block; content: ''; vertical-align: middle; margin: -.4em .4em 0 0;}
.nav-wrap.active::after {display: none;}
.main-header-wrap .nav-wrap.active > ul > li:hover > a {color: #fff;}
.main-header-wrap .nav-wrap.active > ul > li:hover > ul {border-top: 0; margin-top: 0;}
.main-header-wrap .nav-wrap.active > ul > li > ul > li > a:hover {color: #397EF5 !important;}
/* .main-header-wrap .nav-wrap.active ~ .btn-menu, .main-header-wrap .btn-menu.active {background-image: url(/images/secp/ico_close.svg); background-color: #397EF5; filter: invert(1);} */
.main-header-wrap .nav-wrap.active > ul > li > a {padding: .4em 1.25em; border-radius: 0; border-top-right-radius: .5em; border-top-left-radius: .5em;}

/* 메인 문구,검색,버튼 */
.main-head {height: calc( 100% - 6.25em );}
.main-head .content-width {height: 100%; padding-top: 8em; padding-bottom: 6em;}
.main-head .group1 {margin-bottom: 3em; text-align: center;}
.main-head .txt1 {font-size: 3.8em; line-height: 1.15; font-weight: 300; margin-bottom: .15em; color: #fff; letter-spacing: -.05em; }
.main-head .txt2 {font-size: 4.3em; font-weight: 500; word-break: keep-all; color: #fff; letter-spacing: -.05em; line-height: 1.25; margin-bottom: .5em;}
.main-head .txt2 strong {color: #fff; font-size: 1.35em; letter-spacing: -.025em; font-weight: 700;}
.main-head .txt2 span {font-weight: 700;}
.main-head .txt3 {font-size: 1.8em; font-weight: 300; color: #fff; margin-bottom: .4em; letter-spacing: -.025em;}

.main-head .group2 {display: flex; flex-direction: row; height: 17.5em; padding: 10px; background: rgba(255, 255, 255, .9); backdrop-filter: blur(.5em); border-radius: 20px;}

/* 메인 배너 */
.main-banner-wrap {height: 100%; line-height: 8em; padding: 0; overflow: hidden; flex: 0 0 58%; border: .4em solid #fff; border-radius: 14px;}
.main-banner {max-width: 1200px; margin: 0 auto; height: 100%; padding: 0; position: relative;}
.main-banner .swiper-wrapper {text-align: center; font-size: 1px;}
.main-banner .swiper-slide a {display: flex; align-items: center; height: 100%;}
.main-banner .swiper-slide img {height: 100%; width: 100%; object-fit: cover; background: #fff;}
.main-banner .swiper-slide .banner {background: #397EF5; width: 100%; height: 100%; color: #fff; text-align: left; padding: 2em; font-size: 1.2rem;}
.main-banner .swiper-slide .banner.bg1 {background: #397EF5;}
.main-banner .swiper-slide .banner.bg2 {background: #0060af;}
.main-banner .swiper-slide .banner.bg3 {background: #009baf;}
.main-banner .swiper-slide .banner.bg4 {background: #0e883b;}
.main-banner .swiper-slide .banner.bg5 {background: #7e8209;}
.main-banner .swiper-slide .banner.bg6 {background: #a37406;}
.main-banner .swiper-slide .ban-tit {font-size: 1.6em; font-weight: 600; line-height: 1.3; margin-bottom: .3em; word-break: keep-all; width: 70%;}
.main-banner .swiper-slide .ban-con {font-size: 1em; font-weight: 300; line-height: 1.4; margin-bottom: 1.2em; word-break: keep-all; width: 70%;}
.main-banner .swiper-slide .c1 {color: #FFF954;}
.main-banner .swiper-slide .c2 {color: #94FFC7;}
.main-banner .swiper-slide .btn-more {color: #fff; font-size: .95rem; font-weight: 300; line-height: 1;}
.main-banner .swiper-slide .btn-more::after {content: ''; display: inline-block; width: 2.4rem; height: 1.4rem; font-size: .5rem; color: #fff; background: url('data:image/svg+xml;charset=UTF-8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8911 14.2793L14.2179 14.625L18 10.625L14.2179 6.625L13.8911 6.97068L17.1128 10.3781H2V10.8719H17.1128L13.8911 14.2793Z" fill="white" stroke="white" stroke-width="0.5"/></svg>') no-repeat 50% 100% / contain; vertical-align: middle; margin-top: -.25em;}
.main-banner .swiper-slide .banner .ico {width: 5em; position: absolute; top: -1em; right: 1.5em; background: transparent; object-fit: fill;}

.ban-swiper {overflow: hidden; height: 100%;}
.ban-swiper .swiper-slide {background-size: 100% 100%;}
.swiper-navigation {position: absolute; bottom: 1.3em; right: 2em; z-index: 2; width: 6.6em; background: rgba(0, 0, 0, .4); height: 1.4em; border-radius: 1em; padding: 0;}
.swiper-navigation .swiper-button-prev {background: url(/images/secp/ico_man_banner_prev.svg) no-repeat center / cover; height: .7em; width: .7em; cursor: pointer; opacity: .7; left: .5em; top: .38em;}
.swiper-navigation .swiper-button-next {background: url(/images/secp/ico_man_banner_next.svg) no-repeat center / cover; height: .7em; width: .7em; cursor: pointer; opacity: .7; right: .5em; top: .38em;}
.swiper-navigation .swiper-button-prev:hover, .swiper-navigation .swiper-button-next:hover {opacity: 1;}
.swiper-pagination {right: 3.1em; bottom: 1.38em; z-index: 3; width: 4.2em; line-height: 1; text-align: center; left: unset;}
.swiper-pagination-bullet {margin: 0 .4em; background-color: rgba(255,255,255,.3); width: 0.9375em; height: 0.9375em;}
.swiper-pagination-bullet-active {vertical-align: middle; width: 1.25em; height: 1.25em; border: none; background-color: #fff;}
.swiper-pagination-fraction {color: rgba(255, 255, 255, .7); padding: .1em .4em; border-radius: 1em;}
.swiper-pagination-fraction span {padding: 0; font-weight: 300;}
.swiper-pagination-fraction span.swiper-pagination-current {font-weight: 800; color: rgba(255,255,255,.9); }

.main-searchstate-wrap {display: flex; flex-direction: column; flex: 0 0 42%; padding: 2em 2em 2em 2.5em; gap: 1.1em; height: 100%; margin-bottom: .6em;}
.main-searchstate-wrap p {color: #111; font-size: 1.6em; font-weight: 600; letter-spacing: -.03em; margin-bottom: .4em;}
.main-search-box {display: flex; margin-bottom: .6em;}

.main-search {background: #fff; font-size: 1.25em; height: 3em; line-height: 2.5em; border: none; border-radius: 10px; width: 100%; margin-right: -10px; padding: 0 1.2em; box-sizing: border-box; border: 2px solid #397EF5; z-index: 2;}
.main-search:focus, .main-search:active {outline: none; box-shadow: 0 0 0 1px #0142b1; border-color: #0142b1;}
.main-search::placeholder {font-weight: 300; color: #ccc !important;}
.btn-main-search {font-size: 1em; height: 100%; line-height: 3.75em; border: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 3.75em; overflow: hidden; text-indent: -10em; background: url(/images/secp/ico_search_v3.svg) no-repeat 59% 50% / 1.5em auto #397EF5; vertical-align: top; transform: translateX(1px); padding-left: 10px;}
/* .btn-main-search:hover, .main-search:focus ~ .btn-main-search {background-color: #397EF5; background-image: url(/images/secp/ico_search_w.svg);} */
.main-head .tag {padding: 0 1em;}
.main-head .tag li {display: inline-block; vertical-align: top; margin-right: 1em;}
.main-head .tag li a {font-size: 1em; font-weight: 200; color: #829BB2;}
.main-head .tag li a:hover {text-decoration: underline; font-weight: 400;}
.main-applystate-wrap {display: flex; gap: 0.5em;}
.btn-main-round {height: 2.5em; line-height: 2.6em; border: none; border-radius: 2.5em; font-size: 1.12em; font-weight: 600; background: #397EF5; display: inline-block; color: #fff !important; font-weight: 500; padding: 0 1em; white-space: nowrap; letter-spacing: -.03em;}
.btn-main-round-bo {height: 2.5em; line-height: calc( 2.6em - 4px ); border: 2px solid #397EF5; background: #fff; border-radius: 2.5em; padding: 0 .8em; font-size: 1.12em; font-weight: 600; display: inline-block; font-weight: 500; color: #397EF5; white-space: nowrap;}
.btn-main-round::after {content: ''; width: .6em; height: .6em; background: url(/images/secp/ico_arrow_right_white.svg) no-repeat center / auto 0.6em; display: inline-block; margin-left: .3em; vertical-align: middle; margin-top: -.2em;}
.btn-main-round-bo::after {content: ''; width: .6em; height: .6em; background: url(/images/secp/ico_arrow_right_blue.svg) no-repeat center / auto 0.6em; display: inline-block; margin-left: .3em; vertical-align: middle; margin-top: -.2em;}

/* 메인 사업 목록 */
.main-content {height: auto; min-height: 500px; max-width: 1400px; margin: 0 auto; padding: 4em 2em 7.5em; position: relative;}
.prj-list {display: flex; gap: 40px; flex-wrap: wrap;}
.prj-list li {flex: 0 1 calc( 50% - 1.5em );}
.prj-list .prj-item {width: 100%; border-radius: 1.25em; overflow: hidden; box-shadow: 2px 2px 4px rgba(0,0,0,.08); background: #fff;}
.prj-list .prj-item a {}
.prj-list .prj-item .thumb {height: 12.25em; margin-bottom: 1.2em;}
.prj-list .prj-item .txt {padding: .2em 0 1px; max-width: calc( 100% - 4em ); margin: 0 auto; position: relative;}
.prj-list .prj-item.type-b a {height: 100%; padding-bottom: 5.44em; min-height: 17.7em;}
.prj-list .prj-item.type-b .txt {padding: 2em 0 .5em; height: 100%; border-bottom: 1px dashed #d6d6d6;}
.prj-list .prj-item .from {color: #666666; margin-bottom: .8em;}
.prj-list .prj-item.type-b .txt .subject {font-size: 1.75em;}
.prj-list .prj-item.type-b .btn-favo {top: auto; bottom: 1.5em; left: 2em;}
.prj-list .prj-item.type-b .view {bottom: 2em; right: 2em;}

.prj-list .prj-item .subject {font-size: 1.25em; font-weight: 600;  margin-bottom: .3em; padding-right: 2.5em;}
.prj-list .prj-item .subject .label-from {height: 1.2em; margin-left: .3em; margin-top: .1em; vertical-align: top;}
.prj-list .prj-item .date {font-size: 1em; margin-bottom: 1em;}
.prj-list .prj-item .view {position: absolute; bottom: 1em; right: 0;}
.prj-list .prj-item .view img {width: 2.5em;}
.prj-list .prj-item .view span {display: inline-block; margin-left: .5em;}
.prj-list li:not(.none):nth-child(odd) .prj-item > a > :nth-of-type(1) {order: 2;}
.prj-list li:not(.none) .prj-item:nth-of-type(odd) > a > :nth-of-type(2) {order: 1;}

/* 메인 카테고리/필터 */
.prj-catefilter {padding: 1em 0 0;}
.main-content .apply-list-wrap.float {padding-top: 12em;}
.main-content .apply-list-wrap.float .prj-catefilter {position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 3; box-shadow: 0 0 2em rgba(0,0,0,.1);}
.main-content .apply-list-wrap.float .prj-cate {margin-bottom: 1rem;}
.main-content .apply-list-wrap.float .prj-filter {margin-bottom: 1.25rem;}

/* 메인 하단 배너 */
.main_bottom_banner {width: 100%; max-width: 1600px;}

/* 메인 공지사항 */
.main-notice-wrap {background: #fff; padding: 7.5em 2em;}
.main-notice-inner {display: flex; gap: 8em; max-width: 1600px; margin: 0 auto;}
.main-notice-tit {}
.main-notice-tit h3 {font-size: 3.375em; font-weight: 600; margin-bottom: .2em;}
.main-notice-tit h3 strong {color: #397EF5; font-weight: 600;}
.main-notice-more {font-size: 1.5em; font-weight: 500;}
.main-notice-more::after {content: ''; display: inline-block; width: .83em; height: .83em; background: url(/images/secp/ico_main_more2.svg) no-repeat center / 100% auto; vertical-align: middle; margin: 0 0 0 .2em;}
.main-notice-list {border-top: .25rem solid #111; flex: 1;}
.main-notice-list li {border-bottom: 1px solid #D2D2D2; display: flex; justify-content: space-between; gap: 1em; align-items: center;}
.main-notice-list li .subject {font-size: 1.75em; padding: 1.14em 0; font-weight: 500;}
.main-notice-list li .subject:hover {color: #397EF5;}
.main-notice-list li .date {font-size: 1.25em; color: #aaa;}

/* 메인 하단 링크 */
.main-bottom {background: #EEF3F7;}
.main-bottom .content-width {max-width: 1600px; padding: 0; color: #111;}
.link-list {display: flex; gap: 0; width: 100%; border-left: 2px solid #fff;}
.link-list li {flex: 1 1 25%; border-right: 2px solid #fff;}
.link-list li a, .link-list li > span {display: block; width: 100%; height: 100%; padding: 0; box-sizing: border-box; text-align: left; border: 1px solid transparent; transition: border .3s; padding: 4.7em 5em;}
.link-list li h4 {font-size: 1.75em; color: #111; margin-bottom: .8em; font-weight: 600;}
.link-list li p {color: #666; font-size: 1em; margin-bottom: 1.7em; font-weight: 300; word-break: keep-all;}
.link-list li .img {width: 7.8em; height: 7.8em; border-radius: 7.8em; background: #fff; display: block; line-height: 7.8em; margin: 0 auto 1.4em;}
.link-list li .img img {width: 3.5em;}
.link-list li .ico-phone {width: 1em; margin-right: .2em; margin-top: -.2em; vertical-align: middle;}
.link-list li strong {font-size: 1.625em; color: #397EF5; font-weight: 700;}
.link-list li:last-child {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: left;}
.link-list li:last-child > * {width: 60%; text-align: left;}
.link-list li:last-child p {margin: -1.2em 0 1.2em; color: #111; font-size: 1.25em; font-weight: 500;}
.link-list li:last-child span {padding-left: 2em; display: inline-block;}

/* 메인 콘텐츠 추가 */
.main-con-tit1 {text-align: center; font-size: 2.5em; font-weight: 600;}
.main-con-tit1 strong, .main-con-tit2 strong {color: #397EF5; font-weight: 600;}
.main-con-tit2 {text-align: left; font-size: 3.2em; font-weight: 600; margin-bottom: .6em;}
.main-con-txt1 {font-size: 1.5em; line-height: 1.5; text-align: center;}
.btn-main-big {font-size: 1.75em; height: 2em; line-height: 2em; font-weight: 500; padding: 0 1em;}
.btn-main-big::after {content: ''; width: .5em; height: .5em; background: url(/images/secp/ico_arrow_right_white.svg) no-repeat center / contain; display: inline-block; margin: -.07em 0 0 .2em; vertical-align: middle;}
.tab-con-inner {padding: 2.5em 0;}
.tab-con-inner.flex {display: flex; gap: 3em; flex-direction: column; align-items: center;}
[role=tabpanel] .mb80 {margin-bottom: 5rem;}
[role=tabpanel] .mb60 {margin-bottom: 4rem;}
[role=tabpanel] .mb40 {margin-bottom: 2.5rem;}

.filter-wrap {}
.filter-wrap .filter-button-wrap {display: flex; gap: 1em; margin-bottom: 2.5em;}
.filter-wrap .filter-button-wrap li {}
.filter-wrap .btn-filter1 {font-size: 1.375em; height: 2.54em; line-height: 1; padding: 0 1.65em 0 .8em; background: url(/images/secp/ico_filter_arrow_down.svg) no-repeat calc( 100% - .8em) 50% / 0.55em auto #fff; color: #111; border: 1px solid #C2C7DA; border-radius: 1.27em; }
.filter-wrap .btn-filter1.active {background: url(/images/secp/ico_filter_arrow_up.svg) no-repeat calc( 100% - .8em ) 50% / 0.55em auto #397EF5; color: #fff; border: 1px solid #397EF5;}
.filter-wrap .filter-input-wrap {display: flex; flex-wrap: wrap; margin-bottom: 3.75em;}
.filter-wrap .filter-input-wrap li {flex: 0 1 50%; margin: -1px 0 0 -1px;}
.filter-wrap .filter-input-wrap.type-b li {flex: 0 1 calc( 12.5% + 1px );}
.filter-wrap .btn-filter2 {border: 1px solid #C2C7DA; background: #fff; font-size: 1.375em; padding: .6em .2em; width: 100%; height: 100%;}
.filter-wrap .btn-filter2.active {color: #397EF5; font-weight: 600;}
.filter-wrap .btn-filter2.active::after {content: ''; width: .9em; height: .9em; display: inline-block; background: url(/images/secp/ico_filter_check.svg) no-repeat center / contain; margin: 0 0 -.1em .5em;}
.filter-wrap .tag-wrap {padding: 0 3em 2.5em 0; position: relative; border-bottom: 1px solid #C2C7DA; margin-bottom: 2.5em;}
.filter-wrap .tag-list {}
.filter-wrap .btn-tag {font-size: 1.375em; border-radius: .3em; background: #8EA9C1; color: #fff; height: 2.2em; line-height: 2.2em; display: inline-block; padding: 0 .55em 0 .7em; margin-right: .2em; margin-bottom: .2em;}
.filter-wrap .btn-tag .btn-del {display: inline-block; width: 1.25rem; height: 1.25rem; background: url(/images/secp/ico_filter_del.svg) no-repeat center / contain; font-size: 1px; overflow: hidden; text-indent: -100px; vertical-align: middle; margin-left: .3rem;}
.filter-wrap .btn-refresh {width: 2rem; height: 2rem; background: url(/images/secp/ico_filter_refresh.svg) no-repeat center / contain; overflow: hidden; font-size: 1px; text-indent: -100px; border: none; position: absolute; top: .7rem; right: 0;}
.prj-list-top {display: flex; justify-content: space-between; margin-bottom: 2.5em; flex-wrap: wrap; align-items: center;}
.prj-list-top .amount {font-size: 1.2em; margin-top: -.25em;}
.prj-list-top .amount strong {color: #397EF5; font-weight: 500;}
.prj-list-top .sort {display: flex; align-items: center; gap: 1rem;}
.prj-list-top .btn-switch {display: flex; align-items: center; gap: .5em;}
.prj-list-top .btn-switch input[type=checkbox] {display: none;}
.prj-list-top .btn-switch input[type=checkbox] ~ .ico {width: 2.625em; height: 1.5em; background: url(/images/secp/ico_switch_off.svg) no-repeat center /  100% 100%;}
.prj-list-top .btn-switch input[type=checkbox]:checked ~ .ico {background-image: url(/images/secp/ico_switch_on.svg);}
.prj-list-top .select {min-width: 120px; border: 1px solid #C2C7DA; border-radius: .3em; background: url(/images/secp/ico_select_arrow_down.svg) no-repeat calc( 100% - .7em ) 50% #fff; font-size: 1em; margin-top: -.3em; height: 2.5em;}

.guide-box {background: #fff; border: 0.25em solid #C2C7DA; border-radius: .75em; text-align: center; padding: 2em; font-size: 1em;}
.guide-box p {font-size: 1.5em; margin-bottom: 1.25em;}
.my-content .guide-box {margin-bottom: 3rem; margin-top: 3em;}
.my-content .guide-box a {margin-top: 1.25em; font-size: 1.2em;}
.my-content .prj-list {margin-bottom: 2em;}

/* Top으로 버튼 */
.btn-top {position: fixed; bottom: 2em; right: 1.25em; width: 4.5em; height: 4.5em; background: url(/images/secp/ico_top.svg) no-repeat center / 100% 100%; border: none; z-index: 2; cursor: pointer; display: none;}

/* 스크롤 버튼 */
.btn-scroll {position: absolute; bottom: 0; left: 50%; width: 3em; height: 3em; line-height: 3em; border-top-left-radius: 3em; border-top-right-radius: 3em; border: 1px solid rgba(255,255,255,.35); border-bottom: none; background:rgba(255, 255, 255, 0.25); text-align: center; transform: translateX(-50%); z-index: 2;}
.btn-scroll img {height: 68%;}
.btn-scroll:hover {border-color: rgba(255,255,255,.7); background-color: rgba(255,255,255,.4);}

/* GNB 검색 */
.pop-gnb-search {position: fixed; top: -14em; left: 0; width: 100%; height: auto; background: #fff; padding: 1em; z-index: 11; transition: top .6s ease; text-align: right; visibility: hidden;}
.pop-gnb-search.active {top: 0; box-shadow: 0 0 2em rgba(0,0,0,.3); visibility: visible;}
.gnb-search-wrap {display: flex; max-width: 1200px; margin: 0 auto;}
.gnb-search-wrap label {width: 100%;}
.gnb-search {background: #fff; font-size: 1.25em; height: 3em; line-height: 3em; border: none; border-radius: 3em; width: 90%; margin-right: 0.5em; margin-bottom: 0.8em; padding: 0 1.6em; box-sizing: border-box; border: 2px solid #888;}
/* .gnb-search:focus {outline: none; box-shadow: 0 0 0 3px #397EF5;} */
.gnb-search:focus:not(:focus-visible), .main-search:active {outline: none; box-shadow: 0 0 0 2px #0142b1; border-color: #0142b1;}
.gnb-search::placeholder {font-weight: 400;}
.btn-gnb-search {font-size: 1em; height: 3.75em; line-height: 3.75em; border: none; border-radius: 3.75em; width: 5.25em; overflow: hidden; text-indent: -10em; background: url(/images/secp/ico_search_w.svg) no-repeat center / 1.875em auto #111; transition: background .2s !important;}
.btn-gnb-search:hover, .btn-gnb-search:focus {background-color: #397EF5; background-image: url(/images/secp/ico_search_w.svg);}
.pop-gnb-search .tag {padding: 0 1em; max-width: 1200px; margin: 0 auto; text-align: left;}
.pop-gnb-search .tag li {display: inline-block; vertical-align: top; margin-right: 1.2em;}
.pop-gnb-search .tag li a {font-size: 1em; font-weight: 200; color: #111;}
.pop-gnb-search .tag li a:hover {text-decoration: underline; color: #397EF5;}
.pop-gnb-search .btn-search-close {background: url(/images/secp/ico_close.svg) no-repeat center / 50% auto; display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; text-indent: -5em; border: none; font-size: 1em; margin-bottom: 1em;}
.main-header-wrap .pop-gnb-search {top: -18em;}
.main-header-wrap .pop-gnb-search.active {top: 0;}

/* 검색결과 */
.search-result-wrap {}
.search-result-wrap .search-top {text-align: center; padding: 0 1em 2.5em; border-bottom: 2px solid #707070; margin-bottom: 3.25em; margin-top: 3.25em;}
.inp-search2 {height: 3.125em; line-height: 3.125em; border: 2px solid #707070; border-radius: 3.125em; padding: 0 1.875em; box-sizing: content-box; width: 80%; max-width: 630px; font-size: 1em; letter-spacing: -.04em; vertical-align: middle; margin-bottom: 2.5em; font-size: 1.125em;}
.btn-search2 {height: 3.125em; line-height: 3.125em; border: none; background: url(/images/secp/ico_search.svg) no-repeat center transparent; width: 4em; overflow: hidden; text-indent: -10em; margin-left: -4.3em; vertical-align: middle; margin-bottom: 2.5em; font-size: 1.125em; position: relative; z-index: 2; display: inline-block;}
.search-result-wrap .search-top p {font-size: 1.875em; line-height: 1.25; letter-spacing: -.04em; word-break: keep-all;}
.search-result-wrap .search-top p strong {color: #397EF5;}
.search-result-wrap .search-top p b {color: #F99500;}
.search-result-list {}
.search-result-list .stit-wrap:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
* html .search-result-list .stit-wrap {height: 1%;}
.search-result-list .stit-wrap {display: block; min-height: 1%; margin-bottom: 2.18em;}
.search-result-list .stit-wrap h3 {font-size: 1.5em; float: left; font-weight: 600;}
.search-result-list .stit-wrap h3 span {color: #F99500; font-size: .7em; font-weight: 500; display: inline-block; margin-left: .3em;}
.search-result-list .stit-wrap .btn {float: right;}
.search-result-list .list-wrap {border-bottom: 1px solid #ddd; margin-bottom: 3em; padding-bottom: .4em;}
.search-result-list .list-wrap:last-of-type {border-bottom: 0; margin-bottom: 0;}
.search-result-list .list-wrap li {padding: 0 0 2.5em;}
.search-result-list .list-wrap li a:hover {text-decoration: underline;}
.search-result-list .list-wrap li h4 {font-size: 1.25em; font-weight: 500; margin-bottom: .4em;}
.search-result-list .list-wrap li p {font-size: 1em; margin-bottom: .3em; font-weight: 300;}
.search-result-list .list-wrap li h4 b,
.search-result-list .list-wrap li p b {color: #397EF5;}
.search-result-list .list-wrap li .date {color: #ccc; letter-spacing: 0;}
.search-result-list .list-wrap li.f {padding-left: 1.5em;}
.search-result-list .list-wrap li .subject {font-size: 1.125em; font-weight: 500; margin-bottom: .4em; display: inline-block; margin-right: .5em;}
.search-result-list .list-wrap li.f .ico {margin-left: -1.5em; width: 1em; vertical-align: top; margin-top: .3em; margin-right: .4em;}
.search-result-list .list-wrap li.f .btn {margin-left: 0 !important; margin-bottom: .5em;}

/* 로그인 */
.login-wrap {letter-spacing: -.04em;}
.login-wrap h2 {font-size: 2.25em; text-align: center; margin-bottom: .3em; font-weight: 500;}
.login-wrap > p {text-align: center; font-size: 1.15em; color: #888; font-weight: 300;}
.login-wrap > div {border: 1px solid #ddd; box-sizing: border-box; position: relative; font-size: 1em; margin: 2em 0; display: flex;}
.login-wrap > div::before {content:''; width: 1px; height: calc( 100% - 8em ); position: absolute; left: 50%; top: 4em; border-right: 1px dotted #888;}
.login-form {width: 100%; display: inline-block; font-size: 1.125em; padding: 4em 3em;}
.login-form input {height: 3.33em; line-height: 3.33em; width: 100%; margin-bottom: .5em; padding: 0 1em; background: #f9f9f9; box-sizing: border-box; font-size: 1.125em; letter-spacing: 0;}
.login-form input::placeholder {color: #aaa !important;}
.btn-login {height: 3.33em; line-height: 3.33em; text-align: center; width: 100%; background: #397EF5; color: #fff; font-size: 1.125em; display: block; margin-top: 1.125em;}
.btn-login:hover {opacity: .9;}
.login-etc {width: 100%; display: inline-block; padding: 4em 3em; vertical-align: top;}
.login-etc ul {}
.login-etc li {display: block; border: 1px solid #ddd; box-sizing: border-box; background-position: 95% 50%; background-repeat: no-repeat; height: 7.5em;}
.login-etc li:nth-child(1) {margin-bottom: 1em; background-image: url(/images/secp/ico_login_bt1.svg); background-size: 4em auto;}
.login-etc li:nth-child(2) {margin-bottom: 0; background-image: url(/images/secp/ico_login_bt2.svg); background-size: 4em auto;}
.login-etc li a { padding: 1.25em 2.5em; display: block; box-sizing: border-box;}
.login-etc li:hover {border-color: #0358a4;}
.login-etc li a b {font-size: 1.25em; color: #111; font-weight: 500; display: block; margin-bottom: .5em;}
.login-etc li a p {font-size: 1em; color: #888; font-weight: 300; width: 70%; line-height: 1.4; word-break: keep-all;}

/* 회원정보수정 인증 */
.mod-mem-auth-wrap {letter-spacing: -.04em;}
.mod-mem-auth-wrap h2 {font-size: 2.25em; text-align: center; margin-bottom: .3em; font-weight: 500;}
.mod-mem-auth-wrap > p {text-align: center; font-size: 1.15em; color: #888; font-weight: 300;}
.mod-mem-auth-wrap > div {border: 1px solid #ddd; box-sizing: border-box; position: relative; font-size: 1em; margin: 2em 0; display: flex;}
.mod-mem-auth-form {width: 100%; display: inline-block; font-size: 1.125em; padding: 4em 3em;}
.mod-mem-auth-form input {height: 3.33em; line-height: 3.33em; width: 100%; margin-bottom: .5em; padding: 0 1em; background: #f9f9f9; box-sizing: border-box; font-size: 1.125em; letter-spacing: 0;}
.mod-mem-auth-form input::placeholder {color: #aaa !important;}
.btn-mod-mem-auth {height: 3.33em; line-height: 3.33em; text-align: center; width: 100%; background: #397EF5; color: #fff; font-size: 1.125em; display: block; margin-top: 1.125em;}
.btn-mod-mem-auth:hover {opacity: .9;}

/* 회원가입 */
.join-box {border: 1px solid #ddd; padding: 0 2em 2em; text-align: center;}
.join-box .stit {font-size: 1.8em; height: 2em; line-height: 2em; text-align: center; border-bottom: 1px solid #ddd; margin: 0 -1.11em; background: #f9f9f9; margin-bottom: 1.11em;}
.join-box > div {display: flex; gap: 2em; width: 100%; max-width: 800px; margin: 0 auto; align-items: center; text-align: left;}
.join-box > div.inbl {display: inline-block; text-align: center;}
.join-box > div.inbl p {margin: 1em;}
.join-box > div.inbl p strong {letter-spacing: 0; color: #397FE5;}
.join-box .ico-selfok {width: 6em; opacity: .3;}
.join-box .ico-complete {width: 6em;}
.join-box button {height: 5em; font-size: 1.25em; width: 10em; flex: 1 0 6em;}
.join-box .txt {font-size: 1.3em;}

/* 간편 신청 */
.easyapply-wrap {text-align: center; word-break: keep-all;}
.easyapply-wrap .tit1 {font-size: 2.625em; font-weight: 600; letter-spacing: -.04em; margin-bottom: .4em; line-height: 1.1; text-align: center;}
.easyapply-wrap .tit2 {font-size: 2em; font-weight: 600; margin-bottom: 0.6em; text-align: center;}
.easyapply-wrap .tit3 {font-size: 1.1em; font-weight: 500; margin-bottom: 0.4em; text-align: left;}
.easyapply-wrap .desc {margin-bottom: 2rem;}
.scrollbox {border: 1px solid #888; height: 15em; line-height: 1.6; padding: 2em; box-sizing: border-box; font-size: 1em; vertical-align: middle; border-radius: 2px; margin: 0  0 2em; overflow-y: auto; background: #fafafa; text-align: left; font-weight: 300; box-sizing: border-box; width: 100%;}
.scrollbox2 {border: 1px solid #888; height: 30em; line-height: 1.6; padding: 2em; box-sizing: border-box; font-size: 1em; vertical-align: middle; border-radius: 2px; margin: 0  0 2em; overflow-y: auto; background: #fafafa; text-align: left; font-weight: 300; box-sizing: border-box; width: 100%;}
.easyapply-wrap .radio-wrap {margin-bottom: 3em;}
.easyapply-wrap .radio-wrap > div {display: inline-block; padding: 0 .75em;}
.easyapply-wrap .join-box {padding: 2em 3em; max-width: 800px; margin: 0 auto; border-radius: .5em; background: #f6f6f6;}
.input-wrap {padding: 2em 3em; max-width: 600px; margin: 0 auto; border: 1px solid #ddd; border-radius: .5em; background: #f6f6f6;}

.loading-wrap {padding: 1em 0 3em; max-width: 700px; margin: 0 auto;}
.loading-wrap .loading-head {width: 80%;}
.loadingbar {width: 5em; height: 1em; margin: 0 auto; font-size: .9em;}
.loadingbar .area {margin: calc(50% - 1em) auto; width: 5em; height: 1em; text-align: center;}
.loadingbar .area > div {width: 1em; height: 1em; background-color: #397ef5; border-radius: 100%; display: inline-block; margin: 0 .2em;}
.loadingbar .area > div {animation: loading 1.15s infinite ease-in-out both;}
.loadingbar .area .dot2 {animation-delay: 0.15s; background-color: #00a2ff;}
.loadingbar .area .dot3 {animation-delay: 0.3s; background-color: #2dd5ff;}
@keyframes loading {
    0% {transform: scale(0.3);}
    50% {transform: scale(1);}
    100% {transform: scale(0.3);}
}
.lading-step {display: inline-block; background: #f6f6f6; border-radius: .5em; padding: 1em; margin-top: 1em;}
.lading-step li {font-size: 1.125em; display: inline-block; background: #fff; border: 2px solid #ccc; color: #888; height: 3.5em; line-height: 3.5em; padding: 0 1em; border-radius: .5em; margin-right: 1em; position: relative; margin-top: .2em; margin-bottom: .2em;}
.lading-step li::after {position: absolute; top: 0; right: -1.2em; content: ''; width: 1em; height: 3.5em; vertical-align: middle; background: url(/images/secp/loading-arrow.png) no-repeat center / 70% auto;}
.lading-step li:last-child {margin-right: 0;}
.lading-step li:last-child:after {display: none;}
.lading-step li.active {border: 4px solid #397ef5; color: #111;}

.select-head {background: #d1dadf; color: #111; padding: 1em;}
.select-head .tit3 {vertical-align: middle;}
.select-head select {font-size: 1em; vertical-align: middle;}
.apply-content {background: #fff; padding: 3em 2em; min-height: 20em;}

/* footer */
.footer-wrap {background: #63789B; padding: 1em 0; letter-spacing: -.03em;}
.footer-con1 {text-align: left; width: 95%; max-width: 1200px; margin: 0 auto; color: #ccc; font-weight: 300;}
.footer-con1 img {height: 2em; vertical-align: middle; margin-right: 2em;}
.footer-con1 img.foot-gg {height: 4em;}
.footer-con1 ul {display: inline-block; float: right; padding-top: 1em; padding-bottom: .5em;}
.footer-con1 ul li {display: inline-block; margin-left: 2em;}
.footer-con1 ul li a {color: #fff;}
.footer-con1 ul li a.btn {background: rgba(255,255,255,.2); color: rgba(255,255,255,.8);}
.footer-con1 ul li a.privacy {font-weight: 600;}
/*.footer-con1 ul li a:focus {border: 2px solid #fff;}*/
.footer-con1 ul li a:focus:not(:focus-visible) {border: none;}
.footer-con2 {margin-top: 1em; border-top: 1px solid rgba(255,255,255,.2); padding: 2.3em 2em 1em; text-align: center; color: rgba(255,255,255,.7);}
.footer-con2 p {line-height: 1.5; font-weight: 300;}
.footer-con2 p:last-of-type {font-size: .9em; opacity: .5; letter-spacing: 0; margin-top: .6em;}
.wrap.apply .footer-wrap {display: none;}
.ico-remote {height: 1.68em !important; margin-right: 0.3em !important; margin-top: -0.12em;}

/* 서브 헤드 */
.content-width {max-width: 1400px; margin: 0 auto; color: #fff; padding: 0 2em;}
.sub-head {height: 11.375em; background: url(/images/secp/sub_head2_new.jpg) no-repeat center / auto 124% #397ef5; padding-top: 2.5em;}
.sub-head.sub1 {background-image: url(/images/secp/sub_head1_new.jpg);}
.sub-head.sub2 {background-image: url(/images/secp/sub_head2_new.jpg);}
.sub-head.sub3 {background-image: url(/images/secp/sub_head3_new.jpg);}
.sub-head.sub4 {background-image: url(/images/secp/sub_head4_new.jpg);}
.sub-head.sub5 {background-image: url(/images/secp/sub_head5_new.jpg);}
/*.sub-head.sub6 {background-image: url(/images/secp/sub_head6.jpg);}*/
/*.sub-head.sub7 {background-image: url(/images/secp/sub_head7.jpg);}*/
.sub-head h2 {font-size: 3.25em; margin-bottom: 0.15em; font-weight: 500; letter-spacing: -.05em; }
.sub-head .linemap {text-align: left;}
.sub-head .linemap li::after {background-image: url(/images/secp/ico_linemap_arrow_w.svg);}
.sub-head .linemap li a {font-size: 1rem;}
/* .sub-head .linemap li img {margin-top: -.3em;} */

/* 팝업 */
.pop-wrap {padding: 0;}
.pop-wrap .pop-head {height: 3em; background: #397EF5; line-height: 3em; padding: 0 1em;}
.pop-wrap .pop-head h1 {color: #fff; font-size: 1.5em; font-weight: 500;}
.pop-wrap .pop-head .btn-close {background: url(/images/secp/btn_close_wh.png) no-repeat center / cover; width: 1.2em; height: 1.2em; position: absolute; top: .9em; right: 1em; overflow: hidden; text-indent: -5em; border: none; font-size: 1em;}
.pop-wrap .pop-body {padding: 1em; overflow-y: auto; height: calc( 100vh - 3em );}
.pop-wrap .apply-write-inner {padding: 1em;}

/* 적격 & 부적격 배지 */
.badge-eligible {background: #58a111; color: #fff; display: inline-block; height: 1.8em; line-height: 1.8em; padding: 0 .6em 0 .5em; border-radius: 1.8em; font-size: .9em;}
.badge-eligible::before {display: inline-block; content: ''; width: 1em; height: 1em; border: 1px solid #fff; border-radius: 1em; background: url(/images/secp/ico_checkbox.png) no-repeat center; background-size: 1em 1em; vertical-align: middle; margin-right: .2em; margin-top: -.2em;}
.badge-eligible2 {background: #f26c4f; color: #fff; display: inline-block; height: 1.8em; line-height: 1.8em; padding: 0 .6em 0 .5em; border-radius: 1.8em; font-size: .9em;}
.badge-eligible2::before {display: inline-block; content: ''; width: 1em; height: 1em; border: 1px solid #fff; border-radius: 1em; background: url(/images/secp/ico_checkbox.png) no-repeat center; background-size: 1em 1em; vertical-align: middle; margin-right: .2em; margin-top: -.2em;}
.badge-ineligible {background: #E03939; color: #fff; display: inline-block; height: 1.8em; line-height: 1.8em; padding: 0 .6em 0 .5em; border-radius: 1.8em; font-size: .9em;}
.badge-ineligible::before {display: inline-block; content: ''; width: 1em; height: 1em; border: 1px solid #fff; border-radius: 1em; background: url(/images/secp/ico_checkbox.png) no-repeat center; background-size: 1em 1em; vertical-align: middle; margin-right: .2em; margin-top: -.2em;}

/* video */
.youtube {padding: 1em;}
.video-ratio {height: 0; padding-top: 56.25%; position: relative;}
.video-ratio iframe {background: black; position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.splitter_panel .right_panel {border-left: 1px solid #dbe3ef;}

/* */
.wrap.applyinfo .sub-content {/*margin-top: 3.75rem; */height: auto; min-height: auto; max-width: none; padding: 0;}/*ff*/
.wrap.applyinfo .sub-content .apply-info.only {background: #fff; position: relative;}
.wrap.applyinfo .sub-content .apply-info.only::before {content: ''; height: 11.25rem; top: 0; left: 0; width: 100%; background: #1c8ef3; position: absolute; z-index: 0;}
.wrap.applyinfo .sub-content .apply-info.only .apply-info-inner {max-width: 1260px; margin: 0 auto; position: relative; z-index: 1;}
.apply-info-stit2 {font-size: 1.75em; font-weight: 600; border: 3px solid #111; border-radius: 3em; padding-bottom: .4em; padding-top: .4em; letter-spacing: -.05em; text-align: center; background: #fff; margin-bottom: 1em;}
.apply-badge1 {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.1em; margin-top: -0.3em; font-weight: 500; background: #00C60F;} /*ff*/
.apply-badge2 {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.1em; margin-top: -0.3em; font-weight: 500; background: #FFB100;} /*ff*/
.apply-badge3 {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.1em; margin-top: -0.3em; font-weight: 500; background: #fd4141;} /*ff*/
.apply-badge4 {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.1em; margin-top: -0.3em; font-weight: 500; background: rgba(0,0,0,.3);} /*ff*/
.apply-badge5 {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.1em; margin-top: -0.3em; font-weight: 500; background: #09c7be;} /*상시접수*/
.apply-badge6 {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.1em; margin-top: -0.3em; font-weight: 500; background: #7f87eb;} /*예산소진 시까지*/

.attachbox {background: #f2f2f2; padding: 2em 4em; margin-bottom: 3em;}
.attachbox li {margin-bottom: .6em; line-height: 1.3;}
.attachbox li:last-child {margin-bottom: 0;}
.attachbox .ico {width: 1em;}
.attachbox-wrap {display: none;}
.attachbox-wrap.show {display: block;}
.hbl {font-size: 1.3em; padding-left: .8em; position: relative; margin-bottom: .5em;}
.hbl::before {content: ''; width: .35em; height: 1em; background: #397EF5; display: inline-block; position: absolute; top: .25em; left: 0; border-radius: .35em;}
.hbl ~ p {margin-left: 1em; font-weight: 300;}


/* intro */
.intro-tt {text-align: center; font-size: 1.8em; color: #111; font-weight: 700; margin: 0 0 1.5em;}
.intro-tt::before {content:''; width: 60px; height: 6px; background-color: #397ef5; display: block; margin: 0 auto 10px; }
.intro-tt.mt {margin-top: 100px;}
.intro-tt2 {text-align: left; font-size: 1.3em; color: #111; font-weight: 700; margin: 0 0 1em; position: relative; padding-left: 20px;}
.intro-tt2::before {content:''; width: 12px; height: 12px; border-radius: 12px; box-sizing: border-box; border: 3px solid #397ef5; position: absolute; left: 0; top: 8px;}
.intro-tt3 {text-align: center; font-size: 1.8em; color: #111; font-weight: 700; margin: 0 0 1.5em;}
.intro-tt3 > span {background-color: #397EF5; color: #fff; font-size: 1.3em; text-align: center; width:70px; height: 70px; line-height: 70px; border-radius: 50%; display: block; margin: 0 auto 5px;}
.intro-tt3.mt {margin-top: 100px;}

.intro-text1 {font-size:1.2em;}
.intro-text1 > p {margin: 1em 0; display: block; line-height: 1.8; word-break: keep-all; color: #1a315e;}
.intro-text1 > p span {font-weight: 600; color: #3c6ab9;}
.intro-text1 > p sup { display: inline-block; margin-top: -5px; vertical-align: top;}
.intro-text1 .comment {background-color: #f5f8fe; padding: 1.5em; font-size: .865em; color: #3c6ab9; box-sizing: border-box; margin-top: 2em; word-break: keep-all; font-weight: 400;}
.intro-text1 .comment > b {display: block; margin: 0 0 5px 0;}
.intro_arrow {display: block; margin: 3em auto;}
.intro-con1 {text-align: center; background-color: #d8edff; padding: 2em; font-size: 2em; transition: all .2s ease;}
.intro-con1 > img {width: 80%; max-width: 703px; margin: 0 auto; display: block;}
.intro-con1 > p {background-color: #397ef5; color: #fff; display: inline-block; margin: -6px 0 0; border-radius: 50px; padding: .25em 1.5em; box-sizing: border-box; font-weight: 600; word-break: keep-all; line-height: 1.4;}

.intro-con2 > p {background-color: #397ef5; color: #fff; display: block; margin: 0 1em 1em; border-radius: 50px; padding: .5em 1.5em; box-sizing: border-box; font-weight: 600; word-break: keep-all; font-size: 2em; text-align: center; line-height: 1.2;}
.intro-col2 {height: 1%; display: block;}
.intro-col2:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
.intro-col2 > div { width: calc(50% - 15px); background-color: #f5f8fe; padding: 2em; box-sizing: border-box;}
.intro-col2 > div > p {background: #344f7d; color: #fff;  text-align: center; padding: .5em 0; font-size: 1.4em; font-weight: 600; margin: 0 0 1em;}
.intro-col2 .col2-1 {float: left; margin-right: 15px;}
.intro-col2 .col2-2 {float: right; margin-left: 15px;}
.intro-col2 > div > ul li {background: #fff; margin-bottom: 1.5em; padding: 1.5em; box-sizing: border-box; transition: all .05s ease-in-out; box-shadow: 0px 20px 20px rgba(106,148,220, .1);}
.intro-col2 > div > ul li:last-child {margin-bottom: 0;}
.intro-col2 > div > ul li > img {width: 100px; display: inline-block;}
.intro-col2 > div > ul li > p {vertical-align: middle; width: calc(100% - 120px); margin-left: 15px; display: inline-block; font-size: 1.25em; color: #1a315e; font-weight: 500; line-height: 1.4; word-break: keep-all;}
.intro-col2 > div > ul li:hover {transform: scale(1.05);}

.intro-list1 {}
.intro-list1 > li {position: relative; font-size: 1.125em; line-height: 1.5; padding-left: 15px; margin-bottom: .5em; color: #1a315e;}
.intro-list1 > li::before {width: 5px; height: 5px; border-radius: 5px; background: #397ef5; left: 0; top: .5em; position: absolute; content:'';}
.intro-list1 > li ul {font-size: .9em; margin: 1em 0;}
.intro-list1 > li ul li {margin-bottom: .25em; position: relative; padding-left: 12px; color: #66738d;}
.intro-list1 > li ul li::before {width: 5px; height: 5px; line-height: 1.2; left: 0; top:0; position: absolute; content:'-'; text-align: left;}
.intro-list2 {text-align: center; margin: 2em 0;}
.intro-list2 li {display: inline-block; border: .5rem solid #E6EAF6; box-sizing: border-box; padding: 1em; font-size: 1.125em; font-weight: 600; color: #1a315e; text-align: center; word-break: keep-all; width: calc(33.111% - 20px); margin-right: 25px; position: relative; min-height: 100px; vertical-align: top; line-height: 1.6;}
.intro-list2 li:last-child {margin-right: 0;}
/*.intro-list2 li::before {content:''; content: ""; display: block; border: .6rem solid transparent; border-left-color: #475EBF; position: absolute; top: 50%; right: -20px; -webkit-transform: translate(75%, -50%); transform: translate(75%, -50%); }
.intro-list2 li:last-child::before {display: none;}*/

.intro-list3 {/*height: 1%;*/ display: block; border: 1px solid #c5d1e4; box-sizing: border-box; margin-bottom: 50px;}
.intro-list3::after {content: " "; height: 0; display: block; visibility: hidden; clear: both; box-sizing: border-box;}
.intro-list3 li {width: 16.666%; float: left; border-right: 1px solid #eaeff9; color: #344f7d; text-align: center; padding: 1em; box-sizing: border-box; position: relative; min-height: 240px; transition: all .1s ease;}
.intro-list3 li > p {font-weight: 600; font-size: 1.1em; line-height: 1.5; word-break: keep-all;}
.intro-list3 li > p span {display: block; font-weight: 300; font-size: .9em; letter-spacing: -.5px;}
.intro-list3 li > p small {display: block; font-size: .8em; font-weight: 300; color: #397ef5;  letter-spacing: -1px;}
.intro-list3 li:last-child {width: 16%; border-right: 0;}
.intro-list3-img {background: #f5f8fe; width: 120px; height: 120px; border-radius: 50%; display: block; margin: 1em auto;}
.intro-list3-img > img {margin-top: 30%; width: 40%; max-width: 37px; }
.intro-list3 li .step {position:absolute; left: 0; top: 0; width: 30px; height: 30px; line-height: 30px; background-color: #dae2ee; color: #111; font-size: 1em;}
.intro-list3-1 li {min-height: 276px;}
.intro-list3 li.point .step{background-color: #f8e210;}
.intro-list3 li.point .comment {position: absolute; left: 0; bottom: 0; width: 100%; height: auto; line-height: 1.4; padding: 10px 0; background: #7a92b4; color: #fff; font-size: .8em; font-weight: 300;  letter-spacing: -2px; border-top: 1px solid #dae1ed; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.intro-list3 li.point .intro-list3-img {background: #fcf9e1;}
.tbl-wrap {margin-bottom: 1.5em;}
.tbl-list3 {border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; border: 1px solid #c5d1e4;}
.tbl-list3 caption {font-size: 1em; margin: 0 }
.tbl-list3 tr {padding: .35em;}
.tbl-list3 thead th {background: #344f7d; color: #fff;  font-weight: 500;}
.tbl-list3 th, .tbl-list3 td {text-align: center; font-size: 1em; vertical-align: middle; border-right: 1px solid rgba(255,255,255, .2); letter-spacing: 0; vertical-align: middle; padding: 1em;}
.tbl-list3 th {font-weight: 400; text-align: center;}
.tbl-list3 td {color: #344f7d; letter-spacing: -.04em; font-weight: 400; line-height: 1.4;  border-bottom: 1px solid #c5d1e4; border-right: 1px solid #c5d1e4;}
.intro-call {background-color: #397ef5; color: #fff; font-size: .9em; padding:1em; border-radius: 10px; display: inline-block; margin: 0 auto 2em; text-align: center; position: relative;}
/*.intro-call::before {position: absolute; left: 1em; top: -12px; width: 10px; height: 26px; border-radius: 10px; background-color: #1a5aca; content:''}
.intro-call::after {position: absolute; right: 1em; top: -12px; width: 10px; height: 26px; border-radius: 10px; background-color: #1a5aca; content:''}*/
.intro-call > p {display: inline-block; vertical-align: middle; line-height: 1.4;}
.intro-call > p img {display: inline-block; vertical-align: middle; width: 20px; margin: -4px 2px 0 0;}
.intro-call > span {display: inline-block;  vertical-align: middle;  font-size: 2em; font-weight: 600; margin: 0 0 0 .25em; line-height: 1;}

.complete-wrap {padding: 3em 0; max-width: 700px; margin: 0 auto; text-align: center;}
.complete-wrap .complete-head {width: 80%;}
.complete-wrap p.txt1 {font-size: 1.8em; font-weight: bold; letter-spacing: -.05em;}
.complete-wrap p.txt2 {font-size: 1.4em;}

.tbl-list4 {border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size: 1em; background: #f5f6f9; border-radius: 1em;overflow: hidden;}
.tbl-list4 caption {font-size: 1em; margin: 0;}
.tbl-list4 tr {padding: .35em;}
.tbl-list4 th, .tbl-list4 td {text-align: center; font-size: 1em; vertical-align: middle; letter-spacing: 0; vertical-align: middle; padding: .5em 1em;}
.tbl-list4 td {color: #344f7d; letter-spacing: -.04em; font-weight: 400; line-height: 1.4; border-bottom: 1px solid #d9dee5; text-align: left;}
.tbl-list4 thead th, .tbl-list4 tbody .tit {background: #b2bfd3; color: #fff;  font-weight: 500; text-align: center; border-right: 1px solid rgba(255,255,255, .2);}
.tbl-list4 tbody th {font-weight: 500; border-bottom: 1px solid #cdd3dd; border-right: 1px solid #e5ebf6; color: #344f7d; background: #E9EDF3; text-align: left;}
.tbl-list4 .disabled, .tbl-list4 :disabled {border: none; background: transparent; color: #344f7d; opacity: 1;}
.tbl-list4 th:last-child, .tbl-list4 td:last-child {border-right: none;}
.tbl-list4 tr:last-child th, .tbl-list4 tr:last-child td {border-bottom: none;}
.bl1 {display: inline-block; line-height: 1.2; font-weight: 600; padding-left: .5em; text-indent: -.5em;}
.bl1::before {content: ''; display: inline-block; width: .3em; height: 1em; border-radius: 1em; background: #fc7100; vertical-align: top; margin: .1em .4em 0 0;}
.inbl {display: inline-block}

.privacy {font-weight: 300;}
.privacy a {color: inherit;}
.head-box {padding: 2em; background: #f0f8ff; margin-bottom: 3em; border: 1px solid #cbdded; color: #0878af;}
.scrollbox .head-box {padding: 0; background: none; border: none; color: inherit;}
.privacy-item {margin-bottom: 3em; padding-left: 2em;}
.privacy-tt2 {text-align: left; font-size: 1.4em; color: #111; font-weight: 700; margin: 0 0 1em -1em; position: relative; padding-left: 1.1em;}
.privacy-tt2::before {content:''; width: .8em; height: .8em; border-radius: .8em; box-sizing: border-box; border: .2em solid #397ef5; position: absolute; left: 0; top: .35em;}
.privacy-tt3 {text-align: center; font-size: 1.8em; color: #111; font-weight: 700; margin: 0 0 1.5em;}
.privacy-tt3 > span {background-color: #397EF5; color: #fff; font-size: 1.3em; text-align: center; width:70px; height: 70px; line-height: 70px; border-radius: 50%; display: block; margin: 0 auto 5px;}
.privacy .bold {font-weight: 600;}
.list-disc {margin: 1em 0 2em;}
.list-disc li {text-indent: -1em; padding-left: 1em; padding-bottom: 1em;}

.noemail-wrap {letter-spacing: -.04em;}
.noemail-wrap h2 {font-size: 2.25em; text-align: center; margin-bottom: .3em;}
.noemail-wrap h2 strong {font-weight: 500;}
.noemail-wrap > p {text-align: center; font-size: 1.15em; color: #888; font-weight: 300;}
.noemail-wrap > div {border: 1px solid #ddd; background: #fafafa; box-sizing: border-box; position: relative; font-size: 1em; margin: 3em 0; padding: 3em;}
.noemail-wrap > div h3 {font-weight: bold; font-size: 1.5em; text-align: center; margin-bottom: 2.5em;}
.noemail-wrap ul {font-weight: 300; margin-bottom: 0;}
.noemail-wrap ul li {text-indent: -0.5em; padding-left: 0.5em; padding-bottom: 0.5em;}

.swiper-slide a:focus {border: 1px solid #111 !important; display: block; height: 100%;}

.apply-lvl-img-container img {width: 100%; max-width: 800px;}

/* 툴팁 */
[data-tooltip-text] {position: relative;}
[data-tooltip-text]:after {transition: bottom .3s ease-in-out, opacity .3s ease-in-out; background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 .2em .1em rgba(50, 50, 50, .2); border: 2px solid #52585f; border-radius: .5em; color: #111; font-size: .75em; margin-bottom: .8em; padding: .8em; position: absolute; width: 90%; min-width: 5em; max-width: 20em; word-wrap: break-word; z-index: 9999; opacity: 0; left: -9999px; top: 90%; content: attr(data-tooltip-text); white-space: normal; line-height: 1.4; font-weight: 300; word-break: keep-all; white-space: pre-wrap;}
[data-tooltip-text]:hover:after {top: 120%; left: 50%; opacity: 1; transform: translateX(-50%);}
[data-tooltip-text]:before {content: ''; width: 0; height: 0; border-bottom: .5em solid #52585f; border-left: .3em solid transparent; border-right: .3em solid transparent; position: absolute; top: 95%; left: 50%; transform: translateX(-50%); opacity: 0;}
[data-tooltip-text]:hover:before {animation: tthover .3s forwards;}
.my-content [data-tooltip-text]:before {border-bottom-width: 1em;}
.my-content [data-tooltip-text]:hover:after {top: 150%;}
@keyframes tthover {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* @media screen and (max-width: 768px) {
    [data-tooltip-text]:after, [data-tooltip-text]:before {display: none;}
} */

/* MY 홈 */
.my-content {padding: 3.75em 0; background: #F4F5F9;}
.my-wrap {display: flex; gap: 5em;}
.my-menu {background: #397EF5; width: 280px; border-top-right-radius: 1.25em; border-bottom-right-radius: 1.25em; padding: 5em 1.875em; font-weight: 500; min-width: 200px;}
.my-menu ul {}
.my-menu > ul > li {margin-bottom: 1em; display: block;}
.my-menu > ul > li > a {color: #fff; font-size: 1.25em; padding: .5em 0 .5em 2.7em; display: block; border-radius: 1.5em; text-indent: -1.8em; word-break: keep-all; line-height: 1.3;}
.my-menu > ul > li > a.active {color: #333; background: #fff; font-weight: 600;}
.my-menu > ul > li img {width: 1.5em; height: 1.5em; vertical-align: middle; margin: -0.25em 0.4em 0 0;}
.my-menu > ul > li > a.active img {filter: invert(1);}
.my-menu > ul > li > ul {padding: 1em 0 0 .8em;}
.my-menu > ul > li > ul > li {padding: 0 0 .5em .5em;}
.my-menu > ul > li > ul > li:last-child {margin-bottom: 0;}
.my-menu > ul > li > ul > li > a {color: #fff; font-size: 1em; font-weight: 400; padding: 0; text-indent: -.8em; word-break: normal;}
.my-menu > ul > li > ul > li > a::before {content: ''; display: inline-block; width: .25em; height: .25em; border-radius: .25em; background: #fff; margin: -.25em 0.625em 0 0; vertical-align: middle;}
.my-menu > ul > li > ul > li > a.active {color: #ffe96d; font-weight: 700;}
.my-head {border-bottom: 2px solid #333; position: relative; padding: 1em 0 .8em;}
.my-linemap {display: flex; align-items: center; gap: 1em;}
.my-linemap li {line-height: 1; display: inline-block; vertical-align: middle;}
.my-linemap li::after {content: ''; display: inline-block; width: 32px; height: 1px; background: #999; margin-left: 1em; margin-top: 1px; vertical-align: middle;}
.my-linemap li:last-child::after {display: none;}
.my-linemap li img {vertical-align: middle; width: 1.5em;}
.my-linemap li:last-child {font-weight: 500;}
.my-cont-wrap {margin-right: 10em; flex: 1; font-family: Pretendard;}
.my-head h2 {font-size: 3.5em; font-weight: 700; color: #111; margin-top: .5em; line-height: 1.1; word-break: keep-all; margin-bottom: .15em;}
.my-head p {position: absolute; bottom: .75em; right: 7em; font-size: 2.25em; line-height: 1;}
.my-head p strong {}
.my-head .headimg {position: absolute; bottom: 0; right: 0; height: 10.9em;}

.my-cont {padding: 3.75em 0; display: grid; gap: 3.75em 2.5em; grid-template-columns: 1fr 1fr; max-width: 1400px; margin: 0 auto;}
.my-cont2 {padding: 3.75em 0;}
.my-cont-inner {background: #fff; padding: 4em; border-radius: 1em; border-radius: 1.25em; box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, .05);}
.my-cont-inner h2 {text-align: center; font-weight: 700; font-size: 2.5em; margin-bottom: 1em;}
.my-prj-wrap {position: relative; flex: 0 1 48%; min-height: 288px;}
.my-bbs-wrap {position: relative; flex: 1 1 100%; grid-column: span 2;}
.my-title {font-size: 2.2em; font-weight: 600; margin-bottom: .7em;}
.my-title strong {color: #397EF5; font-weight: 600;}
.my-title2 {font-size: 1.8em; font-weight: 600; margin-bottom: .7em;}
.my-title2::before {content: ''; width: .3em; height: 1em; border-radius: .25em; display: inline-block; vertical-align: top; background: orange; margin-right: .3em; margin-top: .2em;}
.my-cont2 .guide-box {margin-top: 0;}
.my-text {font-size: 1.25em; margin-bottom: 2em; color: #555;}
.my-text2 {font-size: 1.1em; margin-bottom: 1.5em; color: #555;}
.my-stitle {font-size: 1.5em; font-weight: 600; margin-top: 2em; margin-bottom: .5em;}
.my-stitle .txt {font-size: .85em; font-weight: 400; color: #666; letter-spacing: 0; margin-left: .25em;}
.rqd {color: #E03939;}
.ex-wrap {display: flex; gap: 10px; margin-bottom: 5em; flex-wrap: wrap;}
.ex-wrap li {display: flex; flex-wrap: wrap; align-items: center;}
label.ex {white-space: nowrap;}
label.ex input {display: none;}
label.ex input ~ span {border-radius: 1.5em; border: 1px solid #ADB5BD; background: #fff; font-size: 1.2em; line-height: 1.3; padding: .64em 1em;}
label.ex.del input ~ span {padding-right: 2em;}
.word-list {background: #f9fafd; padding: 1.2em; color: #333; border: 1px solid #ADB5BD; border-radius: .2em; line-height: 1.3; font-size: 1em; width: 100%; box-sizing: border-box; height: 22em; overflow: auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px;}

.ex-wrap .btn-del:hover {background-color: rgba(0,0,0,.3);}
.word-tag {font-size: 1.2em; border-radius: .3em; background: #8EA9C1; color: #fff; line-height: 1.3; padding: .4em .55em .33em .7em; display: flex; justify-content: center; align-items: center;}
.word-tag .btn-del {display: inline-block; width: 1.25rem; height: 1.25rem; background: url(/images/secp/ico_filter_del.svg) no-repeat center / contain; font-size: 1px; overflow: hidden; text-indent: -100px; vertical-align: middle; margin-left: .3rem;}
.pop-wrap .btn-step-wrap {margin-bottom: 0 !important;}
label.ex input:checked ~ span {background: #00C50F; color: #fff; border-color: #00C50F;}
.textarea {width: 100%; height: 12em; border-radius: .5em; border: 1px solid #ADB5BD; background: #f9fafd; font-size: 1.35em; line-height: 1.4;}
.my-cont2 .btn-wrap {font-size: 1em; text-align: center; padding: 1.5em 0 0;}
.my-cont2 .btn-wrap button {margin: .2em .2em;}
.my-cont2 .btn-add {font-size: 1.7em; height: 1.65em; width: 3em; line-height: 1; padding: 0 0 2px; font-weight: 100; background: #666; margin-top: -.2em;}
.my-content .easyapply-wrap {font-size: 1.2em;}
.ex-self {border-radius: 1.5em; border: 1px solid #00C50F; background: #00C50F; color: #fff; font-size: 1.2em; line-height: 1.3; padding: .64em 1em; display: inline-block; white-space: nowrap;}
.ex-self .btn-del {width: 1.5em; height: 1.5em; display: inline-block; border: none; background: url(/images/secp/ico_filter_del.svg) no-repeat center / 80% 80% rgba(0,0,0,.15); overflow: hidden; text-indent: -100px; vertical-align: middle; margin-left: .5em; margin-right: -.6em; margin-top: -.2em; border-radius: 1.5em; opacity: .8;}

.lifecycle {display: none;}


.my-prj-wrap .btn-more, .my-bbs-wrap .btn-more {font-size: 1.25em; position: absolute; top: 1em; right: 0; color: #555;}
.my-bbs-wrap .btns {position: absolute; top: .2em; right: 0; display: flex; gap: 1rem; align-items: center;}
.my-bbs-wrap .btns .btn-more {position: static;}
.my-bbs-wrap .btns .btn {font-size: 1em; background: #bbb !important; font-weight: 400 !important;}
.my-prj-wrap .btn-more::after, .my-bbs-wrap .btn-more::after {width: .8em; height: .8em; content: ''; background: url(/images/secp/ico_my_arrow-right.svg) no-repeat center/contain; display: inline-block; vertical-align: middle; margin-top: -.07em; margin-left: .15em;}
.my-prj-item {padding: 3em 2.5em; display: flex; gap: 1.5em; position: relative;}
.my-prj-wrap > .my-prj-item {background: #fff; border-radius: 1.25em; box-shadow: 0.25em 0.25em 1em rgba(0,0,0,.05); min-height: 15em;}
.my-prj-wrap > .my-prj-item .act {margin-top: .3em;}
.my-prj-item .thumb {width: 7.5em; height: 7.5em; border-radius: 3.75em; border-top-left-radius: 0;}
.my-prj-item .info {display: flex; flex-wrap: wrap; gap: .5em 2em; position: relative; z-index: 2;}
.my-prj-item .btn-go {position: absolute; z-index: 2; top: 0 ; left: 0; width: 100%; height: 100%; font-size: 1px; overflow: hidden; text-indent:-100px;}
.my-prj-item h4, .my-prj-item h4 a {font-size: 1.625em; font-weight: 600; margin-bottom: .5em; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: calc(1.5em * 2);}
.my-prj-item dl, .my-prj-item .act {font-size: 1.125em; color: #404D61; display: flex; gap: .2em .75em;}
.my-prj-item .act {width: 100%; flex-wrap: wrap;}
.my-prj-item dt, .my-prj-item .act h5 {display: inline-block; font-weight: 300; white-space: nowrap;}
.my-prj-item dt::after, .my-prj-item .act h5::after {content: ''; width: 1px; height: .9em; background: #ccc; display: inline-block; margin-left: .5em; vertical-align: middle; margin-top: -.07em;}
.my-prj-item dt::before, .my-prj-item .act h5::before {content: '•'; display: inline-block;}
.my-prj-item dd, .my-prj-item .act li {line-height: 1.3;}
.my-prj-item .act li {position: relative;}
.my-prj-item .act ul {display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap;}
.my-prj-item .btn-go {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.my-prj-item label {color: #fff; height: 1.5em; padding: 0 .5em; background: #ccc; line-height: 1.5em; border-radius: 0.25em; font-weight: 400; display: inline-block; margin-bottom: 0;}
.my-prj-item label.step1 {background-color: #48b4ee;}
.my-prj-item label.step2 {background-color: #35cdc4;}
.my-prj-item label.step3 {background-color: #2EC758;}
.my-prj-item label.step4 {background-color: #80a7ff;}
.my-prj-item label.step5 {background-color: #aa93fc;}
.my-prj-item label.step6 {background-color: #df84ee;}

.my-prj-item label.status1 {background-color: #FF6B00;}
.my-prj-item label.status2 {background-color: #FFBF00;}
.my-prj-item label.status3 {background-color: #9ACF50;}
.my-prj-item label.status4 {background-color: #CF9E50;}
.my-prj-item label.status5 {background-color: #D07946;}
.my-prj-item label.status6 {background-color: #F98585;}
.my-prj-item label.status7 {background-color: #D596A4;}
.my-prj-item label.status8 {background-color: #969BD5;}
.my-prj-item label.status9 {background-color: #96C5D5;}
.my-prj-item label.status10 {background-color: #8DCA90;}
.my-prj-item label.status11 {background-color: #ABCA63;}
.my-prj-item label.status12 {background-color: #CABE63;}
.my-prj-item label.status13 {background-color: #81A3D9;}
.my-prj-item label.status14 {background-color: #aaaaaa;}

.my-prj-item label.etc1 {background-color: #A93E00;}
.my-prj-item label.etc2 {background-color: #1B7D00;}
.my-prj-item label.etc3 {background-color: #1D6DAA;}
.my-prj-item label.etc4 {background-color: #8E198C;}
.my-prj-item label.etc5 {background-color: #0088A3;}

.my-prj-item .btn-act {display: inline-block; font-size: 1rem; font-weight: 400; padding: .4em .7em .3em; border-radius: 1em; color: #fff; background: #335288; border: none; vertical-align: middle; white-space: nowrap; line-height: 1rem;}
.my-prj-item .btn-act img, .my-prj-item .btn-basic img {width: 0.78em; height: 0.56em; display: inline-block; background: url(/images/secp/ico_my_arrow-right2.svg) no-repeat center / contain; margin-left: .3em; margin-top: -.17em; vertical-align: middle;}
.my-prj-item .btn-basic {display: inline-block; font-size: 1rem; font-weight: 400; padding: .4em .7em .3em; border-radius: 1em; color: #fff; background: #8EA9C1; border: none; vertical-align: middle; margin-top: .3em; line-height: 1rem;}
.my-prj-item .btn-basic.w2 {min-width: 9em; border-radius: 2em; position: relative; font-weight: 200; line-height: 1.1; padding: .3em;}
.my-prj-item .btn-basic.w2 strong {font-weight: 600;}
.my-prj-item .btn-basic.w2 img {margin: -.5em 0 0; position: absolute; right: 1.1em; bottom: .55em;}

.my-prj-item .btn-act2 {display: flex; font-size: 1em; font-weight: 400; padding: .5em .5em .5em .4em; border-radius: .5em; color: #111; border: 1px solid #cad6da; background: #fff; vertical-align: middle; width: 12em; gap: .5em;}
.my-prj-item .btn-act2:hover {border: 1px solid #2D487D; box-shadow: .2em .2em .4em rgba(0,0,0,.1);}
.my-prj-item .btn-act2 > div  {text-align: left;}
.my-prj-item .btn-act2 .t1 {margin-bottom: .25em; font-weight: 600; font-size: .9em;}
.my-prj-item .btn-act2 .t2 {font-size: .75em; font-weight: 200; opacity: .9; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.my-prj-item .btn-act2 img {width: 3.25em;}

.my-prj-item .btn-act-detail:hover {border: 1px solid #2D487D; box-shadow: .2em .2em .4em rgba(0,0,0,.1);}
.my-prj-item .btn-act-detail.active {border: 2px solid #2D487D; box-shadow: .2em .2em .4em rgba(0,0,0,.1);}
.my-prj-item .btn-act-detail.active::after {content: ''; width: 0; height: 0; border-style: solid; border-width: .7rem .4rem 0px .4rem; border-color: #2D487D transparent transparent transparent; position: absolute; bottom: -.6rem; left: 50%; transform: translateX(-50%);}
.document-wrap {background: #fff; border: 1px solid #2D487D; border-radius: .4rem; text-align: left; padding: 1.2rem; position: absolute; top: 5.1em; left: 50%; transform: translateX(-50%); z-index: 10; box-shadow: .2rem .2rem .6rem rgba(0, 0, 0, .2); width: 240px; display: none;}
.document-wrap h5 {font-weight: 700 !important; border-right: none; font-size: 16px; padding-bottom: 5px;}
.document-wrap h5::before, .document-wrap h5::after {display: none !important;}
.document-wrap ul.document {text-align: left; display: block; border-top: 1px solid #eee; margin-bottom: 1.2em;}
.document-wrap ul.document li {display: block; width: 100%; border-bottom: 1px solid #eee;}
.document-wrap ul.document li a {display: flex; gap: 1.6rem; justify-content: space-between; width: 100%; font-size: 14px; align-items: center; padding: .4rem 0;}
.document-wrap ul.document li a:hover {background: #f5faff;}
.document-wrap .btn-wrap {background: #f6f6f6; text-align: center; padding: .6rem; margin: -.4rem -1.2rem -1.2rem;}
.btn-act2.active ~ .document-wrap {display: block;}
.btn-close::before {content:'▲'; font-size: .5rem; margin-right: .2rem; vertical-align: middle;}

.prj-slider .btn-prevnext {position: absolute; bottom: 2em; right: 2em; display: flex; gap: 4px; z-index: 1;}
.prj-slider .btn-prev {width: 1.5em; height: 1.5em; display: inline-block; background: url(/images/secp/ico_my_arrow-prev.svg) no-repeat center / contain; overflow: hidden; text-indent: -100px; border: none;}
.prj-slider .btn-next {width: 1.5em; height: 1.5em; display: inline-block; background: url(/images/secp/ico_my_arrow-next.svg) no-repeat center / contain; overflow: hidden; text-indent: -100px; border: none;}
.my-bbs-wrap .my-prj-item {background: #fff; border-radius: 1.25em; box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, .05);}
.my-notice-list {display: block; width: 100%; margin: -2em 0;}
.my-notice-list li {border-bottom: 1px solid #D2D2D2; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2em; align-items: flex-start;}
.my-notice-list li .subject {font-size: 1.5em; padding: 1.14em 0; font-weight: 400; flex: 1; line-height: 1.3; word-break: break-all;}
.my-notice-list li .subject:hover {color: #397EF5;}
.my-notice-list li .date {font-size: 1.25em; color: #aaa; font-weight: 300; padding-top: 1.5em;}
.my-notice-list li .answer {flex: 1 0 100%; margin: -1.5em 0 2em; padding: 0 1em 0 4em; font-size: 1.125em; font-weight: 300; color: #335288; line-height: 1.5; position: relative; display: none;}
.my-notice-list li .answer.show {display: block;}
.my-notice-list li .answer::before {content: '답변'; display: block; position: absolute; top: 0; left: 0; border: 2px solid #d9e9f9; padding: 0 .5em; border-radius: .2em; background: #ebf5ff; color: #335288; padding: 0 .4em; border-radius: .2em;}
.my-notice-list li:last-child {border-bottom: none;}

.prj-slider {position: absolute; left: 0; width: 100%; height: calc( 100% - 4.5em ); overflow: hidden; padding: 0; margin: 0; background: #fff; border-radius: 1.25em; box-shadow: 0.25em 0.25em 1em rgba(0,0,0,.05); }
.prj-slider .swiper-wrapper {position: relative;}
.my-prj-wrap .my-prj-item .nodata {text-align: center; width: 100%; min-height: 108px; display: flex; flex-direction: column; justify-content: center;}
.my-prj-wrap .my-prj-item .nodata h4 {font-weight: 400; font-size: 1.5em;}
/* .my-prj-wrap > .my-prj-item .act {justify-content: center;} */
.my-bbs-wrap .nodata {font-size: 1.35em; text-align: center; width: 100%; min-height: 108px; display: flex; justify-content: center; align-items: center;}
.my-prj-wrap > .my-prj-item .nodata .act {justify-content: center;}

.my-cont.apply {grid-template-columns: 1fr;}
.my-cont.apply .my-prj-item .info {flex-direction: column;}
.my-prj-wrap > .my-prj-item .act {justify-content: flex-start; margin: 0;}
.flex-col {display: flex; gap: 2.5em;}
.ai-center {align-items: center;}
.jc-center {justify-content: center;}
.gap5 {gap: .5em;}
.gap10 {gap: 1em;}
.nowrap {white-space: nowrap;}

.my-cont.apply .my-prj-item {flex-wrap: wrap;}
.prj-info {flex: 1 1 48%; display: flex; gap: 1em;}
.prj-step-wrap {flex: 1 1 48%; padding-left: 2em; display: flex; flex-direction: column; gap: 1.5em;}
.prj-step {display: flex; justify-content: space-between; width: 100%; margin-bottom: 1em; border-left: 1px solid #ddd; color: #444; position: relative;}
.prj-step::after {content: ''; width: 100%; height: 10px; background: #EBEFF5; position: absolute; bottom: -20px; left: 0; border-radius: 5px;}
.prj-step li {text-align: center; flex: 1; font-size: 1em; padding-bottom: 1em; font-weight: 300; border-right: 1px solid #ddd; padding: 0 .5em; position: relative; color: #999;}
.prj-step li strong {font-weight: 600;}
.prj-step li p {font-weight: 600; line-height: 1.25; word-break: keep-all;}
.prj-step li.active {color: #0471E9;}
.prj-step li.active::after {content: ''; width: 100%; position: absolute; bottom: -20px; background: linear-gradient(45deg, #0471E9, #06C615); display: block; z-index: 1; height: 10px; left: 0; border-radius: 5px;}
.prj-step li.pass {color: #111;}
.prj-step li.pass::after {content: ''; width: calc( 100% + 20px ); position: absolute; bottom: -20px; background: #0471E9; display: block; z-index: 1; height: 10px; left: 0; border-radius: 5px;}
.prj-step-wrap .txt-box {padding: 1.2em 1.5em; border-radius: .5em; background: #EDF6FF; font-size: 1.25em; font-weight: 300; min-height: 7.5em; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.prj-step-wrap .txt-box h5 {font-weight: 600; margin-bottom: .3em;}
.prj-step-wrap .txt-box p {line-height: 1.3; font-size: .94em; color: #444}
.my-cont.apply .act2 {width: 100%; text-align: right; border-top: 1px solid #ddd; padding-top: 1em; justify-content: center; align-items: center; margin-bottom: 0; position: relative;}
.my-cont.apply .act2 h5 {margin-bottom: auto; margin-top: .3em;}
.my-content .prj-list-top {z-index: 2; position: relative; font-size: 1.1em;}
.btn-help-wrap {display: inline-block; position: relative; font-size: 1rem; font-weight: 400;}
.btn-help {font-size: 1.1rem; width: 1.5em; height: 1.5em; border-radius: 1.5em; border: 1px solid #aaa; background: rgba(255,255,255,.2); margin: -.2em 0 0 -.6em; color: #999;}
.btn-help::after {font-size: 16px; width: 240px; text-align: left;}
.my-content .tbl-list2 {background: #fff; table-layout: auto;}
.my-content .tbl-list2 ~ .t-right a {font-size: 1em;}
.my-content .tbl-view ~ .t-right a {font-size: 1em;}
.my-content .easyapply-wrap .join-box {max-width: 950px;}
.pop-wrap .inp.h48, .pop-wrap .btn.h48 {height: 3em !important; font-size: .9em;}
.ico-info {background: #fff; border: 4px solid #C2C7DA; width: 8em; height: 8em; border-radius: 4em; text-align: center; line-height: 7em; flex: 0 0 8em;}
.ico-info img {width: 6em;}

.diagnosis1 {display: flex; gap: 0; justify-content: center; text-align: center; padding: 1.875em 0; margin: 0 -2em;}
.diagnosis1 a {display: flex; flex-direction: column; gap: 24px; padding: 0 8%;}
.diagnosis1 a:nth-of-type(1) {border-right: 1px solid #ddd;}
.diagnosis1 a > img {width: 100%; max-width: 15em;}
.diagnosis1 .bt1 {font-size: 1.5em; color: #fff; background: #00C50F; border-radius: 0.9em; height: 1.7em; padding: 0 2em; line-height: 1.7em;}
.diagnosis1 .bt2 {font-size: 1.5em; color: #fff; background: #FFBA00; border-radius: 0.9em; height: 1.7em; padding: 0 2em; line-height: 1.7em;}
.diagnosis1 p img {margin-left: 0.42em; vertical-align: middle; margin-top: -0.17em; width: .92em;}

.cate-wrap {display: flex; gap: 0.25em; width: 100%; border-bottom: 0.25em solid #397EF5; border-radius: 0.25em; overflow: hidden;}
.cate-wrap li {flex: 1;}
.cate-wrap .tab {background: #EAF0F4; color: #63789B; text-align: center; display: block; width: 100%; padding: 0.8em 0.2em; font-size: 1.25em; box-sizing: border-box; line-height: 1.2; height: 100%; word-break: keep-all;}
.cate-wrap .tab img {display: block; margin: 0 auto; margin-bottom: 0.4em; width: 2em;}
.cate-wrap .tab.active {background: #397EF5; color: #fff; font-weight: 600;}
.cate-wrap .tab.active img {filter: brightness(3);}

.survey-wrap {padding: 2em;}
.survey-list {padding: 1.25em 2em; margin-bottom: 2em;}
.survey-list li {}
.survey-list .label {margin-bottom: 1.25em; font-size: 1em;}
.survey-list .label input {display: none;}
.survey-list .label input ~ p {font-size: 1.25em; padding: 0 0 0 2em; text-indent: -2em; line-height: 1.6;}
.survey-list .label input ~ p::before {content: ''; width: 1.4em; height: 1.4em; display: inline-block; background: url(/images/secp/ico_radio_off.svg) no-repeat center / 100% 100%; vertical-align: middle; margin-right: 0.6em; margin-top: -0.2em;}
.survey-list .label input:checked ~ p {font-weight: 600; position: relative; color: #006a08;}
.survey-list .label input:checked ~ p::before {background-image: url(/images/secp/ico_radio_on.svg);}

.survey-wrap .my-stitle {text-indent: -.8em; padding-left: .8em;}

.level-con, .level-con2 {display: flex; flex-direction: row; width: 100%; gap: 4em; align-items: center; justify-content: center;}
.level-con .con1 {text-align: center; border: 1px solid #ddd; padding: 2em 1em; border-radius: .5em; box-shadow: .2em .2em .4em rgba(0,0,0,.05); width: 16em;}
.level-con .con1 h4 {font-size: 1.35em; margin-bottom: 0; color: #333; display: inline-block; padding: .2em .4em; border-radius: .2em;}
.level-con .con1 p {font-size: 3.2em; font-weight: 500; letter-spacing: 0; margin: 0 auto; color: #00C50F; line-height: 1;}
.level-con .con1 p strong {font-weight: 800;}
.level-con .con2 {text-align: left; flex: 1; width: 100%s;}
.level-con .con2 h4 {font-size: 1.5em; font-weight: 700; margin-bottom: 1em; display: block; border-bottom: 1px solid #ddd; padding: 0 0 .5em;}
.level-con .con2 .label {background: orange; color: #fff; display: inline-block; padding: .2em .4em; border-radius: .2em; margin-bottom: .5em;}
.level-con .con2 p {font-size: 1.25em; margin-bottom: 0;}
.chart {height: 30em; position: relative; background: #F4F5F9; margin-bottom: 1em;}
.fs-sm {font-size: 1.1em !important; color: #666; line-height: 1.6;}
.fs-md {font-size: 1.5em !important; color: #666; line-height: 1.6;}
#level-chart2 {max-width: 500px;}
#level-chart2 path {stroke-width: 0; cursor: pointer; transform-origin: center; transform-box: fill-box; transition: transform 0.3s ease; stroke: #fff; stroke-width: 0;}
#level-chart2 path:hover {transform: scale(1.05); filter: drop-shadow(.25em .25em .5em rgba(0, 0, 0, 0.3)); stroke-width: .8em; z-index: 2;}
#level-chart2 text {fill: #fff; font-size: 1.5em; font-weight: 600; text-align: center; pointer-events: none;}
.level-chart {flex: 1; max-width: 500px; position: relative; width: 80%;}
.level-chart .guide-tooltip {top: -36px; left: 0; right: auto;}
.level-legend {white-space: nowrap; text-align: left; padding-right: 2em;}
.level-legend li {margin-bottom: .8em;}
.level-legend .label {display: inline-block; width: 60px; height: 24px; background: #ccc; vertical-align: middle; margin-right: .8em;}
.c-level1 {fill: #ff0000; background-color: #ff0000 !important;}
.c-level2 {fill: #ffc000; background-color: #ffc000 !important;}
.c-level3 {fill: #92d050; background-color: #92d050 !important;}
.c-level4 {fill: #0068b7; background-color: #0068b7 !important;}

.dia-result {text-align: left; padding: 2em; background: #e6f5ff; line-height: 1.6;}
.dia-result h3 {font-size: 1.4em; margin-bottom: .2em; font-weight: 600; margin-top: 2em;}
.dia-result h3:nth-of-type(1) {margin-top: 0;}
.dia-result h4 {font-size: 1.2em; margin-bottom: .2em; font-weight: 600; color: #0068b7; padding-left: 1em; margin-top: 1em;}
.dia-result p {font-size: 1.2em; padding-left: 1em; margin-bottom: .4em;}
.dia-result p.depth1 {padding-left: 1em;}
.dia-result p.depth2 {padding-left: 1.6em;}

.inp-self {border: 1px solid #ADB5BD; outline: none !important; background: #f9fafd; font-size: 1.2em; padding: 0 .5em; border-radius: .2em; height: 2.25em; margin-top: -.2em; width: 15em; box-sizing: border-box;}

.biz-etc-wrap {color: #333; padding: 5em 0; max-width: 1200px; margin: 0 auto;}
.biz-etc-top {text-align: center; margin-bottom: 2.5em;}
.biz-etc-tit {font-size: 2.5em; font-weight: 700; margin-bottom: .5em; word-break: keep-all; line-height: 1.3;}
.biz-etc-top .label-from {color: #999; font-size: 1.375em; border: 1px solid #aaa; border-radius: 2em; display: inline-block; padding: .3em 1em; margin-bottom: 2em;}
.biz-etc-info1 {margin-bottom: 2.5em;}
.biz-etc-info1 ul {background: #F2F3F6;display: inline-flex;padding: 1.25em 3em;border-radius: .4em;gap: .5em 5em;/* flex-wrap: wrap; */}
.biz-etc-info1 li {font-size: 1.25em;display: flex;}
.biz-etc-info1 .info-tit {margin-right: 1.1em;white-space: nowrap;}
.biz-etc-info1 .info-tit::before {display: inline-block; width: .2em; height: .2em; content: ''; background: #333; border-radius: .1em; vertical-align: middle; margin: -.02em .3em 0 0;}
.biz-etc-info1 .info-con {font-weight: 700;text-align: left;display: inline-block;}
.biz-etc-info1 li:first-child .info-con {white-space: nowrap;}
.biz-etc-wrap .btn-favo {font-size: 1.125em; border: 2px solid #397EF5; color: #397EF5; height: 2.78em; padding: 0 1.25em; background: #fff; border-radius: 2.78em; font-weight: 600; margin: 0 .2em; line-height: calc( 2.78em - 4px );}
.biz-etc-wrap .btn-favo::before {content: ''; width: 1.75em; height: 1.75em; background: url(/images/secp/ico_favorite_off2.svg) no-repeat center / 100% 100%; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: .25em; transition: background .3s;}
.biz-etc-wrap .btn-favo.active {color: #EC7100; border-color: #EC7100; background-color: #fffdd7;}
.biz-etc-wrap .btn-favo.active::before {background-image: url(/images/secp/ico_favorite_on.svg);}
.biz-etc-wrap .btn-go {font-size: 1.125em; border: 2px solid #397EF5; color: #fff; height: 2.78em; padding: 0 1.25em; background: #397EF5; border-radius: 2.78em; font-weight: 600; margin: 0 .2em; line-height: calc( 2.78em - 4px );}
.biz-etc-wrap .btn-go::after {content: ''; width: .6em; height: .6em; background: url(/images/secp/ico_arrow_right_white.svg) no-repeat center / auto 0.6em; display: inline-block; margin-left: .3em; vertical-align: middle; margin-top: -.2em;}
.biz-etc-cont {padding: 3.75em 0; border-top: 1px solid #ddd; border-bottom: 3px solid #333; margin-bottom: 2em;}
.biz-etc-cont .cont-group {margin-bottom: 4em;}
.biz-etc-cont .cont-group h4.sstit {font-size: 1.25em; font-weight: 700; margin-bottom: 1em;}
.biz-etc-cont .cont-group p.sscon {font-size: 1.125em; margin-bottom: 1em; line-height: 1.6;}
.file {margin-bottom: .5em;}
.file img {width: .8em; margin-right: .25em; opacity: .4;}
.file a {color: #397EF5; text-decoration: underline;}
.biz-etc-wrap .cont-group2 {background: #F2F3F6; padding: 1.5em; border-radius: .4em;}
.biz-etc-wrap .cont-group2 h4 {font-size: 1.25em; font-weight: 700; margin-bottom: .5em;}
.biz-etc-wrap .cont-group2 p {line-height: 1.6; color: #666;}
.biz-etc-wrap .btn-wrap {text-align: right;}


/*************************************************** Responsive ***************************************************/

@media screen and (max-width: 1800px) {
    .main-head .content-width {max-width: calc(100% - 17em);}
    .main-banner-wrap {flex: 0 0 53%;}
    .main-searchstate-wrap {flex: 0 0 47%}
    .my-content {font-size: .9em; padding: 2.5em 0;}
    .my-menu {padding: 3em 1.5em;}
    .my-wrap {gap: 4em;}
    .my-cont {padding: 3em 0; gap: 3em 2em;}
    .my-title {font-size: 1.75em; margin-bottom: .4em;}
    .my-prj-wrap .btn-more, .my-bbs-wrap .btn-more {top: .5em;}
    .my-notice-list li .subject {font-size: 1.25em;}
    .my-notice-list li .date {font-size: 1em;}
}

@media screen and (max-width: 1600px) {
    .main-head {font-size: 1vw;}

    .header .member {top: 1.7em;}
    .header .member a {text-align: center; display: inline-block; vertical-align: top;}
    .ico-login, .ico-logout, .ico-join, .ico-memedit {margin: 0 0 .3em;}
    .header .member a span {display: block; margin: 0; font-size: .8em; font-weight: 300; color: #666;}
    .header .member .btn-search {vertical-align: top;}
    /* .nav-wrap > ul {margin-right: 26%;} */

    .nav-wrap {margin: 0 0 0 10%; width: auto;}
    .nav-wrap > ul > li > a {padding: 0 1em;}
    .header .member a {margin-left: 1rem;}
    .header .member {right: 6rem;}
    .btn-main-round-bo {padding: 0 .5em;}
    .my-cont {display: flex; flex-direction: column;}
    .my-prj-wrap {min-height: 248px;}
    .chart {height: calc((100vw - 26em) *.4);}
    .main-banner .swiper-slide .banner {font-size: 1.2vw;}
}

@media screen and (max-width: 1400px) {

    .main-content {font-size: 1.1vw; padding: 4em 6em;}
    .main-content .apply-list-wrap.float .prj-cate {margin-bottom: 1rem; padding: 0 1rem; box-sizing: border-box;}
    .main-header-wrap .pop-gnb-search {top: -18em;}
    .main-header-wrap .pop-gnb-search.active {top: -4em;}
    .main-head .content-width {padding: 5em 4em;}
    .main-banner-wrap {flex: 0 0 55%;}
    .main-searchstate-wrap {flex: 0 0 45%;}
    .main-head .group1 {margin-bottom: 6em; margin-top: 2em;}
    .main-head .group2 {margin-right: -5em;}
    .main-searchstate-wrap {padding: 2em 1em 2em 1.5em;}
    .main-notice-wrap {padding: 4rem 6rem; font-size: .8em;}
    .link-list li h4 {font-size: 1.5em;}
    .link-list li a, .link-list li > span {padding: 4.7em 2em;}
    .link-list li:last-child > * {width: 100%; padding-left: 2em;}
    .prj-step-wrap {flex: 0 0 100%; margin-left: 0; padding-left: 0;}
}

@media screen and (max-width: 1200px) {
    .header {height: 4em;}
    .header h1, .main-header-wrap .header h1 {top: .4em; height: 3em; width: 8.5em;}
    .btn-menu, .main-header-wrap .btn-menu {width: 4em !important; height: 4em !important; background-size: 2.5em auto; background-color: #397ef5; top: 0 !important; right: 0 !important; filter: none; border-radius: 0;}
    .nav-wrap {display: none;}
    .apply .sub-content {margin-top: 0; height: calc( 100vh - 6.25rem );}
    .apply-info {width: 100% !important; position: static !important; height: auto !important;}
    .apply-info-body {padding-bottom: 3.5em;}
    .vsplitter {display: none;}
    .apply-write {width: 100% !important; position: static !important; height: auto !important;}
    .apply-write-inner {padding: 3.5em;}
    .apply-info-inner, .apply-write-inner {min-width: auto;}
    .wrap.apply .sub-content {height: auto; margin-top: 0;}
    .wrap.apply .footer-wrap {display: block;}
    .sub-head {margin-top: 0;}

    /* 반응형 테이블 처리 */
    .scrollable.has-scroll {position:relative; overflow:hidden;}
    .scrollable.has-scroll:after {position:absolute; top:0; left:100%; width:50px; height:100%; border-radius:10px 0 0 10px / 50% 0 0 50%; box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25); content:'';}
    .scrollable.has-scroll > div {overflow-x:auto;}
    .scrollable .tbl-list, .scrollable .tbl-list2, .scrollable .tbl-basic, .scrollable .tbl-view {table-layout: auto !important; min-width: 690px;}

    /* 메인&서브 헤더/메뉴를 모바일 형태로 변경 */
    .main-header-wrap .header h1 a {color: #fff;}
    .main-header-wrap .header a,
    .main-header-wrap .nav-wrap > ul > li > a {color: #111;}
    .main-header-wrap .nav-wrap > ul > li > ul >li > a.active,
    .main-header-wrap .nav-wrap > ul > li > ul >li > a:hover {color: #397EF5;}
    .nav-wrap.active ~ .btn-menu, .btn-menu.active {z-index: 11; background-image: url(/images/secp/ico_close_blue.svg); background-color: #fff; background-size: 2em; filter: none;}
    .nav-wrap {width: 250px; height: 100%; position: fixed; top: 0; left: auto; right: -250px; text-align: left; padding: 0; background: #fff; box-shadow: 0 0 0 rgba(0,0,0,.2); transition: right .3s ease; z-index: 10; display: block; font-size: 16px;}
    .main-header-wrap .nav-wrap { height: 100%; width: 250px; text-align: left; margin: 0; position: fixed; top: 0; left: auto;}
    .nav-wrap > ul > li {font-size: 12px;}
    .nav-wrap.active {right: 0; box-shadow: 0 0 1em rgba(0,0,0,.2); border-top: 0; margin: 0; left: auto; height: 100%; top: 0; transform: none; width: 250px; border-radius: 0; overflow: auto; padding: 0; text-align: left;}
    .nav-wrap.active .link {display: block;}
    .nav-wrap.active ~ .dim {display: block;}
    .header .member {z-index: 12; right: -110px; top: .6em; display: block; opacity: 0; visibility: hidden; transition: opacity .3s;}
    .nav-wrap.active ~ .member, .member.active {opacity: 1; visibility: visible; display: block; right: auto; left: calc( 100% - 250px + 1.5em ); top: .6em;}
    .nav-wrap.active ~ .member .btn-search, .member.active .btn-search {width: 1.5rem; height: 1.5rem; background-size: 1.2rem auto;}
    .nav-wrap.active ~ .member .ico-login, .nav-wrap.active ~ .member .ico-logout, .ico-join, .ico-memedit,
    .member.active .ico-login, .member.active .ico-logout {width: 1.3rem !important; filter: invert(1) !important;}
    .nav-wrap.active ~ .member a, .member.active a {margin-left: .8rem;}
    .main-header-wrap .nav-wrap.active ~ .member .ico-login, .main-header-wrap .nav-wrap.active ~ .member .ico-logout, .main-header-wrap .nav-wrap.active ~ .member .ico-join, .ico-memedit {height: auto !important;}
    .main-header-wrap .nav-wrap.active ~ .member a span {color: #666;}
    .nav-wrap > ul {display: block; height: calc( 100% - 6.6em - 2px ); overflow: auto; background: #ffffff; z-index: 100; font-size: 1em; margin-top: 4em;}
    .nav-wrap.active > ul, .nav-wrap.active > ul.active {display: block; height: calc( 100% - 6.6em - 2px ); overflow: auto; background: #ffffff; z-index: 100; font-size: 1em; margin-top: 4em; border-top: 1px solid #ccc;}
    .nav-wrap.active > ul > li {height: auto; position: relative; width: 100%; margin: 0; padding-bottom: 0; border-radius: 0;}
    .nav-wrap.active > ul > li > a {padding: .8em 1.25em !important; box-sizing: border-box; border-bottom: 1px solid #ddd; height: auto; line-height: 1.6; text-align: left; background: #fff; font-weight: 500; color: #111; border-radius: 0 !important; margin: 0;}
    .nav-wrap.active > ul > li:hover > a {border-bottom: none !important; background: #397EF5; color: #fff;}
    .nav-wrap.active > ul > li > a.active {font-weight: 600; border-bottom: none; background: #397EF5; color: #fff;}
    .nav-wrap.active > ul:hover > li > a.active + ul {opacity: 1; visibility: visible;}
    .nav-wrap.active > ul > li > ul {position: static; display: block; padding: 0 1.25em; background: #fafafa; width: 100%; height: auto; transform: none; max-height: 0; overflow: hidden; transition: max-height .3s ease;}
    .nav-wrap.active > ul > li:hover > ul {max-height: 300px; padding: .6em 1.25em; box-shadow: none; border-bottom: 1px solid #ddd; background: rgba(20,175,245,.03) ;}
    .nav-wrap.active > ul > li > a.active + ul {max-height: 300px; padding: .6em 1.25em; box-shadow: none; border-bottom: 1px solid #ddd; background: rgba(20,175,245,.1);}
    .nav-wrap.active > ul > li > ul > li {text-align: left; display: block;}
    .nav-wrap.active > ul > li > ul >li > a {padding: .3em 0 .3em .3em; text-align: left; font-size: 1.2em; display: block; line-height: 2.2em; font-weight: 400;}
    .nav-wrap.active > ul > li > ul >li > a::before {width: 3px; height: 3px; border-radius: 3px; background: #111; display: inline-block; content: ''; vertical-align: middle; margin: -.4em .4em 0 0;}
    .nav-wrap.active::after {display: none;}
    .main-header-wrap .header .member .btn-search {background-image: url(/images/secp/ico_search.svg); display: inline-block;}
    .main-header-wrap .ico-login, .main-header-wrap .ico-logout, .main-header-wrap .ico-join, .main-header-wrap .ico-memedit {filter: none;}

    .wrap, .wrap.main {padding-top: 4em;}
    .header {position: fixed; top: 0; left: 0; padding: 0 1.5em;}
    .main-header-wrap {width: 100%; border-radius: 0;}
    .main-header-wrap .header {overflow: hidden; background: #fff; border-bottom: 1px solid rgba(0,0,0,.2);}
    .main-header-wrap .header h1 img {filter: none;}
    .main-header-wrap .header h1 a {color: #111;}
    .apply-list-wrap {padding-top: 0;}
    .main-content {padding: 3em 2em 5em; font-size: .85em;}
    .main-content .apply-list-wrap.float .prj-catefilter {top: 4em;}
    .wrap.applyinfo .sub-content .apply-info.only::before {display: none;}
    .apply-info-stit2 {font-size: 1.25em;}
    .intro-list3 li, .intro-list3 li:last-child {width: 33.111%;min-height: 200px;}
    .intro-list3-1 li {min-height: 260px;}
    .intro-list3-img {width: 100px; height: 100px;}
    .intro-list3 li:nth-child(1), .intro-list3 li:nth-child(2), .intro-list3 li:nth-child(3) {border-bottom: 1px solid #c5d1e4;}
    .intro-list3 li:nth-child(3) {border-right: 0;}
    .intro-list3-img > img {margin-top: 25%;}
    .apply-info .apply-info-head h3 {font-size: 2.2em;}
    .link-list li:not(:last-child) p br {display: none;}
    .prj-list {gap: 2em;}
    .prj-list li {flex: 0 0 calc( 50% - 1em );}
    .sub-head {background-position: calc( 100% + 18em ) 50%;}
    .main-header-wrap .header h1 {background-image: url(/images/secp/logo_sub.png);}
    .main-head .content-width {max-width: 100%;}
    .main-head .group2 {margin-right: 0;}
    .main-searchstate-wrap {padding: 2em 2em 2em 2.5em;}
    .prj-catefilter {padding: 1em 0 0; font-size: .8em;}
    .guide-tooltip {padding: .4em .6em; right: -0.5em;}
    .guide-tooltip::after {right: .8em;}
    .prj-filter {margin-bottom: 2.25em;}
    [role="tabpanel"] {padding-bottom: 4em;}
    .main-notice-inner {gap: 2em; flex-direction: column; font-size: .8em;}
    .main-notice-wrap {padding: 4em 2em;}
    .illust {width: 80%;}
    .prj-list-top .sort, .prj-list .prj-item .date, .prj-list .prj-item .from {font-size: 14px;}
    .my-content {font-size: .8em;}
    .my-cont-wrap {margin-right: 6em;}
    .my-head p {right: 7.8em; font-size: 2em; display: none;}
    /* .my-head h2 {max-width: 6em;} */
    .survey-list {padding: 1.25em 1em 0; margin-bottom: 0em;}
    .survey-wrap .my-stitle {font-size: 1.35em;}
    .cate-wrap {flex-wrap: wrap;}
    .cate-wrap li {flex: 0 0 24%;}
    .level-con {flex-direction: column; gap: 2em;}
    .level-con .con1 p {font-size: 2.5em;}
    .level-con .con2 h4 {border-top: 1px solid #ddd; border-bottom: none; padding-top: 1em; padding-bottom: 0;}
    .main-banner .swiper-slide .banner {padding: 1.5em;}
    .main-banner .swiper-slide .banner {font-size: 1.4vw;}
    .main-banner .swiper-slide .btn-more {font-size: 1em;}
}

@media screen and (max-width: 1024px) {
    .main-bottom .content-width {padding: 0;}
    .link-list {flex-wrap: wrap; justify-content: space-between;}
    .link-list li {flex: 1 0 calc( 33.3% - 2em );}
    .link-list li p {font-size: 1.1em; margin-top: .4em;}
    .link-list li .group-wrap {display: flex; gap: 4em;}
    .login-wrap > div {flex-direction: column;}
    .login-wrap > div::before {width: calc( 100% - 8em ); height: 1px; left: 4em; top: 50%; border-bottom: 1px dotted #888;}
    .btn-scroll {display: none;}
    .intro-con1 {font-size: 1.625em;}
    .intro-col2 > div  {width: auto;}
    .intro-col2 .col2-1 {float: none; margin-right: 0;}
    .intro-col2 .col2-2 {float: none;  margin-left: 0;}
    .intro-col2 > div > ul li > img {width: 70px;}
    .intro-col2 > div > ul li > p {width: calc(100% - 90px);}
    .intro_arrow {width: 60px;}
    .apply-info-btns .btn-down {flex: 1 1 40% !important;}
    .apply-info-cont {margin: 0 auto;}
    .link-list li strong {font-size: 1.5em;}
    .link-list li:last-child {border-top: 2px solid #fff; padding: 2.5em 2.5em 1.5em; flex: 1;}
    .prj-filter {font-size: 1.1em;}
    .prj-list .prj-item .thumb {height: 14vw;}
    .prj-list .prj-item .txt {padding-bottom: .01em; max-width: 90%;}
    .prj-list .prj-item .view img {width: 1.5em;}
    .prj-list .prj-item.type-b .btn-favo {bottom: .8em; left: 5%;}
    .prj-list .prj-item.type-b .view {right: 5%;}
    .sub-head {background-position: calc( 100% + 18em ) 50%; background-size: auto 110%;}
    .prj-cate {flex-wrap: wrap;}
    .tab-container [role="tab"] {flex: 0 1 50%;}
    .tab-container [role="tab"]::after {background-color: #fff; width: 1px;}
    .tab-container [role="tab"]:nth-of-type(2)::after {display: none;}
    .tab-container [role="tab"]:nth-of-type(1), .tab-container [role="tab"]:nth-of-type(2) {border-bottom: 1px solid #fff;}
    .main-content {padding: 3em 2em 5em;}
    .main-con-tit2 {font-size: 2.2em;}
    .filter-wrap {font-size: .8em;}
    .link-list li:last-child > * {width: auto;}
    .my-head {font-size: .8em;}
    /* .my-prj-wrap .my-prj-item .nodata .act ul {flex-direction: column; gap: 4px;} */
    .my-content .join-box > div {gap: 1em; flex-direction: column; align-items: flex-start; gap: .5em;}
    .join-box button {height: 3em; flex: 1 0 3em;}
    .easyapply-wrap .join-box {padding: 1em 2em 2em;}
    .my-cont-inner {padding: 3em;}
    .my-content .btn-step-wrap {font-size: .9em;}
    .my-content .btn-step-round {min-width: 7em;}
    .level-con2 {flex-direction: column;}
    .my-wrap {gap: 2em;}
    .my-cont-wrap {margin-right: 2em;}
    .biz-etc-wrap {padding: 3em 0;}
    .biz-etc-info1 ul {flex-wrap: wrap;}
}

@media screen and (max-width: 768px) {
    html, body {font-size: 12px;}
    .header {padding: 0 1.5em;}
    .apply-info-cont {padding: 0 0 2em;}
    .apply-info-body {padding: 0; margin: 1.5em;}
    .apply-write-inner {padding: 3em 1.5em 1.5em;}
    .apply-info .apply-info-head {padding: 1em 2em; background-position: 65% 100%; height: 10em; font-size: 2.4vw;}
    .apply-info .apply-info-head h3 {font-size: 1.8em;}
    /* .apply-info-stit {font-size: 1.2em;} */
    .apply-write .txt1 {font-size: 1.5em;}
    .step-list {font-size: .8em;}
    .step-list li {flex: 1 1 auto; line-height: 2.1em; padding: 0 .2em;}
    .agree-item {text-align: right;}
    .agree-tit {width: 100%;}
    .btn-allproject {font-size: .9em;}
    label input[type=checkbox], label input[type=radio] {margin-top: 0;}
    .footer-con1 {text-align: center;}
    .footer-con1 ul {width: 100%; text-align: center; margin: 1em 0 0;}
    .footer-con1 ul li {margin: 0 1em;}
    .footer-con2 {padding-bottom: 0;}
    .prj-list .prj-list {margin: 0;}
    /*.prj-list li {width: 50%;}*/
    .prj-cate {display: flex; width: 100%;}
    .prj-cate li {width: 25%; box-sizing: border-box;}
    .prj-cate li a {padding: 0;}
    .prj-filter ul { margin: 0 0 .3rem; font-size: 1rem;}
    .prj-filter {margin: 0 auto 2em;}
    .tbl-view thead th.title {font-size: 1.5em;}
    .page li img {margin-top: 0;}
    .sub-content {padding: 5em 2em;}
    /* .main-content {padding: 5em 2em;} */
    .tbl-write colgroup col:first-child {width: 5em !important;}
    .tbl-write .cont {height: 10em;}

    .search-result-wrap .search-top p {font-size: 1.5em;}
    .join-box .stit {font-size: 1.8em;}
    .join-box > div {flex-direction: column;}
    .join-box .ico-selfok {width: 5em;}
    .join-box p {font-size: 1.125em; text-align: center; padding: .5em 1em 0;}
    .my-content .join-box p {padding: .5em 0 0;}
    .join-box button {height: 3.5em; font-size: 1.25em; width: 10em; flex: 1 0 3.5em; margin-bottom: .5em;}
    .join-wrap .apply-write-inner {padding: 2em 0 1.5em;}
    .join-wrap .agree-item {margin: 0 0 2em;}
    .join-wrap .ckagreeall {margin: 0;}
    .join-box .ico-complete {width: 5em;}
    .easyapply-wrap h2 {font-size: 1.1em !important; margin-bottom: .2em !important;}
    .scrollbox {padding: 1em; height: 10em;}
    .link-list li p {margin-bottom: 0;}
    .intro-con1 {font-size: 1.25em;}
    .intro-con2 > p {font-size: 1.625em;}
    .intro-col2 > div > ul li > img {width: 50px;}
    .intro-col2 > div > ul li > p {width: calc(100% - 70px);}
    .intro_arrow {width: 40px;}
    .intro-tt.mt {margin-top: 3em;}
    .intro-tt3 > span {width:50px; height: 50px; line-height: 50px;}
    .intro-tt3.mt {margin-top: 3em;}
    .intro-list2 li {width: 100%; margin-right:0; margin-bottom: 10px; min-height: auto;}
    .intro-list3 {margin-bottom: 2em;}
    .intro-list3 li, .intro-list3 li:last-child {min-height: 150px;}
    .intro-list3 li > p {font-size: 1.2em;}
    .intro-list3-1 li {min-height: 180px;}
    .intro-list3-img {width: 60px; height: 60px;}
    .intro-list3 li.point .comment {padding: 5px 0;}
    .tbl-wrap {width: 100%; overflow-x: auto; white-space: nowrap; margin-bottom: 1.5em;}
    .tbl-list3 {width: auto;}
    .intro-tt2 {padding-left: 15px;}
    .intro-tt2::before {width: 10px; height: 10px; top: 6px;}

    .apply-info .apply-info-head .linemap {width: 64%;}
    .apply-info .apply-info-head h3 {padding-right: 6em;}

    .complete-wrap {font-size: .9em;}

    .header .member {top: 1.2em;}
    .header .member a span {display: inline-block;}
    .nav-wrap.active ~ .member .btn-search, .member.active .btn-search {vertical-align: middle;}
    .nav-wrap.active ~ .member a, .member.active a {vertical-align: middle;}
    .ico-login, .ico-logout, .ico-join, .ico-memedit {margin: 0 .2em 0 0;}
    .header .member a span {font-size: 1em; vertical-align: middle;}

    .agree-txt, .agree-txt2 {margin-top: .5em !important;}
    .search-result-wrap {font-size: 1.4em;}
    .search-result-list .list-wrap li h4 {font-size: 1.2em;}
    .prj-list .prj-item a {height: auto;}
    .prj-list .prj-item .txt {font-size: 1.2em;}
    .prj-list .prj-item .thumb {height: 14em; font-size: 1.7vw;}

    .board-list-wrap .tbl-list2 td {word-break: break-all;}
    .board-list-wrap .tbl-list2 th:last-child, .board-list-wrap .tbl-list2 td:last-child, .board-list-wrap .tbl-list2 col:last-child {display: none;}
    .board-list-wrap .tbl-list2 {table-layout: auto;}

    .tbl-view, .tbl-view thead, .tbl-view tbody, .tbl-view tfoot, .tbl-view .tbl-content {display: block;}
    .tbl-view tr {display: flex; justify-content: stretch; flex-wrap: wrap;}
    .tbl-view thead th {flex: 0 1 4em; padding: 0.5em !important; border-bottom: 1px solid #ddd;}
    .tbl-view thead td {flex: 1 0 calc( 50% - 8em ); padding: 0.5em !important; border-bottom: 1px solid #ddd;}
    .tbl-view tbody th {flex: 0 1 5em;}
    .tbl-view tbody td {flex: 1;}
    .tbl-view thead th.title {flex: 1; height: auto; min-height: 1.25em;}
    .tbl-view .tbl-content {padding: 1em !important; border-top: 1px solid #111; height: auto; min-height: 10em;}
    .main-head .content-width {padding: 6em 4em 0;}
    .main-head .group2 {display: grid; gap: 2em; height: auto; font-size: 2em; padding: 2em; backdrop-filter: blur(.2em);}
    .main-banner-wrap {grid-row: 2/3; margin: 0; font-size: 1.2em; height: 30vw;}
    .main-searchstate-wrap {background: unset; padding: 0; justify-content: space-between; backdrop-filter: none;}
    .main-head .group1 {margin-bottom: 2em; margin-top: 2em; font-size: 1.2em;}
    .main-header-wrap {background-position: center; padding-bottom: 2em;}
    .main-banner .swiper-slide a {padding: 0 2em;}
    .prj-list {font-size: 1.1em;}
    .prj-list li {flex: 0 0 100%;}
    .prj-list .prj-item .date {margin-bottom: 0;}
    .prj-list .prj-item .txt {padding-bottom: .8em;}
    .btn-top {right: -.25em;}
    .main-head .txt3 {display: none;}
    .main-head .tag li a {font-size: 14px;}
    .main-search-box {font-size: 14px; margin-bottom: 10px;}
    .main-applystate-wrap {font-size: 14px; display: flex; align-items: end; margin-bottom: .5em;}
    .sub-head {background-position: calc( 100% + 16em ) 50%; background-size: auto 100%;}
    .main-head .txt2 {margin-bottom: 1.5em;}
    .main-head .group2 {background: rgba(255, 255, 255, .6);}
    .main-head .tag li a {color: #111;}
    .main-notice-list li .subject {font-size: 14px;}
    .main-notice-more, .main-notice-list li .date {font-size: 13px;}
    .link-list {flex-direction: column;}
    .link-list li {border-bottom: 2px solid #fff; border-right: none; position: relative;}
    .link-list li h4 {font-size: 18px;}
    .link-list li a, .link-list li > span {padding: 2em;}
    .link-list li p {width: calc( 100% - 2em);}
    .link-list li img {position: absolute; right: 1em; bottom: 1em; width: 2em;}
    .link-list li:last-child {align-items: flex-start; padding: 2em;}
    .link-list li:last-child > * {padding: 0;}
    .link-list li .group-wrap {flex-direction: row; gap: 4em; width: 100% !important;}
    .link-list li .ico-phone {position: static;}
    .illust {width: 50%;}
    .prj-list .prj-item .view {bottom: .7em;}
    .prj-list .prj-item.type-b .view {bottom: 1.5em; right: 5%; font-size: 1.25em;}
    /* .prj-list .prj-item.type-b .btn-favo {font-size: 1.4em;} */
    .filter-wrap .btn-filter1, .prj-list-top .amount, .filter-wrap .btn-filter2, .prj-list-top .sort, .prj-list .prj-item .date, .prj-list .prj-item .from {font-size: 14px;}
    .my-menu {display: none;}
    .my-cont-wrap {margin-right: 0; padding: 0 2.5em;}
    .my-prj-item .act h5, .my-prj-item h4, .my-prj-item dd, .my-prj-item .act li {white-space: unset;}
    .my-prj-item .info {gap: .5em 2em;}
    .prj-slider {position: relative; width: 100%;}
    .my-prj-wrap {min-height: auto;}
    .my-prj-item {padding: 1.5em;}
    .prj-slider {height: auto;}
    .my-prj-item dt, .my-prj-item .act h5, .my-prj-item .act h5, .my-prj-item h4, .my-prj-item dd, .my-prj-item .act li, .my-notice-list li .subject, .my-linemap, .prj-step-wrap .txt-box p, label.ex input ~ span, .tbl-basic tbody th, .inp, label, .my-text, .my-text2, textarea, .my-stit1, .board-list-wrap .tbl-list2, .tbl-view, .my-content .tbl-view ~ .t-right a, .pop-wrap .inp.h48, .pop-wrap .btn.h48 {font-size: 13px;}
    .my-cont2 .btn-wrap button {font-size: 14px;}
    .my-notice-list li .date {font-size: 13px; padding-top: 1.2em;}
    .my-head p {right: 5.4em; bottom: .7em; font-size: 14px;}
    .prj-step li {font-size: 12px;}
    .my-linemap li::after {width: 12px; margin-left: .5em;}
    .my-linemap {gap: .5em;}
    .my-head h2 {max-width: none;}
    .ex-wrap {gap: 8px;}
    .my-cont-inner {padding: 2.5em;}
    label.ex input ~ span {padding: .5em .7em;}
    .fromdatepicker + .ui-datepicker-trigger, .basicdatepicker + .ui-datepicker-trigger, .datepicker1 + .ui-datepicker-trigger, .datepicker2 + .ui-datepicker-trigger, .datepicker3 + .ui-datepicker-trigger, .datepicker4 + .ui-datepicker-trigger, .datepicker + .ui-datepicker-trigger {margin: 0 calc(.75em - 1px) 0 -2.2em;}
    .cate-wrap, .survey-wrap {font-size: 12px;}
    .survey-wrap {padding: 0;}
    .survey-list {padding: 1.25em 0;}
    .cate-wrap .tab img {width: 1.5em;}
    .chart {height: calc((100vw - 12em) *.4);}
    #level-chart2 {font-size: 1.5em;}
    .fs-sm {font-size: 13px !important;}
    .dia-result {font-size: 11px;}
    .biz-etc-wrap {padding: 0;}
    .main-banner .swiper-slide .banner {font-size: 2.4vw;}
    .my-prj-item h4 {font-size: 1.6em;}
    .prj-step-wrap .txt-box h5 {font-size: 14px;}
    .biz-etc-info1 .info-tit::before {margin-top: -.25rem;}
}

@media screen and (max-width: 480px) {
    .btn-step-round {padding: 0 1em; margin: 0 0.2em 0.2em; min-width: auto;}
    .pop-wrap .btn-step-round {min-width: 7em;}
    .my-content .btn-step-round {min-width: 7em; margin: .2em;}
    .btn {white-space: normal;  min-height: 1.4em; height: auto; line-height: 1.4em; padding: 0.6em 0.5em; min-width: 5em;}
    .btn-medium {min-height: 1.3em; height: auto; line-height: 1.2; padding: 0.5em 1em;}
    .btn-small {min-height: 1.3em; height: auto; line-height: 1.2; padding: 0.3em 0.6em;}
    .btn-ss {min-height: 1.2em; height: auto; line-height: 1.2em; padding: 0.2em .2em;}
    .sub-head {font-size: .6em; background-position: 60% 50%;}
    .sub-content {padding: 2em 1.5em 1.5em;}
    .main-content {padding: 1.5em 1.5em 3em;}
    .search-wrap {float: none;}
    .my-stit1 h3 {float: none;}
    .my-stit1 .search-wrap {display: block; width: 100%;}
    .my-stit1 .search-wrap span {display: flex; gap: .4em;}
    .my-stit1 .search-wrap input, .my-stit1 .search-wrap select {margin-right: 0;}
    .search-wrap span select {width: 50%;}
    .search-wrap span input {width: 100%;}
    .search-wrap span button {width: 6em;}
    .tbl-view thead th.title {font-size: 1.3em;}
    .prj-item .subject {font-size: 1.15em;}

    .btn-scroll {margin-bottom: 0;}

    .nav-wrap.active > ul > li > a {color: #111;}
    .btn-top {bottom: 0; right: 0;}

    .search-result-wrap .search-top {padding-top: 2em;}
    .my-wrap .scrollable ~ br {display: none;}

    .login-wrap {padding-top: 0.5em;}
    .login-wrap h2 {font-size: 1.6em;}
    .login-form {padding: 2em;}
    .login-etc {padding: 2em;}
    .login-form input {height: 3em; line-height: 3em;}
    .login-wrap > div::before {width: calc( 100% - 4em ); left: 2em; top: calc( 50% - 0.8em );}
    .btn-login {margin-top: .6em;}

    .lading-step {width: 100%; box-sizing: border-box;}
    .lading-step li {font-size: 1em; display: block; height: auto; padding: .7em; line-height: 1.5; margin-right: 0; margin-bottom: 1.2em; width: 100%; box-sizing: border-box;}
    .lading-step li.active {border-width: 3px;}
    .lading-step li::after {top: auto; right: auto; left: 0; bottom: -2.5em; width: 100%; transform: rotate(90deg); background-size: auto 40%;}
    .lading-step li.active::after {bottom: -2.65em;}
    .lading-step li:last-child {margin-bottom: 0;}

    .select-head select {font-size: .9em;}
    .apply-content {padding: 1em 0;}

    .hbl {font-size: 1.2em;}
    .attachbox {padding: 1em;}
    .intro-list3 li > p {font-size: 1em;}

    .sub-head .linemap li img {margin-top: 0;}
    .btn-step-wrap {font-size: .9em;}
    .left_panel .apply-info-body {display: none;}
    .tower-file {max-width: 17em;}

    .noemail-wrap {padding-top: 0.5em;}
    .noemail-wrap h2 {font-size: 1.6em;}

    .tbl-basic tbody th {word-break: break-all;}
    .tbl-basic td {word-break: break-all;}

    .search-result-list .list-wrap {font-size: 1.3em;}
    .search-result-list .stit-wrap h3 {font-size: 1.8em;}

    .prj-list .prj-item .txt {font-size: 1.1em;}
    .mo-left {text-align: left !important;}

    .sub-content .prj-item a {height: calc( 30vw + 4em );}
    /*.sub-content .prj-item .thumb {height: 0; padding-top: 46%;}*/

    .linemap li {font-size: 1.3em;}

    .main-head {font-size: .34em;}
    .main-banner-wrap {font-size: 1.4em;}
    .main-head .tag li a {font-size: 13px;}
    .main-search-box {font-size: 12px;}
    .main-head .group2 {gap: 2.5em;}
    .btn-main-round {min-width: 8em;}
    .btn-main-round span {display: none;}
    .main-head .txt1 {font-weight: 500;}
    .main-banner .swiper-slide a {padding: 0 1em;}
    .main-search {padding: 0 .8em; font-size: 1.2em;}
    .prj-list .prj-item .thumb {font-size: 2vw;}
    .main-banner .swiper-slide .banner {padding: 1rem;}
    .main-banner .swiper-slide .ban-tit {font-size: 1.4rem; width: 86%;}
    .main-banner .swiper-slide .ban-con {font-size: 1rem; width: 86%; margin-bottom: .8em;}
    .main-banner .swiper-slide .banner .ico {width: 3rem; top: -1.5em; right: 1.2em;}

    .prj-item .badge2 span,
    .prj-item .badge1 span,
    .prj-item .badge3 span,
    .prj-item .badge4 span,
    .prj-item .badge5 span,
    .prj-item .badge6 span {margin: -.55em 0 -1.6em;}

    .main-applystate-wrap {flex-wrap: wrap;}
    .btn-main-round {font-size: 14px; flex: 1 0 100%;}
    .btn-main-round-bo {font-size: 14px; flex: 1;}

    .swiper-pagination {right: 1.7em; bottom: .6em; width: 4.8rem; text-align: center;}
    .swiper-navigation {bottom: .52em; right: .5em;}
    .tab-container [role="tab"] {font-size: 14px;}
    .prj-filter li {padding: 0}
    .prj-filter li a {font-size: 14px;}
    .main-banner {font-size: 14px; border-radius: 1em; overflow: hidden;}
    .prj-catefilter {font-size: .6em;}
    .prj-cate {padding: 0; border-radius: .5em;}
    .tab-container [role="tab"] {font-size: 15px;}
    .prj-list-top, .main-con-txt1, .guide-box p, .filter-wrap .btn-filter1, .filter-wrap .btn-filter2, .filter-wrap .btn-tag, .prj-filter li a {font-size: 14px;}
    .prj-list-top .amount {font-size: 13px;}
    .prj-list {font-size: 13px;}
    .prj-list .prj-item.type-b .txt .subject {font-size: 1.25em;}
    .main-con-tit1, .main-con-tit2 {font-size: 1.6em;}
    .btn-main-big {font-size: 16px; padding: 0.6em 2em !important;}
    .my-cont-wrap .btn-main-big {padding: 0.4em 1em !important;}
    .filter-wrap .filter-input-wrap.type-b li {flex: 0 1 calc(20% + 1px);}
    .prj-list .prj-item .subject {font-size: 18px; line-height: 1.2;}
    .main-notice-tit h3 {font-size: 18px;}
    .prj-list .prj-item.type-b a {min-height: calc(50vw - 3em);}
    .prj-list .prj-item.type-b .txt {padding: 1em 0;}
    .prj-list .prj-item.type-b a {padding-bottom: 4em;}
    .prj-list .prj-item.type-b .btn-favo {bottom: .7em;}
    .prj-list .prj-item.type-b .view {bottom: 1em;}
    /* .prj-list-top {flex-direction: column;} */
    .my-wrap {display: block;}
    .my-head .headimg {right: 0; height: 6em;}
    .my-head h2 {font-size: 3em;}
    .my-head p {right: 6em; bottom: 1em; font-size: 1.5em;}
    .my-prj-item .btn-act, .my-prj-item .btn-basics {padding: .3em .7em;}
    .my-prj-item > div:nth-of-type(1) {width: calc( 100% - 10em); margin: 0 auto;}
    .my-cont.apply .info .act ~ .flex-col {flex-direction: column; gap: .5em;}
    .my-prj-item .act ul {width: 100%; flex-wrap: wrap; justify-content: start;}
    .my-prj-item .act li {flex: 0 0 calc(50% - 4px);}
    .my-prj-item .act li .btn-act2 {width: 100%;}
    .my-prj-item .btn-act2 .t2 br {display: none;}
    .my-content .tbl-list2 colgroup col {width: auto !important;}
    .diagnosis1 .bt1, .diagnosis1 .bt2 {font-size: 1.2em; padding: 0 1em;}
    .cate-wrap .tab {padding: .5em .2em;}
    .ex-wrap {gap: 4px;}
    .ico-info {display: none;}
    .biz-etc-tit {font-size: 1.6em;}
    .biz-etc-top .label-from {font-size: 1.1em;}
    .biz-etc-info1 {font-size: .9em;}
}

/* 미리보기 버튼 */
.btn-preview {
    border: 0;
    text-align: center;
    letter-spacing: -0.04em;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    height: 30px;
    line-height: 15px;
    padding: 2px 10px 0;
    color: #fff;
    background: #085f98;
    font-size: 12px;
    cursor : pointer;
    transition: all .2s;
}

.btn-preview:hover{
    opacity: .9;
}
/* 미리보기 삭제버튼 */
.btn-preview-del2  {
    border: 0;
    text-align: center;
    letter-spacing: -0.04em;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    height: 30px;
    line-height: 15px;
    padding: 2px 10px 0;
    color: #fff;
    background: #E03939;
    font-size: 12px;
    cursor : pointer;
    transition: all .2s;
}
.btn-line {
    border: solid 1px #085f98;
    background-color: #fff;
    color: #085f98;
}

.cbrown20 {
    background: rgba(102, 53, 0, 0.2) !important;
    border-bottom: 1px solid #a2a5a9 !important;
}

.nbb {
    border : none;
    background : #fff !important;
}
/* 로딩화면 */
#my-spinner { width: 100%; height: 100%; top: 0; left: 0; display: none; opacity: 0.6; background: silver; position: fixed; z-index: 1111;}
#my-spinner div { width: 100%; height: 100%; display: table; }
#my-spinner span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner img { background: white; padding: 1em; border-radius: .7em; }

@media screen and (max-height: 800px) and (min-width: 1200px) {
    .main-header-wrap {height: 800px;}
    .main-head .content-width {padding-top: 5em;}
}

/* 셀렉트박스*/
.selectbox_sh{
    height: 2em;
    padding: 0 5em 0 0.8em;
    border: 1px solid #c6c6c6;
    font-family: inherit;
    background: url(/images/secp/ico_select.jpg) #ffffff no-repeat calc(100% - 0.8em) 50%;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: #111111;
    font-size: .9em;
}

/*ff*/
.apply-info-btns {display: flex; gap: 10px; padding: 1.875em 0; text-align: center; margin: 0; flex-wrap: wrap; justify-content: flex-start !important;}
.apply-info-btns > * {flex: 1 1 20%;}
.apply-info-btns a, .apply-info-btns button {font-size: 1.25rem; height: 2.8125rem; line-height: 2.8125rem; display: block; white-space: nowrap; flex: 0 1 14em;}
.apply-info-btns .btn-step-round {margin: 0; padding: 0;}
.apply-info-btns .btn-down {line-height: calc( 2.8125rem - 2px ) !important; flex: 0 1 14em;}
.apply-info-btns > div {display: flex; gap: 20px; flex: 0 1 17%;}
.apply-info-btns a.btn-list {flex: 1;}
.apply-info-btns a.btn-print {flex: 0 0 2.8125rem; font-size: 0;}
.btn-print {width: 2.8125rem; height: 2.8125rem; border-radius: 2rem; background: url(/images/secp/ico-print.png) no-repeat center #939fad; background-size: 1.5rem auto; font-size: 0; vertical-align: middle; display: inline-block; vertical-align: top;}
@media screen and (max-width: 1024px) {
    .apply-info-btns {gap: 5px; padding: 1em 0;}
    .apply-info-btns > * {flex: 1 0 40%;}
    .apply-info-btns > div {flex: 1 1 40%; gap: 10px;}
    .apply-info-btns a, .apply-info-btns button {font-size: 1.2em;}
}
@media screen and (max-width: 768px) {
    .apply-info-btns a, .apply-info-btns button {font-size: 1.1em;}
}

.apply-info-content {border-top: 3px solid #111; border-bottom: 3px solid #111; padding: 2.5rem 0 0; overflow: hidden;}
.apply-info-poster {width: 100%;}
.apply-info-detail {padding: 3.5em 0 0;}
.info-group {border-top: 1px solid #dcdcdc; position: relative; display: flex; gap: 5rem;}
.info-group h4 {border-top: 4px solid #111; display: inline-block; font-size: 1.875rem; letter-spacing: -.05em; font-weight: 600; padding: 1.875rem 0; flex: 1 0 4.4em;}
.info-group h4 img {display: block; max-width: 120%;}
.info-group .detail {padding: 2.75rem 0 3.5rem; letter-spacing: -.05em; flex: 1 1 100%; font-size: 1.125rem;}
.info-group .detail .tbl-detail {font-size: 1.125rem;}
.info-group .detail .tbl-detail th {padding-bottom: 1.875rem; text-align: left;}
.info-group .detail .tbl-detail td {padding-bottom: 1.875rem; text-align: left;}
.info-group .detail .tbl-detail tr:last-child td {padding: 0;}
.info-group .detail .sm {font-size: 0.875rem; color: #999; font-weight: 300; margin: .5em 0;}
.info-group .detail .sm2 {font-size: 0.95rem; color: #666; font-weight: 300; margin: .5em 0;}
.info-group .detail .bl li {list-style: disc; margin-left: 1.4rem; margin-bottom: 1rem;}
.info-group .detail li:last-child {margin-bottom: 0;}
.circlenum {background: #111; color: #fff; font-weight: 200; display: inline-block; width: 1.5rem; height: 1.5rem; font-size: 1rem; border-radius: 1.5rem; text-align: center; margin-right: .3em; vertical-align: middle; margin-top: -.15em;}
.tbl-detail2 {width: 100%; margin-top: 1em;}
.tbl-detail2 thead th {background: #5c88b5; color: #fff; font-weight: 500; padding: .5em 1em; text-align: center;}
.tbl-detail2 th, .tbl-detail2 td {border: 2px solid #fff;}
.tbl-detail2 td {background: #f4f5f7; color: #555555; font-weight: 400; padding: .7em 1em;}
.tbl-detail2 tbody th {background: #eaeef4; font-weight: 400; color: #2c567f; text-align: center;}
.pb0 {padding-bottom: 0 !important;}

.info-group .info-list {display: flex; flex-wrap: wrap; gap: 1.5em; align-items: stretch; font-size: 1em;}
.info-group .info-list li {flex: 1 1 20%; font-size: 1em; text-align: center; position: relative; border: 1px solid #5c88b5; border-radius: 1.25em; box-sizing: border-box;}
.info-group .info-list li::after {position: absolute; right: -1.2em; top: calc(50% - .5em); width: 0; height: 0; content: ''; border-bottom: 1em solid transparent; border-top: 1em solid transparent; border-left: .7em solid #e4e7ea; border-right: 0 solid transparent;}
.info-group .info-list li:last-child::after {display: none;}
.info-group .info-list b {display: block; background-color: #5c88b5; color: #fff; padding: .5em; font-weight: normal; border-top-right-radius: 1.1em; border-top-left-radius: 1.1em;}
.info-group .info-list p {padding: 1.5em .5em; color: #5c88b5; line-height: 1.4; font-weight: 500; letter-spacing: -.05em;}

@media screen and (max-width: 1024px) {
    .info-group .info-list li {flex: 1 1 40%;}
}
@media screen and (max-width: 768px) {
    .info-group {display: block; text-align: left;}
    .info-group h4 {font-size: 1.5em; padding: .8em 0; line-height: 1.2;}
    .info-group h4 img {width: 3.2em; position: absolute; right: -.2em; top: .2em;}
    .info-group .detail {padding: 1em 0 2.5em; font-size: 1.05em;}
    .info-group .detail .tbl-detail {font-size: 1em;}
    .info-group .detail .sm {font-size: .9em;}
    .tbl-detail2 {font-size: 1em;}
}

.apply-info-cont {text-align: center;}
.apply-sample-stit {font-size: 1.5em; font-weight: 500; text-align: center; padding-bottom: .3em; letter-spacing: -.05em; padding-top: 0.5em;}
.apply-sample-stit img {margin-right: .3em; width: 1.67em;}
.apply-sample-stit ~ img.w100p {max-width: 800px;}

/* ff 230119 */
.pd3 th, .pd3 td {padding: 1em !important;}
.list-support li {position: relative; padding-left: 15px;}
.list-support li::before {content:'- '; width: 10px; height: 5px; position: absolute; top: 0; left: 0;}
/* 메인배너 컬러 변경 */
.main-banner-wrap.color-new {background: url(/images/secp/main_banner_bg.png) repeat; background-size: 100% 100%;}
/* 포털소개 */
.intro-tit {text-align: center; font-size: 2.5em; font-weight: 400; letter-spacing: -.05em; }
.intro-tit::before {content: ''; width: 3.75rem; height: 0.375rem; display: block; background: #397EF5; margin: 0 auto 1.875rem;}
.intro-tit strong {font-weight: 600; }
.intro-tit::after {content: 'ggbaro.kr'; display: block; font-size: .5em; letter-spacing: 0; color: #397EF5; background: #fff; width: fit-content; margin: 0.5em auto 0; border: 2px solid #397EF5; border-radius: 1em; padding: 0 1.5em 0.2em; font-weight: 600;}
.intro-slogan1 {margin: 1.8em auto 1em; height: 2.125em; line-height: 2.125em; font-size: 2em; letter-spacing: -.05em; display: inline-block; text-align: center; color: #fff; background: url(/images/secp/intro_bg_slogan.jpg) no-repeat center / cover; padding: 0 1em; min-width: 50%; text-shadow: 0 0 .3rem rgba(0,0,0,.2); word-break: keep-all;}
.intro-txt {text-align: center; font-size: 1.25em; line-height: 1.6; font-weight: 400; color: #111; word-break: keep-all;}
.intro-chart1 {margin: 2.5em auto 9em;}
.intro-chart1 img {max-width: 90%;}
.intro-stit {font-size: 2.125em; letter-spacing: -.05em; margin-bottom: 1em; word-break: keep-all;}
.intro-stit strong {font-weight: 600;}
.intro-mydata {border: 1px solid #e5e5e5; border-top: 2px solid #397ef5; margin: 3.6em auto 9em; display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; max-width: 1111px;}
.intro-mydata li {flex: 1 0 32%; padding: 3.25rem 2rem 2.5rem 0; box-sizing: border-box; position: relative;}
.intro-mydata li::after {position: absolute; right: 0; top:0; width: 2rem; height: 100%; background: url(/images/secp/intro_mydata_arrow.jpg) no-repeat; background-size: 100% 100%; content: '';}
.intro-mydata li img {display: inline-block; vertical-align: top; margin-right: .5em; max-width: 30%;}
.intro-mydata li div {display: inline-block; vertical-align: top; text-align: left;}
.intro-mydata li div p {font-size: 1.5rem;}
.intro-mydata li div p strong {color: #397ef5; font-size: 1.875rem;}
.intro-mydata li div p.txt {font-size: 1.25rem; font-weight: 300; margin-top: .3em; word-break: keep-all;}
.intro-mydata li:nth-child(2) {flex: 1 0 36%;}
.intro-mydata li:nth-child(3)::after {display: none;}
.intro-mydata li:last-child {background: #397ef5; color: #fff; padding: 1rem 1rem; font-size: 1.5rem; }
.intro-mydata li:last-child::after {display:none}
.intro-chart2 {margin: 2.3em auto 9em;}
.intro-chart2 img {max-width: 90%; margin: 0 auto;}
.intro-chart2 .blind {overflow: hidden; position: absolute; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.intro-chart3 {text-align: center;}
.intro-slogan2 {margin: .1em auto 1em; height: 2.4em; line-height: 2.4em; font-size: 2em; letter-spacing: -.05em; display: inline-block; text-align: center; color: #fff; background: url(/images/secp/intro_bg_slogan.jpg) no-repeat center / cover; padding: 0 1.6em; min-width: 50%; border-radius: 2.4em; font-weight: 500; text-shadow: 0 0 .3rem rgba(0,0,0,.2);  word-break: keep-all;}
.intro-chart3-list1 {display: flex; justify-content: space-between; gap: 1.4em; max-width: 986px; width: 90%; text-align: center; margin: 0 auto; position: relative; z-index: 2;}
.intro-chart3-list1 li {color: #fff; flex: 1 1 20%; padding: 1.4em .5em 1.2em; box-sizing: border-box; border-radius: 2rem; position: relative; padding-bottom: 9rem;}
.intro-chart3-list1 li:nth-child(1) {background: #1f41ff;}
.intro-chart3-list1 li:nth-child(2) {background: #1289f8;}
.intro-chart3-list1 li:nth-child(3) {background: #3cb0ce;}
.intro-chart3-list1 li:nth-child(4) {background: #74cf4b;}
.intro-chart3-list1 li:nth-child(5) {background: #ffbb00;}
.intro-chart3-list1 li p {font-size: 1.25rem; line-height: 1.3; font-weight: 400; letter-spacing: -.05em; word-break: keep-all;}
.intro-chart3-list1 li .num {font-size: 2.5rem; font-weight: 600; margin-bottom: .4em; letter-spacing: 0;}
.intro-chart3-list1 li img {position: absolute; bottom: 2em; left: 50%; transform:translateX(-50%); max-width: 6.25rem; width: 50%;}
.intro-chart3-list2 {text-align: left; background: #e2f2ff; padding: 12.75rem 2rem 1.5rem 3.5rem; border-radius: 2rem; max-width: 1060px; width: 90%; box-sizing: border-box; margin: -9em auto 4em; position: relative; z-index: 1;}
.intro-chart3-list2 li .tit {font-size: 1.5rem; font-weight: 600; position: relative; padding-left: 2.8rem; word-break: keep-all;}
.intro-chart3-list2 li .tit::before {width: 2.125rem; height: 2.125rem; border-radius: 2.125rem; background: #397ef5; color: #fff; font-weight: 600; line-height: 2.125rem; display: inline-block; font-size: 1.375rem; text-align: center; position: absolute; left: 0; top: 0;}
.intro-chart3-list2 li:nth-child(1) .tit::before {content:'1';}
.intro-chart3-list2 li:nth-child(2) .tit::before {content:'2';}
.intro-chart3-list2 li:nth-child(3) .tit::before {content:'3';}
.intro-chart3-list2 li:nth-child(4) .tit::before {content:'4';}
.intro-chart3-list2 li .txt {color: #666666; margin: .5em 0 3em; font-size: 1.25em; font-weight: 300; letter-spacing: -.05em; padding-left: 2.8rem; word-break: keep-all;}
.img-pc {display: block;}
.img-m {display: none;}

@media screen and (max-width: 1100px) {
    .intro-slogan1, .intro-slogan2 {height: auto; line-height: 1.2; padding: .5em 1em; background:url(/images/secp/intro_bg_slogan.jpg) no-repeat center / 100% 100%;}
    .intro-chart3-list1 li p {font-size: 1rem;}
    .intro-chart3-list1 li p br {display: none;}
    .intro-mydata li img {display: block; margin: 0 auto 1em;}
    .intro-mydata li div {text-align: center;}
}
@media screen and (max-width: 768px) {
    .intro-tit {font-size: 2rem;}
    .intro-tit::before {margin: 0 auto 1rem;}
    .intro-slogan1, .intro-slogan2 {font-size: 1.5rem;}
    .intro-stit {font-size: 1.8rem;}
    .img-pc {display: none;}
    .img-m {display: block;}
    .intro-txt br {display: none;}
    .intro-chart3-list1 {flex-direction: column; gap: 1em; width: 100%;}
    .intro-chart3-list1 li {padding: 1em 2em; text-align: left;}
    .intro-chart3-list1 li p {display: inline-block; vertical-align: middle; width: calc(100% - 100px); font-size: 1.4rem;}
    .intro-chart3-list1 li .num {width: 50px; margin-bottom: 0;}
    .intro-chart3-list1 li img {bottom: 1em; left: auto; right: 2em; width: 40px; transform: none;}
    .intro-mydata {width: 100%;}
    .intro-mydata li div p strong {font-size: 1em;}
    .intro-chart3-list2 {margin: 3em auto 4em; padding: 3rem 1.5rem .1rem; width: 100%;}
    .intro-chart2 img {max-width: 100%;}
    .intro-chart1, .intro-chart2, .intro-mydata {margin-bottom: 5em;}
}
@media screen and (max-width: 580px) {
    .intro-mydata {flex-direction: column; padding-top: 2rem;}
    .intro-mydata li {padding: 2rem 1rem 1.5rem;}
    .intro-mydata li img {width: 50px;}
    .intro-mydata li div p.txt br {display: none;}
    .intro-mydata li::after {position: relative; right: auto; top: auto; width: 20px; height: 20px; display: block; margin: 1.5rem auto 1rem; background: url(/images/secp/intro_mydata_arrow_m.jpg) no-repeat center; background-size: cover; content: ''; }
    .intro-mydata li:nth-child(2) {padding: 0;}
    .intro-chart3-list2 li .tit {font-size: 1.3rem;}
}

/* 사업안내 */
.about2-tit {font-size: 2.25em; text-align: center; line-height: 1.2; width: 6.94em; height: 6.94em; border: 0.43em solid #397ef5; border-radius: 6.94em; padding-top: .7em; margin: 0 auto; position: relative; z-index: 2; background: #fff;}
.about2-tit img {margin-bottom: .1em;}
.about2-tit strong {color: #397ef5; display: block;}
.about2-head {background: no-repeat right / auto 100% #397ef5; display: block; color: #fff; height: 19.5em; margin-top: -8.5em; padding: 8.5em 0 0 3.5em; box-sizing: border-box;}
.about2-head1 {background-image: url(/images/secp/img_about2_1.jpg);}
.about2-head2 {background-image: url(/images/secp/img_about2_2.jpg);}
.about2-head3 {background-image: url(/images/secp/img_about2_3.jpg);}
.about2-head p {font-size: 1.625em; line-height: 1.5;}
.about2-head p strong {color: #fff881;}
.about2-con-box {padding: 5em 3.5em; background: #f0f8ff; margin-bottom: 5em;}
.about2-con {display: flex; margin: 0 0 4em; gap: 2em;}
.bl-about {display: inline-block; line-height: 1.2; font-weight: 600; flex: 0 1 7em; font-size: 1.5em; margin-bottom: .8em;}
.bl-about::before {content: ''; display: inline-block; width: .3em; height: 1em; border-radius: 1em; background: #fc7100; vertical-align: top; margin: .15em .6em 0 0;}
.about2-con p {flex: 1; margin-top: -.15em; line-height: 1.5; color: #111; font-size: 1.5em;}
.about2-con p strong {color: #397ef5;}
.about2-con ul {flex: 1;}
.about2-con ul li {background: #fff; border: 3px solid #bdcde3; border-radius: 1em; text-align: center; display: inline-block; width: 13em; padding: 1em 0 0; overflow: hidden; margin-right: 2em; vertical-align: top; margin-bottom: 1em; position: relative; height: 9.2em;}
.about2-con ul li img {height: 5.625em;}
.about2-con ul li p {background: #e2f2ff; font-size: 1.25em; padding: .3em; margin-top: .8em; line-height: 1.2;}
.about2-con ul li p strong {color: #397ef5; font-size: 1.2em; font-weight: 500;}
.about2-con-box .tbl-list3 {font-size: 1.125em; background: #fff; border-radius: 1em; overflow: hidden; box-shadow: .1em .1em .5em rgba(0,0,0,.08);}
.about2-con-box .tbl-list3 thead th {background: #8492aa;}
.about2-con-box .tbl-list3 tbody th {font-weight: 500; border-bottom: 1px solid #b7c4d9; border-right: 1px solid #e5ebf6; color: #111;}
.about2-con-box .tbl-list3 tbody tr:nth-child(odd) td, .about2-con-box .tbl-list3 tbody tr:nth-child(odd) th {background: #f6fbff;}
.about2-con-box .tbl-list3 td:last-child[rowspan] {background: #fff;}
.about2-con-box .tbl-list3 td {border-bottom: 1px solid #b7c4d9; border-right: 1px solid #e5ebf6; color: #111;}
.about2-con-box .tbl-list3 .bg {background: #f6fbff !important}
.about2-map {margin: 1em auto 4em; text-align: center;}
.about2-map img {max-width: 90%;}
.about2-con-box .scrollable {margin-bottom: 1.2em;}
.about2-con-box:last-of-type {margin-bottom: 0;}
@media screen and (max-width: 1280px) {
    .about2 {font-size: .95em;}
    .about2-head {height: 18em; padding: 8em 0 0 3.5em;}
}
@media screen and (max-width: 1100px) {
    .about2 {font-size: .9em;}
    .about2-head {margin-bottom: 11em; position: relative; margin-top: -15em; height: 14em;}
    .about2-head p {position: absolute; bottom: -7em; color: #111; left: 0; text-align: center; width: 100%; background: #daedfe; padding: 1.5em; box-sizing: border-box;}
    .about2-head p strong {color: orange;}
    .about2-tit {margin: 0 0 0 5%; font-size: 2.5em;}
    .about2-con ul li {width: 11em; margin-right: 1em;}
}
@media screen and (max-width: 800px) {
    .about2-tit {margin: 0 0 0 2%;}
    .about2-con ul li {width: 11em; margin-right: 1em; height: 9em;}
    .about2-con ul li p {position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 480px) {
    .about2 {font-size: .55em; margin: 0 -2.7em;}
    .about2-tit img {width: 2.2em;}
    .about2-head {margin-bottom: 14em;}
    .about2-head p {font-size: 2em;}
    .about2-con-box {font-size: 1.5em;}
    .about2-con {gap: 1em;}
    .about2-con p {font-size: 1.35em;}
    .about2-con-box {padding: 4em 2em;}
    .bl-about {flex: 0 1 5em;}
    .about2-con ul li {width: 8em; border-width: 2px; margin-bottom: 1em; margin-right: 1em;}
    .about2-con ul li img {height: 3em;}
    .about2-con ul li p { height: 3em;}
    .about2-con-box .tbl-list3 {font-size: 1.3em;}
    .about2-con-box .scrollable ~ .c-darkgray {font-size: 1.25em;}
    .about2-con ul li {height: 7.7em;}
}

.about2-con-tab {text-align: center; position: relative; padding-top: 13.75em; margin-top: 3em;}
.about2-con-tab li {}
.tab-about2-1, .tab-about2-2, .tab-about2-3 {display: inline-block; width: 7.86em; height: 7.86em; border-radius: 3.93em; background: #688cf6; color: #fff; text-align: center; font-size: 28px; line-height: 1.2; position: absolute; top: 0; left: 50%; cursor: pointer; border: none; opacity: 1 !important;}
.tab-about2-1 {background: #688cf6; margin-left: -13.58em;}
.tab-about2-2 {background: #00b3a3; margin-left: -3.93em;}
.tab-about2-3 {background: #a8c100; margin-left: 5.72em;}
.tab-about2-1::after {background: #688cf6;}
.tab-about2-2::after {background: #00b3a3;}
.tab-about2-3::after {background: #a8c100;}
.tab-about2-1::after, .tab-about2-2::after, .tab-about2-3::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; border-radius: 3.93em; transform: rotate(45deg); left: 0;}

.tab-about2-1 img, .tab-about2-2 img, .tab-about2-3 img {margin-top: 0; margin-bottom: .2em; width: 32%; position: relative; z-index: 1; transition: all .3s ease; opacity: .9;}
.tab-about2-1 strong, .tab-about2-2 strong, .tab-about2-3 strong {display: block;}
.tab-about2-1 p, .tab-about2-2 p, .tab-about2-3 p {position: relative; z-index: 1; transition: all .3s ease; opacity: .9; }
.tab-about2-1.active::after, .tab-about2-2.active::after, .tab-about2-3.active::after {height: 180%; top: -11.5%; left: -28%; box-shadow: .2em .36em .72em rgba(0,0,0,.25);}

.tab-about2-1.active img, .tab-about2-2.active img, .tab-about2-3.active img {margin-top: 1.2em; opacity: 1;}

.tab-about2-1::before, .tab-about2-2::before, .tab-about2-3::before {content: '▼'; color: #fff600; display: block; position: absolute; left: 0%; top: 4.5em; z-index: 3; transform: scaleY(0.7); font-size: 1.6em; opacity: 0;}
.tab-about2-1.active::before, .tab-about2-2.active::before, .tab-about2-3.active::before {animation: arrowdown .5s forwards; animation-delay: .3s; animation-timing-function: ease;}
@keyframes arrowdown {
    0% {top: 4.5em; opacity: 0;}
    100% {top: 5.1em; opacity: 1;}
}

.tab-about2-1.active img, .tab-about2-2.active img, .tab-about2-3.active img {width: 3.57em; margin-top: 1em;}
.tab-about2-1.active p, .tab-about2-2.active p, .tab-about2-3.active p {font-size: 1.35em; margin-left: -62%; opacity: 1;}

.about2-con-tab .about2-con-box {padding-top: 2em; background: unset; display: none; padding: 2em 0;}
.tab-about2-1.active ~ .about2-con-box, .tab-about2-2.active ~ .about2-con-box, .tab-about2-3.active ~ .about2-con-box {display: block;}
.about2-con-tab .about2-con-box .cont1 {background: #688cf6; color: #fff; text-align: left; padding: 1.8em 1.5em 1.8em 3em; display: flex; justify-content: space-between; align-items: center; gap: 1em; position: relative; z-index: 1;}
.about2-con-tab .tab-about2-2 ~ .about2-con-box .cont1 {background: #00b3a3;}
.about2-con-tab .tab-about2-3 ~ .about2-con-box .cont1 {background: #a8c100;}

.about2-con-tab .about2-con-box .cont1 p {font-size: 1.5em; line-height: 1.7;}
.about2-con-tab .about2-con-box .cont1 p strong {font-weight: 800;}
.about2-con-tab .scaleinfo {font-size: .9em;}
.about2-con-tab .scaleinfo li {display: inline-block; background: #fff; text-align: center; width: 10.5em; height: 10em; margin: .4em; border-radius: .8em; vertical-align: top;}
.about2-con-tab .scaleinfo li img {width: 5em; margin-top: 1em;}
.about2-con-tab .scaleinfo li p {display: block; color: #111; font-size: 1.2em !important;}
.about2-con-tab .scaleinfo li p strong {font-size: 1.25em; font-weight: 800;}
.about2-con-tab .about2-con-box .cont2 {text-align: left; padding: 5em 0 3em; display: flex; letter-spacing: -.05em;}
.about2-con-tab .about2-con-box .cont2 h3 {font-size: 2em; font-weight: 500; margin-top: .1em; letter-spacing: -.08em; }
.about2-con-tab .about2-con-box .cont2 p {font-size: 1.5em; line-height: 1.6;}
.about2-con-tab .about2-con-box .cont3 {text-align: left; padding: 2em 0 3em; letter-spacing: -.05em;}
.about2-con-tab .about2-con-box .cont3 h3 {font-size: 2em; font-weight: 500; margin-top: .1em; letter-spacing: -.08em; }
.about2-con-tab .about2-con-box .cont3 p {font-size: 1.1em; line-height: 1.6;}
.about2-con-tab .about2-con-box .tbl-list3 {box-shadow: none; border-radius: 0; border-top: 3px solid #111;}
.about2-con-tab .about2-con-box .tbl-list3 thead th {background: #fff; color: #111; border-bottom: 1px solid #111;}
.about2-con-tab .about2-con-box .tbl-list3 tbody tr:nth-child(odd) td, .about2-con-tab .about2-con-box .tbl-list3 tbody tr:nth-child(odd) th {background: #fff;}
.about2-con-tab .about2-con-box .tbl-list3 tbody tr:nth-child(even) td, .about2-con-tab .about2-con-box .tbl-list3 tbody tr:nth-child(even) th {background: #f8f8f8;}
.about2-con-tab .about2-con-box .tbl-list3 td:last-child[rowspan] {background: #fff;}
.about2-con-tab .about2-con-box .tbl-list3 .bg {background: #f4f6f9 !important;}
.about2-con-tab .tbl-list3 {border-left: none;}
.about2-con-tab .about2-con-box .tbl-list3 td:last-child {border-right: 1px solid #fff; border-left: 1px solid #e5ebf6;}
@media screen and (max-width: 1200px) {
    .about2-con-tab {font-size: 1.3vw;}
    .tab-about2-1, .tab-about2-2, .tab-about2-3 {font-size: 2.33vw;}
    .about2-con-tab .about2-con-box {font-size: 13px;}
}
@media screen and (max-width: 768px) {
    .tab-about2-1, .tab-about2-2, .tab-about2-3 {font-size: 2.2em;}
    .tab-about2-1.active img, .tab-about2-2.active img, .tab-about2-3.active img {width: 3.1em; margin-top: .5em;}
    .tab-about2-1::after, .tab-about2-2::after, .tab-about2-3::after {transform: none; left: 0 !important; top: 0 !important;}
    .tab-about2-1.active p, .tab-about2-2.active p, .tab-about2-3.active p {font-size: 1.1em; margin-left: 0;}
    .tab-about2-1::before, .tab-about2-2::before, .tab-about2-3::before {left: calc( 50% - .45em);}
    .tab-about2-1.active, .tab-about2-2.active, .tab-about2-3.active {transform: scale(1.2);}
    .tab-about2-1.active::before, .tab-about2-2.active::before, .tab-about2-3.active::before {transform: translateY(-0.8em) scale(.6);}
    .about2-con-tab {padding-top: 18.75em;}
    .about2-con-tab .about2-con-box .cont1 {flex-direction: column;}
    .about2-con-tab .about2-con-box .cont1 p {word-break: keep-all; text-align: center;}
    .about2-con-tab .about2-con-box .cont1 p br {display: none;}
    .about2-con-tab .about2-con-box .cont2 {display: block;}
    .about2-con-tab .about2-con-box .cont2 h3, .about2-con-tab .about2-con-box .cont3 h3 {font-size: 22px; font-weight: 800;}
}
@media screen and (max-width: 480px) {
    .tab-about2-1, .tab-about2-2, .tab-about2-3 {font-size: 13px;}
    .about2-con-tab {font-size: 5px;}
    .about2-con-tab .about2-con-box .cont2 {margin-top: 2em;}
    .about2-con-tab .about2-con-box .cont2, .about2-con-tab .about2-con-box .cont3 {padding: 2em 2em; font-size: 11px;}
    .about2-con-tab .about2-con-box .cont2 p br {display: none;}
    .about2-con-tab .about2-con-box .cont1 p {font-size: 14px;}
    .about2-con-tab .about2-con-box .cont2 h3, .about2-con-tab .about2-con-box .cont3 h3 {font-size: 18px;}
}

/* 이용안내 */
.about3-wrap {background-color: #f0f8ff; padding: 5em 4em; box-sizing: border-box; border: 1px solid #cfe2f3; border-top: 0; box-sizing: border-box; width: calc(100% - 2px); margin-left: 1px;}
.tab_menu {width: 100%; overflow: hidden;}
.tab_menu > ul {position: relative; width: 100%;}
.tab_menu > ul > li {float: left; width: 50%; display: block; border: 1px solid #cfe2f3; box-sizing: border-box; margin-left: -1px;}
.tab_menu > ul > li:first-child {margin-left: 0;}
.tab_menu > ul > li a {width: 100%; display: block; text-align: center; color: #111; font-size: 1em; font-weight: 600; background: #fff; box-sizing: border-box; height: 2.8em; line-height: 2.8em; padding: 0; font-size: 1.125rem; }
.tab_menu > ul > li.current a {background: #397ef5; border: 1px solid #397ef5; color: #fff;}
.tab_menu > ul > li.current ul {display: block; clear: both; width: 768px; background: #97989f; position: absolute; left: 0;}
.tab_menu > ul > li ul{display: none}
.tab_menu2 {width: 100%; display: block; background-color: transparent; overflow: hidden; max-width: 790px; margin: 0 auto;}
.tab_menu2 > ul {position: relative; width: 100%; border-radius: 4em; overflow: hidden; background-color: #cee5fa;}
.tab_menu2 > ul > li {float: left; width: 33.111%; display: block; padding: 0; box-sizing: border-box;}
.tab_menu2 > ul > li a {width: 100%; display: block; text-align: center; padding: 0; color: #5074b2; height: 2.8em; line-height: 2.8em; font-size: 1.125rem; font-weight: 600; background: #cee5fa; box-sizing: border-box; }
.tab_menu2 > ul > li.current a{background: #486c9e; color: #fff; border-radius: 3em;}
.tab_menu2 > ul > li ul{display: none}
.tab_menu2 > ul > li.current ul {display: block; clear: both; width: 768px; background: #97989f; position: absolute; left: 0;}
.tab_menu3 {width: 100%; display: block; background-color: transparent; overflow: hidden; max-width: 790px; margin: 0 auto;}
.tab_menu3 > ul {position: relative; width: 100%; border-radius: 4em; overflow: hidden; background-color: #cee5fa;}
.tab_menu3 > ul > li {float: left; width: 50%; display: block; padding: 0; box-sizing: border-box;}
.tab_menu3 > ul > li a {width: 100%; display: block; text-align: center; padding: 0; color: #5074b2; height: 2.8em; line-height: 2.8em; font-size: 1.125rem; font-weight: 600; background: #cee5fa; box-sizing: border-box; }
.tab_menu3 > ul > li.current a{background: #486c9e; color: #fff; border-radius: 3em;}
.tab_menu3 > ul > li ul{display: none}
.tab_menu3 > ul > li.current ul {display: block; clear: both; width: 768px; background: #97989f; position: absolute; left: 0;}
.about3-wrap .info-list {width: 100%; position: relative;}
.about3-wrap .info-con {margin: 2em 0;}
.about3-wrap .info-con-list {padding: 0 3em 0 5em; margin: 0 0 1em 0; box-sizing: border-box; font-size: 1em; position: relative; word-break: keep-all; line-height: 1.4;}
.about3-wrap .info-con-list span {width: 2em; height: 2em; line-height: 1.8; font-size: .87em; background-color: #d35e69; color: #fff; border-radius: 25px; display: block; text-align: center; position: absolute; left: 3em; top: 0;}
.about3-wrap .info-con-list small {font-size: .8em; color: #666; display: block; margin: 3px 0 0;}
.about3-wrap .info-con-list sup {color: #d71d2e;}
.about3-wrap .info-list-img {width: 100%;}
.about3-wrap .info-list .swiper {width: 100%; max-width: 792px; margin: 2rem auto; border: 1px solid #cfe2f3; background-color: #fff; border-radius: 1.5rem; box-sizing: border-box; position: relative; overflow: hidden !important;}
.about3-wrap .info-list .swiper-wrapper {position: relative; }
.about3-wrap .info-list .swiper-button-prev, .about3-wrap .info-list .swiper-button-next {height: 50px; width: 50px; top: 15rem; background-size: cover;}
.about3-wrap .info-list .swiper-button-next {background-image: url(/images/secp/info-arrow.png);}
.about3-wrap .info-list .swiper-button-prev {background-image: url(/images/secp/info-arrow.png); transform: rotate(180deg);}
.about3-wrap .info-list .swiper-pagination-bullet {background-color: #d3dae3; width: 1em; height: 1em;}
.about3-wrap .info-list .swiper-pagination-bullet-active {background-color: #397ef5; width: 1em; height: 1em;}
.about3-wrap .info-list .swiper-pagination-bullet:focus {border-radius: 1em;}
@media screen and (max-width: 1200px) {
    .about3-wrap .info-list .swiper-button-next {right: -3.5em;}
    .about3-wrap .info-list .swiper-button-prev {left: -3.5em;}
}
@media screen and (max-width: 768px) {
    .about3-wrap {padding: 2em 2em 4em;}
    .about3-wrap .tab_menu2 > ul > li a, .about3-wrap .tab_menu3 > ul > li a {font-size: 1em;}
    .about3-wrap .info-list .swiper-button-prev, .about3-wrap .info-list .swiper-button-next {height: 40px; width: 40px;}
    .about3-wrap .info-list .swiper-pagination-bullet {width: 0.6em; height: 0.6em; margin: 0.3em;}
}
@media screen and (max-width: 560px) {
    .tab_menu2 > ul > li:nth-child(1) {width: 22%;}
    .tab_menu2 > ul > li:nth-child(2), .tab_menu2 > ul > li:nth-child(3) {width: 39%;}
    .about3-wrap .info-list .swiper-button-prev, .about3-wrap .info-list .swiper-button-next {height: 26px; width: 26px;}
    .about3-wrap .info-list .swiper-button-next {right: -1em; top: 8em;}
    .about3-wrap .info-list .swiper-button-prev {left: -1em; top: 8em;}
    .about3-wrap .swiper-pagination {bottom: -4em;}
}

.label-indiv {display: inline-block; background: #80bee5;color: #fff;font-size: .63em;padding: 0.1em 0.5em 0.12em 0.35em; font-weight: 300;margin: -0.2em 0 0 0.4em;border-radius: 0.2em;vertical-align: middle;} /*개인접수*/
.label-organ {display: inline-block; background: #cfa176; color: #fff; font-size: .63em; padding: 0.1em 0.5em 0.12em 0.35em; font-weight: 300; margin: -0.2em 0 0 0.4em; border-radius: 0.2em; vertical-align: middle;} /*단체접수*/
.label-sigun {display: inline-block; background: #afafaf; color: #fff; font-size: .63em; padding: 0.1em 0.5em 0.12em 0.35em; font-weight: 300; margin: -0.2em 0 0 0.4em; border-radius: 0.2em; vertical-align: middle;} /*시군접수*/

.apply-info .apply-info-head h3 .label-indiv {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.35em; margin-top: -0.3em; font-weight: 500; margin-left: -.1em; background: #88a6b7;}
.apply-info .apply-info-head h3 .label-indiv {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.35em; margin-top: -0.3em; font-weight: 500; margin-left: -.1em; background: #bb9877;}
.apply-info .apply-info-head h3 .label-indiv {font-size: .6em; line-height: 1.5em; color: #fff; text-align: center; display: inline-block; padding: 0 0.4em 0.06em; border-radius: 0.2em; vertical-align: middle; margin-right: 0.35em; margin-top: -0.3em; font-weight: 500; margin-left: -.1em; background: #999999;}

.wordkeep {word-break: keep-all !important;}

/* 콜센터 안내 플로팅 배너 */
.ban-callcenter {position: fixed; top: 560px; right: 1.7em; width: 6.25em; height: 7.375em; border: 2px solid #397ef5; border-top-left-radius: 3.125em; border-top-right-radius: 3.125em; border-bottom-left-radius: 3.125em; background: #fff; z-index: 5; padding: 0.3125em; box-sizing: border-box; overflow: hidden; box-shadow: 0.625em 0.625em 0.9375em rgba(0,0,0,.13); transition: all .2s ease;}
/* .ban-callcenter.main {top: 560px;} */
.ban-callcenter-inner { border-top-left-radius: 2.8125em; border-top-right-radius: 2.8125em; overflow: hidden;}
.ban-callcenter-inner > p {font-size: 0.875em; color: #397ef5; font-weight: 600; letter-spacing: -0.1em; text-align: center; background: #e8f1ff; line-height: 1.2; word-break: keep-all; padding: 0.43em 0.29em; box-sizing: border-box; }
.ban-callcenter-inner > p span {display: none;}
.btn-callcenter {font-size: 1em; border: none; display: block; position: absolute; bottom: 0.3125em; right: 0.3125em; margin: 0; width: calc( 100% - 0.625em ); height: 3.625em; box-sizing: border-box; background: #fff; transition: none !important; outline: none; z-index: 2; border-radius: 2em;}
.btn-callcenter img {width: 2.9375em;}
.btn-callcenter::after {content: ''; position: absolute; bottom: 0; right: 0; background: url(/images/secp/ico_callcenter_semo.png) no-repeat center / cover; width: 0.75em; height: 0.8125em;}
.ban-callcenter ul {display: block; padding: 0.375em; width: 12.25em; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity .2s;}
.ban-callcenter ul li {border-bottom: 1px solid #d9e7ff; padding: 0.75em 0.563em 0.75em 2.8125em; position: relative;}
.ban-callcenter ul li:last-child {border-bottom: 0; padding: 1.0625em 0.5625em 1.0625em 2.8125em;}
.ban-callcenter ul li img {position: absolute; top: 0.75em; left: 0.5625em; width: 1.625em;}
.ban-callcenter ul li:last-child img {top: 1em;}
.ban-callcenter ul li .num {color: #397ef5; font-size: 1.4375em; font-weight: 600; line-height: 1; letter-spacing: 0;}
.ban-callcenter ul li .txt {color: #111; font-size: 0.875em; font-weight: 500; letter-spacing: -.1em;}
.ban-callcenter.active {width: 13em; height: 19em;}
.ban-callcenter.active .ban-callcenter-inner > p {font-size: 1.125em; letter-spacing: -.1em; padding: 0.65em 0.278em; font-weight: 600;}
.ban-callcenter.active .ban-callcenter-inner > p span {display: block; font-size: .8em; letter-spacing: 0; font-weight: 400; margin-top: .2em;}
.ban-callcenter.active .btn-callcenter {width: 1.5em; height: 1.5em;}
.ban-callcenter.active .btn-callcenter img  {display: none;}
.ban-callcenter.active ul {opacity: 1; visibility: visible;}
@media screen and (max-width: 1200px) {
    .ban-callcenter {font-size: .83em;}
}
@media screen and (max-width: 768px) {
    .ban-callcenter {right: 1em !important;}
}
@media screen and (max-width: 560px) {
    .ban-callcenter, .ban-callcenter.main {width: 4.2em; height: 4.4em; font-size: .88em;}
    .ban-callcenter.active {height: 19em; width: 13em;}
    .ban-callcenter-inner > p {display: none !important;}
    .ban-callcenter.active .ban-callcenter-inner > p {display: block !important;}

    .ban-callcenter ul li {padding-right: 0;}
    .ban-callcenter ul li .txt {letter-spacing: -.2em;}
    .ban-callcenter.active .btn-callcenter {width: 2em; height: 2em;}
}
@media screen and (max-width: 480px) {
    .ban-callcenter, .ban-callcenter.main {right: 1.2em !important; bottom: 65px !important;}
}

@media (prefers-color-scheme: dark) {
    .header h1 {background-image: url(/images/secp/logo_sub_d.png);}
    .intro-chart1 {background:url(/images/secp/intro_chart1_d.png) no-repeat center / contain;}
    .intro-chart1 img {opacity: 0;}
    .intro-mydata li::after {background: url(/images/secp/intro_mydata_arrow.png) no-repeat center / 100% 100%;}
    .intro-mydata li::before {content: ''; display: inline-block; vertical-align: top; margin-right: 0.5em; width: 100%; max-width: 30%; height: 7em; background: url('') no-repeat center / contain;}
    .intro-mydata li:nth-child(1)::before {background-image: url(/images/secp/ico_intro_mydata1_d.png);}
    .intro-mydata li:nth-child(2)::before {background-image: url(/images/secp/ico_intro_mydata2_d.png);}
    .intro-mydata li:nth-child(3)::before {background-image: url(/images/secp/ico_intro_mydata3_d.png);}
    .intro-mydata li:nth-child(4)::before {display: none;}
    .intro-mydata li img {display: none;}
    @media screen and (max-width: 1100px) {
        .intro-mydata li::before {display: block; margin: 0 auto 1em;}
    }
    .about2-tit img, .about2-con ul li img {margin-bottom: 0.1em; filter: invert(1); mix-blend-mode: screen;}
    .apply-info .apply-info-head {background-image: url(/images/secp/project_head1.png) !important; background-color: transparent !important;}
}

.img-susang {width: 7.6rem; height: 3rem; top: 1.3em; left: 15.5em; position: absolute; object-fit: cover; object-position: 100% 50%;}
.main .img-susang {width: 9rem; height: 3.5rem; top: 8em; left: 2.4em;}
@media screen and (max-width: 1200px) {
    .img-susang, .main .img-susang {width: 7.6rem; height: 3rem; top: .45em; left: 10em;}
}

/* 경기도민원서비스 우수사례 수상 표시 관련 임시 삽입 */
/* .header h1 {background-image: url(/images/secp/logo_sub_20231109.png); width: 21em !important;} */
/* .nav-wrap {margin-left: 30%;} */