@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;width:100%}
#mainVisual .inner{display:flex;gap:30px;padding:0 20px} 
/* 메인 슬라이드 */
#mainVisual .fl-l{position:relative;max-width:1320px;width:100%}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide{max-width:1320px;width:100% !important;height:775px;background-size:cover;background-position:center;opacity:0 !important;border-radius:var(--radius);overflow:hidden}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide-active{opacity:1 !important}
#mainVisual .main_img li.img01{background-image:url('../img/main/main_banner01.png')}
#mainVisual .main_img li.img02{background-image:url('../img/main/main_banner02.png')}
#mainVisual .main_img li.img03{background-image:url('../img/main/main_banner03.png')}
#mainVisual .main_img li.img04{background-image:url('../img/main/main_banner04.png')}
#mainVisual .main-control{z-index:1;position:absolute;bottom:30px;left:40px;display:flex;align-items:center;justify-content:center;gap:8px;width:168px;height:45px;border-radius:100px;color:#fff;background-color:rgba(0,0,0,0.7)}
#mainVisual .main-control button{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer}
#mainVisual .main-control button svg{stroke:#fff}
#mainVisual .main-control button.arrow.btn--play{display:none}
#mainVisual .main-control button.arrow.btn--pause svg{stroke:none;fill:#fff;width:20px}
#mainVisual .main-control button.arrow.btn--play svg{stroke:none;fill:#fff;width:20px;margin-top:4px}
#mainVisual .main-control button.arrow.btn--pause svg rect{width:3px !important}
#mainVisual .main-control .swiper-pagination-fraction{width:auto;font-family:var(--main-font)}
/* 정책 안내 박스 */
#mainVisual .fl-r{display:flex;flex-direction:column;gap:25px;width:410px}
#mainVisual .policy-box .link-policy{position:relative;display:flex;flex-direction:column;padding:35px;height:185px;border:1px solid #ddd;border-radius:var(--radius);transform:translateZ(0)}
#mainVisual .policy-box .link-policy .text-box{display:flex;flex-direction:column;gap:20px}
#mainVisual .policy-box .link-policy .text-box .tit{font-family:var(--main-font);font-size:24px;font-weight:700;color:#222;word-break:keep-all}
#mainVisual .policy-box .link-policy .text-box .desc{font-family:var(--sub-font);font-size:16px;line-height:1.56;color:#777;word-break:keep-all;white-space:pre-line}
#mainVisual .policy-box .link-policy .btn--link{all:unset;position:absolute;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:100px;background-color:#e9e9e9;transition:background-color 0.2s}
#mainVisual .policy-box .link-policy .btn--link svg{width:20px;height:20px;transition:all 0.2s}
#mainVisual .policy-box .link-policy:hover .btn--link{background-color:var(--brand-color)}
#mainVisual .policy-box .link-policy:hover .btn--link svg{stroke:#fff;transform:rotate(45deg)}
/* 센터공간 + 청년 이야기 박스 */
#mainVisual .box-wrap{display:flex;gap:20px}
#mainVisual .box-wrap .policy-box{flex:1}
#mainVisual .box-wrap .link-policy{height:185px;padding:24px}
#mainVisual .box-wrap .link-policy .tit{font-size:22px !important}
/* 프로그램 참가자 모집 박스 */
#mainVisual .program-box{overflow:hidden}
#mainVisual .program-box .link-program{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:355px;padding:25px;background-color:#f5f7ff;border-radius:var(--radius)}
#mainVisual .program-box .link-program .tit{font-family:var(--main-font);padding-bottom:20px;font-size:28px;font-weight:700;color:var(--brand-color)}
#mainVisual .program-box .link-program .desc{font-family:var(--main-font);padding-bottom:15px;font-size:18px;font-weight:400;color:rgba(34,34,34,0.7)}
#mainVisual .program-box .link-program img{transition:transform 0.2s}
#mainVisual .program-box .link-program:hover img{transform:scale(1.05)}
#mainVisual .program-box .radius{position:absolute;right:0;bottom:0;z-index:10}
#mainVisual .program-box .radius::before{position:absolute;content:'';left:-44px;bottom:0;z-index:-1;width:25px;height:25px;border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff}
#mainVisual .program-box .radius::after{position:absolute;content:'';right:0;bottom:62px;z-index:-1;width:25px;height:25px;border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff}
#mainVisual .program-box .link-program .link-more{box-shadow:-5px -1px 0 15px #fff !important}
#mainVisual .program-box .link-program:hover .link-more{background-color:var(--brand-color)}

/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual .inner{flex-direction:column;gap:20px}
#mainVisual .fl-l{max-width:var(--main-width)}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide{max-width:none;height:710px}
#mainVisual .fl-r{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}
#mainVisual .box-wrap{width:100%}
#mainVisual .program-box{width:100%;grid-row-start:1;grid-row-end:3}
#mainVisual .program-box .link-program{height:auto;padding:24px}
#mainVisual .program-box .link-program .tit{padding-bottom:16px;font-size:26px}
#mainVisual .program-box .link-program .desc{font-size:17px}
#mainVisual .program-box .link-program img{max-width:260px}
#mainVisual .policy-box{width:100%}
#mainVisual .policy-box .link-policy{height:100%;padding:24px}
#mainVisual .policy-box .link-policy .text-box .tit{font-size:22px !important}
#mainVisual .policy-box .link-policy .text-box .desc{white-space:normal}
#mainVisual .box-wrap{gap:20px}
}
@media (max-width:1200px){
#mainVisual .inner{gap:14px}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide{height:640px;border-radius:18px}
#mainVisual .main-control{gap:4px;width:140px;height:38px;left:30px}
#mainVisual .main-control button svg{width:20px;height:20px}
#mainVisual .main-control button.arrow.btn--pause svg{width:18px;margin-top:0}
#mainVisual .main-control button.arrow.btn--play svg{width:16px;margin-top:3px}
#mainVisual .main-control .swiper-pagination-fraction{font-size:12px}
#mainVisual .fl-r{gap:14px}
#mainVisual .policy-box .link-policy{border-radius:18px}
#mainVisual .program-box .link-program{border-radius:18px}
#mainVisual .program-box .link-program .tit{font-size:24px}
#mainVisual .program-box .link-program .desc{font-size:16px}
#mainVisual .box-wrap{gap:14px}
}
@media (max-width:1024px){
#mainVisual .swiper-container .swiper-wrapper .swiper-slide{height:480px}
#mainVisual .main-control{width:120px;height:36px;bottom:20px;left:20px}
#mainVisual .main-control .swiper-pagination-fraction{font-size:11px}
#mainVisual .main-control button svg{width:16px;height:16px}
#mainVisual .main-control button.arrow.btn--pause svg{width:15px}
#mainVisual .main-control button.arrow.btn--play svg{width:15px}
#mainVisual .program-box .link-program{justify-content:center;height:100%}
#mainVisual .policy-box .link-policy .text-box{gap:12px}
#mainVisual .policy-box .link-policy .text-box .tit{font-size:20px !important}
#mainVisual .policy-box .link-policy{padding:24px 50px 24px 24px}
}
@media (max-width:768px){
#mainVisual .swiper-container .swiper-wrapper .swiper-slide{height:365px;border-radius:10px}
#mainVisual .main-control{width:110px;height:30px}
#mainVisual .fl-r{grid-template-columns:repeat(1,1fr)}
#mainVisual .program-box .link-program{border-radius:10px}
#mainVisual .program-box .link-program .tit{font-size:20px}
#mainVisual .program-box .link-program .desc{font-size:15px}
#mainVisual .program-box .radius::after{bottom:54px}
#mainVisual .policy-box .link-policy{border-radius:10px}
#mainVisual .policy-box .link-policy .text-box .tit{font-size:18px !important}
#mainVisual .policy-box .link-policy .text-box .desc{font-size:15px}
}
@media (max-width:480px){
#mainVisual .swiper-container .swiper-wrapper .swiper-slide{height:230px}
#mainVisual .box-wrap{flex-direction:column}
#mainVisual .program-box .link-program .tit{padding-bottom:10px;font-size:18px}
#mainVisual .program-box .link-program .desc{padding-bottom:12px;font-size:14px}
#mainVisual .program-box .link-program img{max-width:215px}
#mainVisual .policy-box .link-policy{padding:20px 50px 20px 20px}
#mainVisual .policy-box .link-policy .text-box .tit{font-size:17px !important}
#mainVisual .policy-box .link-policy .btn--link{width:36px;height:36px}
#mainVisual .policy-box .link-policy .btn--link svg{width:16px;height:16px}
}
/* 반응형 [e] */

/* =========================== inc01 */
#inc01{padding:150px 20px 0}

#inc01 .group-title{display:flex;flex-direction:column;gap:24px;align-items:center;padding-bottom:125px;text-align:center}
#inc01 .group-title .main-tit{font-family:var(--main-font);font-size:48px;font-weight:700;color:#222;line-height:1.58;word-break:keep-all}
#inc01 .group-title .sub-tit{font-family:var(--sub-font);font-size:22px;font-weight:500;line-height:1.27;color:#777}
#inc01 .group-cont{display:flex}
#inc01 .group-cont > *{position:relative;flex:1;padding:95px 105px 75px;border-top:1px solid #ddd}
#inc01 .group-cont .fl-l.service::after{position:absolute;content:'';width:1px;height:142px;background-color:#ddd;top:50%;right:0;transform:translateY(-50%)}
#inc01 .group-cont .cate{position:absolute;top:-37.5px;display:flex;align-items:center;justify-content:center;width:262px;height:75px;font-family:var(--main-font);font-size:24px;font-weight:700;color:#fff}
#inc01 .group-cont .fl-l.service .cate{right:0;background-color:var(--brand-color);border-radius:100px 100px 0 100px}
#inc01 .group-cont .fl-r.community .cate{left:0;background-color:#222;border-radius:100px 100px 100px 0}
#inc01 .group-cont .link-box{display:flex;justify-content:space-between;gap:20px}
#inc01 .group-cont .link-item{display:flex;flex-direction:column;align-items:center;gap:24px}
#inc01 .group-cont .link-item .ic-box{display:flex;align-items:center;justify-content:center;width:133px;aspect-ratio:1;border-radius:var(--radius);background-color:#f5f5f5;transition:background-color .2s}
#inc01 .group-cont .link-item .ic-box .ic--program{width:48px}
#inc01 .group-cont .link-item .ic-box .ic--rental{width:52px}
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:53px}
#inc01 .group-cont .link-item .ic-box .ic--info{width:51px}
#inc01 .group-cont .link-item .ic-box .ic--consult{width:52px}
#inc01 .group-cont .link-item .ic-box .ic--doc{width:49px}
#inc01 .group-cont .link-item .ic-box .ic--record{width:60px}
#inc01 .group-cont .link-item .ic-box .ic--qna{width:45px}
#inc01 .group-cont .link-item .name{font-family:var(--main-font);font-size:20px;font-weight:700;line-height:1.4;color:#222;transition:color .2s}
#inc01 .group-cont .link-item:hover .ic-box{background-color:#f5f7ff}
#inc01 .group-cont .link-item:hover .name{color:var(--brand-color)}

/* 반응형 [s] */
@media (max-width:1700px){
#inc01 .group-cont > *{padding:95px 70px 75px}
}
@media (max-width:1500px){
#inc01{padding:120px 20px 0}
#inc01 .group-title{gap:22px;padding-bottom:115px}
#inc01 .group-title .main-tit{font-size:38px}
#inc01 .group-title .sub-tit{font-size:20px}
#inc01 .group-cont > *{padding:95px 60px 75px}
#inc01 .group-cont .cate{top:-35.5px;width:245px;height:67px;font-size:20px}
#inc01 .group-cont .link-list{max-width:110px;width:100%}
#inc01 .group-cont .link-item .ic-box{width:100%}
#inc01 .group-cont .link-item .ic-box .ic--program{width:clamp(30px, 2.667vw, 40px) }
#inc01 .group-cont .link-item .ic-box .ic--rental{width:clamp(34px, 2.933vw, 44px) }
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:clamp(35px, 3vw, 45px) }
#inc01 .group-cont .link-item .ic-box .ic--info{width:clamp(33px, 2.867vw, 43px) }
#inc01 .group-cont .link-item .ic-box .ic--consult{width:clamp(34px, 2.933vw, 44px) }
#inc01 .group-cont .link-item .ic-box .ic--doc{width:clamp(31px, 2.733vw, 41px) }
#inc01 .group-cont .link-item .ic-box .ic--record{width:clamp(42px, 3.467vw, 52px) }
#inc01 .group-cont .link-item .ic-box .ic--qna{width:clamp(27px, 2.467vw, 37px) }
#inc01 .group-cont .link-item .name{font-size:clamp(16px, 1.2vw, 18px);word-break:keep-all;text-align:center}
}
@media (max-width:1200px){
#inc01 .group-title{padding-bottom:100px}
#inc01 .group-title .main-tit{font-size:34px}
#inc01 .group-title .sub-tit{font-size:18px}
#inc01 .group-cont > *{padding:70px 30px 50px}
#inc01 .group-cont .cate{top:-30px;width:220px;height:60px;font-size:18px}
#inc01 .group-cont .link-box{gap:14px}
#inc01 .group-cont .link-list{max-width:100px}
#inc01 .group-cont .link-item .ic-box{border-radius:18px}
#inc01 .group-cont .link-item .ic-box .ic--program{width:30px}
#inc01 .group-cont .link-item .ic-box .ic--rental{width:34px}
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:35px}
#inc01 .group-cont .link-item .ic-box .ic--info{width:33px}
#inc01 .group-cont .link-item .ic-box .ic--consult{width:34px}
#inc01 .group-cont .link-item .ic-box .ic--doc{width:31px}
#inc01 .group-cont .link-item .ic-box .ic--record{width:42px}
#inc01 .group-cont .link-item .ic-box .ic--qna{width:27px}
#inc01 .group-cont .link-item .name{font-size:16px}
}
@media (max-width:1024px){
#inc01{padding:100px 20px 0}
#inc01 .group-title{padding-bottom:80px}
#inc01 .group-title .main-tit{font-size:32px}
#inc01 .group-title .sub-tit{font-size:16px}
#inc01 .group-cont .cate{top:-25.5px;width:180px;height:52px;font-size:17px}
#inc01 .group-cont > *{padding:60px 20px 40px}
#inc01 .group-cont .link-box{gap:14px}
#inc01 .group-cont .link-item .ic-box .ic--program{ width:clamp(20px, 2.930vw, 30px)} 
#inc01 .group-cont .link-item .ic-box .ic--rental{ width:clamp(24px, 3.320vw, 34px)}
#inc01 .group-cont .link-item .ic-box .ic--calendar{ width:clamp(25px, 3.418vw, 35px)} 
#inc01 .group-cont .link-item .ic-box .ic--info{ width:clamp(23px, 3.223vw, 33px)} 
#inc01 .group-cont .link-item .ic-box .ic--consult{ width:clamp(26px, 3.320vw, 34px)} 
#inc01 .group-cont .link-item .ic-box .ic--doc{ width:clamp(21px, 3.027vw, 31px)} 
#inc01 .group-cont .link-item .ic-box .ic--record{ width:clamp(30px, 4.102vw, 42px)} 
#inc01 .group-cont .link-item .ic-box .ic--qna{ width:clamp(17px, 2.637vw, 27px)} 
#inc01 .group-cont .link-item .name{font-size:clamp(14px, 1.46vw, 15px)}
}
@media (max-width:768px){
#inc01{padding:80px 20px 0}
#inc01 .group-title{gap:14px;padding-bottom:70px}
#inc01 .group-title .main-tit{font-size:28px}
#inc01 .group-cont .link-list{max-width:none}
#inc01 .group-cont .link-box{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:20px 14px}
#inc01 .group-cont .link-item{gap:14px}
#inc01 .group-cont .link-item .ic-box{border-radius:10px}
#inc01 .group-cont .link-item .ic-box .ic--program{ width:clamp(26px, 3.906vw, 30px)}
#inc01 .group-cont .link-item .ic-box .ic--rental{ width:clamp(28px, 4.427vw, 34px)}
#inc01 .group-cont .link-item .ic-box .ic--calendar{ width:clamp(29px, 4.557vw, 35px)}
#inc01 .group-cont .link-item .ic-box .ic--info{ width:clamp(27px, 4.297vw, 33px)}
#inc01 .group-cont .link-item .ic-box .ic--consult{ width:clamp(30px, 4.427vw, 34px)}
#inc01 .group-cont .link-item .ic-box .ic--doc{ width:clamp(26px, 4.036vw, 31px)}
#inc01 .group-cont .link-item .ic-box .ic--record{ width:clamp(32px, 5.469vw, 42px)}
#inc01 .group-cont .link-item .ic-box .ic--qna{ width:clamp(22px, 3.516vw, 27px)}
#inc01 .group-cont .link-item .name{font-size:clamp(13px, 1.95vw, 15px)}
}
@media (max-width:480px){
#inc01{padding:60px 15px}
#inc01 .group-title{padding-bottom:40px}
#inc01 .group-title .main-tit{font-size:24px}
#inc01 .group-cont{flex-direction:column;gap:40px}
#inc01 .group-cont > *{display:flex;flex-direction:column;align-items:center;gap:15px;padding:0;border-top:none}
#inc01 .group-cont .cate{position:static;width:155px;height:47px;font-size:16px}
#inc01 .group-cont .fl-l.service::after{display:none}
#inc01 .group-cont .link-box{width:100%;min-width:130px}
#inc01 .group-cont .link-item .ic-box .ic--program{width:clamp(26px, 10vw, 48px)}
#inc01 .group-cont .link-item .ic-box .ic--rental{width:clamp(28px, 10.83vw, 52px)}
#inc01 .group-cont .link-item .ic-box .ic--calendar{width:clamp(29px, 11.042vw, 53px)}
#inc01 .group-cont .link-item .ic-box .ic--info{width:clamp(27px, 10.625vw, 51px)}
#inc01 .group-cont .link-item .ic-box .ic--consult{width:clamp(30px, 10.833vw, 52px)}
#inc01 .group-cont .link-item .ic-box .ic--doc{width:clamp(26px, 10.208vw, 49px)}
#inc01 .group-cont .link-item .ic-box .ic--record{width:clamp(32px, 12.5vw, 60px)}
#inc01 .group-cont .link-item .ic-box .ic--qna{width:clamp(22px, 9.375vw, 45px)}
#inc01 .group-cont .link-item .name{font-size:clamp(14px, 3.125vw, 15px)}
}
/* 반응형 [e] */

/* =========================== inc02 */
#inc02{padding-bottom:160px}
/* 프로그램 안내 */
#inc02 .cont__program{position:relative;padding-top:125px;background-color:#f5f6ff;overflow:hidden}
#inc02 .cont__program .inner{position:relative;z-index:1;padding:0 20px}
#inc02 .group-title{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:45px}
#inc02 .main-tit{font-family:var(--main-font);font-size:40px;font-weight:700;color:#222}
#inc02 .sub-tit{font-size:18px;font-weight:500;line-height:1.5;text-align:center;color:#777;word-break:keep-all}
/* 배경 애니메이션 */
#inc02 .cont__program .bg{position:absolute;pointer-events:none;animation:floatY var(--dur,0.2s) ease-in-out infinite alternate}
#inc02 .cont__program .bg-l{bottom:-85%;left:-60px;--dur:2s}
#inc02 .cont__program .bg-r{top:-72%;right:-130px;--dur:3s}
@keyframes floatY{0%{ transform:translateY(-40px)} 100%{ transform:translateY(40px)}}

/* 슬라이드 컨트롤 */
#inc02 .swiper-controll{display:flex;align-items:center;justify-content:center;gap:15px;padding-bottom:45px}
#inc02 .swiper-controll button{all:unset;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:100px;background-color:#fff;cursor:pointer}
#inc02 .swiper-controll button svg{stroke:#000}
/* 슬라이드 */
#inc02 .gall_slide{padding-bottom:135px}
#inc02 .gall_slide .link-program{display:flex;flex-direction:column}
#inc02 .gall_slide .link-program .thumb-box{display:flex;max-width:560px;width:100%;height:390px;border-radius:var(--radius);overflow:hidden}
#inc02 .gall_slide .link-program .thumb-box .img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform 0.2s}
#inc02 .gall_slide .link-program:hover .thumb-box .img{transform:scale(1.05)}
#inc02 .gall_slide .link-program .program__info{position:relative;display:flex;flex-direction:column;gap:20px;padding:34px 24px 0}
#inc02 .gall_slide .link-program .program__info .atc__title{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--main-font);font-size:24px;font-weight:700;line-height:100%;color:#222}
#inc02 .gall_slide .link-program .program__info .metadata .dl{display:flex;align-items:center;gap:15px}
#inc02 .gall_slide .link-program .program__info .metadata .dl::before{content:'';width:5px;height:5px;border-radius:50px;background-color:var(--brand-color)}
#inc02 .gall_slide .link-program .program__info .metadata .dt{font-size:18px;font-weight:700;color:#222}
#inc02 .gall_slide .link-program .program__info .metadata .dd{font-size:16px;color:#777}
#inc02 .gall_slide .link-program:hover .link-more{background-color:var(--brand-color)}

/* 센터소식 + 청년기록관 배경 */
#inc02 .cont__board{position:relative;overflow:hidden}
#inc02 .cont__board .bg{z-index:-1;position:absolute;display:flex;width:100%;height:100%}
#inc02 .cont__board .bg .bg-l{flex:1;background:linear-gradient(to right, #ffffff 0%,#ffffff 80%,#f5f6ff 80%,#f5f6ff 100%)}
#inc02 .cont__board .bg .bg-r{position:relative;flex:1;height:480px;background-color:#f5f6ff;border-radius:0 0 0 134px;overflow:hidden}
#inc02 .cont__board .bg .bg-r .bg__marquee{position:absolute;bottom:150px;left:-17px}
#inc02 .cont__board .bg .bg-r .bg__marquee .marquee-block{display:flex;gap:50px;animation:marquee 15s infinite linear}
#inc02 .cont__board .bg .bg-r .bg-text{font-family:var(--main-font);font-size:110px;font-weight:800;letter-spacing:-2px;white-space:nowrap;color:rgba(109,134,236,0.12)}
#inc02 .cont__board .inner{display:flex}
#inc02 .cont__board .inner > *{flex:1}
@keyframes marquee{0% {transform:translateX(0)}100%{transform:translateX(-1536px)}}
@keyframes marqueeMo{0% {transform:translateX(0)}100%{transform:translateX(-1247px)}}

/* 센터소식 */
#inc02 .cont__board .fl-l{position:relative;max-width:769px;padding-left:20px;padding-right:112px;padding-top:124px;box-sizing:content-box;border-radius:0 134px 0 0;background-color:#fff}
#inc02 .cont__board .fl-l .area-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;border-bottom:4px solid #222}
#inc02 .cont__board .fl-l .area-article .atc-list{border-bottom:1px solid #ddd}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc{display:flex;align-items:center;padding:30px;font-family:var(--main-font);font-weight:600}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject{display:flex;align-items:center;font-size:20px;line-height:1.4;word-break:keep-all}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject::before{content:'';width:5px;height:5px;background-color:var(--brand-color);border-radius:50px;margin-right:15px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__date{margin-left:auto;font-size:16px;color:#aaa;white-space:nowrap}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .new{width:20px;height:20px;margin-left:5px;border-radius:4px;font-size:12px;text-align:center;line-height:20px;color:#fff;background:var(--brand-color)}
/* 청년기록관 */
#inc02 .cont__board .fl-r{display:flex;justify-content:center;padding-top:60px;padding-right:20px;min-width:615px}
#inc02 .cont__board .fl-r .cont-wrapper{position:relative}
#inc02 .cont__board .fl-r .cont-wrapper .tip{z-index:1;position:absolute;top:-40px;right:-50px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;font-family:var(--main-font);font-weight:700;border-radius:100px;background:linear-gradient(129deg, #63cde3, #6d86ec)}
#inc02 .cont__board .fl-r .cont-wrapper .tip .year{font-size:15px;color:rgba(255, 255, 255, 0.6)}
#inc02 .cont__board .fl-r .cont-wrapper .tip .txt{font-size:19px;color:#fff}
#inc02 .cont__board .fl-r .cont-record{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:515px;background-color:#fff;border-radius:var(--radius);box-sizing:border-box;overflow:hidden;box-shadow:0 0 40px rgba(109, 134, 236, 0.2)}
#inc02 .cont__board .fl-r .cont-record .link-atc{display:flex;flex-direction:column;height:500px;padding:50px 50px 0}
#inc02 .cont__board .fl-r .cont-record .record__tit{display:flex;flex-direction:column;gap:15px;padding-bottom:20px;font-family:var(--main-font);word-break:keep-all}
#inc02 .cont__board .fl-r .cont-record .record__tit .cate{font-size:16px;font-weight:600;color:var(--brand-color)}
#inc02 .cont__board .fl-r .cont-record .record__tit .tit{font-size:28px;font-weight:700;line-height:1.28;color:#222}
#inc02 .cont__board .fl-r .cont-record .record__thumb{position:relative;height:188px;margin-bottom:25px;background-position:left -20px;background-repeat:no-repeat;border-radius:20px;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}
#inc02 .cont__board .fl-r .cont-record .record__thumb .img{display:block;width:100%;height:100%;background-size:cover;background-position:center -23px;background-repeat:no-repeat}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius{position:absolute;bottom:0;right:0}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius::before{position:absolute;content:"";left:-34px;bottom:0px;width:25px;height:25px;border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius::after{position:absolute;content:"";top:-34.5px;right:0px;width:25px;height:25px;border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius .btn--link{z-index:1;position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:100px;background-color:#222;box-shadow:3px 2px 0 12px #fff ;transition:background-color 0.2s}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius .btn--link svg{stroke:#fff;transition:transform 0.2s}
#inc02 .cont__board .fl-r .cont-record .record__atc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.6;color:#777;word-break:keep-all}
#inc02 .cont__board .fl-r .cont-record .btn--view{display:flex;align-items:center;justify-content:center;gap:10px;height:65px;padding:20px;font-family:var(--main-font);font-size:18px;font-weight:600;color:#fff;background-color:var(--brand-color)}
#inc02 .cont__board .fl-r .cont-record .btn--view svg{width:18px;height:18px}
/* hover */
#inc02 .cont__board .fl-r .cont-record:hover .record__thumb .radius .btn--link{background-color:var(--brand-color)}
#inc02 .cont__board .fl-r .cont-record:hover .record__thumb .radius .btn--link svg{transform:rotate(45deg)}

/* 반응형 [s] */
@media (max-width:1500px){
#inc02{padding-bottom:100px}
#inc02 .main-tit{font-size:38px}
#inc02 .gall_slide .link-program .thumb-box{height:320px}
#inc02 .gall_slide .link-program .program__info{gap:16px;padding:30px 20px 0}
#inc02 .gall_slide .link-program .program__info .atc__title{font-size:22px}
#inc02 .program-item .link-more{width:114px;height:38px;font-size:14px}
#inc02 .cont__program .bg-l{bottom:-100%;left:-300px}
#inc02 .cont__program .bg-r{top:-95%;right:-110px}
#inc02 .cont__board .main-tit{font-size:30px}
#inc02 .cont__board .bg .bg-l{flex:none;width:45%;height:480px}
#inc02 .cont__board .bg .bg-r{width:55%;border-radius:0}
#inc02 .cont__board .fl-l{padding-right:100px;padding-top:105px}
#inc02 .cont__board .fl-l .area-title{padding:0 10px 10px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc{padding:30px 25px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject{font-size:18px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__date{font-size:15px}
#inc02 .cont__board .fl-r{padding-top:52px}
#inc02 .cont__board .fl-r .cont-record{width:485px}
#inc02 .cont__board .fl-r .cont-record .link-atc{height:auto;padding:45px 45px 30px}
#inc02 .cont__board .fl-r .cont-record .record__tit{gap:12px;padding-bottom:18px}
#inc02 .cont__board .fl-r .cont-record .record__tit .cate{font-size:15px}
#inc02 .cont__board .fl-r .cont-record .record__tit .tit{font-size:24px}
#inc02 .cont__board .fl-r .cont-record .record__thumb{margin-bottom:20px}
#inc02 .cont__board .fl-r .cont-wrapper .tip{top:-50px;right:-60px;width:120px;height:120px}
#inc02 .cont__board .fl-r .cont-wrapper .tip .txt{font-size:17px}
#inc02 .cont__board .fl-r .cont-record .btn--view{font-size:17px}
#inc02 .cont__board .fl-r .cont-record .btn--view svg{width:16px;height:16px}
}
@media (max-width:1200px){
#inc02 .group-title{gap:20px}
#inc02 .cont__program{padding-top:120px}
#inc02 .main-tit{font-size:34px}
#inc02 .sub-tit{font-size:16px}
#inc02 .gall_slide{padding-bottom:130px}
#inc02 .gall_slide .link-program .thumb-box{border-radius:18px}
#inc02 .gall_slide .link-program .program__info{gap:14px;padding:20px 14px 0}
#inc02 .gall_slide .link-program .program__info .atc__title{font-size:20px}
#inc02 .gall_slide .link-program .program__info .metadata .dl{gap:12px}
#inc02 .gall_slide .link-program .program__info .metadata .dt{font-size:16px}
#inc02 .gall_slide .link-program .program__info .metadata .dd{font-size:15px}
#inc02 .program-item .link-more{width:100px;height:34px;font-size:13px}
#inc02 .cont__board .main-tit{font-size:24px}
#inc02 .cont__board .bg .bg-l{width:10%}
#inc02 .cont__board .bg .bg-r{width:90%}
#inc02 .cont__board .fl-l{padding-right:65px;padding-top:75px;border-radius:0 114px 0 0}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc{padding:25px 20px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject{font-size:16px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__date{font-size:13px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject::before{margin-right:10px}
#inc02 .cont__board .fl-r{min-width:545px}
#inc02 .cont__board .fl-r .cont-wrapper .tip{top:-50px;right:-55px;width:110px;height:110px}
#inc02 .cont__board .fl-r .cont-wrapper .tip .year{font-size:14px}
#inc02 .cont__board .fl-r .cont-wrapper .tip .txt{font-size:16px}
#inc02 .cont__board .fl-r .cont-record{width:430px;border-radius:18px}
#inc02 .cont__board .fl-r .cont-record .link-atc{padding:35px 35px 25px}
#inc02 .cont__board .fl-r .cont-record .record__tit{gap:8px;padding-bottom:15px}
#inc02 .cont__board .fl-r .cont-record .record__tit .cate{font-size:14px}
#inc02 .cont__board .fl-r .cont-record .record__tit .tit{font-size:20px}
#inc02 .cont__board .fl-r .cont-record .record__thumb{height:150px}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius .btn--link{width:42px;height:42px}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius .btn--link svg{width:20px;height:20px}
}
@media (max-width:1024px){
#inc02{padding-bottom:80px}
#inc02 .group-title{gap:18px;padding-bottom:35px}
#inc02 .cont__program{padding-top:100px}
#inc02 .main-tit{font-size:32px}
#inc02 .sub-tit{font-size:15px}
#inc02 .gall_slide{padding-bottom:65px}
#inc02 .swiper-controll{gap:12px;padding-bottom:35px}
#inc02 .swiper-controll button{width:50px;height:50px}
#inc02 .swiper-controll button svg{width:22px;height:22px}
#inc02 .gall_slide .link-program .program__info .atc__title{font-size:18px}
#inc02 .cont__program .bg-l,#inc02 .cont__program .bg-r{display:none}
#inc02 .cont__board .inner{flex-direction:column-reverse}
#inc02 .cont__board .bg .bg-l{display:none}
#inc02 .cont__board .bg .bg-r{width:100%;height:370px}
#inc02 .cont__board .bg .bg-r .bg__marquee{bottom:unset;top:50%;transform:translateY(-50%)}
#inc02 .cont__board .fl-l{max-width:unset;padding:0 20px;border-radius:0}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject{font-size:15px}
#inc02 .cont__board .fl-r{min-width:0;padding-bottom:100px;padding-right:0}
#inc02 .cont__board .fl-r .cont-record .record__atc{font-size:15px}
}
@media (max-width:768px){
#inc02{padding-bottom:80px}
#inc02 .group-title{gap:14px;padding-bottom:30px}
#inc02 .cont__program{padding-top:60px}
#inc02 .main-tit{font-size:28px}
#inc02 .program-item{display:flex;justify-content:center}
#inc02 .swiper-controll{gap:10px;padding-bottom:30px}
#inc02 .gall_slide{padding-bottom:0px}
#inc02 .gall_slide .link-program{max-width:500px;width:100%}
#inc02 .gall_slide .link-program .thumb-box{height:320px;border-radius:10px}
#inc02 .gall_slide .link-program .program__info{gap:4px;padding:16px 14px 0}
#inc02 .gall_slide .link-program .program__info .atc__title{font-size:18px}
#inc02 .gall_slide .link-program .program__info .metadata .dt{font-size:15px}
#inc02 .cont__board .fl-r{padding-top:85px;padding-bottom:80px}
#inc02 .cont__board .fl-r .cont-record{width:100%;max-width:500px}
#inc02 .cont__board .fl-r .cont-wrapper{margin:0 55px}
#inc02 .cont__board .fl-r .cont-record{border-radius:10px}
#inc02 .cont__board .fl-r .cont-record .btn--view{height:55px;font-size:16px}
#inc02 .cont__board .fl-r .cont-record .btn--view svg{width:15px;height:15px}
#inc02 .cont__board .bg .bg-r{height:420px}
#inc02 .cont__board .bg .bg-r .bg__marquee{top:70%;transform:translateY(-70%)}
#inc02 .cont__board .bg .bg-r .bg__marquee .marquee-block{gap:40px;animation:marqueeMo 15s infinite linear}
#inc02 .cont__board .bg .bg-r .bg-text{font-size:90px}
#inc02 .cont__board .main-tit{font-size:22px}
}
@media (max-width:480px){
#inc02{padding-bottom:60px}
#inc02 .main-tit{font-size:24px}
#inc02 .swiper-controll button{width:46px;height:46px}
#inc02 .swiper-controll button svg{width:20px;height:20px}
#inc02 .gall_slide .link-program .thumb-box{height:260px}
#inc02 .gall_slide .link-program .program__info .atc__title{font-size:16px}
#inc02 .gall_slide .link-program .program__info .metadata .dl{gap:8px}
#inc02 .gall_slide .link-program .program__info .metadata .dt{font-size:14px}
#inc02 .gall_slide .link-program .program__info .metadata .dd{font-size:14px}
#inc02 .program-item .link-more{width:85px;height:30px;font-size:12px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc{padding:20px 15px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__subject{font-size:14px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__date{font-size:12px}
#inc02 .cont__board .fl-r{padding-top:0;padding-bottom:60px;padding-top:40px}
#inc02 .cont__board .fl-r .cont-wrapper .tip{display:none}
#inc02 .cont__board .fl-r .cont-wrapper .tip .year{font-size:12px}
#inc02 .cont__board .fl-r .cont-wrapper .tip .txt{font-size:14px}
#inc02 .cont__board .bg .bg-r{height:345px}
#inc02 .cont__board .main-tit{font-size:18px}
#inc02 .cont__board .fl-r .cont-wrapper{margin:0 20px}
#inc02 .cont__board .fl-r .cont-record .record__tit .cate{font-size:13px}
#inc02 .cont__board .fl-r .cont-record .record__tit .tit{font-size:18px}
#inc02 .cont__board .fl-r .cont-record .record__thumb{margin-bottom:15px}
#inc02 .cont__board .fl-r .cont-record .link-atc{padding:30px 30px 20px}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius .btn--link{width:36px;height:36px}
#inc02 .cont__board .fl-r .cont-record .record__thumb .radius .btn--link svg{width:16px;height:16px}
#inc02 .cont__board .fl-r .cont-record .btn--view{height:50px;font-size:14px}
#inc02 .cont__board .fl-r .cont-record .btn--view svg{width:14px;height:14px}
}
@media (max-width:390px){
#inc02 .gall_slide .link-program .thumb-box{height:220px}
#inc02 .gall_slide .link-program .program__info{gap:10px;padding:20px 14px 0}
#inc02 .program-item .link-more{display:none}
#inc02 .cont__board .fl-r .cont-record .record__thumb .img{background-position:center}
#inc02 .cont__board .fl-r .cont-record .record__atc{font-size:14px}
#inc02 .cont__board .fl-l .area-article .atc-list .link-atc .atc__date{display:none} 
}
/* 반응형 [e] */

/* =========================== inc03 */
#inc03{padding:0 20px 140px}
#inc03 .group-cont{position:relative;display:flex;gap:60px;margin:0 auto;padding:180px 130px;border-radius:var(--radius);background-image:url('../img/main/inc03/inc03-bg.png');background-repeat:no-repeat;background-size:cover;overflow:hidden}
#inc03 .group-cont::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);pointer-events:none}
#inc03 .group-cont > * {position:relative;z-index:1}
#inc03 .group-cont .cate{font-family:var(--main-font);font-size:18px;color:var(--brand-color);font-weight:800}
#inc03 .group-cont .text-box h3{padding-bottom:30px;word-break:keep-all;font-family:var(--main-font);font-size:42px;font-weight:700;line-height:100%;color:#fff}
#inc03 .group-cont .text-box .desc{padding-bottom:55px;word-break:keep-all;font-family:var(--main-font);font-size:20px;color:#fff;line-height:1.7;white-space:pre-line}
#inc03 .group-cont .text-box .link-program{display:flex;align-items:center;justify-content:center;width:235px;height:55px;border:1px solid #fff;border-radius:100px;color:#fff;font-family:var(--main-font);font-size:18px;font-weight:500}
/* 반응형 [s] */
@media (max-width:1500px){
#inc03{padding-bottom:100px}
#inc03 .group-cont {padding:180px 80px;border-radius:18px}
#inc03 .group-cont .text-box h3{padding-bottom:clamp(22px,2vw,30px);font-size:clamp(33px,2.8vw ,42px)}
#inc03 .group-cont .text-box .desc{padding-bottom:clamp(45px,3.6vw,55px);font-size:clamp(16px,1.3vw,20px)}
#inc03 .group-cont .text-box .link-program{font-size:clamp(16px,1.2vw,18px)}
}
@media (max-width:1200px){
#inc03 .group-cont{flex-direction:column;gap:18px;padding:150px 80px}
#inc03 .group-cont .cate{font-size:16px}
}
@media (max-width:1024px){
#inc03{padding:0 20px 80px}
#inc03 .group-cont{gap:14px;padding:120px 40px}
#inc03 .group-cont .cate{font-size:15px}
#inc03 .group-cont .text-box h3{padding-bottom:15px;font-size:30px}
#inc03 .group-cont .text-box .desc{padding-bottom:30px;font-size:15px}
#inc03 .group-cont .text-box .link-program{width:180px;height:48px;font-size:15px}
}
@media (max-width:768px){
#inc03 .group-cont{padding:90px 40px;border-radius:10px}
#inc03 .group-cont .cate{font-size:13px}
#inc03 .group-cont .text-box h3{padding-bottom:12px;font-size:26px}
#inc03 .group-cont .text-box .link-program{width:160px;height:44px;font-size:14px}
}
@media (max-width:480px){
#inc03{padding:0 20px 60px}
#inc03 .group-cont{gap:8px;padding:40px 30px}
#inc03 .group-cont .text-box h3{padding-bottom:8px;font-size:22px;line-height:1.4}
#inc03 .group-cont .text-box .desc{padding-bottom:18px;font-size:14px}
#inc03 .group-cont .text-box .link-program{width:145px;height:38px;font-size:13px}
}
/* 반응형 [e] */
/* =========================== inc04 */
#inc04{padding:0 20px 104px;overflow:hidden}
#inc04 .inner{display:flex;gap:30px}
/* 이용문의 */
#inc04 .fl-l{display:flex;flex-direction:column;width:100%;padding:75px 49px;background-color:#edf0fd;border-radius:var(--radius);box-sizing:border-box}
#inc04 .fl-l .text-box{font-family:var(--main-font)}
#inc04 .fl-l .text-box h2{padding-bottom:40px;line-height:100%;font-family:var(--main-font);font-size:32px;font-weight:700;color:#222}
#inc04 .fl-l .text-box .tel{display:inline-block;padding-bottom:40px;font-size:40px;font-weight:700;line-height:100%;color:var(--brand-color)}
#inc04 .fl-l .text-box .info{display:flex;flex-direction:column;padding-bottom:30px}
#inc04 .fl-l .text-box .info dl{display:flex;gap:20px}
#inc04 .fl-l .text-box .info dt{display:flex;align-items:center;gap:15px;font-size:18px;font-weight:700;color:#222}
#inc04 .fl-l .text-box .info dt::before{content:'';width:5px;height:5px;border-radius:100px;background-color:var(--brand-color)}
#inc04 .fl-l .text-box .info dd{font-size:18px;color:#222}
#inc04 .fl-l .link-list{display:flex;gap:14px;padding-bottom:22px}
#inc04 .fl-l .link-item{flex:1;height:198px}
#inc04 .fl-l .link-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;height:100%;padding:24px;border:1px solid #e1e5f8;border-radius:var(--radius);background-color:#fff}
#inc04 .fl-l .link-info .ic-info{display:flex;align-items:center;justify-content:center;max-width:86px;width:100%;aspect-ratio:1;background-color:#f5f7ff;border-radius:100px}
#inc04 .fl-l .link-info .ic-info img{opacity:0.3;transition:opacity .2s}
#inc04 .fl-l .link-info:hover .ic-info img{opacity:1}
#inc04 .fl-l .link-info .ic-info img.ic-qna{width:39px}
#inc04 .fl-l .link-info .ic-info img.ic-faq{width:40px}
#inc04 .fl-l .link-info .ic-info img.ic-map{width:43px}
#inc04 .fl-l .link-item .tit{font-family:var(--main-font);font-size:18px;font-weight:700;color:#222}
#inc04 .fl-l .link-doc{display:flex;justify-content:space-between;align-items:center;height:65px;padding:0 42px;background-color:var(--brand-color);border-radius:100px;font-family:var(--main-font);font-size:18px;font-weight:700;color:#fff}

/* 공간소개 + 이벤트 */
#inc04 .fl-r{max-width:1010px;width:100%;padding:70px 58px;border-radius:var(--radius);background-color:#f5f5f5}
/* tab menu */
#inc04 .fl-r .area-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}
#inc04 .fl-r .area-head .tab-menu{display:flex;gap:24px}
#inc04 .fl-r .area-head .tab-menu .menu{font-family:var(--main-font);font-size:32px;font-weight:700;line-height:100%;color:#aaa;cursor:pointer}
#inc04 .fl-r .area-head .tab-menu .menu.on{color:#222}
#inc04 .fl-r .area-head .btn-wrap{position:relative;width:50px;height:50px}
#inc04 .fl-r .area-head .btn-wrap .link-board{position:absolute;top:0;left:0;display:none;background-color:#222}
#inc04 .fl-r .area-head .btn-wrap .link-board.on{display:flex}

/* cont */
#inc04 .fl-r .area-cont .atc__list{position:relative;display:none;flex-direction:column;gap:24px}
#inc04 .fl-r .area-cont .atc__list.view{display:flex}
#inc04 .fl-r .area-cont .atc__item{position:relative}
#inc04 .fl-r .area-cont .atc__item .link-atc{display:flex;overflow:hidden}
#inc04 .fl-r .area-cont .atc__item:first-child .link-atc{padding-right:265px}
#inc04 .fl-r .area-cont .atc__item:last-child .link-atc{justify-content:flex-end;padding-left:265px}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box{position:absolute;right:0;z-index:-1;display:flex;width:290px;height:200px;border-radius:var(--radius);overflow:hidden}
#inc04 .fl-r .area-cont .atc__item:last-child .link-atc .thumb-box{left:0}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box .img{width:100%;background-size:cover;background-position:center;transition:transform 0.2s}
#inc04 .fl-r .area-cont .atc__item .shadow{position:absolute;top:0;left:0;display:flex;width:100%;height:220px;border-radius:18px;pointer-events:none}
#inc04 .fl-r .area-cont .atc__item:last-child .shadow{flex-direction:row-reverse;right:0;left:unset}
#inc04 .fl-r .area-cont .atc__item .shadow .info-empty{width:630px;border-radius:18px;box-shadow:-3px 4px 32px rgba(0, 0, 0, 0.06)}
#inc04 .fl-r .area-cont .atc__item .shadow .thumb-empty{flex-shrink:0;width:265px}
#inc04 .fl-r .area-cont .atc__info{position:relative;display:flex;flex-direction:column;padding:40px 45px;width:630px;height:220px;background-color:#fff;border-radius:18px}
#inc04 .fl-r .area-cont .atc__info::before{position:absolute;content:'';top:0;right:-30px;width:30px;height:27px;background-color:transparent;border-radius:var(--radius) 0 0 0;box-shadow:-7px -6px 0px 6px #fff}
#inc04 .fl-r .area-cont .atc__info::after{position:absolute;content:"";top:0;right:0;width:30px;height:30px;background-color:#fff}
#inc04 .fl-r .area-cont .atc__item:last-child .atc__info::before{left:-30px;transform:scaleX(-1)}
#inc04 .fl-r .area-cont .atc__item:last-child .atc__info::after{left:0}
#inc04 .fl-r .area-cont .atc__info .atc-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e1e1e1}
#inc04 .fl-r .area-cont .atc__info .atc-head .atc__title{font-family:var(--main-font);font-size:24px;font-weight:700;line-height:100%;color:#222}
#inc04 .fl-r .area-cont .atc__info .atc-head .link--more{display:flex;justify-content:center;align-items:center;width:105px;height:37px;border-radius:100px;background-color:#f5f5f5;font-family:var(--main-font);font-size:14px;color:#aaa;font-weight:600;transition:background-color 0.2s, color 0.2s}
#inc04 .fl-r .area-cont .atc__info .atc-data{display:flex;flex-direction:column}
#inc04 .fl-r .area-cont .atc__info .atc-data .dl{display:flex;gap:15px}
#inc04 .fl-r .area-cont .atc__info .atc-data .dt{display:flex;align-items:center;gap:10px;min-width:70px;gap:10px;font-size:16px;color:#222;font-weight:600}
#inc04 .fl-r .area-cont #cont-event .atc__item:last-child .atc-data .dt{min-width:42px}
#inc04 .fl-r .area-cont .atc__info .atc-data .dt::before{content:"";width:3px;height:3px;border-radius:50px;background-color:var(--brand-color)}
#inc04 .fl-r .area-cont .atc__info .atc-data .dd{font-size:15px;color:#777}
/* hover */
#inc04 .fl-r .area-cont .link-atc:hover .atc__info .atc-head .link--more{background-color:#222;color:#fff}
#inc04 .fl-r .area-cont .link-atc:hover .thumb-box .img{transform:scale(1.07)}

/* 반응형 [s] */
@media (max-width:1700px){
#inc04 .inner{grid-gap:20px}
#inc04 .fl-l{justify-content:space-between;padding:50px 40px}
#inc04 .fl-l .link-info .ic-info img.ic-qna{width:25px}
#inc04 .fl-l .link-info .ic-info img.ic-faq{width:28px}
#inc04 .fl-l .link-info .ic-info img.ic-map{width:30px}
#inc04 .fl-l .link-item .tit{font-size:16px}
#inc04 .fl-l .text-box h2{font-size:28px}
#inc04 .fl-l .text-box .tel{font-size:36px}
#inc04 .fl-l .text-box .info dt{font-size:16px}
#inc04 .fl-l .text-box .info dd{font-size:16px}
#inc04 .fl-l .link-item{height:170px}
#inc04 .fl-l .link-info{gap:20px;padding:15px}
#inc04 .fl-l .link-info .ic-info{width:70px}
#inc04 .fl-l .link-list{padding-bottom:0}
#inc04 .fl-r{padding:40px}
#inc04 .fl-r .area-head .tab-menu .menu{font-size:28px}
}
@media (max-width:1500px){
#inc04 .fl-l{max-width:max-content}
#inc04 .fl-l .text-box h2{padding-bottom:30px;font-size:28px}
#inc04 .fl-l .text-box .tel{padding-bottom:30px;font-size:32px}
#inc04 .fl-l .text-box .info{padding-bottom:60px}
#inc04 .fl-l .text-box .info dt{gap:10px;font-size:15px}
#inc04 .fl-l .text-box .info dl{gap:15px}
#inc04 .fl-l .text-box .info dd{margin-top:1px;font-size:14px}
#inc04 .fl-l .link-info{height:145px}
#inc04 .fl-l .link-info .ic-info{width:60px}
#inc04 .fl-l .link-info .ic-info img.ic-map{width:30px}
#inc04 .fl-l .link-info .ic-info img.ic-faq{width:27px }
#inc04 .fl-l .link-info .ic-info img.ic-qna{width:26px }
#inc04 .fl-l .link-item .tit{font-size:15px}
#inc04 .fl-l .link-doc{padding:0 34px;font-size:16px}
#inc04 .fl-l .link-doc svg{width:22px;height:22px}
#inc04 .fl-r{padding:40px}
#inc04 .fl-r .area-head .btn-wrap{width:46px;height:46px}
#inc04 .fl-r .area-head .tab-menu .menu{font-size:28px}
#inc04 .fl-r .area-cont .atc__info{max-width:695px;width:100%;height:200px;padding:30px 35px}
#inc04 .fl-r .area-cont .atc__item:first-child .link-atc{padding-right:235px}
#inc04 .fl-r .area-cont .atc__item:last-child .link-atc{padding-left:235px}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box{width:260px;height:180px}
#inc04 .fl-r .area-cont .atc__item .shadow{height:200px}
#inc04 .fl-r .area-cont .atc__item .shadow .info-empty{max-width:695px;width:100%}
#inc04 .fl-r .area-cont .atc__item .shadow .thumb-empty{width:260px}
}
@media (max-width:1224px){
#inc04 .inner{flex-direction:column-reverse}
#inc04 .fl-l{max-width:none}
#inc04 .fl-l .text-box h2{font-size:24px}
#inc04 .fl-l .text-box .tel{padding-bottom:25px;font-size:30px}
#inc04 .fl-l .link-list{padding-bottom:22px}
#inc04 .fl-l .link-item{height:auto}
#inc04 .fl-l .link-item .tit{font-size:16px}
#inc04 .fl-l .link-info{gap:14px;padding:18px}
#inc04 .fl-l .link-doc{height:60px}
#inc04 .fl-r{max-width:none}
#inc04 .fl-r .area-head .btn-wrap{width:42px;height:42px}
#inc04 .fl-r .area-head .tab-menu .menu{font-size:24px}
#inc04 .fl-r .area-cont .atc__item:first-child .link-atc{padding-right:265px}
#inc04 .fl-r .area-cont .atc__item:last-child .link-atc{padding-left:265px}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box{width:290px}
#inc04 .fl-r .area-cont .atc__item .shadow{height:200px}
#inc04 .fl-r .area-cont .atc__item .shadow .info-empty{max-width:815px}
#inc04 .fl-r .area-cont .atc__item .shadow .thumb-empty{width:265px}
#inc04 .fl-r .area-cont .atc__info{max-width:815px}
}
@media (max-width:1024px){
#inc04{padding:0 20px 20px}
#inc04 .fl-r{padding:30px;border-radius:18px}
#inc04 .fl-r .area-head{padding-bottom:12px}
#inc04 .fl-r .area-cont .atc__info{padding:25px 30px;height:188px}
#inc04 .fl-r .area-cont .atc__info::before{border-radius:18px 0 0 0}
#inc04 .fl-r .area-cont .atc__info .atc-head .atc__title{font-size:22px}
#inc04 .fl-r .area-cont .atc__info .atc-head .link--more{width:100px;height:32px;font-size:13px}
#inc04 .fl-r .area-cont .atc__list{gap:20px}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box{height:160px;border-radius:18px}
#inc04 .fl-r .area-cont .atc__item .shadow{height:188px}
#inc04 .fl-r .area-cont .atc__item .atc-data .dt{font-size:15px}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box{width:245px}
#inc04 .fl-r .area-cont .atc__item:first-child .link-atc{padding-right:230px}
#inc04 .fl-r .area-cont .atc__item:last-child .link-atc{padding-left:230px}
#inc04 .fl-r .area-cont .atc__item .shadow .thumb-empty{width:230px}
#inc04 .fl-l{padding:30px;border-radius:18px}
#inc04 .fl-l .text-box .tel{font-size:28px}
#inc04 .fl-l .link-info{border-radius:18px}
}
@media (max-width:768px){
#inc04 .fl-r{padding:25px;border-radius:10px}
#inc04 .fl-r .area-cont .atc__item .link-atc .thumb-box,
#inc04 .fl-r .area-cont .atc__info::before,
#inc04 .fl-r .area-cont .atc__info::after{display:none}
#inc04 .fl-r .area-cont .atc__info,
#inc04 .fl-r .area-cont .atc__item .shadow{height:100%}
#inc04 .fl-r .area-cont .atc__item:first-child .link-atc{padding-right:0}
#inc04 .fl-r .area-cont .atc__item:last-child .link-atc{padding-left:0}
#inc04 .fl-r .area-cont .atc__item .shadow .thumb-empty{display:none}
#inc04 .fl-r .area-head .tab-menu{gap:20px}
#inc04 .fl-r .area-head .tab-menu .menu{font-size:22px}
#inc04 .fl-r .area-cont .atc__info .atc-head .atc__title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:20px}
#inc04 .fl-r .area-cont .atc__info .atc-head{gap:8px;padding-bottom:10px;margin-bottom:10px}
#inc04 .fl-r .area-cont .atc__info .atc-data .dl{gap:8px}
#inc04 .fl-r .area-cont .atc__info .atc-data .dt{gap:8px;font-size:15px;word-break:keep-all}
#inc04 .fl-r .area-cont .atc__info .atc-data .dd{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
#inc04 .fl-r .area-cont .atc__info{padding:20px 22px;border-radius:10px}
#inc04 .fl-l{border-radius:10px}
#inc04 .fl-l .text-box h2{padding-bottom:20px;font-size:22px}
#inc04 .fl-l .text-box .tel{padding-bottom:16px;font-size:24px}
#inc04 .fl-l .text-box .info{padding-bottom:24px}
#inc04 .fl-l .text-box .info dt{gap:8px;font-size:14px}
#inc04 .fl-l .text-box .info dl{gap:12px}
#inc04 .fl-l .text-box .info dd{margin-top:0;font-size:13px}
#inc04 .fl-l .link-info .ic-info{width:55px}
#inc04 .fl-l .link-info .ic-info img.ic-map{width:25px}
#inc04 .fl-l .link-info .ic-info img.ic-faq{width:22px }
#inc04 .fl-l .link-info .ic-info img.ic-qna{width:21px }
#inc04 .fl-l .link-item .tit{font-size:14px}
#inc04 .fl-l .link-info{gap:10px;padding:14px;border-radius:10px}
#inc04 .fl-l .link-doc{height:52px;font-size:15px}
#inc04 .fl-l .link-doc svg{width:20px;height:20px}
#inc04 .fl-l .link-list{padding-bottom:16px}
}
@media (max-width:480px){
#inc04{padding:0 15px 0}
#inc04 .fl-r{padding:18px}
#inc04 .fl-r .area-head .tab-menu{gap:15px}
#inc04 .fl-r .area-head .tab-menu .menu{font-size:20px}
#inc04 .fl-r .area-head .btn-wrap{width:38px;height:38px}
#inc04 .fl-r .area-cont .atc__info{padding:18px}
#inc04 .fl-r .area-cont .atc__info .atc-head .link--more{display:none}
#inc04 .fl-r .area-cont .atc__info .atc-head .atc__title{font-size:17px}
#inc04 .fl-r .area-cont .atc__info .atc-data .dl{gap:2px}
#inc04 .fl-r .area-cont .atc__info .atc-data .dt{gap:6px;font-size:14px}
#inc04 .fl-r .area-cont #cont-event .atc__info .atc-data .dt{min-width:65px}
#inc04 .fl-l{padding:22px 18px 18px}
#inc04 .fl-l .text-box h2{font-size:20px}
#inc04 .fl-l .text-box .tel{padding-bottom:12px;font-size:20px}
#inc04 .fl-l .text-box .info{padding-bottom:18px}
#inc04 .fl-l .link-list{gap:6px}
#inc04 .fl-l .link-doc{padding:0 26px;height:46px;font-size:14px}
#inc04 .fl-l .link-doc svg{width:18px;height:18px}
}
@media (max-width:390px){
#inc04 .fl-l .link-list{flex-direction:column}
#inc04 .fl-l .link-info .ic-info{width:50px}
#inc04 .fl-l .link-info .ic-info img.ic-map{width:24px}
#inc04 .fl-l .link-info .ic-info img.ic-faq{width:20px }
#inc04 .fl-l .link-info .ic-info img.ic-qna{width:19px }
#inc04 .fl-l .text-box .info dt{display:none}
#inc04 .fl-l .text-box .info dd{word-break:keep-all}
}
/* 반응형 [e] */