.cont-head { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #333; }
.cont-head2 { margin-bottom: 40px; }
.cont-head3 { margin-bottom: 20px; }

.cont-head-sm { display: block; font-weight: 500; font-size: 1.8rem; color: var(--main-color); }
.cont-head-lg { display: block; line-height: 1.4; font-size: 3.25rem; color: #333; word-break: keep-all; }
.cont-head-lg2 {position: relative; display: block; line-height: 1.4; font-size: 2.5rem; color: #333; word-break: keep-all; padding-left: 20px;}
.cont-head-lg2:before {content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 24px; background: var(--main-color);}



.cont-con { }
.cont-con2 { padding: 50px 0; }
.cont-con-sm { display: block; line-height: 1.4; font-size: 1.7rem; color: #757575; word-break: keep-all; }
.cont-con-sm2 { display: block; line-height: 1.8; font-weight: 400; font-size: 1.8rem; color: #333; word-break: keep-all; text-align: center; }
.cont-con-sm3 { display: block; line-height: 1.6; font-weight: 400; font-size: 2rem; color: #555; word-break: keep-all; }
.cont-con-sm4 { display: block; line-height: 1.5; font-weight: 600; font-size: 2rem; color: #333; word-break: keep-all; }
.cont-con-sm5 { display: block; line-height: 1.5; font-weight: 600; font-size: 2rem; color: #666; word-break: keep-all; }
.cont-con-sm6 { display: block; line-height: 1.5; font-weight: 400; font-size: 1.6rem; color: #fff; word-break: keep-all; }
.cont-con-sm7 { display: block; line-height: 1.5; font-weight: 400; font-size: 1.8rem; color: #666; word-break: keep-all; }
.cont-con-lg { display: block; line-height: 1.3; font-weight: 600; font-size: 2.4rem; color: #333; word-break: keep-all; }
.cont-con-lg2 { display: block; line-height: 1.5; font-weight: 600; font-size: 3.2rem; color: #333; word-break: keep-all; }
.cont-con-lg2 > span > em {position: relative;}
.cont-con-lg2 > span > em::before {content: ""; position: absolute; bottom: 0; left: 0; width: 110%; height: 20px; background-color: #00000027;}
.cont-con-lg3 { display: block; line-height: 1.5; font-weight: 500; font-size: 3rem; color: #fff; word-break: keep-all; }

@media only screen and (max-width: 767px){
 .cont-con-lg2 > span > em::before {width: 100%; height: 10px;}
}

.cont-row { display: flex; }
.cont-row .cont-row-tit { flex-shrink: 0; width: 30%; padding-right: 100px; }
.cont-row .cont-row-tit .tit { display: block; line-height: 1.4; font-weight: 600; font-size: 2.5rem; color: #343434; word-break: keep-all; }
.cont-row .cont-row-con { width: 70%; }

@media only screen and (max-width: 1211px){
 .cont-row .cont-row-tit { padding-right: 40px; }
}

@media only screen and (max-width: 1023px){
 .cont-head-lg { font-size: 2.8rem; }

 .cont-con.mb100 { margin-bottom: 50px; }
 .cont-con2.mb100 { margin-bottom: 50px; overflow: hidden; }

 .cont-con-lg { font-size: 2.2rem; }
 .cont-con-lg2 { font-size: 3rem; }

 .cont-row { flex-direction: column; gap: 20px; }
 .cont-row2 { gap: 70px; }
 .cont-row .cont-row-tit { width: 100%; padding-right: 0; font-size: 2.2rem; }
 .cont-row .cont-row-con { width: 100%; }

 .cont-col .cont-col-tit { font-size: 2.2rem; }

 .cont-con.mb80 { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
 .cont-con { padding: 0; }
 .cont-con br { display: none; }
 .cont-con-sm3.mb100 { margin-bottom: 50px; }
 .cont-con-sm6 br { display: none; }
 .cont-con-lg { font-size: 2rem; }
 .cont-con-lg2 { font-size: 2.6rem; }
 .cont-con-lg.mb30 { margin-bottom: 20px; }
 .cont-con-lg3 { font-size: 2rem; }
}

/* 배경박스 */
.bg-gray-box1 { padding: 30px; background: #fbfbfb; }
.bg-gray-box1-2 { padding: 15px; }
.bg-gray-box1 .tit { position: relative; display: block; margin-bottom: 8px; padding-left: 22px; font-size: 1.6rem; }
.bg-gray-box1-2 .tit { margin-bottom: 0; font-size: 15px; }
.bg-gray-box1 .tit::after { content:"!"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 16px; height: 16px; line-height: 16px; font-weight: 600; font-size: 10px; color: #fff; background: var(--gray-cc); text-align: center; border-radius: 100%; }
.bg-gray-box1 .txt { position: relative; display: block; line-height: 1.3; font-size: 1.7rem; word-break: keep-all; }
.bg-gray-box1 .lg-txt { position: relative; display: block; line-height: 1.3; font-weight: 600; font-size: 2.2rem; color: #333; word-break: keep-all; }
.bg-gray-box1 .sm-txt { position: relative; display: block; line-height: 1.3; font-weight: 400; font-size: 1.5rem; color: #757575; word-break: keep-all; }

.bg-gray-box2 { display: flex; gap: 50px; justify-content: space-between; padding: 30px; background: #f9f9f9; }
.bg-gray-box2 .sm-tit { display: block; margin-bottom: 10px; font-size: 1.6rem; color: var(--pink3); word-break: keep-all; }
.bg-gray-box2 .tit { display: block; line-height: 1.3; font-weight: 600; font-size: 1.9rem; color: #333; word-break: keep-all; }
.bg-gray-box2 .info { display: flex; width: 100%; justify-content: space-around; align-items: center;}
.bg-gray-box2 .info > li { position: relative; line-height: 1.3; padding-left: 24px; font-size: 1.7rem; color: #666; }
.bg-gray-box2 .info > li::before { content:""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; }
.bg-gray-box2 .info > li.tel::before { background-size: auto 14px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.67 28.67'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.65,22.72c-.05.42-.25.84-.51,1.1l-1.94,1.94c-6.61,5.54-15.01-2.71-15.09-2.79l-4.39-4.39c-.08-.08-8.33-8.48-2.82-15.07l1.97-1.97c.26-.26.68-.46,1.09-.51.08-.01.16-.02.24-.02.3,0,.56.08.7.22l4.1,4.73c.49.49.49,1.29,0,1.78l-1.5,1.5c-.37.4-.63.77-.79,1.15-.33.9-.85,3.24,1.4,5.67l2.52,2.52c2.41,2.24,4.75,1.72,5.68,1.38.35-.15.72-.42,1.13-.8l1.48-1.48c.48-.48,1.28-.5,1.81.03l4.69,4.07c.2.21.28.55.22.95Z'/%3E%3C/svg%3E"); }
.bg-gray-box2 .info > li.mail::before { background-size: auto 12px; background-image: url("data:image/svg+xml,%3Csvg width='31' height='21' viewBox='0 0 31 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.57 1H1V19.78H29.57V1Z' stroke='%23666666' stroke-width='1.5' stroke-linejoin='bevel'/%3E%3Cpath d='M15.29 13.99L1 1H29.57L15.29 13.99Z' stroke='%23222222' stroke-width='1.5' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A"); }
/* 박스 리스트 */
.bg-box-list1 { display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px; }
.bg-box-list1 > div { flex: 0 1 calc(50% - 10px); }
@media only screen and (max-width: 767px){
 .bg-gray-box2 { flex-direction: column; gap: 20px; }
 .bg-gray-box2 .info { justify-content: left; gap: 50px; }
}
@media only screen and (max-width: 460px){
 .bg-gray-box2 .info { flex-direction: column; gap: 20px; }
}


.fr { margin-bottom: 20px; }
.fr:last-child { margin-bottom: 0; }
.fr label,
.fr strong { font-weight: 600; font-size: 14px; color: #333; }
.fr .inp-box { position: relative; z-index: 1; }
.fr .inp-box input { width: 100%; margin-top: 5px; }
.fr .inp-box input:disabled { background: #fff; }
.noti-type .inp-box input:disabled { background: transparent; }
.fr .inp-box .maxlength { position: absolute; bottom: 10px; right: 10px; font-size: 14px; color: #666; }
.fr-con .timereset { display: block; font-size: 15px; color: #555; text-decoration: underline; }

.fr-ti { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.fr-ti .ti { font-size: 18px; }

.fr.email .inp-box .inp { display: flex; align-items: center; }
.fr.email .inp-box .inp .hyp { line-height: 14px; margin: 0 5px; font-size: 14px; }
.fr.email .inp-box .inp select { margin-left: 5px; }

.fr.user-id .inp { display: flex; align-items: center;}
.fr.user-id .inp .btn { flex-shrink: 0; width: 150px; height: 45px; line-height: 45px; }

.fr.verif .inp-box input { padding: 0 50px 0 7px; }
.fr.verif .inp-box span.time { position: absolute; top: 50%; right: 7px; font-size: 14px; color: #eb1b1b; transform: translate(0, -50%); }

.radi-box { display: flex; margin-top: 10px; }
.radi-box li { flex: 1; position: relative; z-index: 1; }

.fr.attach .inp-box { position: relative; display: flex; }
.fr.attach .inp-box label { width: 140px; height: 45px; line-height: 45px; color: #fff; text-align: center; background: #757575; }
.fr.attach input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; border: 0; }

@media only screen and (max-width: 560px){
 /*  .fr.email .inp-box .inp { display: block; }  */
 .fr.email .inp-box .inp { flex-wrap: wrap;}
 .fr.email .inp-box .inp .hyp { margin-top: 10px; }
 .fr.email .inp-box .inp input {width: calc(50% - 12px);}
 .fr.email .inp-box .inp select { width: 100%; margin: 0; }
}

.scrollbar .mCSB_inside > .mCSB_container { margin-right: 20px; }
.scrollbar .mCSB_scrollTools .mCSB_draggerContainer { left: inherit; }

.onoff-btn-st1 { position: relative; display: block; width: 65px; height: 29px; line-height: 29px; padding: 0 12px; background: #e5e5e5; border-radius: 50px; }
.onoff-btn-st1:after { content: ""; position: absolute; top: 5px; left: 6px; width: 19px; height: 19px; background: #fff; border-radius: 100%; }
.onoff-btn-st1 span { display: none; opacity: 0; font-weight: 600; font-size: 14px; color: #757575; text-align: right; transition: 0.5s; }
.onoff-btn-st1 .off-txt { display: block; opacity: 1; }

.onoff-btn-st1.on { background: var(--main-color); }
.onoff-btn-st1.on .on-txt { display: block; opacity: 1; color: #fff; text-align: left; }
.onoff-btn-st1.on .off-txt { display: none; opacity: 0; }
.onoff-btn-st1.on:after { animation: on-off-ani1 0.5s forwards; background: #fff; }
.onoff-btn-st1.off:after { animation: on-off-ani2 0.5s forwards; background: #fff; }
@keyframes on-off-ani1 {
 0% { left: 6px; }
 100% { left: 39px; }
}
@keyframes on-off-ani2 {
 0% { left: 39px; }
 100% { left: 6px; }
}

@media only screen and (max-width: 1023px){
 .onoff-btn-st1 { width: 60px; height: 25px; line-height: 25px; }
 .onoff-btn-st1:after { width: 15px; height: 15px; }
}

.ti-btn-box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
@media only screen and (max-width: 560px){
 .ti-btn-box .btn { margin-top: 10px; }

 .fr .inp-box input { margin-top: 5px; }
 .fr.user-id .inp { display: block; }
 .fr.user-id .inp .btn { width: 100%; height: 45px; line-height: 45px; margin-top: 10px; }
 .fr.email .inp-box .inp select { margin-top: 5px; }
}

/* 알림설정- 스위치 */
.noti-detai { display: flex; margin-top: -1px; }
.noti-detai li { display: flex; align-items: center; justify-content: center; flex: 1; margin-right: -1px; padding: 15px; background: #f9f9f9; border: 1px solid #e5e5e5; }
.noti-detai li strong { display: inline-block; margin-right: 10px; font-weight: 500; font-size: 0.938em; color: #666; word-break: keep-all; line-height: 1.5;}
.noti-detai li a { flex-shrink: 0; }
@media only screen and (max-width: 1023px){
 /*  .noti-detai { flex-wrap: wrap; }  */
 .noti-detai li { flex: 1 1 40%; margin-bottom: -1px; padding: 10px 10px; }
}
@media only screen and (max-width: 560px){
 .noti-type .radi-box li + li {display: none;}
 .noti-detai { display: block; }
 .noti-detai li { justify-content: flex-start; gap: 10px; width: 100%; padding: 10px 15px; }
 .noti-detai li:first-child {background-color: #aaa;}
 .noti-detai li:first-child strong {color: #fff;}
 .noti-detai li:nth-child(2):before {content: "메일";}
 .noti-detai li:last-child:before {content: "알림톡";}
}
/************************* sub01 *************************/
/* 아트누리 소개 */
.artnuri-guide { margin-bottom: 70px; }
.artnuri-guide .guide-top { position: relative; padding: 80px; overflow: hidden; }
/* .artnuri-guide .guide-top:after { content: ""; position: absolute; top: 0; left:0; z-index: -1; width: 100%; height: 100%; background: url(../img/content/sub01/top-img1.png)center center no-repeat; background-size: cover; transform: scale(1.1); animation: sec1-ani1 1s forwards; }  */
.artnuri-guide .guide-top:after { content: ""; position: absolute; top: 0; left:0; z-index: -1; width: 100%; height: 100%; background: var(--main-color); background-size: cover; transform: scale(1.1); animation: sec1-ani1 1s forwards; }
.artnuri-guide .guide-top .con { text-align: center; }
.artnuri-guide .ti { display: block; font-size: 3.0rem; font-weight: 700; color: var(--main-color); }
.artnuri-guide .guide-top .con .txt { margin-top: 30px; font-weight: 300; font-size: 1.9rem; color: #fff; opacity: 0.9; line-height: 1.4; word-break: keep-all; }
.artnuri-guide .guide-top .con .txt em { font-size: 2.0rem; font-weight: 700; }
.artnuri-guide .guide-top .con .btn { position: relative; display: inline-block; width: 200px; height: 50px; line-height: 50px; margin-top: 40px; font-weight: 500; font-size: 1.7rem; color: rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.4); text-align: center; }
.artnuri-guide .guide-top .con .btn:hover, .artnuri-guide .sec1 .con .btn:active, .artnuri-guide .sec1 .con .btn:focus { font-weight: 600; color: #333; transition: all 0.5s; }
.artnuri-guide .guide-top .con .btn:hover:after, .artnuri-guide .sec1 .con .btn:active:after, .artnuri-guide .sec1 .con .btn:focus:after { content:""; position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 100%; background: #fff; animation: sec1-ani3 0.5s forwards; }
@keyframes sec1-ani1 {
 0% { transform: scale(1.1); }
 100% { transform: scale(1); }
}
@keyframes sec1-ani2 {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes sec1-ani3 {
 0% { width: 0; }
 100% { width: 100%; }
}
/* 이용안내 */
.artnuri-guide .sec { padding: 80px 0; }
.artnuri-guide .sec:first-child { padding-top: 0; }
.artnuri-guide .sec:last-child { padding-bottom: 0; }
.artnuri-guide .sec .cont { max-width: 1060px; width: 100%; margin: 0 auto; padding: 0 30px; }

.artnuri-guide .cont .gy-line { border: 1px solid #e9e9e9; border-radius: 10px; overflow: hidden; }
.artnuri-guide .cont.flex-cont { display: flex; justify-content: space-between; align-items: center; }
.artnuri-guide .cont.flex-cont .cont-box { width: 100%; }
.artnuri-guide .cont.flex-cont .ti-box { flex-shrink: 0; width: 480px; }

/* 이용안내 공통 */
.artnuri-guide .cont .ti-box.center { text-align: center; }
.artnuri-guide .cont .ti-box.left { text-align: left; }
.artnuri-guide .cont .ti-box.right { text-align: right; }
.artnuri-guide .cont .ti-box > span { display: inline-block; line-height: normal; padding: 7px 13px; font-weight: 700; font-size: 0.938em; color: var(--main-color); border: 2px solid var(--main-color); border-radius: 50px; }
.artnuri-guide .cont .ti-box > strong { display: block; line-height: 42px; margin-top: 15px; font-size: 1.688em; color: var(--main-color); }
.artnuri-guide .cont .ti-box > p { margin-top: 15px; color: #666; line-height: 24px; }

.artnuri-guide .cont .img-p { position: relative; display: flex; justify-content: center; overflow: hidden; }
.artnuri-guide .cont .img-p img { position: absolute; top: 0; width: 100%; }

/* 이용안내 리스트 */
.artnuri-guide .gud-list1.center { margin: 30px auto 0; }
.artnuri-guide .gud-list1 { display: flex; }
.artnuri-guide .gud-list1 li { flex: 1; margin-right: 30px; }
.artnuri-guide .gud-list1 li:last-child { margin-right: 0; }
.artnuri-guide .gud-list1 li .txt { line-height: 24px; color: #666; text-align: center; }
.artnuri-guide .gud-list1 li .txt > b { font-weight: 600; }

.artnuri-guide .sec1 .gud-list1 li { text-align: center; }
.artnuri-guide .sec1 .gud-list1 .num { display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-bottom: 12px; font-weight: 700; font-size: 0.938em; color: #fff; text-align: center; letter-spacing: 0; background: var(--main-color); border-radius: 100%; }
.artnuri-guide .sec1 .gud-list1 .txt { margin-bottom: 20px; }
.artnuri-guide .sec1 .gud-list1 .img-p { padding-bottom: 115%; }

.artnuri-guide .sec2 { position: relative; }
.artnuri-guide .sec2::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; background: #fbfbfb; }
.artnuri-guide .sec2 .gud-list1 { width: 600px; }
.artnuri-guide .sec2 .gud-list1 .img-p { padding-bottom: 100%; }
.artnuri-guide .sec2 .gud-list1 .txt { margin-top: 12px; }

.artnuri-guide .sec3 .gud-list2 { display: flex; width: 100%; height: 100%; }
.artnuri-guide .sec3 .gud-list2 li { display: flex; flex: 1; align-items: center; justify-content: center; padding: 30px 0; text-align: center; border-right: 1px solid #e5e5e5; }
.artnuri-guide .sec3 .gud-list2 li:last-child { border-right: 0; }
.artnuri-guide .sec3 .gud-list2 li .txt { position: relative; font-weight: 600; color: #333; padding-top: 70px; }
.artnuri-guide .sec3 .gud-list2 li .txt { position: relative; font-weight: 600; color: #333; padding-top: 70px; }

.artnuri-guide .sec3 .gud-list2 li .txt:before,
.artnuri-guide .sec3 .gud-list2 li .txt:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transition: opacity 0.3s ease-in-out; opacity: 1; }
.artnuri-guide .sec3 .gud-list2 li:nth-child(1) .txt:before { width: 47px; height: 46px; background-image: url(../img/content/sub01/guide-icon1.png); }
.artnuri-guide .sec3 .gud-list2 li:nth-child(2) .txt:before { width: 47px; height: 49px; background-image: url(../img/content/sub01/guide-icon2.png); }
.artnuri-guide .sec3 .gud-list2 li:nth-child(3) .txt:before { width: 50px; height: 46px; background-image: url(../img/content/sub01/guide-icon3.png); }

.artnuri-guide .sec3 .gud-list2 li .txt:after { opacity: 0; /* 초기 상태에서 숨겨짐 */ }
.artnuri-guide .sec3 .gud-list2 li:nth-child(1) .txt:after { width: 47px; height: 46px; background-image: url(../img/content/sub01/guide-icon1-hover.png); }
.artnuri-guide .sec3 .gud-list2 li:nth-child(2) .txt:after { width: 47px; height: 49px; background-image: url(../img/content/sub01/guide-icon2-hover.png); }
.artnuri-guide .sec3 .gud-list2 li:nth-child(3) .txt:after { width: 50px; height: 46px; background-image: url(../img/content/sub01/guide-icon3-hover.png); }
.artnuri-guide .sec3 .gud-list2 li:hover .txt:before { opacity: 0; }
.artnuri-guide .sec3 .gud-list2 li:hover .txt:after { opacity: 1; }
.artnuri-guide .sec3 .gud-list2 li .txt::before { position: absolute; top: 0; }
.artnuri-guide .sec9 { position: relative; }
.artnuri-guide .sec9:before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; background: #f9f9f9; }
.artnuri-guide .sec9 .gud-list3 li { margin-bottom: 15px; padding: 15px 0; text-align: center; background: #fff; border-radius: 10px; box-shadow: 3px 0 21px rgba(0,0,0,0.04); }
.artnuri-guide .sec9 .gud-list3 li:first-child { padding-bottom: 10%; }
.artnuri-guide .sec9 .gud-list3 li:last-child { padding-bottom: 44%; margin-bottom: 0; }

.artnuri-guide .sec4 .gud-list3 li { margin-bottom: 15px; padding: 15px 0; text-align: center; background: #fff; border-radius: 10px; box-shadow: 3px 0 21px rgba(0,0,0,0.04); }
.artnuri-guide .sec4 .gud-list3 li:last-child { margin-bottom: 0; }
.artnuri-guide .sec4 .gud-list3 li { padding-bottom: 45%; }

.artnuri-guide .sec5 .cont { display: flex; align-items: flex-end; }
.artnuri-guide .sec5 .cont > div { flex: 1; width: 50%; }
.artnuri-guide .sec5 .cont > div .img { padding-bottom: 53%; }
.artnuri-guide .sec5 .cont .left { margin-right: 30px; }
.artnuri-guide .sec5 .cont .right .img { position: relative; display: flex; justify-content: center; background: #abbfd1; }
.artnuri-guide .sec5 .cont .right .img img { position: absolute; top: 0; width: 50%; }
.artnuri-guide .sec5 .cont .gud-list1 .txt br { display: none; }

@media only screen and (max-width: 1023px){
 .artnuri-guide .guide-top { padding: 50px 0; }
 .artnuri-guide .guide-top .con .ti { margin-top: 15px; }
 .artnuri-guide .guide-top .con .btn { margin-top: 30px; }

 .artnuri-guide .cont .ti-box > strong { line-height: 36px; font-size: 1.571em; }
 .artnuri-guide .cont .ti-box > p { margin-top: 10px; font-size: 15px; word-break: keep-all; }

 .artnuri-guide .cont.flex-cont .ti-box { width: 400px; }

 .artnuri-guide .sec5 .cont { display: block; text-align: center; }
 .artnuri-guide .sec5 .cont > div { margin: 0 auto 30px; max-width: 500px; width: 100%; }
 .artnuri-guide .sec5 .cont .left { margin-right: auto; }
 .artnuri-guide .sec5 .cont .right { margin-bottom: 0; padding-top: 30px; border-top: 1px dashed #e5e5e5; }
 .artnuri-guide .sec5 .cont .right strong { margin-top: 0; }
 .artnuri-guide .sec5 .cont .btn-wrap { max-width: unset; display: flex; justify-content: center; width: 100%; }
}
@media only screen and (max-width: 900px){
 .artnuri-guide .cont.flex-cont { display: block; }
 .artnuri-guide .cont.flex-cont .ti-box { width: 100%; margin-bottom: 30px; text-align: center; }

 .artnuri-guide .sec4 .cont.flex-cont { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
 .artnuri-guide .sec4 .cont .gud-list3 { max-width: 500px; width: 100%; margin: 0 auto; }

 .artnuri-guide .sec9 .cont.flex-cont { display: flex; flex-wrap: wrap; }
 .artnuri-guide .sec9 .cont .gud-list3 { max-width: 500px; width: 100%; margin: 0 auto; }
}

@media only screen and (max-width: 767px){
 .artnuri-guide .guide-top { padding: 40px; }
 .artnuri-guide .guide-top .con .eng { font-size: 11px; }
 .artnuri-guide .guide-top .con .ti { margin-top: 10px; font-size: 2.143em; }
 .artnuri-guide .guide-top .con .txt { margin-top: 30px; }
 .artnuri-guide .guide-top .con .txt br { display: none; }
 .artnuri-guide .guide-top .con .btn { margin-top: 30px; }
 .artnuri-guide .gud-list1 li .txt { font-size: 15px; }

 .artnuri-guide .sec { padding: 60px 0; }
 .artnuri-guide .sec .cont { padding: 0; }
 .artnuri-guide .cont .ti-box > strong { line-height: 32px; font-size: 1.429em; }

 .artnuri-guide .gud-list1 li { margin-right: 20px; }

 .artnuri-guide .sec2 .gud-list1 { width: 100%; }
}
@media only screen and (max-width: 620px){
 .artnuri-guide .sec1 .gud-list1 { display: block; }
 .artnuri-guide .sec1 .gud-list1 > li { max-width: 320px; width: 100%; margin: 0 auto 30px auto; }
 .artnuri-guide .sec1 .gud-list1 > li:last-child { margin-bottom: 0; }

 .artnuri-guide .sec2 .gud-list1 { width: 100%; }
}
@media only screen and (max-width: 500px){
 .artnuri-guide .sec .cont { padding: 0; }
 .artnuri-guide .sec2 .gud-list1 { display: block; }
 .artnuri-guide .sec2 .gud-list1 li { width: 260px; margin: 0 auto 30px; }
 .artnuri-guide .sec2 .gud-list1 li:last-child { margin-bottom: 0; }

 .artnuri-guide .sec3 .gud-list2 li { padding: 0; border-right: 0; }
}
@media only screen and (max-width: 420px){
 .artnuri-guide .cont .ti-box > strong { word-break: keep-all; }
 .artnuri-guide .cont .ti-box > strong br { display: none; }
}
/* 아트누리 운영 경과 */
.year-wrap { display: flex; gap: 70px; margin-bottom: 70px; }
.per-year { position: relative; }
.per-year .year-tit { position: absolute; left: 0; top: -8px; font-family: var(--point-fc); font-weight: 600; font-size: 4.5rem; }
.per-year::before { content: ''; position: absolute; left: 0; top: -8px; width: 1px; background-color: var(--gray-e9); height: 0; transition: height 1s ease-out; }
.per-year::after { content: ""; position: absolute; left: 249px; top: 18px; z-index: -1; width: 1px; height: 0; background-color: var(--main-color); transition: all .8s; }
.per-year .year-list::before { background-color: var(--main-color); }
.year-list { display: flex; gap: 60px; margin-bottom: 50px; padding-left: 30px; position: relative; align-items: center; }
.year-list::before { content: ""; width: 7px; height: 7px; background-color: var(--gray-aa); position: absolute; left: 0; top: 14px; }
.year-list.now::before { left: 7px; top: 12px; background-color: #fff !important; outline: 6px solid var(--main-color); }
.year-list.on::before { background-color: var(--main-color); }
.year-list:last-child { margin-bottom: 0; }
.year-list:last-child:after { content: ""; position: absolute; left: 8px; top: 19px; width: 3px; height: calc(100% + 2px); background-color: #fff; }
.year-list strong { display: block; min-width: 130px; font-size: 3.8rem; font-weight: 900; -webkit-text-stroke: 0.5px var(--main-color); color: transparent; white-space: nowrap; }
.year-list > ul > li { display: flex; padding-left: 15px; position: relative; flex-direction: column; }
.year-list > ul > li::before { content: ""; width: 3px; height: 3px; background-color: var(--gray-aa); border-radius: 100%; position: absolute; left: 0; top: 12px; }
.year-list > ul > li + li { margin-top: 20px; }
.year-list > ul > li em { display: block; width: 100%; font-size: 1.8rem; font-weight: 600; font-family: var(--point-fc); color: var(--main-color); }
@media only screen and (max-width: 600px){
 .year-list { display: block; }
 .year-list > ul > li { margin-top: 20px; padding-left: 0; }
}

/* 아트누리 운영 목표 */
.goal-wrap { margin-bottom: 70px; }
.goal-wrap .goal { display: flex; justify-content: center; width: 100%; }
.goal-wrap .goal p { position: relative; font-size: 2.3rem; font-weight: 600; text-align: center; line-height: 1.4; color: #444; }
.goal-wrap .goal p em {font-size: 2.5rem; color: var(--main-color); line-height: 2;}
.goal-wrap .goal p::before { content: ""; position: absolute; top: 0; left: -70px; width: 50px; height: 40px; background: url(../img/content/sub01/icn-quote-1.png); background-repeat: no-repeat; }
.goal-wrap .goal p::after { content: ""; position: absolute; right: -70px; width: 50px; width: 50px; height: 40px; background: url(../img/content/sub01/icn-quote-2.png); background-repeat: no-repeat; }
.goal-wrap .goal-list { display: flex; flex-wrap: wrap; }
.goal-wrap .goal-list > li { width: 50%; padding: 40px 40px 40px 180px; border: 1px solid var(--main-color); }
.goal-wrap .goal-list > li:nth-child(1) { border-bottom: none; border-right: none; background: url(../img/content/sub01/goal-list-img01.png); background-repeat: no-repeat; background-position: center left 50px; }
.goal-wrap .goal-list > li:nth-child(2) { border-bottom: none; background: url(../img/content/sub01/goal-list-img02.png); background-repeat: no-repeat; background-position: center left 60px; }
.goal-wrap .goal-list > li:nth-child(3) { border-right: none; background: url(../img/content/sub01/goal-list-img03.png); background-repeat: no-repeat; background-position: center left 50px; }
.goal-wrap .goal-list > li:nth-child(4) { background: url(../img/content/sub01/goal-list-img04.png); background-repeat: no-repeat; background-position: center left 50px; }
.goal-wrap .goal-list > li .tit { display: inline-block; font-weight: 500; color: #fff; background: var(--main-color); padding: 5px 10px; margin-bottom: 20px; font-size: 1.9rem; }
.goal-wrap .goal-list > li > .list1 > li { font-size: 1.8rem; color: var(--main-color); }
@media only screen and (max-width: 767px){
 .goal-wrap .goal { padding-top: 30px; padding-bottom: 30px; }
 .goal-wrap .goal p { font-size: 1.9rem; }
 .goal-wrap .goal p::before { top: -45px; left: 50%; transform:translateX(-50%); width: 35px; background-size: contain; }
 .goal-wrap .goal p::after { bottom: -55px; left: 50%; transform:translateX(-50%); width: 35px; background-size: contain; }

 .goal-wrap .goal-list > li { width: 100%; padding: 30px 30px 30px 140px; }
 .goal-wrap .goal-list > li:nth-child(1) { border-right: 1px solid; background-size: 50px; }
 .goal-wrap .goal-list > li:nth-child(2) { background-size: 30px; }
 .goal-wrap .goal-list > li:nth-child(3) { border-right: 1px solid; border-bottom: none; background-size: 50px; }
 .goal-wrap .goal-list > li:nth-child(4) { background-size: 40px; }
}

/* 컨텐츠 공통 */
.grid { display: flex; justify-content: center; align-items: center; width: 100%; padding: 100px; background: url(../img/content/sub01/img-grid.png); border: 1px solid #e5e5e5; }
@media only screen and (max-width: 1023px){
 .grid img { width: 280px; }
}
@media only screen and (max-width: 767px){
 .grid img { width: 200px; }
}

.gray-box { padding: 40px; background: #fbfbfb; border: 1px solid #e5e5e5; border-radius: 20px; }

/* 정보제공기관 */
.map { gap: 70px; }
.cont-row.box-list-wrap { display: none; }
.cont-row.box-list-wrap.active { display: block; }
.cont-row .left { width: 546px; }
.cont-row .right { width: calc(100% - 596px); }
.map-img { display: block; width: 100%; max-width: 100%; height: auto; padding-right: 30px;}
.map-cont {position: relative;}
.map-cont::after {content: ""; position: absolute; top: 25%; right: -20px; width: 43px; height: 29px; background: url(../img/content/sub01/img-dock.svg); background-size: contain; background-repeat: no-repeat;}

.map .left {text-align: center;}
.all-btn { color: #fff; background: var(--main-color); padding: 7px 20px; font-weight: 600; font-size: 1.8rem; margin-bottom: 20px; border-radius: 50px;}
/* .all-btn:hover {color: #fff; background: var(--main-color); } */

.right .cont-box .cont { display: none; }
.right .cont-box .cont.active { display: block; }

.right .cont-box .cont .baro-btn { padding-right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66821 0.5V1.56667H9.99789L3.02526 8.92133L3.74274 9.67867L10.7103 2.31867V5.828H11.7208V0.5H6.66821Z' fill='%2324262C'/%3E%3Cpath d='M10.1053 11.1667H1.01053V1.56667H4.54737V0.5H0V12.2333H11.1158V7.43333H10.1053V11.1667Z' fill='%2324262C'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center right; }

@media only screen and (max-width: 1023px){
 .cont-row .left { width: 100%; }
 .cont-row .right { width: 100%; }
}

/* 예술활동증명 */
.kawf {display: flex; justify-content: space-between; align-items: end;}
.btn-kawf {display: flex; justify-content: left;gap: 10px;}
@media only screen and (max-width: 767px){
 .btn-kawf > a {width: 50%;}
}
@media only screen and (max-width: 500px){
 .btn-kawf {flex-wrap: wrap;}
 .btn-kawf > a {width: 100%;}
}
.cate-box {display: flex; flex-wrap: wrap; margin-top: 30px; gap: 20px;}
.cate-box > li {width: calc(20% - 20px); padding: 40px 30px; text-align: center;  border-radius: 10px; color: var(--main-color); font-size: 1.8rem; font-weight: 600; background: #eee; word-break: keep-all;}
@media only screen and (max-width: 1100px) {
 .cate-box > li{width: calc(33.3% - 20px);}
}
@media only screen and (max-width: 560px) {
 .cate-box {gap: 10px;}
 .cate-box > li{width: calc(50% - 5px); padding: 30px;}
}

/************************* 주석 *************************/
.comp-txt { display: flex; justify-content: flex-end; line-height: normal; padding-bottom: 5px; font-weight: 500; font-size: 0.875em; color: #666; }
.comp { display: inline-block; margin-left: 3px; color: #eb1b1b; }

/******* more-btn *******/
.button { text-decoration: none; display: inline-flex; align-items: center; gap: 0.75rem; color: #000; font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; transition: background-color 0.3s; }
.button__icon-wrapper { flex-shrink: 0; width: 25px; height: 25px; position: relative; display: grid; place-items: center; overflow: hidden; }
.button__icon-svg--copy { position: absolute; transform: translate(-150%, 150%); }
.button:hover .button__icon-svg:first-child { transition: transform 0.3s ease-in-out; transform: translate(150%, -150%); }
.button:hover .button__icon-svg--copy { transition: transform 0.3s ease-in-out 0.1s; transform: translate(0); }

/************************* sub02 *************************/
/* 최근 조회한 검색-btn */
.relative { position: relative; }
.history { position: fixed; bottom: 50vh; right: 30px; z-index: 20; }
.history .open-btn { display: block; background: var(--main-color); padding: 20px; border-radius: 20px; }
.history .open-btn span { display: flex; align-items: center; color: #fff; width: 25px; height: 25px; line-height: normal; background: url(../img/content/sub02/icn-history.svg); background-repeat: no-repeat; background-size: 25px; white-space: nowrap; transition: padding-left 0.5s; font-size: 0; }
.history .open-btn.op span { width: 100%; padding-left: 35px; font-size: 1.7rem; transition: padding-left 0.5s; }

.history .his-con { display: none; position: absolute; right: 0; top: 75px; min-width: 300px; max-width: fit-content; background: #fff; border: 2px solid var(--main-color); max-height: 45vh; overflow-y: scroll; }
.history .his-con::-webkit-scrollbar { width: 2px; }
.history .his-con::-webkit-scrollbar-track { background-color: #fafafa; }
.history .his-con::-webkit-scrollbar-thumb { background-color: var(--gray-e5); }

.history .his-con.active { display: block; }
.history .his-con .his-con-wrap { padding: 30px; }
.history .his-con .his-con-wrap .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.history .his-con .his-con-wrap .top .con-tit { font-size: 1.8rem; }
.history .his-con .his-con-wrap .top .close-btn { display: block; width: 16px; height: 15px; font-size: 0; background-size: 12px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='20px' height='20px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); }
.history .his-con .his-con-wrap .mid { display: flex; justify-content: space-between; align-items: center; }
.history .his-con .his-con-wrap .mid .total { font-size: 1.5rem; }
.history .his-con .his-con-wrap .mid .del { display: block; padding: 5px 8px; border-radius: 3px; font-weight: 500; font-size: 1.5rem; background: var(--main-color); color: #fff; }
.history .his-con .his-con-wrap .his-list { display: flex; gap: 20px; }
.history .his-con .his-con-wrap .his-list li { min-width: 250px; border: 1px solid #e5e5e5; border-radius: 10px; padding: 20px; }
.history .his-con .his-con-wrap .his-list .cate { position: relative; font-size: 1.5rem; margin: 0; white-space: nowrap; color: #000; padding-left: 10px; }
.history .his-con .his-con-wrap .his-list .cate::before { content: ""; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; border-radius: 100px; background-color: #000; }
.history .his-con .his-con-wrap .his-list .list-tit { font-size: 1.7rem; color: var(--main-color); font-weight: 600; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; margin-bottom: 20px; }
.history .his-con .his-con-wrap .his-list .list-top { display: flex; justify-content: space-between; margin-bottom: 30px; }
.history .his-con .his-con-wrap .his-list .list-top .del { font-size: 0; width: 12px; height: 12px; background-size: 10px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='20px' height='20px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); }
.history .his-con .his-con-wrap .his-list .date { display: block; width: 100%; text-align: right; font-size: 1.5rem; color: #757575; }
.history .his-con .his-con-wrap .his-list .no-list { display: flex; justify-content: center; border: none; }
.history .his-con .his-con-wrap .his-list .no-list span { color: #757575; }
@media only screen and (max-width: 1023px){
 .history { display: none; }
 /* .history .open-btn { padding: 10px; border-radius: 10px; }
.history .open-btn span { width: 20px; height: 20px; background-size: 20px; } */ }

/* 검색 */
.search-box1 { position: relative; display: none; max-width: 500px; width: 100%; margin: 0 auto; margin-bottom: 30px; }
.search-box1 input { width: 100%; height: 46px; margin: 0 auto; padding: 0 20px; background: #fcfcfc; border: 2px solid var(--main-color); }
.search-box1 button { position: absolute; top: 50%; right: 20px; width: 19px; height: 19px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6753 -0.000453925C8.97284 -0.000308889 7.29514 0.406954 5.78213 1.18736C4.26912 1.96776 2.96467 3.09867 1.97762 4.48574C0.990567 5.87281 0.349534 7.47581 0.107999 9.16101C-0.133535 10.8462 0.0314335 12.5647 0.589142 14.1732C1.14685 15.7817 2.08113 17.2335 3.31402 18.4074C4.54692 19.5814 6.04269 20.4435 7.67653 20.9218C9.31037 21.4001 11.0349 21.4808 12.7063 21.1571C14.3776 20.8334 15.9473 20.1146 17.2844 19.0609L21.8714 23.6479C22.1083 23.8767 22.4256 24.0033 22.7549 24.0004C23.0842 23.9975 23.3992 23.8655 23.6321 23.6326C23.865 23.3997 23.9971 23.0847 24 22.7554C24.0028 22.426 23.8762 22.1088 23.6474 21.8719L19.0604 17.2849C20.3014 15.7106 21.074 13.8188 21.29 11.8259C21.506 9.83298 21.1565 7.81955 20.2816 6.016C19.4067 4.21244 18.0417 2.69164 16.3428 1.62764C14.6439 0.563633 12.6798 -0.000588523 10.6753 -0.000453925ZM2.51113 10.6757C2.51113 8.51045 3.37128 6.43387 4.90235 4.9028C6.43342 3.37173 8.50999 2.51158 10.6753 2.51158C12.8405 2.51158 14.9171 3.37173 16.4482 4.9028C17.9792 6.43387 18.8394 8.51045 18.8394 10.6757C18.8394 12.841 17.9792 14.9175 16.4482 16.4486C14.9171 17.9797 12.8405 18.8398 10.6753 18.8398C8.50999 18.8398 6.43342 17.9797 4.90235 16.4486C3.37128 14.9175 2.51113 12.841 2.51113 10.6757Z' fill='black'/%3E%3C/svg%3E%0A"); transform: translate(0, -50%); background-size: cover; }
@media only screen and (max-width: 1300px){
 .search-box1 { display: flex; }
}
.search-box2 { position: relative; display: flex; max-width: 500px; width: 100%; }
.search-box2 select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; position: relative; width: 120px; height: 46px; margin-right: 5px; padding: 0 15px; background: url(../img/content/sub01/select-arrow.png) right center no-repeat #fcfcfc; border: 1px solid #ddd; }
.search-box2 input { width: 100%; height: 46px; margin: 0 auto; padding: 0 20px; border: none; background: #f5f5f5; }
.search-box2 button { position: absolute; top: 50%; right: 20px; width: 19px; height: 19px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6753 -0.000453925C8.97284 -0.000308889 7.29514 0.406954 5.78213 1.18736C4.26912 1.96776 2.96467 3.09867 1.97762 4.48574C0.990567 5.87281 0.349534 7.47581 0.107999 9.16101C-0.133535 10.8462 0.0314335 12.5647 0.589142 14.1732C1.14685 15.7817 2.08113 17.2335 3.31402 18.4074C4.54692 19.5814 6.04269 20.4435 7.67653 20.9218C9.31037 21.4001 11.0349 21.4808 12.7063 21.1571C14.3776 20.8334 15.9473 20.1146 17.2844 19.0609L21.8714 23.6479C22.1083 23.8767 22.4256 24.0033 22.7549 24.0004C23.0842 23.9975 23.3992 23.8655 23.6321 23.6326C23.865 23.3997 23.9971 23.0847 24 22.7554C24.0028 22.426 23.8762 22.1088 23.6474 21.8719L19.0604 17.2849C20.3014 15.7106 21.074 13.8188 21.29 11.8259C21.506 9.83298 21.1565 7.81955 20.2816 6.016C19.4067 4.21244 18.0417 2.69164 16.3428 1.62764C14.6439 0.563633 12.6798 -0.000588523 10.6753 -0.000453925ZM2.51113 10.6757C2.51113 8.51045 3.37128 6.43387 4.90235 4.9028C6.43342 3.37173 8.50999 2.51158 10.6753 2.51158C12.8405 2.51158 14.9171 3.37173 16.4482 4.9028C17.9792 6.43387 18.8394 8.51045 18.8394 10.6757C18.8394 12.841 17.9792 14.9175 16.4482 16.4486C14.9171 17.9797 12.8405 18.8398 10.6753 18.8398C8.50999 18.8398 6.43342 17.9797 4.90235 16.4486C3.37128 14.9175 2.51113 12.841 2.51113 10.6757Z' fill='black'/%3E%3C/svg%3E%0A"); transform: translate(0, -50%); background-size: cover; }
@media only screen and (max-width: 1300px){
 .search-pc { display: none; }
 .search-box2 { max-width: unset; }
}
.search-box3 { display: flex; align-items: center; }
.search-box3 select { margin-right: 10px; }
.search-box3 .search { position: relative; }
.search-box3 .search input { width: 260px; }
.search-box3 .search .search-btn { position: absolute; top: 50%; right: 20px; width: 19px; height: 19px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6753 -0.000453925C8.97284 -0.000308889 7.29514 0.406954 5.78213 1.18736C4.26912 1.96776 2.96467 3.09867 1.97762 4.48574C0.990567 5.87281 0.349534 7.47581 0.107999 9.16101C-0.133535 10.8462 0.0314335 12.5647 0.589142 14.1732C1.14685 15.7817 2.08113 17.2335 3.31402 18.4074C4.54692 19.5814 6.04269 20.4435 7.67653 20.9218C9.31037 21.4001 11.0349 21.4808 12.7063 21.1571C14.3776 20.8334 15.9473 20.1146 17.2844 19.0609L21.8714 23.6479C22.1083 23.8767 22.4256 24.0033 22.7549 24.0004C23.0842 23.9975 23.3992 23.8655 23.6321 23.6326C23.865 23.3997 23.9971 23.0847 24 22.7554C24.0028 22.426 23.8762 22.1088 23.6474 21.8719L19.0604 17.2849C20.3014 15.7106 21.074 13.8188 21.29 11.8259C21.506 9.83298 21.1565 7.81955 20.2816 6.016C19.4067 4.21244 18.0417 2.69164 16.3428 1.62764C14.6439 0.563633 12.6798 -0.000588523 10.6753 -0.000453925ZM2.51113 10.6757C2.51113 8.51045 3.37128 6.43387 4.90235 4.9028C6.43342 3.37173 8.50999 2.51158 10.6753 2.51158C12.8405 2.51158 14.9171 3.37173 16.4482 4.9028C17.9792 6.43387 18.8394 8.51045 18.8394 10.6757C18.8394 12.841 17.9792 14.9175 16.4482 16.4486C14.9171 17.9797 12.8405 18.8398 10.6753 18.8398C8.50999 18.8398 6.43342 17.9797 4.90235 16.4486C3.37128 14.9175 2.51113 12.841 2.51113 10.6757Z' fill='black'/%3E%3C/svg%3E%0A"); transform: translate(0, -50%); background-size: cover; }
@media only screen and (max-width: 560px){
 .search-box3 { width: 100%; margin-bottom: 20px; }
 .search-box3 select { width: 20%; }
 .search-box3 .search { width: 80%; }
 .search-box3 .search input { width: 100%; }
}

/* intro box */
.intro-box { text-align: center; margin-bottom: 20px; }
.intro-box p { font-weight: 600; font-size: 1.8rem; word-break: keep-all; line-height: 1.3; }
.intro-box span { color: #666; font-size: 1.5rem; }
/* 도움말 박스 */
.info-box { width: 311px; }
.info-box p { display: flex; font-size: 1.6rem; color: #555; word-break: keep-all; line-height: normal; gap: 5px; }
.info-box p span { font-size: 0; width: 27px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7H9V5H11M11 15H9V9H11M10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C3.85752 17.9997 4.95991 18.7362 6.17317 19.2388C7.38642 19.7413 8.68678 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0Z' fill='%23555'/%3E%3C/svg%3E%0A"); background-size: 17px; background-repeat: no-repeat; }
.info-box a { padding: 5px 10px; background: var(--main-color); color: #fff; border: 1px solid var(--main-color); border-radius: 50px; }
@media only screen and (max-width: 1370px){
 .info-box { width: 273px; }
}
/* 사업검색 상단 필터 */
.filt-con { width: 100%; }
.dpf .filt-con { width: calc(100% - 351px); }
.filt-con .filt-top { position: relative; display: flex; justify-content: space-between; align-items: center; }
.filt-con .filt-top.mo-filt { display: none; }
.filt-con .filt-top .left { display: flex; gap: 40px; }
.filt-con .filt-top .left .lf-filt { display: flex; gap: 7px; }
.filt-con .filt-top .left .lf-filt > li a { padding: 5px 10px; border: 1px solid var(--main-color); color: var(--main-color); border-radius: 50px; }
.filt-con .filt-top .left .lf-filt > li.select a { padding: 5px 10px; background: var(--main-color); color: #fff; }
.filt-con .filt-top .right { display: flex; align-items: center; }
.filt-con .filt-top .right > div { margin-right: 30px; }
.filt-con .filt-top .right > div:last-child { margin-right: 0; }
.filt-con .filt-top .range a { position: relative; padding-right: 20px; font-size: 15px; color: #999; }
.filt-con .filt-top .range a:after { content: ""; position: absolute; top: 4px; right: 7px; width: 1px; height: 10px; background: #aaa; }
.filt-con .filt-top .range a:last-child { padding-right: 0; }
.filt-con .filt-top .range a:last-child:after { display: none; }
.filt-con .filt-top .range a.on { font-weight: 600; color: var(--main-color); padding-left: 20px; background-image: url("data:image/svg+xml,%3Csvg width='822' height='653' viewBox='0 0 822 653' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.64 332.65L0 408.29L244.6 652.89L821.86 75.64L746.22 0L244.6 501.63L75.64 332.65Z' fill='%23222222'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center left; }
.filt-con .filt-top .exemp { position: relative; }
.filt-con .filt-top.pc-filt .card-list-btn { display: flex; z-index: 0;}
.filt-con .filt-top.pc-filt .card-list-btn li a { display: block; height: 36px; line-height: 35px; padding: 0 15px 0 38px; font-weight: 500; font-size: 14px; color: #999; text-align: center; border: 1px solid #ddd; }
.filt-con .filt-top.pc-filt .card-list-btn li a.card { margin-right: -1px; background: url(../img/layout/card-off.png) 15px center no-repeat; }
.filt-con .filt-top.pc-filt .card-list-btn li a.list { background: url(../img/layout/list-off.png) 15px center no-repeat; }
.filt-con .filt-top.pc-filt .card-list-btn li a.calendar { margin-right: -1px; background: url(../img/layout/cale-of.png) 15px center no-repeat; }
.filt-con .filt-top.pc-filt .card-list-btn li.on { z-index: 10; }
.filt-con .filt-top.pc-filt .card-list-btn li.on a { font-weight: 600; color: #555; border-color: #555; }
.filt-con .filt-top.pc-filt .card-list-btn li.on a.card { background: url(../img/layout/card-on.png) 15px center no-repeat; }
.filt-con .filt-top.pc-filt .card-list-btn li.on a.list { background: url(../img/layout/list-on.png) 15px center no-repeat; }
.filt-con .filt-top.pc-filt .card-list-btn li.on a.calendar { background: url(../img/layout/cale-on.png) 15px center no-repeat; }
.filt-con .filt-top .det-filt-con .open-btn { padding-left: 35px; font-size: 15px; font-weight: 500; color: #555; background: url(../img/content/sub01/filter-btn.png) left center no-repeat; }

@media only screen and (max-width: 1370px){
 .dpf .filt-con { width: calc(100% - 273px); }
}
@media only screen and (max-width: 1300px){
 /*  .info-box { display: flex; justify-content: right; width: 100%; }  */
 .info-box { display: flex; width: 100%; }
 .filt-con { width: 100%; }
 .dpf .filt-con { width: 100%; }
 .filt-con .filt-top.pc-filt { display: none; }
 .filt-con .filt-top.mo-filt { display: block; margin-top: 15px; }
 .filt-con .mo-filt .filt-list > li { display: flex; align-items: center; padding: 15px 10px; border-top: 1px solid var(--bd-color); }
 .filt-con .mo-filt .filt-list > li strong { flex-shrink: 0; width: 80px; font-weight: 600; font-size: 14px; }
 .filt-con .mo-filt .filt-list > li .btn-list { display: flex; flex-wrap: wrap; }
 .filt-con .mo-filt .filt-list > li .btn-list li { margin-right: 15px; color: #888; }
 .filt-con .mo-filt .filt-list > li .btn-list li.on a { padding-left: 20px; font-weight: 600; color: var(--main-color); background-image: url("data:image/svg+xml,%3Csvg width='822' height='653' viewBox='0 0 822 653' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.64 332.65L0 408.29L244.6 652.89L821.86 75.64L746.22 0L244.6 501.63L75.64 332.65Z' fill='%23222222'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center left; background-size: 15px; }
 .filt-con .mo-filt .filt-list > li .btn-list li:last-child { margin-right: 0; }
 .filt-con .mo-filt .det-filt-con { display: flex; width: 100%; gap: 30px; justify-content: space-between; }
 .filt-con .mo-filt .det-filt-con .range { display: flex; width: 100%; align-items: center; }
 .filt-con .mo-filt .det-filt-con .range > a { flex-shrink: 0; white-space: nowrap; }
 .filt-con .mo-filt .det-filt-con .open-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 45px; line-height: 45px; padding: 0; color: #fff; background: var(--main-color); }
 .filt-con .mo-filt .total-rang { position: relative; display: flex; justify-content: space-between; align-items: center; }
 .filt-con .mo-filt .total-rang select { border: 0; font-size: 14px; color: #555; letter-spacing: -1px; }
 .filt-con .mo-filt .total-rang .right { display: flex; align-items: center; }
 .filt-con .mo-filt .total-rang .right select { margin-right: 10px; }
}
/* 사업검색 왼쪽 필터 */
.dpf { display: flex; gap: 40px; }
@media only screen and (max-width: 1370px){
 .dpf { gap: 30px; }
}
@media only screen and (max-width: 1300px){
 .dpf { display: block; }
 .det-filt { margin-top: 0; }
}
/* .det-filt { width: 313px; height: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; margin-bottom: 250px;}  */
.det-filt { width: 313px; height: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.det-filt .filt { padding: 20px 10px; border-bottom: 2px solid #000; }
.det-filt .filt:last-child { border-bottom: none; }
.det-filt .filt .inp-box .inp { display: flex; align-items: center; gap: 5px; margin-top: 20px; }
.det-filt .filt .inp-box .inp input { width: 100%; }
.det-filt .filt .ti-wrap { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
@media only screen and (max-width: 460px){
 .det-filt .filt .inp-box .inp { flex-wrap: wrap; }
}
.fold-btn { width: 15px; height: 9px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.16987 1.16394C1.39512 0.944155 1.75893 0.945537 1.98245 1.16702L7.49866 6.63303L13.0177 1.16693C13.2412 0.945493 13.605 0.944197 13.8302 1.16403C14.0554 1.38387 14.0568 1.74158 13.8332 1.96302L7.90633 7.83307C7.79844 7.93993 7.65163 8.00002 7.49849 8C7.34536 7.99998 7.19857 7.93986 7.0907 7.83298L1.16673 1.96292C0.943204 1.74143 0.94461 1.38372 1.16987 1.16394Z' fill='%23222222' stroke='black' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 15px; transition: all 0.4s; }
.fold-btn.toggle { transform: rotate(180deg); }
.det-filt .filt ul { display: flex; flex-wrap: wrap; margin-bottom: -5px; margin-top: 20px; }
.det-filt .filt ul li { position: relative; margin: 0 5px 5px 0; }
.det-filt .filt ul li label.check-st1 { font-size: 15px; }
.det-filt .filt .filt-cho { display: flex; align-items: center; width: 100%; }
.det-filt .filt .filt-cho a { display: flex; align-items: center; justify-content: space-between; width: 80px; height: 45px; line-height: 45px; margin-right: 5px; padding: 0 15px; font-weight: 500; font-size: 0.938em; color: #3f3f3f; background: #f9faff; border: 1px solid #e0e2eb; }
.det-filt .filt .filt-cho a .arrow img { display: block; }
.det-filt .filt .filt-cho input { width: 100%; height: 45px; line-height: 45px; background: #fff; border: 1px solid #ddd; }
.det-filt .close-btn { display: block; width: 100%; height: 45px; line-height: 45px; margin-top: -1px; font-weight: 600; color: #fff; text-align: center; background: var(--main-color); }
@media only screen and (max-width: 1370px){
 .det-filt { width: 273px; }
 .det-filt .filt .inp-box .inp { flex-wrap: wrap; }
}
@media only screen and (max-width: 1300px){
 .det-filt { width: 100%; padding: 0 10px; margin-top: 0; margin-bottom: unset;}
 .det-filt .filt { border-bottom: 1px dashed #e5e5e5; padding: 15px 0; }
 .det-filt .filt .inp-box .inp { flex-wrap: initial; }
 .det-filt .filt .ti-wrap .ti { font-size: 1.6rem; }
}
@media only screen and (max-width: 350px){
 .det-filt .filt .inp-box .inp { flex-wrap: wrap; }
}
/********** 상태 **********/
.state-list { display: flex; justify-content: flex-end; }
.state-list li { display: flex; align-items: center; margin-right: 20px; font-weight: 500; font-size: 0.875em; color: #555; white-space: nowrap;}
.state-list li:last-child { margin-right: 0; }
.state-list li span { display: inline-block; width: 15px; height: 15px; line-height: 15px; margin-right: 3px; padding: 0 3px; font-size: 10px; color: #fff; border-radius: 4px; }
.state-list li.prog span { background: #f147ac; }
.state-list li.prea span { background: #8e49de; }
.state-list li.end span { background: #555; }
.state-list li.unset span { color: #555; background: #ddd; }
/********** 진행상태 **********/
.state-st { display: inline-block; width: 19px; height: 19px; line-height: 19px; margin-right: 5px; padding: 0 4px; font-weight: 500; font-size: 13px; color: #fff; background: #aaa; border-radius: 5px; }
.state-st2 { display: inline-block; width: 55px; height: 25px; line-height: 25px; font-weight: 500; font-size: 14px; color: #fff; text-align: center; border-radius: 50px; }
.state-st.prog,
.state-st2.prog { background: #f147ac; } /* 진행중 */
.state-st.sche,
.state-st2.sche { background: #8e49de; } /* 예정 */
.state-st.end,
.state-st2.end { background: #555555; } /* 마감 */
.state-st.unset,
.state-st2.unset { color: #555; background: #cccccc; } /* 미정 */

/********** 리스트 **********/
.program-con { width: 100%; }
.dpf .program-con { width: calc(100% - 353px); }
.top-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; margin-top: 10px; flex-wrap: wrap; gap: 10px;}
.program-list {}
/* 리스트형 */
.program-list .type { display: none; }
.program-list .type.on { display: block;}
/*.program-list .type .no-list { padding: 80px 0; text-align: center; border-top: 2px solid var(--main-color);} */
.program-list .type .no-list { padding: 80px 0; text-align: center; }
.program-list .type .no-list > p { text-align: center; width: 100%; }
.program-list ul.list {border-top: 2px solid var(--main-color); }
.program-list ul.list > li { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px; background: #fff; border-bottom: 1px solid #e5e5e5; }
.program-list ul.list > li:hover,
.program-list ul.list > li:active,
.program-list ul.list > li:focus { background-color: #f9f9f9; }
.program-list ul.list > li.no-list:hover,
.program-list ul.list > li.no-list:active,
.program-list ul.list > li.no-list:focus {background-color: transparent;}
.program-list ul.list > li .left { display: flex; align-items: center; }
.program-list ul.list > li .right { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }
.program-list ul.list > li .right > .txt > li {width: 140px;}
.program-list ul.list > li .right > .txt > li:last-child {width: unset;}
.program-list ul.list > li .right > .txt > li > .view {display: inline-block; width: 60px;}
.program-list ul.list .like-btn img { display: block; }
.program-list ul.list .logo { flex-shrink: 0; width: 110px; height: 28px; margin: 0 20px; }
.program-list ul.list .logo.prv {margin-left: 37px; }
.program-list ul.list .logo em { display: block; height: 100%; line-height: 28px; text-align: center; font-weight: 600; font-size: 14px; }
.program-list ul.list .logo img { width: 100%; height: 100%; object-fit: contain; }
.program-list ul.list .title { display: flex; align-items: center; width: 100%; line-height: 20px; padding-right: 30px; font-weight: 600; font-size: 1.8rem; display: -webkit-box; display: -ms-flexbox; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; }
.program-list ul.list .title span.state { margin-right: 5px; }
.program-list ul.list .txt { display: flex; align-items: center; flex-shrink: 0; margin-right: 20px; color: #555; }
.program-list ul.list .txt li { margin-right: 20px; font-size: 0.875em; }
.program-list ul.list .txt li:last-child { margin-right: 0; }
.program-list ul.list .txt li strong { position: relative; padding-right: 16px; }
.program-list ul.list .txt li strong:after { content: ""; position: absolute; top: 3px; right: 6px; width: 1px; height: 10px; background: #afafaf; }
.program-list ul.list .save-btn img { display: block; }
/* 카드형 */
.program-list ul.card { display: flex; flex-wrap: wrap; border-top: 2px solid var(--main-color);}
.program-list ul.card > li { width: 33.3%; position: relative; padding: 25px; background: #fff; border-right: 2px solid var(--main-color); border-bottom: 2px solid var(--main-color);}
/* .program-list ul.card > li:first-child {border-bottom: 2px solid var(--main-color);} */
/* .program-list ul.card > li:nth-child(4), */
/* .program-list ul.card > li:nth-child(n-1) ~ li { border-bottom: 2px solid var(--main-color);} */

.program-list ul.card > li:hover,
.program-list ul.card > li:active,
.program-list ul.card > li:focus { background: #f9f9f9; }
.program-list ul.card > li:nth-child(3n) { margin-right: 0; border-right: none; }
.program-list ul.card .save-btn { position: absolute; top: 28px; right: 25px; }
.program-list ul.card .title { min-height: 60px; max-height: 60px; line-height: 30px; margin: 20px 0; font-weight: 600; font-size: 1.25em; display: -webkit-box; display: -ms-flexbox; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.program-list ul.card .txt { padding-top: 20px; border-top: 1px solid #ddd; }
.program-list ul.card .txt li { display: flex; align-items: center; margin-bottom: 12px; }
.program-list ul.card .txt li:last-child { margin-bottom: 0; }
.program-list ul.card .txt li strong { flex-shrink: 0; width: 80px; line-height: 15px; font-weight: 600; font-size: 0.938em; color: #757575; }
.program-list ul.card .txt li em { display: flex; align-items: center; font-size: 0.938em; color: #888; line-height: 24px;}
.program-list ul.card .txt li em .logo { width: 110px; height: 28px; }
.program-list ul.card .txt li em .logo img { width: 100%; height: 100%; object-fit: contain; }
.program-list ul.card .txt li .like-btn { margin-left: 10px; }
.program-list ul.card .txt li .like-btn img { display: block; }
.program-list ul.card .hashtag { display: flex; flex-wrap: wrap; align-items: flex-start; max-height: 90px; min-height: 90px; margin: 20px -7px -7px 0; overflow: hidden; }
.program-list ul.card .hashtag li { margin: 0 7px 7px 0; font-size: 0.938em; color: #555; border: 1px solid #ddd; }
.program-list ul.card .hashtag li a { padding: 6px 13px; display: block; }
/* PC */
@media only screen and (max-width: 1500px) { /* 카드형 */
 /* .program-list ul.card > li { width: 23.3%; } */ }
@media only screen and (max-width: 1370px){
 .dpf .program-con { width: calc(100% - 273px); }
}
@media only screen and (max-width: 1300px){
 .program-con { width: 100%; margin-top: 40px; }
 .dpf .program-con { width: 100%; }
}
/* 태블릿 */
@media only screen and (max-width: 1023px) { /* 리스트형 */
 .program-list ul.list .title { padding-right: 30px; }
 /*  .program-list ul.list .txt { display: none; }  */
 .program-list ul.list > li {position: relative; border-bottom: 1px solid #e5e5e5; flex-direction: column; align-items: baseline; gap: 10px;}
 .program-list ul.list .logo.prv, .program-list ul.list .logo {margin-left: 0; white-space: nowrap;}
 .program-list ul.list .logo em {text-align: left;}
 .program-list ul.list > li .left {flex-direction: column; align-items: baseline; gap: 10px;}
 .program-list ul.list .save-btn {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}


 /* 카드형 */
 .program-list ul.card { gap: 20px; }
 .program-list ul.card > li { width: calc(50% - 10px); border: 1px solid #e5e5e5; }
 .program-list ul.card > li:nth-child(3n) { border: 1px solid #e5e5e5; }
 .program-list ul.card .title { min-height: 57px; max-height: 57px; line-height: 26px; margin: 13px 0 8px; font-size: 1.2em; }
}

@media only screen and (max-width: 767px) { /* 리스트형 */
 /*  .program-list ul.list .like-btn { display: none; }  */
 .program-list ul.list .logo { width: 60px; margin: 0 12px 0 0; }
 .program-list ul.list .logo img { display: block; width: 60px; }


 /* 카드형 */
 .program-list ul.card { gap: 10px; }
 .program-list ul.card > li { width: calc(50% - 5px); }
 .program-list ul.card .txt li strong { width: 60px; }
}
@media only screen and (max-width: 560px) { /* 카드형 */
 .program-list ul.card > li { width: 100%; }
 .program-list ul.card .title { min-height: inherit; max-height: inherit; margin: 13px 0; }
 .program-list ul.card .hashtag { min-height: inherit; }
}
@media only screen and (max-width: 460px) { /* 리스트형 */
 .program-list ul.list .logo { display: none; }
 .program-list ul.list .title { width: 100%; }
}

/************************* 나에게 맞는 지원사업 *************************/
/* 맞춤형 정보 */
.cust-info { margin-top: 30px; }
.cust-info .top { position: relative; }
.cust-info .top .ti { display: block; font-weight: 600; font-size: 1.25em; text-align: center; }
.cust-info .top .modif-btn { position: absolute; top: 0; right: 0; padding-left: 20px; font-weight: 500; font-size: 0.938em; color: #555; background: url(../img/content/sub02/setting-icon.png) left center no-repeat; }
.cust-info .cust { display: flex; margin-top: 15px; }
.cust-info .cust > li { position: relative; flex: 1; margin-right: -1px; padding: 25px; border: 1px solid #e5e5e5; overflow: hidden; }
.cust-info .cust > li:after { content: ""; position: absolute; right: 25px; z-index: -1; }
.cust-info .cust > li:nth-child(1):after { bottom: -5px; width: 63px; height: 85px; background: url(../img/content/sub02/info-icon01.png) center center no-repeat; }
.cust-info .cust > li:nth-child(2):after { bottom: -7px; width: 79px; height: 77px; background: url(../img/content/sub02/info-icon02.png) center center no-repeat; }
.cust-info .cust > li:nth-child(3):after { bottom: -15px; width: 87px; height: 108px; background: url(../img/content/sub02/info-icon03.png) center center no-repeat; }
.cust-info .cust > li .top { display: flex; justify-content: space-between; }
.ti { display: block; font-weight: 600; font-size: 1em; }
.cust-info .cust > li .top a { font-size: 1.6rem; color: #757575; align-content: center; padding-left: 20px; background: url(../img/content/sub02/icn-setting.svg); background-repeat: no-repeat; background-position: center left; }
.cust-info .cust > li .list { display: flex; flex-wrap: wrap; align-items: center; margin-top: 15px; }
.cust-info .cust > li .list li { margin: 0 5px 5px 0; padding: 5px 10px; font-size: 0.938em; color: #444; background: #f7f7f7; border-radius: 50px; }
.cust-info .cust > li .list.img-list li { margin-right: 20px; padding: 0; background: inherit; border-radius: 0; }
.cust-info .cust > li .list.img-list li img { height: 22px; }
.cust-info .cust > li .list li:last-child { margin-right: 0; }
.cust-info .cust > li .list li img.logo { width: 80px; vertical-align: middle; }
@media only screen and (max-width: 1023px){
 .cust-info { margin-top: 15px; }
}
@media only screen and (max-width: 767px){
 .cust-info .cust { display: block; }
 .cust-info .cust > li { padding: 15px 20px; margin: 0 0 -1px 0; }
}
/* 스크랩 정보- 캘린더 */
.type-calendar { width: 100%; }
.type-calendar .cal-top { position: relative; display: flex; justify-content: space-between; }
.type-calendar .cal-nav { display: flex; }
.type-calendar .cal-nav > a { width: 42px; height: 42px; background: #fff; border: 1px solid #e5e5e5; border-radius: 100%; }
.type-calendar .cal-nav .go-prev { margin-right: 10px; background: url(../img/content/sub02/prev-arr.png) center center no-repeat #fff; }
.type-calendar .cal-nav .go-next { margin-right: 10px; background: url(../img/content/sub02/next-arr.png) center center no-repeat #fff; }
.type-calendar .cal-nav .go-today { width: 90px; line-height: 40px; color: #666; text-align: center; border-radius: 80px; }
.type-calendar .cal-top .year-month { position: absolute; top: 50%; left: 50%; font-weight: 600; font-size: 1.5em; transform: translate(-50%, -50%); }
.type-calendar .cal-top .cal-type { display: flex; align-items: center; width: 145px; height: 42px; border: 1px solid #e5e5e5; border-radius: 50px; overflow: hidden; }
.type-calendar .cal-top .cal-type a { display: block; flex: 1; height: 100%; line-height: 42px; font-size: 0.938em; color: #666; text-align: center; }
.type-calendar .cal-top .cal-type a.on { font-weight: 600; color: #fff; background: #5c69c1; }
.type-calendar .cal-wrap .days { display: flex; margin-top: 20px; }
.type-calendar .cal-wrap .days .day { width: calc(100% / 7); padding: 13px 0; font-weight: 400; font-size: 0.938em; text-align: center; background: #f9f9f9; border: 1px solid #e5e5e5; border-right: 0; }
.type-calendar .cal-wrap .days .day:last-child { border-right: 1px solid #e5e5e5; }
.type-calendar .cal-wrap .dates { display: flex; flex-wrap: wrap; }
.type-calendar .cal-wrap .dates .day { position: relative; width: calc(100% / 7); height: 270px; padding: 20px; font-weight: 500; font-size: 0.938em; color: #333; border: 1px solid #e5e5e5; border-top: 0; border-right: 0; vertical-align: top; }
.type-calendar .cal-wrap .dates .day:nth-child(7n) { border-right: 1px solid #e5e5e5; }
.type-calendar .cal-wrap .dates .day.today { background:#fffcef; }
.type-calendar .cal-wrap .dates .day.disable { color: #9f9f9f; }

.cal-list { margin-top: 10px; }
.cal-list li.sche { display: flex; align-items: flex-start; margin-bottom: 10px; }
.cal-list li:last-child { margin-bottom: 0; }
.cal-list li.sche span { width: 17px; height: 17px; font-size: 11px; margin-top: 3px; }
.cal-list li.sche > a { line-height: 22px; font-weight: 500; font-size: 15px; color: #555; display: -webkit-box; display: -ms-flexbox; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.cal-list.week-cal-list li.sche a { display: block; overflow: inherit; }
.cal-list li.sche a:hover,
.cal-list li.sche a:active,
.cal-list li.sche a:focus { text-decoration: underline; }
.cal-list li.sche .sche-det { display: none; position: absolute; z-index: 100; width: 250px; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 6px rgb(0 0 0 / 11%); }
.cal-list li.sche .sche-det .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.cal-list li.sche .sche-det .top img { display: block; }
.cal-list li.sche .sche-det .ti { font-weight: 600; font-size: 16px; }
.cal-list li.sche .sche-det .info { margin-top: 12px; margin-bottom: 12px; padding-top: 12px; border-top: 1px solid #e5e5e5; }
.cal-list li.sche .sche-det .info li { display: flex; align-items: center; margin-bottom: 5px; }
.cal-list li.sche .sche-det .info li:last-child { margin-bottom: 0; }
.cal-list li.sche .sche-det .info li strong { flex-shrink: 0; width: 65px; font-weight: 600; font-size: 0.938em; color: #757575; }
.cal-list li.sche .sche-det .info li em { font-size: 0.938em; color: #888; }
.cal-list li.sche .sche-det .info li em a.logo { display: block; width: 110px; height: 28px; }
.cal-list li.sche .sche-det .info li em a img { width: 100%; height: 100%; object-fit: contain; }
.cal-list li.sche .sche-det .btn { height: 40px; line-height: 40px; font-size: 0.938em; }
.cal-list li.more .more-btn { display: block; padding: 0 7px; font-weight: 600; font-size: 13px; color: #fff; background: #5c69c1; border-radius: 3px; }
.cal-list li.more .cal-list-more { display: none; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; min-height: 217px; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; transition: all 0.5s; transform: scale(0.9); }
.cal-list li.more .cal-list-more.on { display: block; animation: cal-list-more 0.2s forwards; }
.cal-list li.more .cal-list-more .top .close-btn { position: absolute; top: 15px; right: 15px; display: block; width: 15px; height: 15px; background: url(../img/content/sub02/close-btn.png) center center no-repeat; }
.cal-list li.more .cal-list-more .top .list-day { display: block; padding-bottom: 14px; font-size: 16px; color: #333; text-align: center; border-bottom: 1px solid #e5e5e5; }
.cal-list li.more .cal-list-more .top .list-day > span { display: inline-block; margin-right: 5px; font-weight: 400; }
.cal-list li.more .cal-list-more .cal-list li.sche a { -webkit-line-clamp: inherit; line-clamp: inherit; }
@keyframes cal-list-more {
 0% { transform: scale(0.9); }
 100% { transform: scale(1); }
}

.type-calendar.week .cal-wrap .week-scroll { max-height: 500px; }
.type-calendar.week .cal-wrap .week-scroll.scrollbar .mCSB_inside > .mCSB_container { margin-right: 0; }
.type-calendar.week .cal-wrap .dates .day { height: 500px; }

@media only screen and (max-width: 1023px){
 .type-calendar .cal-wrap { margin-top: 30px; }
 .type-calendar .cal-wrap .days { display: none; }
 .type-calendar .cal-wrap .dates { display: block; border-top: 1px solid #e5e5e5; }
 .type-calendar .cal-wrap .dates .day { display: flex; align-items: center; width: 100%; height: auto; border-right: 1px solid #e5e5e5; }
 .type-calendar .cal-wrap .dates .day > span { flex-shrink: 0; width: 30px; }
 .type-calendar .cal-wrap .dates .day > span:after { content: "\c77c"; }

 .cal-list { margin-top: 0; margin-left: 10px; }
 .cal-list li.sche { margin-bottom: 6px; }
 .cal-list li.sche:last-child { margin-bottom: 0; }
 .cal-list li.sche > a { display: flex; overflow: inherit; word-break: keep-all; }
}

@media only screen and (max-width: 767px){
 .type-calendar .cal-top { flex-wrap: wrap; }
 .type-calendar .cal-top .state-list { width: 100%; }
 .type-calendar .cal-top .year-month { display: block; position: relative; top: inherit; left: inherit; width: 100%; margin: 20px 0; text-align: center; transform: inherit; }
 .type-calendar .cal-wrap { margin-top: 10px; }
 .type-calendar .cal-wrap .dates .day { padding: 7px 10px; }
}

/************************* 게시판 리스트 *************************/
.dpf .board-con { width: calc(100% - 353px); }
.board-top { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; }
p.total { font-size: 14px; color: #333; }
p.total > span { font-weight: 600; }
/* 기본 게시판 */
.board-list { margin-top: 30px; border-top: 2px solid var(--main-color); }
.board-list .no-list {display: block; padding: 80px 0; border-bottom: 1px solid #e5e5e5; text-align: center;}
.board-list ul li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e5e5; }
.board-list ul li.noti-post { background: #fafafb; }
.board-list ul li.noti-post .num { color: var(--main-color); font-weight: 600; }
.board-list ul li .num { flex-shrink: 0; width: 80px; font-size: 0.938em; text-align: center; }
.board-list ul li .title { display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding: 20px 0; }
.board-list ul li .title .pub-ti { display: inline-block; margin-right: 10px; font-weight: 600; font-size: 1.063em; color: #4e5cbc; }
.board-list ul li .title .ti { position: relative; z-index: 1; font-weight: 700; font-size: 1.063em; color: #333; display: -webkit-box; display: -ms-flexbox; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; max-width: 78%; }
.board-list ul li .title .ti:before { content: ""; position: absolute; bottom: -3px; left: 0; width: 0; height: 2px; background: #444; }
.board-list ul li .title:hover span:before,
.board-list ul li .title:focus span:before,
.board-list ul li .title:active span:before { animation: board-title 0.5s forwards; }
.board-list ul li .title .file { display: inline-block; width: 18px; height: 14px; margin-left: 5px; vertical-align: middle; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 79.62 74.49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m60.88,24.92l-27.26,27.26c-3.12,3.12-8.19,3.12-11.31,0h0c-3.12-3.12-3.12-8.19,0-11.31l27.85-27.85c6.05-6.05,15.87-6.05,21.92,0h0c6.05,6.05,6.05,15.87,0,21.92l-29.82,29.82c-8.98,8.98-23.54,8.98-32.53,0h0C.75,55.77.75,41.21,9.74,32.23L38.96,3'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.board-list ul li .state { flex-shrink: 0; width: 80px; font-weight: 500; font-size: 0.875em; text-align: center; }
.board-list ul li .state.stand { color: #e1364e; }
.board-list ul li .state.comp { color: #5c69c1; }
.board-list ul li .normal { flex-shrink: 0; width: 90px; font-size: 0.875em;}
.board-list ul li .date { flex-shrink: 0; width: 120px; font-size: 0.875em; }
@keyframes board-title {
 0% { width: 0; }
 100% { width: 100%; }
}
@media only screen and (max-width: 1023px){
 .board-list ul li .title .ti { font-size: 16px; }
 
 	
	.board-list ul li { flex-wrap: wrap; justify-content: flex-start; gap: 0 10px; padding: 10px; }
 	.board-list ul li .title { display: flex; padding: 8px 0; }
 	.board-list ul li .title .ti { max-width: 100%; line-clamp: 2; -webkit-line-clamp: 2; line-height: 1.4; }
 	.board-list ul li .num { width: unset; } 
	.board-list ul li .normal {width: unset;}
}
@media only screen and (max-width: 767px){
 .board-list { margin-top: 20px; }
 .board-list ul li .num { font-size: 13px; }
 .board-list ul li .title .ti { font-size: 15px; }
 .board-list ul li .date { width: 110px; font-size: 13px; }
}
@media only screen and (max-width: 560px){
 .board-top { display: block; }
 .board-list { margin-top: 10px; }
 .board-list ul li .num { display: none; }
 .board-list ul li .date { width:100px; padding-left: 20px; }
}
/* 기본 게시판- 상세 */
.board-detail { border-top: 2px solid var(--main-color); }
.board-detail .board-title { padding: 30px 10px; border-bottom: 2px solid var(--main-color); }
.board-detail .board-title strong { display: block; line-height: normal; font-size: 30px; word-break: break-all; }
.board-detail .board-title .board-info { display: flex; justify-content: right; }
.board-detail .board-title .board-info em { display: block; line-height: normal; margin-top: 20px; font-size: 1.6rem; color: #666; }
.board-detail .board-title .board-info em + em { position: relative; margin-left: 20px; padding-left: 20px; }
.board-detail .board-title .board-info em + em::before { content: ""; display: block; position: absolute; top: 4px; left: 0; width: 1px; height: 8px; background: #ccc; }
.board-detail .board-content { padding: 25px 10px; }
.board-detail .board-content p { line-height: normal; }
.board-content img { width: auto; height: auto; max-width: 100%; }
.board-detail .board-file { display: flex; padding: 25px 10px; border-top: 1px solid #e5e5e5; background: #fbfbfb; }
.board-detail .board-file strong { flex-shrink: 0; width: 90px; font-weight: 600; font-size: 14px; color: #757575; }
.board-detail .board-file .file-lsit li { margin-bottom: 10px; }
.board-detail .board-file .file-lsit li:last-child { margin-bottom: 0; }
.board-detail .comment-box .comment { display: flex; align-items: flex-start; padding: 30px; background: #f9f9f9; border-bottom: 1px solid #e5e5e5; }
.board-detail .comment-box .comment .img { margin-right: 15px; }
.board-detail .comment-box .comment .txt .id { display: block; font-weight: 600; font-size: 1.063em; color: #333; }
.board-detail .comment-box .comment .txt .date { display: block; line-height: normal; margin-top: 3px; font-size: 0.875em; color: #666; }
.board-detail .comment-box .comment .txt > p { margin-top: 10px; font-size: 0.938em; }
.board-detail .board-prev-next { border-top: 2px solid var(--main-color); border-bottom: 2px solid var(--main-color); }
.board-detail .board-prev-next .prev-next { display: flex; align-items: center; padding: 20px 10px; border-bottom: 1px solid #e5e5e5; }
.board-detail .board-prev-next .prev-next em { flex-shrink: 0; position: relative; z-index: 1; width: 90px; font-weight: 500; font-size: 15px; color: var(--main-color); }
.board-detail .board-prev-next .prev-next a { display: block; font-weight: 500; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-detail .board-prev-next .prev-next a.none { color: #888; }
.board-detail .board-prev-next .prev em:before { content: ""; position: absolute; top: 50%; right: 25px; width: 9px; height: 6px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 4.74'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='.47 4.27 4.5 .47 8.53 4.27'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); transform: translate(0, -50%); background-repeat: no-repeat; }
.board-detail .board-prev-next .next em:before { content: ""; position: absolute; top: 50%; right: 25px; width: 9px; height: 6px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 4.74'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='.47 4.27 4.5 .47 8.53 4.27'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); transform: translate(0, -50%); transform: translate(0, -50%); background-repeat: no-repeat; transform: rotate(180deg); }
.board-detail .btn-center { margin-top: 30px; }
@media only screen and (max-width: 1023px){
 .board-detail .board-title { padding: 20px 10px; }
 .board-detail .board-title strong { font-size: 24px; }
 .board-detail .board-title .date { margin-top: 12px; }
 .board-detail .board-file { padding: 15px 10px; }
 .board-detail .board-prev-next .prev-next { padding: 15px 10px; }
}
@media only screen and (max-width: 767px){
 .board-detail .board-title strong { font-size: 20px; }
 .board-detail .board-title .date { font-size: 13px; }
 .board-detail .board-file { display: block; }
 .board-detail .board-file ul { margin-top: 8px; }
 .board-detail .board-file ul li { margin-bottom: 5px; }
 .board-detail .comment-box .comment { padding: 20px; }
 .board-detail .btn-center { margin-top: 20px; }
}

/* pagination */
.pagination { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 40px; }
.pagination a { display: block; width: auto; min-width: 30px; height: 30px; padding: 0 5px; line-height: 30px; font-weight: 500; font-size: 1.6rem; color: #333; text-align: center; border: 1px solid var(--main-color); }
.pagination a.active { font-weight: 600; color: #fff; background: var(--main-color); }
.pagination a.arr { display: block; margin: 0; font-size: 0; background-repeat: no-repeat; background-position: center center; background-size: auto 13px; }
.pagination a.first-page { width: 20px; background-image: url(../img/layout/icn-first-pg.svg); border: none; }
.pagination a.prev-page { width: 30px; background-image: url(../img/layout/icn-prev-pg.svg); border: none; }
.pagination a.next-page { width: 30px; background-image: url(../img/layout/icn-next-pg.svg); border: none; }
.pagination a.last-page { width: 20px; background-image: url(../img/layout/icn-last-pg.svg); border: none; }

/************************* 게시판 상세 *************************/
.supt-det .top { display: flex; }
.supt-det .top .applic { display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; font-weight: 500; font-size: 0.938em; color: #fff; background: var(--main-color); }
.supt-det .top .save-btn { display: inline-block; height: 40px; line-height: 40px; margin-left: 10px; padding: 0 15px 0 43px; font-weight: 500; font-size: 0.938em; color: #a1a1a1; border: 1px solid #cecece; background: url(../img/common/save-off.png) 15px center no-repeat; }
.supt-det .top .save-btn.on { background: url(../img/common/save-on.png) 15px center no-repeat; border-color: var(--main-color); color: var(--main-color); }
.supt-det .info-tit {display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding: 35px 0;}
.supt-det .ti { display: block; line-height: 37px; font-weight: 700; font-size: 1.875em; }
/* .supt-det .thumb-img { width: 100%; margin-bottom: 30px; background-repeat: no-repeat; background-size: cover; background-position: center center; }  */
.supt-det .thumb-img { width: 100%; margin-bottom: 30px;}
.supt-det .info-txt { display: flex; flex-wrap: wrap; border-top: 2px solid var(--main-color); border-bottom: 2px solid var(--main-color); }
.supt-det .info-txt > li { display: flex; align-items: center; flex: 1 1 40%; padding: 12px 10px; font-size: 1.7rem; border-bottom: 1px solid #e5e5e5; }
.supt-det .info-txt > li:last-child {flex: 1 1 100%;}
.supt-det .info-txt li strong { flex-shrink: 0; width: 200px; font-weight: 400; font-size: 1.7rem; color: var(--main-color); }
.supt-det .info-txt li em { font-weight: 600; white-space: nowrap;}
.supt-det .info-txt li .view-list { display: flex; flex-wrap: wrap; margin-bottom: -5px; }
.supt-det .info-txt li .view-list li { display: block; margin-right: 5px; margin-bottom: 5px; padding: 3px 12px; font-weight: 500; font-size: 1.5rem; border: 1px solid #e5e5e5; border-radius: 50px; }
.supt-det .info-txt li .view-list li:last-child { margin-right: 0; }
.supt-det .info-txt li .site-link { display: inline-block; font-weight: 600; color: var(--main-color); border-bottom: 1px solid var(--main-color); }
.supt-det .info-txt li .organ { display: flex; align-items: center; }
.supt-det .info-txt li .organ img { display: block; }
.supt-det .info-txt li .organ .logo { display: flex; align-items: center; /* width: 110px; */ height: 28px; }
.supt-det .info-txt li .organ .logo img { width: 100%; height: 100%; object-fit: contain; }
.supt-det .info-txt li .organ .like-btn { margin-left: 10px; }
.supt-det .supt-content { padding: 40px 30px; line-height: 34px; color: #222; border-bottom: 1px solid var#e5e5e5; }
.supt-det .supt-content h5 {font-size: 18px; font-weight: 500; margin: 15px 0;}
.supt-det .supt-content p {font-size: 17px; font-weight: 300; color: #444; margin: 10px 0;}
.supt-det .supt-content.file-wrap {padding-bottom: 0; aspect-ratio: 1 / 1.414; }
.supt-det .supt-content iframe {width: 100%; height: 100%;}
.supt-det .supt-content img { max-width: 100%; height: auto; }
.supt-det .supt-content aside {margin-top: 30px}
.supt-content img { width: auto; height: auto; max-width: 100%; }
/* [발주요청] 에디터·크롤링 본문 이미지 반응형 보정 — 인라인 style 의 고정 크기를 무력화 */
#contentHtml img,
.form-wrap1 .form-group .inp-box img { max-width: 100%; height: auto !important; }
.supt-det .supt-content img,
.supt-content img,
.board-content > #viewer img { max-width: 100%; height: auto !important; }
/* [발주요청] 에디터·크롤링 본문 표 반응형 보정 — 인라인 style 의 고정 폭(예: width:1500px)이 화면 밖으로 넘쳐
   가운데 정렬된 글자가 보이지 않던 문제. 태블릿·모바일에서는 표를 본문 폭에 맞추고 칸 안 글자는 줄바꿈한다 */
#contentHtml table,
.supt-content table,
.board-content > #viewer table { max-width: 100%; }
@media only screen and (max-width: 1023px){
	#contentHtml table,
	.supt-content table,
	.board-content > #viewer table { width: 100% !important; height: auto !important; }
	#contentHtml table td, #contentHtml table th,
	.supt-content table td, .supt-content table th,
	.board-content > #viewer table td, .board-content > #viewer table th { word-break: keep-all; overflow-wrap: break-word; }
}
.supt-det .supt-inqu { margin-top: 10px; padding: 30px; background: #fbfbfb; border-top: 1px solid #e5e5e5; border-bottom: 2px solid var(--main-color); }
.supt-det .supt-inqu strong { font-size: 1.7rem; display: block; margin-bottom: 10px; font-weight: 600; }
.supt-det .supt-inqu .list2 li { margin-bottom: 5px; font-size: 1.7rem; color: var(--main-color);} /* 2024 10 07  */
.supt-det .supt-inqu .list2 li:last-child { margin-bottom: 0; }
.supt-det .supt-link { margin-top: 10px; padding: 30px; background: #fbfbfb; border-top: 1px solid #e5e5e5; border-bottom: 2px solid var(--main-color); }
.supt-det .supt-link > ul > li { margin-bottom: 10px; display: flex; }
.supt-det .supt-link > ul > li:last-child { margin-bottom: 0; }
.supt-det .supt-link > ul > li strong { margin-right: 40px; }
.supt-det .supt-link > ul > li span { color: #888; }



@media only screen and (max-width: 767px){
 .supt-det .ti { line-height: 31px; padding: 20px 0; font-size: 1.571em; }
 .supt-det .info-txt > li { flex: 1 1 100%; padding: 10px; }
 .supt-det .info-txt li strong {width: 120px;}
 .supt-det .info-txt li .view-list li { padding: 2px 10px; }
}
@media only screen and (max-width: 500px){
 .supt-det .supt-link > ul > li { flex-direction: column; }
}
.file-list li { display: flex; gap: 10px; margin-bottom: 3px; align-items: center; flex-wrap: wrap;}
.file-list li:last-child { margin-bottom: 0; }
.file-list li a { position: relative; z-index: 1; display: flex; font-size: 0.938em; color: #6f7277; word-break: break-all; align-items: flex-start; padding-left: 20px;}
.file-list li a:before { content: ""; position: absolute; top: -2px; left: 0; width: 14px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.546022C0 0.244462 0.23564 0 0.526316 0H10.6491C10.9398 0 11.1754 0.244462 11.1754 0.546022V10.1778H12.4737C12.7644 10.1778 13 10.4223 13 10.7239V11.6048C13 12.9256 11.9679 13.9964 10.6947 13.9964H2.00496C1.98491 13.9988 1.96453 14 1.94386 14H1.7193C1.6251 14 1.53669 13.9743 1.4602 13.9294C0.622712 13.7054 0 12.9253 0 11.9797V0.546022ZM3.65638 12.9043H10.6947C11.3865 12.9043 11.9474 12.3225 11.9474 11.6048V11.2699H4.02807V11.6048C4.02807 12.0857 3.89133 12.5315 3.65638 12.9043ZM10.1228 10.1778V1.09204H1.05263V11.9797C1.05263 12.445 1.3838 12.829 1.8246 12.8928C2.4718 12.8375 2.97544 12.2822 2.97544 11.6048V10.7239C2.97544 10.4223 3.21108 10.1778 3.50175 10.1778H10.1228ZM2.66667 3.87312C2.66667 3.57156 2.90231 3.32709 3.19298 3.32709H4.59649C4.88717 3.32709 5.12281 3.57156 5.12281 3.87312C5.12281 4.17467 4.88717 4.41914 4.59649 4.41914H3.19298C2.90231 4.41914 2.66667 4.17467 2.66667 3.87312ZM2.66667 6.23921C2.66667 5.93765 2.90231 5.69319 3.19298 5.69319H7.57895C7.86962 5.69319 8.10526 5.93765 8.10526 6.23921C8.10526 6.54077 7.86962 6.78523 7.57895 6.78523H3.19298C2.90231 6.78523 2.66667 6.54077 2.66667 6.23921Z' fill='%23777777'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 14px; background-position: top 2px left;}
/* .file-list li a:after { content: ""; display: inline-block; width: 13px; height: 13px; margin-left: 7px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 12px;}  */
.file-list li .preview-btn {display: block; font-size: 0.938em; color: #444; padding: 4px 6px; background: #e2e2e2; border-radius: 5px;}
@media only screen and (max-width: 767px){
 .form-wrap1 .form-group .inp-box .inp-flex .tit {max-width: unset !important; margin: 1rem 0;}
 .file-list li a {}
}
@media only screen and (max-width: 500px){
 .file-list li a:before {}
}

/* 이미지 게시판- 세로 */
.board-list-style2 { padding-top: 40px; border-top: 2px solid var(--main-color); }
.board-list-style2 > ul { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.board-list-style2 > ul > li { display: flex; width: 50%; margin-bottom: 50px; padding: 0 20px; }
.board-list-style2 > ul > li .lf {flex-shirnk: 0;}
.board-list-style2 > ul > li .lf .img-wrap {width: 250px; height: 0; padding-bottom: 140%; position: relative;}
.board-list-style2 > ul > li .lf .img-wrap img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.board-list-style2 > ul > li .txt-wrap { width: calc(100% - 280px); margin-left: 30px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; }
.board-list-style2 > ul > li .txt-wrap .top { display: flex; justify-content: space-between; align-items: center; }
.board-list-style2 > ul > li .txt-wrap .top span { font-size: 15px; }
.place { padding: 6px 8px; background-color: var(--main-color); color: #fff; font-size: 15px;}
.board-list-style2 > ul > li .txt-wrap .tit { font-size: 1.8rem; line-height: normal; margin-top: 20px; height: 44px; }
.board-list-style2 > ul > li .txt-wrap .info-cont { width: 100%; max-height: 150px; overflow: hidden; overflow-y:auto; margin-top: 20px; margin-bottom: 20px; line-height: 1.4; }
.board-list-style2 > ul > li .txt-wrap .info-cont img {max-width: 150px; height: auto;}
.board-list-style2 > ul > li .txt-wrap .btn-wrap { display: flex; justify-content: right; white-space: no-wrap; }
.board-list-style2 > ul > li .txt-wrap .btn-wrap .down-btn { display: inline-block; padding: 10px 23px; border-radius: 30px; background: var(--main-color); color: #fff; white-space: nowrap;}
/* 컨텐츠 없을때 */
.board-list-style2 > ul > li.no-list { display: flex; width: 100%; min-height: 300px; justify-content: center; align-items: center;}
@media only screen and (max-width: 1300px){
 .board-list-style2 {border-top: none; }
}
@media only screen and (max-width: 1023px){
 .board-list-style2 > ul > li { width: 100%; }
 /* .board-list-style2 > ul > li .img-wrap { flex: unset; }  */
}
@media only screen and (max-width: 767px){
 .board-list-style2 > ul > li { display: block; }
.board-list-style2 > ul > li .lf .img-wrap { display: flex; width: 100%; justify-content: center; border: 1px solid #e5e5e5; }
 .board-list-style2 > ul > li .txt-wrap { margin-left: 0; margin-top: 20px; width: 100%;}
 .board-list-style2 > ul > li .txt-wrap .btn-wrap { margin-top: 20px; }
 .board-list-style2 > ul > li .txt-wrap .btn-wrap .down-btn { width: 100%; text-align: center; }

 .file-lsit li a:after {display: none;}
}


/* 이미지 게시판- 가로 */
.board-list-style3 { padding-top: 40px; border-top: 2px solid var(--main-color); }
.board-list-style3 > ul { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.board-list-style3 > ul > li { width: 33.3%; margin-bottom: 50px; padding: 0 20px; }
.board-list-style3 > ul > li.thumb4 { width: 25%; }
.board-list-style3 > ul > li > a { display: block; }
.board-list-style3 > ul > li .img-wrap { position: relative; height: 250px; }
.board-list-style3 > ul > li .img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.board-list-style3 > ul > li .img-wrap .cate { position: absolute; top: 15px; right: 15px; z-index: 1; padding: 5px 8px; font-size: 14px; color: #fff; }
.board-list-style3 > ul > li .txt-wrap { padding-top: 30px; }
.board-list-style3 > ul > li .txt-wrap .top { display: flex; height: 44px; justify-content: space-between; }
.board-list-style3 > ul > li .txt-wrap .top strong { font-size: 1.8rem; line-height: normal; }
.board-list-style3 > ul > li .txt-wrap .top .cate { align-self: baseline; display: inline-block; padding-bottom: 4px; font-weight: 800; font-size: 1.4rem; }
.board-list-style3 > ul > li .txt-wrap .top .cate::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }
.board-list-style3 > ul > li .txt-wrap .top .cate.fc-main::after { background: var(--main-color); }
.board-list-style3 > ul > li .txt-wrap .top .cate.fc-green::after { background: #61bd49; }
.board-list-style3 > ul > li .txt-wrap .bottom { margin-top: 20px; }
.board-list-style3 > ul > li .txt-wrap .bottom .bottom-tit { position: relative; display: inline-block; width: 50px; margin-right: 20px; font-weight: 500; color: var(--gray-77); }
.board-list-style3 > ul > li .txt-wrap .bottom .bottom-tit::after { content: ""; position: absolute; top: 7px; right: -30px; width: 1px; height: 9px; margin-right: 20px; background-color: #ddd; }
.board-list-style3 > ul > li .txt-wrap .bottom span { display: block; font-size: 14px; color: #666; }
.board-list-style3 > ul > li .txt-wrap .bottom span + span { margin-top: 5px; }
.board-list-style3 > ul > li .txt-wrap .bottom2 { margin-top: 20px; display: flex; justify-content: space-between; }
.date { font-size: 14px; color: #757575; font-weight: 500; padding-left: 25px; background-size: 14px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0625 1.40328L10.3092 1.4033V0.46886C10.3092 0.209815 10.0995 0 9.84047 0C9.58148 0 9.37172 0.209815 9.37172 0.46886V1.40306H5.62172V0.46886C5.62172 0.209815 5.41195 0 5.15297 0C4.89398 0 4.68422 0.209815 4.68422 0.46886V1.40306H0.9375C0.419766 1.40306 0 1.82293 0 2.34078V14.0623C0 14.5801 0.419766 15 0.9375 15H14.0625C14.5802 15 15 14.5801 15 14.0623V2.34078C15 1.82315 14.5802 1.40328 14.0625 1.40328ZM14.0625 14.0623H0.9375V2.34078H4.68422V2.81316C4.68422 3.07219 4.89398 3.28202 5.15297 3.28202C5.41195 3.28202 5.62172 3.07219 5.62172 2.81316V2.34102H9.37172V2.81339C9.37172 3.07244 9.58148 3.28225 9.84047 3.28225C10.0995 3.28225 10.3092 3.07244 10.3092 2.81339V2.34102H14.0625V14.0623ZM10.7812 7.49846H11.7188C11.9775 7.49846 12.1875 7.28841 12.1875 7.0296V6.09188C12.1875 5.83307 11.9775 5.62302 11.7188 5.62302H10.7812C10.5225 5.62302 10.3125 5.83307 10.3125 6.09188V7.0296C10.3125 7.28841 10.5225 7.49846 10.7812 7.49846ZM10.7812 11.2491H11.7188C11.9775 11.2491 12.1875 11.0393 12.1875 10.7802V9.84253C12.1875 9.58372 11.9775 9.37367 11.7188 9.37367H10.7812C10.5225 9.37367 10.3125 9.58372 10.3125 9.84253V10.7802C10.3125 11.0395 10.5225 11.2491 10.7812 11.2491ZM7.96875 9.37367H7.03125C6.7725 9.37367 6.5625 9.58372 6.5625 9.84253V10.7802C6.5625 11.0393 6.7725 11.2491 7.03125 11.2491H7.96875C8.2275 11.2491 8.4375 11.0393 8.4375 10.7802V9.84253C8.4375 9.58395 8.2275 9.37367 7.96875 9.37367ZM7.96875 5.62302H7.03125C6.7725 5.62302 6.5625 5.83307 6.5625 6.09188V7.0296C6.5625 7.28841 6.7725 7.49846 7.03125 7.49846H7.96875C8.2275 7.49846 8.4375 7.28841 8.4375 7.0296V6.09188C8.4375 5.83284 8.2275 5.62302 7.96875 5.62302ZM4.21875 5.62302H3.28125C3.0225 5.62302 2.8125 5.83307 2.8125 6.09188V7.0296C2.8125 7.28841 3.0225 7.49846 3.28125 7.49846H4.21875C4.4775 7.49846 4.6875 7.28841 4.6875 7.0296V6.09188C4.6875 5.83284 4.4775 5.62302 4.21875 5.62302ZM4.21875 9.37367H3.28125C3.0225 9.37367 2.8125 9.58372 2.8125 9.84253V10.7802C2.8125 11.0393 3.0225 11.2491 3.28125 11.2491H4.21875C4.4775 11.2491 4.6875 11.0393 4.6875 10.7802V9.84253C4.6875 9.58395 4.4775 9.37367 4.21875 9.37367Z' fill='%23777777'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center left; }
/* 2025 02 14 jmw update */
.view { font-size: 14px; color: #757575; font-weight: 500; padding-left: 25px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0375597 6.27696C1.21649 2.88796 4.58881 0.5 8.5 0.5C12.4116 0.5 15.779 2.88822 16.9621 6.27165C17.0125 6.41578 17.0126 6.57422 16.9625 6.71846C15.7909 10.0913 12.4527 12.466 8.57295 12.4954C8.54903 12.4984 8.52468 12.5 8.5 12.5C4.58881 12.5 1.21649 10.112 0.0375597 6.72304C-0.0125199 6.57907 -0.0125199 6.42093 0.0375597 6.27696ZM8.43156 11.2094C8.45403 11.2067 8.47686 11.2054 8.5 11.2054C11.8723 11.2054 14.6846 9.20877 15.737 6.49642C14.6809 3.79027 11.8714 1.79032 8.5 1.79032C5.12802 1.79032 2.31527 3.79077 1.26288 6.5C2.30815 9.19088 5.09 11.1825 8.43156 11.2094ZM8.5 4.82688C7.62621 4.82688 6.92021 5.57459 6.92021 6.5C6.92021 7.42541 7.62621 8.17312 8.5 8.17312C9.37379 8.17312 10.0798 7.42541 10.0798 6.5C10.0798 5.57811 9.37305 4.82688 8.5 4.82688ZM5.70186 6.5C5.70186 4.86197 6.95334 3.53656 8.5 3.53656C10.0474 3.53656 11.2981 4.86705 11.2981 6.5C11.2981 8.13803 10.0467 9.46344 8.5 9.46344C6.95334 9.46344 5.70186 8.13803 5.70186 6.5Z' fill='%23777777'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; vertical-align: middle;}
.board-list-style3 > ul > li .txt-wrap .dash-bottom { margin-top: 20px; padding-top: 20px; border-top: 1px dashed var(--gray-e5); text-align: right; }
.board-list-style3 > ul > li .txt-wrap .dash-bottom > span > em { margin-left: 10px; color: #666; }
.board-list-style3 > ul > li > a:hover .img-wrap img { transform: scale(1.1); transition: all 0.3s; }
.board-list-style3 > ul > li > a:hover .txt-wrap .top .txt-over2 { text-decoration: underline; }
/* 2025 05 26 news update */
.board-list-style3.news > ul > li > a:hover .img-wrap img { transform: none !important; transition: none; }
.news .news-num {position: absolute; left: 0; bottom: 73px; width: 100%; font-weight: 700; font-size: 3.8rem; text-align: center;}
/* 컨텐츠 없을때 */
.board-list-style3 > ul > li.no-list { display: flex; width: 100%; min-height: 300px; justify-content: center; align-items: center;}

@media only screen and (max-width: 1370px){
 .dpf .board-con { width: calc(100% - 303px); }
 .board-list-style3 > ul { margin: 0 -20px; }
 .board-list-style3 > ul > li { margin-bottom: 50px; padding: 0 20px; }
}
@media only screen and (max-width: 1300px){
 .dpf .board-con { width: 100%; }
 .board-list-style3 { border-top: none; padding-top: 40px; }
}
@media only screen and (max-width: 1200px){
 .board-list-style3 > ul > li { width: 50%; }
}
@media only screen and (max-width: 1023px){
 .board-list-style3 > ul > li.thumb4 { width: 50%; }
 
 /* 2025 05 26 news update */
 .news .news-num {bottom: 60px; font-size: 5.2rem;}
}
@media only screen and (max-width: 767px){
 .board-list-style3 > ul > li { width: 50%; }
}
@media only screen and (max-width: 580px){
 .board-list-style3 > ul > li { width: 100%; }
}
@media only screen and (max-width: 530px){
 .board-list-style3 > ul > li.thumb4 { width: 100%; }
}

/******************************** form ********************************/
/* 공고등록폼 */
/* input-st1 */
.input-st1 { height: 45px; padding: 0 15px; border: 1px solid var(--gray-e5); }
@media only screen and (max-width: 480px){
 .input-st1 { height: 40px; padding: 0 10px; }
}
.form-wrap1 { position: relative; z-index: 1; padding-bottom: 25px; border-bottom: 2px solid var(--main-color); }
.form-wrap1:last-child { margin-bottom: 0; }
.form-wrap1 .title { display: flex; justify-content: space-between; padding-bottom: 12px; border-bottom: 2px solid var(--main-color) }
.form-wrap1 .title strong { display: block; font-size: 2rem; }
.form-wrap1 .title .esn { margin-left: auto; font-weight: 500; font-size: 1.4rem; }
.form-wrap1 .title .esn b { font-size: 1.3rem; color: #ed4b2c; }
.form-wrap1 .form-col { display: flex; align-items: center; }
.form-wrap1 .form-col.fortg { align-items: unset; }
.form-wrap1 .form-col .col-5 { width: 50%; }
.form-wrap1 .form-col .col-5:first-child { padding-right: 30px; }
.form-wrap1 .form-group { display: flex; align-items: flex-start; padding: 25px 10px 0 10px; }
.form-wrap1 .form-group1 { align-items: center; }
.form-wrap1 .form-group .label { display: flex; align-items: center; gap: 5px; flex-shrink: 0; width: 160px; line-height: 40px; font-weight: 600; font-size: 15px; }
.form-wrap1 .form-group2 .label { line-height: 1.4; }
.form-wrap1 .form-group .label .esn { font-weight: 700; font-size: 15px; color: #ed4b2c; }
.form-wrap1 .form-group .inp-box { width: 100%; }
/* .form-wrap1 .form-group .inp-flex { display: flex; align-items: center; gap: 5px; } */
.form-wrap1 .form-group .inp-flex { display: flex; align-items: center; gap: 5px; width: 100%; }
/* .form-wrap1 .form-group .inp-flex1 { flex-wrap: wrap; } */
.form-wrap1 .form-group .file-list a:hover { text-decoration: underline; }
.form-wrap1 .form-group .inp-box .radiobox-st1 { line-height: 1.5; }
.form-wrap1 .form-group .inp-box .checkbox-st1 { line-height: 1.5; }
.form-wrap1 .form-group .inp-box .inp-flex .tit { max-width: 250px; width: 100%; }
@media only screen and (max-width: 1283px){
 .form-wrap1 .form-group .inp-flex1 { flex-wrap: wrap; }
}
@media only screen and (max-width: 1023px){
 .form-wrap1 .form-group .inp-flex1 { flex-wrap: nowrap; }
}
@media only screen and (max-width: 767px){
 .form-wrap1 .form-group .inp-flex1 { flex-wrap: wrap; }
 .form-wrap1 .form-group .inp-flex { flex-wrap: wrap; }
 .form-wrap1 .form-group .inp-flex > .btn { width: 100%; }
}
@media only screen and (max-width: 515px){
 .form-wrap1 .form-col .col-5 .inp-box .inp-flex .inp-btn1 { width: 100%; }
}
.inp-box .input { width: 100%; height: 40px; line-height: 40px; padding: 0 12px; font-family: "Pretendard"; font-size: 1.5rem; color: #666; background: #fff; border: 1px solid var(--gray-e5); }
.inp-box .input.tg { height: auto; min-height: 40px; }
/* .inp-box .input[type="date"] { flex-shrink: 0; min-width: 120px; width: fit-content; } */
.inp-box select.input { appearance: none; padding-right: 30px; background-color: #fff; background-repeat: no-repeat; background-position: right 12px center; background-size: 9px 7px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.71 5.75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23363636; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M10.71.63l-.66-.63-4.7,4.49L.66,0l-.66.63,5.35,5.12L10.71.63Z'/%3E%3C/svg%3E"); }
/* .inp-box .input1 { max-width: 500px; } */
.inp-box .input2 { max-width: 300px; }

.inp-box .input + .num { display: block; margin-top: 5px; margin-left: auto; font-size: 14px; color: #757575; text-align: right; }
.inp-box textarea.input { height: 150px; line-height: 1.4; padding: 12px; font-family: var(--basic-fc); resize: none; }

.inp-box input.input:read-only { background: var(--gray-fa); }
.inp-box textarea.input:read-only { background: var(--gray-fa); }
.inp-box .input.input_readonly { height: unset; line-height: 1.3; padding: 10px 12px; background: var(--gray-fa); }
.inp-box .input:read-only:focus { outline: none; border: 1px solid var(--gray-e5); box-shadow: none; }
.inp-box .box-input { display: flex; align-items: center; gap: 10px; }
.inp-box .box-input .checkbox-st2 { flex-shrink: 0; }
.inp-box .box-input .radiobox-st1 { flex-shrink: 0; }
.inp-box .box-input .input3 { min-width: 230px; }
.inp-btn1 { display: inline-block; min-width: fit-content; height: 40px; line-height: 40px; padding: 0 20px; font-family: "Pretendard"; font-weight: 500; font-size: 1.4rem; color: #fff; background: var(--gray-44); text-align: center; cursor: pointer; }
.inp-btn2 { display: inline-block; min-width: fit-content; height: 40px; line-height: 40px; padding: 0 20px; font-family: "Pretendard"; font-weight: 500; font-size: 1.4rem; color: #fff; background: var(--pink3); text-align: center; cursor: pointer; }

.form-wrap1 .form-group .notice { display: block; font-size: 13px; color: #757575; }

.form-wrap1 .form-group .inp-text { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 20px; }
.form-wrap1 .form-group .inp-text .text { position: relative; z-index: 10; display: flex; align-items: center; }

.form-wrap1 .form-group .inp-icn { position: relative; max-width: 350px; }
.pw-btn-show { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 30px; height: 30px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 15px auto; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 75.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='bg'%3E%3Cline class='cls-1' x1='8.63' y1='72.33' x2='77.96' y2='3'/%3E%3C/g%3E%3Cg id='icon'%3E%3Cpath class='cls-1' d='M85,36.96s-12.11,31-41,31S3,36.96,3,36.96c0,0,12.11-31,41-31s41,31,41,31Z'/%3E%3Ccircle class='cls-1' cx='44' cy='36.96' r='15'/%3E%3C/g%3E%3C/svg%3E"); }
.pw-btn-show.on { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M85,34s-12.11,31-41,31S3,34,3,34c0,0,12.11-31,41-31s41,31,41,31Z'/%3E%3Ccircle class='cls-1' cx='44' cy='34' r='15'/%3E%3C/svg%3E"); }

.form-wrap1 .form-group .inp-box .file-down { padding-left: 20px; font-size: 15px; background-repeat: no-repeat; background-position: left center; background-size: 12px auto; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23999; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/svg%3E"); }

.guide-wrap { position: relative; z-index: 10; }
.guide-wrap .guide-icn { display: block; width: 20px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; color: #333; background: var(--gray-fa); border: 1px solid var(--gray-e5); border-radius: 100%; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); cursor: pointer; }
.guide-wrap .guide-icn:hover { background: #fff0fe; border: 1px solid var(--pink4); box-shadow: 0 0 14px 0 rgba(255, 188, 227, 0.1); }
.guide-wrap .guide-toast-wrap { display: none; position: absolute; left: -10px; top: 35px; z-index: 10; min-width: 250px; padding: 15px; background: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); border-radius: 5px; }
.guide-wrap.show .guide-toast-wrap { display: block; }
.guide-wrap .guide-toast-wrap::before { content: ""; position: absolute; bottom: 100%; left: 20px; margin-left: -5px; border-width: 8px; border-style: solid; border-color: transparent transparent #ffffff transparent; }
.guide-wrap .guide-toast-wrap .toast-header { width: calc(100% - 15px); margin-bottom: 10px; }
.guide-wrap .guide-toast-wrap .toast-header strong { font-size: 1.6rem; color: #444; }
.guide-wrap .guide-toast-wrap .toast-con ul li { margin-bottom: 0; padding-left: 14px; font-size: 14px; }
.guide-wrap .guide-toast-wrap .toast-con ul li::before { font-size: 14px; }
.guide-wrap .guide-toast-wrap .toast-close { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 8px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='20px' height='20px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23555; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); }

/******* 첨부파일 *******/
.file-box { display: flex; align-items: center; gap: 10px; }
.file-box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; margin: -1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); }
.file-box .upload-name { width: 100%; font-family: var(--basic-fc) !important; }
.file-box .file-focus { outline: 1px solid var(--pink3); }

.file-box2 { display: flex; gap: 5px; }
.file-box2 input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; margin: -1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); }
.file-box2 .upload-name { width: 100%; font-family: var(--basic-fc) !important; }
.file-box2 .file-focus { outline: 1px solid var(--pink3); }

.file-box2 + .file-upload-wrap { margin-top: 10px; }
.file-upload-list1 { display: flex; flex-wrap: wrap; gap: 4px; }
.file-upload-list1 li { width: 100px; height: 100px; }
.file-upload-list1 li .img-wrap { position: relative; width: inherit; height: inherit; }
.file-upload-list1 li .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.file-upload-list1 li .img-wrap .delete { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; font-size: 0; background-color: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-size: 8px 8px; background-position: center; border-radius: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='20px' height='20px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); }

/******* 약관동의 *******/
.notice-wrap1 .tit { display: block; line-height: 1.2; margin-bottom: 15px; font-weight: 700; font-size: 1.8rem; color: #333; word-break: keep-all; }
.notice-wrap1 .notice-con { padding: 25px; line-height: 1.4; font-size: 15px; color: #666; background: var(--gray-f9); }
.notice-wrap1 .notice-con .ovf-y-scroll { max-height: 250px; -ms-overflow-style: none; scrollbar-width: none; }
.notice-wrap1 .notice-con .ovf-y-scroll::-webkit-scrollbar { display: none; }
.notice-wrap1 .notice-agr { margin-top: 20px; }
.notice-wrap1 .notice-agr .checkbox-list1 { justify-content: end; }

/******* 숫자 *******/
.number-lbip-wrap { flex: 1 1 30%; display: flex; align-items: center; gap: 10px; }
.number-lbip-wrap label { flex-shrink: 0; width: 140px; }
.number-lbip-wrap .number-input-wrap { position: relative; display: flex; align-items: center; width: fit-content; height: 35px; line-height: 35px; padding: 0 35px; }
.number-lbip-wrap .number-input-wrap button { position: absolute; top: 0; width: 35px; height: inherit; font-size: 15px; }
.number-lbip-wrap .number-input-wrap .minus { left: 0; border: 1px solid var(--gray-e5); }
.number-lbip-wrap .number-input-wrap .plus { right: 0; border: 1px solid var(--gray-e5); }
.number-lbip-wrap .number-input-wrap button:hover { color: var(--pink3); border: 1px solid var(--pink4); }
.number-lbip-wrap .number-input-wrap input { width: 35px; height: inherit; line-height: inherit; text-align: center; background: none; border: none; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); }
@media only screen and (max-width: 1023px){
 .form-wrap1 { margin-bottom: 40px; }
 .form-wrap1 .form-col { flex-wrap: wrap; }
 .form-wrap1 .form-col .col-5 { width: 100%; }
 .form-wrap1 .form-col .col-5:first-child { padding-right: 10px; }

 .form-wrap1 .form-group .inp-flex3 { flex-wrap: wrap; }
 .form-wrap1 .form-group .inp-flex3 > .inp-flex { width: 100%; }
 .form-wrap1 .form-group .inp-flex3 > .inp-flex input { max-width: 100%; }
 /******* 버튼 *******/
 .form-btn1 { margin-top: 0; }
}
@media only screen and (max-width: 767px){
 .guide-wrap .guide-toast-wrap { left: unset; right: -10px; }
 .guide-wrap .guide-toast-wrap::before { left: unset; right: 10px; }

 .notice-wrap1 .notice-con { padding: 20px; font-size: 14px; }
}
@media only screen and (max-width: 560px){
 .form-wrap1 .form-group .inp-flex2 { flex-direction: column; }
 .form-wrap1 .form-group .inp-flex2 > .inp-flex { flex-wrap: wrap; width: 100%; }
 .form-wrap1 .form-group .inp-flex2 > .inp-flex input[type="date"] { width: 100%; }
 .inp-box .input[type="date"] { width: 100%; max-width: unset; }
 .form-wrap1 .form-group .inp-flex2 > .inp-flex select { flex: 1; }
 .form-wrap1 .form-group .inp-flex3 > .inp-flex { flex-wrap: wrap; }
 .form-wrap1 .form-group .inp-flex3 > .inp-flex [class^="inp-btn"] { width: 100%; }
}
@media only screen and (max-width: 460px){
 .form-wrap1 .form-group { display: block; padding: 20px 10px 0 10px; }
 .inp-box .input { height: 35px; line-height: 35px; padding: 0 8px; }
 .inp-box .input1 { max-width: 100%; }
 .inp-btn1 { height: 35px; line-height: 35px; padding: 0 15px; }
 .inp-btn2 { height: 35px; line-height: 35px; padding: 0 15px; }
 .form-wrap1 .form-group .label { width: 100%; }
 .form-wrap1 .form-group .inp-icn { max-width: unset; }
 .form-wrap1 .form-group .inp-text { flex-direction: column; align-items: baseline; }

 .notice-wrap1 .notice-con { padding: 15px; }
}

/************************* sub05 마이페이지 *************************/
.gy-line-box { padding: 50px; border: 1px solid #e5e5e5; }
/* 기본 게시판(타이틀형) */
.board-list-style4 { width: 100%; padding-top: 20px; border-collapse: collapse; border-top: 2px solid var(--main-color); }
.board-list-style4 thead { background: #f5f5f5; }
.board-list-style4 thead tr { border-bottom: 1px solid #e5e5e5; }
.board-list-style4 thead tr th { position: relative; padding: 20px 10px; }
.board-list-style4 thead tr th:last-child::after { display: none; }
.board-list-style4 tbody tr { border-bottom: 1px solid #e5e5e5; }
.board-list-style4 tbody tr td { padding: 18px 10px; font-size: 15px; color: var(--gray-66); text-align: center; }
.board-list-style4 tbody tr td[data-content="연락처"] a { white-space: nowrap; }
.board-list-style4 tbody tr td a { text-decoration: underline; }
.board-list-style4 tbody tr td.title .viewbox { display: flex; align-items: center; gap: 7px; }
.board-list-style4 tbody tr td.title a { display: block; font-weight: 500; color: var(--gray-33); text-align: left; }
.board-list-style4 tbody tr td .secret { display: inline-block; width: 20px; height: 20px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 12px auto; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.07 27.17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Crect class='cls-1' x='1' y='8.92' width='21.07' height='17.25' rx='1' ry='1'/%3E%3Cpath class='cls-1' d='M6.43,8.92v-2.82c0-2.82,2.29-5.1,5.1-5.1h0c2.82,0,5.1,2.29,5.1,5.1v2.82'/%3E%3C/g%3E%3Cpath class='cls-1' d='M12.54,17.85c0,.55-.45,1-1,1s-1-.45-1-1,.45-1,1-1,1,.45,1,1Z'/%3E%3C/svg%3E"); }
.board-list-style4 tbody tr td .file { display: block; width: 12px; height: 18px; margin: 0 auto; font-size: 0; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.77 54.94'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23999; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M28.27,17.88v22.18c0,7.38-5.99,13.38-13.37,13.38h0c-7.39,0-13.38-5.98-13.38-13.38v-.04s-.01-29.76-.01-29.76C1.5,5.43,5.42,1.5,10.26,1.5h0c4.84,0,8.76,3.93,8.76,8.76v29.76s0,.06,0,.06c0,2.54-2.06,4.61-4.61,4.61h0c-2.55,0-4.62-2.07-4.61-4.61V13.71'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.board-list-style4 tbody tr.qna-answer-row { display: none; }
.board-list-style4 tbody tr.qna-answer-row.show { display: table-row; }
.board-list-style4 tbody tr td.qna-answer { text-align: left; }
.board-list-style4 tbody tr td.qna-answer > div { display: flex; gap: 15px; padding: 10px; }
.board-list-style4 tbody tr td.qna-answer .question { padding: 15px; background: var(--gray-f9); }
.board-list-style4 tbody tr td.qna-answer .question .txt { line-height: 1.3 !important; font-family: "Pretendard" !important; font-size: 15px !important; color: #444 !important; }
.board-list-style4 tbody tr td.qna-answer > div .lf { flex-shrink: 0; }
.board-list-style4 tbody tr td.qna-answer > div .rg { width: calc(100% - 60px); }
.board-list-style4 tbody tr td.qna-answer > div .rg .name { display: block; margin-bottom: 5px; font-size: 1.6rem; color: #333; }
.board-list-style4 tbody tr td.qna-answer > div .rg .date { display: block; margin-bottom: 15px; font-size: 14px; color: #999; }
.board-list-style4 tbody tr td.qna-answer > div .rg .editor-txt { line-height: 1.3 !important; font-family: "Pretendard" !important; font-size: 15px !important; text-align: left !important; }
@media only screen and (max-width: 1023px){
 .board-responsive1 colgroup,
 .board-responsive1 thead { display: none; }
 .board-responsive1 tbody tr { position: relative; display: block; min-height: auto; padding: 10px 10px 10px 45px; text-align: left; }
 .board-responsive1 tbody tr td { display: inline-block; margin: 5px 5px 5px 0; padding: 0 10px 0 0; border: none; }
 .board-responsive1 tbody tr td::before { content: attr(data-content); display: inline-flex; align-items: center; width: auto; margin-right: 8px; font-weight: 500; font-size: 15px; color: #333; text-align: left; white-space: nowrap; }
 .board-responsive1 tbody tr td[data-content="선택"] { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 40px; margin: -1px 0 0 0; padding-right: 0; text-align: center; }
 .board-responsive1 tbody tr td[data-content="선택"]::before { display: none; }
 .board-responsive1 tbody tr td[data-content="문의제목"] { padding: 0; text-align: left; }
 .board-list-style4 tbody tr td.title { display: flex; align-items: baseline; gap: 7px; }
 .board-list-style4 tbody tr td .secret { width: 15px; height: 15px; background-size: 10px auto; }
 .board-list-style4 tbody tr td .file { display: inline-block; vertical-align: middle; }

 .board-list-style4 tbody tr.qna-answer-row.show { display: block; }
 .board-responsive1 tbody tr.qna-answer-row { padding: 0; }
 .board-list-style4 tbody tr td.qna-answer { width: 100%; }
 .board-list-style4 tbody tr td.qna-answer > div .rg .name { font-size: 15px; }
 .board-list-style4 tbody tr td.qna-answer > div .rg .date { font-size: 13px; }
 .board-list-style4 tbody tr td.qna-answer > div .rg .editor-txt { font-size: 14px !important; }
}

.baro-link {display: flex; justify-content: center;}
.baro-link a {display: inline-flex; font-size: 0; width: 15px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='60' height='72' viewBox='0 0 60 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 27H45M15 39H45M15 51H45M3 9H57V69H3V9ZM45 7V3H15V7C15 10.31 17.69 13 21 13H39C42.31 13 45 10.31 45 7Z' stroke='%23666666' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat; background-position: center center; background-size: 15px; }
.no-list {width: 100%; text-align: center !important;}
@media only screen and (max-width: 767px){
 .board-responsive1 tbody tr td { display: block; text-align: left; margin:10px 0 }
}
/* 등록, 삭제btn 모바일 전용*/
.mo { display: none; }
@media only screen and (max-width: 1300px){
 .mo.btn-wrap { display: flex; gap: 5px; justify-content: right; margin-bottom: 10px; }
}
/* 공고 등록*/
.card .card-body { padding: 30px; background: #fbfbfb; }

/************************* sub06 로그인 *************************/
.member-con { max-width: 600px; width: 100%; margin: 0 auto; }
.member-con .wh-box { padding: 50px; border: 1px solid var(--bd-color); }
.member-con .wh-box .login-top { display: flex; flex-direction: column; align-items: center; }
.member-con .wh-box .login-top img { margin-bottom: 20px; }
.member-con .wh-box .login-top p { margin-bottom: 30px; color: #555; }
.member-con .wh-box .showPw { position: absolute; top: 5px; right: 0; display: block; width: 30px; height: 30px; font-size: 0; background: url(../img/content/sub06/icn-hidepw.png) no-repeat center center / 15px auto; }
.member-con .wh-box .showPw.on { background: url(../img/content/sub06/icn-showpw.png) no-repeat center center / 15px auto; }
/* 회원가입 */
.join-proc { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.join-proc:after { content: ""; position: absolute; top: 30px; left: 0; width: 100%; height: 1px; background: #ebebeb; z-index: -1; }
.join-proc .num { display: block; width: 65px; height: 65px; line-height: 65px; font-weight: 500; font-size: 20px; color: #757575; text-align: center; background: #fff; border: 1px solid #ebebeb; border-radius: 100%; }
.join-proc .txt { display: block; margin-top: 10px; font-size: 16px; color: #757575; text-align: center; }
.join-proc li:nth-child(1).on .num { font-size: 0; background: url(../img/content/sub06/step01-ico.svg) center center no-repeat var(--main-color); border-color: var(--main-color); }
.join-proc li:nth-child(2).on .num { font-size: 0; background: url(../img/content/sub06/step02-ico.svg) center center no-repeat var(--main-color); border-color: var(--main-color); }
.join-proc li:nth-child(3).on .num { font-size: 0; background: url(../img/content/sub06/step03-ico.svg) center center no-repeat var(--main-color); border-color: var(--main-color); background-size: 25px; }
.join-proc li:nth-child(4).on .num { font-size: 0; background: url(../img/content/sub06/step04-ico.svg) center center no-repeat var(--main-color); border-color: var(--main-color); }
.join-proc li.on .txt { font-weight: 600; color: var(--main-color); }
/* 약관동의 */
/* .agree-box .agree { border-top: 2px solid var(--main-color); } */
.agree-box .agree .top { display: flex; justify-content: space-between; padding: 20px 5px; border-top: 2px solid var(--main-color); border-bottom: 2px solid var(--main-color); }
.agree-box .agree .top .ti { font-weight: 600; color: #333; }
.agree-box .agree .top .ti span { color: var(--sub-color); margin-left: 4px; }
.agree-box .agree .top > ul { display: flex; align-items: center; }
.agree-box .agree .top > ul li { position: relative; margin-right: 15px; }
.agree-box .agree .top > ul li:last-child { margin-right: 0; }
.agree-box .agree .agree-txt { height: 200px; padding: 15px; background: #fafafa; color: #58585a; overflow: scroll; border: 1px solid #e5e5e5; }
.agree-box .all-agree-wrap { display: flex; justify-content: center; padding: 25px 0 0; border-top: 1px solid #f1f1f1; }
.agree-box .all-agree { position: relative; z-index: 1; }
.agree-box .all-agree label { line-height: normal; }
/* 관심선택 */
.activ-area .inp-box.on { z-index: 10; }
.activ-area .inp > li { position: relative; z-index: 1; }
.activ-area .inp > li a { position: relative; display: block; z-index: -1000; width: 100%; height: 45px; line-height: 45px; margin-top: 10px; padding: 0 15px; font-weight: 400; font-size: 14px; color: #aaa; border: 1px solid #ddd; }
.activ-area .inp > li a:after { content: ""; position: absolute; top: 50%; right: 15px; width: 11px; height: 8px; background: url(../img/common/arrow-off.png) center center no-repeat; transform: translate(0, -50%); }
.activ-area .inp > li a span { font-weight: 500; color: #333; }
.activ-area .inp > li .check-list-con { display: none; position: absolute; top: 44px; left: 0; width: 100%; height: 158px; padding: 20px; overflow: scroll; background: #fff; border: 1px solid #999; border-top-color: #e5e5e5; }
.activ-area .inp-box.on .check-list-con { display: block; }
.activ-area .inp > li .check-list { display: flex; flex-wrap: wrap; }
.activ-area .inp > li .check-list li { position: relative; z-index: 1; margin: 0 15px 5px 0; }
.activ-area .result-list { display: flex; align-items: center; flex-wrap: wrap; margin-top: 10px; }
.activ-area .result-list li { margin: 0 5px 5px 0; }
.activ-area .result-list li:last-child { margin-right: 0; }
.activ-area .result-list li a { position: relative; display: block; padding: 3px 30px 3px 10px; font-weight: 500; font-size: 13px; color: #757575; background: #f5f5f5; border-radius: 3px; line-height: 24px;}
.activ-area .result-list li a:after { content: ""; position: absolute; top: 9px; right: 10px; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); }

.activ-area .inp > li.on a { border-color: #999; }
.activ-area .inp > li.on a:after { background: url(../img/common/arrow-on.png) center center no-repeat; }
.activ-area .inp > li.on .check-list-con { display: block; }
/* 회원가입 성공 */
.join-comp .img { display: block; margin-bottom: 30px; text-align: center; }
.join-comp .txt { text-align: center; }
.join-comp .txt strong { display: block; font-weight: 400; font-size: 1.5em; color: #333; }
.join-comp .txt strong > span { font-weight: 600; }
.join-comp .txt p { margin-top: 15px; font-weight: 400; font-size: 1em; color: #a5a6af; }
/* 로그인 정보입력 */
.member-con.login .id-pasw > div.id { margin-bottom: 10px; }
.member-con.login .id-pasw > div input { width: 100%; height: 60px; padding: 20px; background: #f5f5f5; border-bottom: 0; }
.member-con.login .id-pasw > div input::placeholder { color: #555; }
.member-con.login .id-sa-find { display: flex; justify-content: space-between; margin: 15px 0; }
.member-con.login .id-sa-find .id-find a { position: relative; font-weight: 500; font-size: 14px; color: #757575; }
.member-con.login .id-sa-find .id-find a:first-child { padding-right: 15px; }
.member-con.login .id-sa-find .id-find a:first-child:after { content: ""; position: absolute; top: 7px; right: 4px; width: 3px; height: 3px; background: #aaa; border-radius: 100%; }
.member-con.login .join-btn { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 20px; font-size: 0.938em; border-top: 1px solid #e5e5e5; }
.member-con.login .join-btn p { color: #555; }
.member-con.login .join-btn a { display: inline-block; font-weight: 600; color: var(--main-color); border-bottom: 1px solid var(--main-color); }

/* 아이디 찾기 */
.member-con.id-find .img { text-align: center; }
.member-con.id-find .ti { display: block; margin: 30px 0 40px; font-weight: 400; font-size: 1.5em; color: #333; text-align: center; }
.member-con.id-find .ti > span { font-weight: 600; }
.member-con.id-find .find-list { border-top: 1px solid #666; }
.member-con.id-find .find-list li { position: relative; display: flex; align-items: center; padding: 15px 10px; border-bottom: 1px solid #e5e5e5; }
.member-con.id-find .find-list li:last-child { margin-bottom: 0; }
.member-con.id-find .find-list li label { display: flex; flex-wrap: wrap; width: 100%; line-height: normal; }
.member-con.id-find .find-list li label > span { font-weight: 400; font-size: 15px; word-break: break-all; }
.member-con.id-find .find-list li label > span.id { width: 30%; font-weight: 600; }
.member-con.id-find .find-list li label > span.name { width: 20%; }
.member-con.id-find .find-list li label > span.email { width: 50%; color: #999; }
@media only screen and (max-width: 560px){
 .member-con .wh-box,
 .gy-line-box { padding: 35px; }
 .join-proc { margin-bottom: 20px; }
 .join-proc .num { width: 52px; height: 52px; line-height: 52px; font-size: 16px; }
 .join-proc .txt { margin-top: 7px; font-size: 14px; }

 .agree-box .agree .top { display: block; padding: 13px 5px; }
 .agree-box .agree .top > ul { justify-content: flex-end; margin-top: 8px; }

 .join-comp .txt strong { font-size: 1.429em; }

 .member-con.login .id-pasw > div input { height: 50px; }
 .member-con.login .join-btn { display: block; text-align: center; }
 .member-con.login .join-btn a { display: block; height: 42px; line-height: 42px; margin-top: 15px; border: 1px solid var(--main-color); }

 .member-con.id-find .find-list li label { display: block; }
 .member-con.id-find .find-list li label span { display: block; width: 100% !important; margin-bottom: 5px; }
 .member-con.id-find .find-list li label span:last-child { margin-bottom: 0; }
}

@media only screen and (max-width: 380px){
 .member-con.login .id-sa-find { display: block; }
 .member-con.login .id-sa-find .id-find { display: flex; justify-content: flex-end; }
 .member-con.login .id-sa-find .id-find a:first-child:after { top: 10px; right: 6px; }
}

/************************* sub07 통합검색 *************************/
.search-box1.bl { display: block; } /*검색창 항상 블럭처리*/

.search-result-list .result-list { margin-top: 50px; }
.search-result-list .result-list .top { display: flex; justify-content: space-between; }
.search-result-list .result-list .top .txt { display: flex; align-items: flex-end; }
.search-result-list .result-list .top .txt strong { font-weight: bold; font-size: 1.5em; color: #333; }
.search-result-list .result-list .top .txt em { display: block; line-height: normal; margin-left: 10px; }
.search-result-list .result-list .top .txt em > span { font-weight: 600; }
.search-result-list .result-list .program-con { width: 100%; padding-top: 0; border-top: 0; }
.search-result-list .result-list .program-con:before { display: none; }