@charset "utf-8";

/* 공통 */
.wrapper {width:100%;max-width:1240px;padding:0 20px;margin:0 auto}
.font-SCDream {font-family:'SCDream', sans-serif}
.only_mb {display:none}
.btn_wrap {display:flex;align-items:center;justify-content:center;gap:0 10px}
.btn_white {display:flex;align-items:center;justify-content:center;width:100%;max-width:240px;height:52px;font-size:20px;font-weight:500;color:#ffffff;text-align:center;border:solid 1px #ffffff;border-radius:16px;transition:all .2s}
.btn_white:hover {background:#ffffff;color:#222222}
.btn_gray {display:flex;align-items:center;justify-content:center;padding:0 28px;height:48px;font-size:16px;font-weight:500;color:#757575;text-align:center;border:solid 1px #CCCCCC;border-radius:16px;transition:all .2s}
.btn_gray:hover {background:#f5f5f5}
.btn_green {display:flex;align-items:center;justify-content:center;width:100%;height:40px;font-size:16px;font-weight:500;color:#00AFAF;text-align:center;border:solid 1px #00AFAF;border-radius:12px;transition:all .2s}
.btn_green:hover {background:#00AFAF;color:#ffffff}
.sec {overflow:hidden}

.title_box {margin-bottom:52px}
.title_box.center {text-align:center}
.title_box .tit {display:block;font-size:36px;font-weight:600;font-family:'SCDream', sans-serif;line-height:1.4}

/* 푸터 */
.footer {border-top:solid 1px #C5C6C8}
.footer .top .wrapper {display:flex;align-items:center;justify-content:space-between}
.footer .top .link_wrap {display:flex;align-items:center;}
.footer .top .link_wrap a {display:flex;align-items:center;font-size:15px}
.footer .top .link_wrap a + a::before {content:'';display:block;width:2px;height:2px;background:#CCCCCC;border-radius:5px;margin:0 25px}
.footer .top .link_wrap a.green {font-weight:700;color:#008000}
.footer .top .go_top {display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;width:70px;height:77px;background:#222222;color:#ffffff}
.footer .bottom {border-top:solid 1px #C5C6C8;padding:40px 0 60px}
.footer .bottom .wrapper {display:flex;align-items:center;justify-content:space-between;}
.footer .bottom .logo {display:block;width:100%;max-width:409px}
.footer .bottom .info span {display:block;}
.footer .bottom .info span + span {margin-top:2px;}
.footer .bottom .info .copyright {opacity:.4}

/* 메인 */
.index .sec_01 .swiper,
.index .sec_01 .swiper-slide {position:relative}
.index .sec_01 .img_wrap {height:800px}
.index .sec_01 .img_wrap img {width:100%;height:100%;object-fit:cover;}
.index .sec_01 .txt_wrap {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);color:#ffffff;text-align:center;padding:0 20px}
.index .sec_01 .txt_wrap .sub {display:block;font-size:18px;line-height:1.4}
.index .sec_01 .txt_wrap .tit {display:block;font-size:72px;font-weight:700;line-height:1.4;margin-top:12px;font-family:'SCDream', sans-serif}
.index .sec_01 .txt_wrap .sub_tit {display:block;font-size:32px;font-weight:500;line-height:1.4;margin-top:20px;font-family:'SCDream', sans-serif}
.index .sec_01 .txt_wrap .btn_wrap {margin-top:40px}
.index .sec_01 .swiper-pagination {display:flex;align-items:center;justify-content:center;gap:0 8px;position:absolute;bottom:52px;left:0;width:100%;}
.index .sec_01 .swiper-pagination-bullet {display:flex;align-items:center;justify-content:center;text-align:center;width:52px;height:52px;border-radius:50px;color:rgba(255,255,255,.5);margin:0 !important;font-size:18px;font-weight:500;background:none;padding-bottom:2px;opacity:1 !important}
.index .sec_01 .swiper-pagination-bullet span {position:relative;z-index:2}
.index .sec_01 .swiper-pagination-bullet-active {color:#ffffff;position:relative;box-shadow:0 12px 24px rgba(12,12,12,.24)}
.index .sec_01 .swiper-pagination-bullet-active::before {content:'';display:block;width:100%;height:100%;background:url('../img/main_2025/main_01_02.png') no-repeat center/100%;position:absolute;top:0;left:0}

.index .sec_02 {padding:60px 0 160px;background:#E1F1F1}
.index .sec_02 .list {display:grid;grid-template-columns:repeat(4, 1fr);gap:12px}
.index .sec_02 .list .item {display:flex;align-items:center;gap:0 16px;height:148px;background:#ffffff;border:solid 1px transparent;border-radius:24px;padding:32px;font-size:22px;font-weight:700;font-family:'SCDream', sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.09);transition:all .2s}
.index .sec_02 .list .item:hover {border-color:#00AFAF}

.index .sec_03 {background:#ffffff;border-radius:52px 52px 0 0;padding:80px 0;box-shadow:0 -12px 32px rgba(0,0,0,.08);margin-top:-60px}
.index .sec_03 .wrapper {display:flex;gap:0 24px}
.index .sec_03 .title_box {display:flex;align-items:center;justify-content:space-between;}
.index .sec_03 .left {flex:1;min-width:0}
.index .sec_03 .left .list {padding:16px 0;border-top:solid 1px #333333;border-bottom:solid 1px #333333}
.index .sec_03 .left .list a {display:flex;align-items:center;gap:0 10px;font-size:18px;padding:20px 32px}
.index .sec_03 .left .list a:hover .tit {text-decoration:underline;}
.index .sec_03 .left .list a + a {border-top:solid 1px #CCCCCC}
.index .sec_03 .left .list a .date {font-size:15px;color:#757575;margin-left:auto;white-space:nowrap;}
.index .sec_03 .left .list a .tit {display:block;line-height:1.4}
.index .sec_03 .right {flex:320px 0 0;display:flex;flex-direction:column;border-top:solid 1px #C5C5C5;border-bottom:solid 1px #C5C5C5;margin-top:100px}
.index .sec_03 .right a {flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#FAFAFA;position:relative;padding:0 72px 0 24px}
.index .sec_03 .right a:hover::before {right:18px}
.index .sec_03 .right a::before {content:'';display:block;width:48px;height:48px;background:url('../img/main_2025/arrow_black.svg') no-repeat center/100%;position:absolute;top:50%;right:24px;transform:translateY(-50%);transition:all .2s}
.index .sec_03 .right a .tit {display:block;font-size:24px;font-weight:600;font-family:'SCDream', sans-serif}
.index .sec_03 .right a p {font-size:20px;color:#757575;margin-top:4px}

.index .sec_04 {background:#F2F2F2;padding:100px 0;position:relative}
.index .sec_04::after {content:'';display:block;width:200px;height:100%;background:linear-gradient(to right, rgba(242,242,242,0), rgba(242,242,242,1));position:absolute;right:0;top:0;z-index:2}
.index .sec_04 .wrapper {display:flex;gap:0 60px}
.index .sec_04 .title_box {display:flex;flex-direction:column;align-items:flex-start;margin:0;flex:218px 0 0;position:relative;z-index:2}
.index .sec_04 .title_box .btn_wrap {margin-top:24px;justify-content:flex-start;}
.index .sec_04 .title_box .side_btn {display:flex;align-items:center;gap:0 12px;margin-top:auto}
.index .sec_04 .swiper {flex:1;width:100%;overflow:visible;position:relative;padding-left:4px}
.index .sec_04 .swiper::before {content:'';display:block;width:100vw;height:120%;background:#F2F2F2;position:absolute;right:100%;top:50%;transform:translateY(-50%);z-index:2}
.index .sec_04 .swiper-slide {width:324px;padding:0 6px}
.index .sec_04 .swiper-slide-prev .inner {box-shadow:none}
.index .sec_04 .swiper-slide .box-inner {background:#ffffff;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.08);padding:18px 16px 16px}
.index .sec_04 .swiper-slide .name span {display:block;font-size:20px;font-weight:600;font-family:'SCDream', sans-serif;margin-top:4px;color:#333333}
.index .sec_04 .swiper-slide .info {margin-top:12px}
.index .sec_04 .swiper-slide .info > div {display:flex;align-items:flex-start;font-size:14px}
.index .sec_04 .swiper-slide .info > div + div {margin-top:4px}
.index .sec_04 .swiper-slide .info > div span {flex:62px 0 0;color:#757575;}
.index .sec_04 .swiper-slide .img_wrap {margin-top:24px;text-align:right}

.index .sec_05 {padding:120px 0}
.index .sec_05 .title_box {display:flex;align-items:center;justify-content:space-between;}
.index .sec_05 .photo_list {display:flex;gap:0 32px}
.index .sec_05 .photo_list .img_wrap {display:block;width:100%;}
.index .sec_05 .photo_list .img_wrap img {width:100%;height:100%;object-fit:cover;}
.index .sec_05 .photo_list .thumb {width:50%;position:relative;border-radius:12px;overflow:hidden}
.index .sec_05 .photo_list .thumb .txt_wrap {width:100%;position:absolute;bottom:0;left:0;z-index:2;background:linear-gradient(rgba(12,12,12,0), rgba(12,12,12,1));padding:32px;color:#ffffff}
.index .sec_05 .photo_list .thumb .txt_wrap .tit {display:block;font-size:20px;font-weight:700;line-height:1.4}
.index .sec_05 .photo_list .thumb .txt_wrap .date {display:block;color:#F2F2F2;opacity:.5}
.index .sec_05 .photo_list .list {width:50%;display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}
.index .sec_05 .photo_list .list .img_wrap {opacity:.7;border-radius:8px;overflow:hidden;position:relative}
.index .sec_05 .photo_list .list .img_wrap.active {opacity:1}
.index .sec_05 .photo_list .list .img_wrap.active::before {content:'';display:block;width:100%;height:100%;border:solid 6px #00AFAF;position:absolute;top:0;left:0;border-radius:8px}

.index .sec_06 {padding:100px 0;background:#DFF1FF}
.index .sec_06 .wrapper {max-width:1520px}
.index .sec_06 .cont {display:flex;align-items:center;gap:0 32px;}
.index .sec_06 .thumb {width:50%}
.index .sec_06 .thumb .img_wrap {display:block;border-radius:12px;overflow:hidden;}
.index .sec_06 .thumb .img_wrap img {width:100%}
.index .sec_06 .list {width:50%}
.index .sec_06 .list .item {display:flex;align-items:center;gap:0 12px;}
.index .sec_06 .list .item + .item {margin-top:12px}
.index .sec_06 .list .item .img_wrap {width:217px;border-radius:4px;overflow:hidden}
.index .sec_06 .list .item .img_wrap img {width:100%}
.index .sec_06 .list .item .txt_wrap .tit {display:block;font-size:16px;font-weight:500;color:#333333;line-height:1.4}
.index .sec_06 .list .item .txt_wrap .date {display:block;font-size:14px;font-weight:500;color:#333333;opacity:.6;margin-top:8px}

.index .sec_07 {padding:100px 0;background:#00AFAF}
.index .sec_07 .title_box {color:#ffffff}
.index .sec_07 .swiper {overflow:visible;position:relative}
.index .sec_07 .swiper::before,
.index .sec_07 .swiper::after {content:'';display:block;width:200px;height:100%;background:linear-gradient(to left, rgba(0,175,175,0), rgba(0,175,175,1));position:absolute;left:0;top:0;z-index:2}
.index .sec_07 .swiper::after {left:auto;right:0;background:linear-gradient(to right, rgba(0,175,175,0), rgba(0,175,175,1))}
.index .sec_07 .swiper-slide {width:276px;padding:0 8px}
.index .sec_07 .swiper-slide .box-inner {background:#ffffff;border-radius:24px;padding:20px}
.index .sec_07 .swiper-slide .top {display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}
.index .sec_07 .swiper-slide .top img {border-radius:10px}
.index .sec_07 .swiper-slide .btn_wrap {margin-top:16px}

.index .sec_08 {padding:50px 0}
.index .sec_08 .wrapper {max-width:1720px}
.index .sec_08 .list {display:grid;grid-template-columns:repeat(4, 1fr);}
.index .sec_08 .list a {display:flex;align-items:center;gap:0 12px;padding:20px 44px;font-size:20px;font-weight:700;position:relative;transition:all .2s;
justify-content: center;
}
.index .sec_08 .list a:hover {color:#00AFAF}
.index .sec_08 .list a + a::before {content:'';display:block;width:1px;height:40px;background:#E6E6E6;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.index .sec_08 .list a .icon {display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,175,175,.08);border-radius:12px;}