@charset "utf-8";

main {}
main h2 {
    font-size: 56px;
    font-weight: 900;
    /* color: #fff; */
    line-height: 140%;
    letter-spacing: -0.0625rem;
    word-break: keep-all;
}
main h3 {
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    line-height: 120%;
    color: #ffffff;
    margin-bottom: 2rem;
}
main h4 {font-size: 26px;font-weight: 700;letter-spacing: -.5px;margin-bottom: 1.5rem;}
.sec_inner {width: var(--width-size);margin:0 auto;position: relative;padding: 0 30px;}

.video_sec {position:relative;height: 100vh;}
.mainSwiper {height:100%;overflow: hidden;width: 100%;}

.slide_bg {
    width: 100%;
    height: 100%;
    position: relative;
}
.slide_bg img, .slide_bg video {width:100%;height: 100%;object-fit: cover;object-position: center;}
.slide_bg iframe {width:100%; object-fit:contain}
.video_sec_bg {width: 100%;height: 100vh;background: linear-gradient(120deg, #fdfdfd, rgb(208 157 126 / 10%) 50%, #e2662d33);}
.slide_area {display:flex;height: 100%;padding-top: 2rem;position: relative;z-index: 1;gap: 6%;/* width: var(--width-size); */margin: 0 auto;width: 80%;/* min-width: var(--width-size); */align-items: center;justify-content: center;}
.slide_img {
    width: 100%;
    height: auto;
    /* max-width: 860px; */
    position: relative;
    }

.main_slide {
    /* width: 760px; */
    /* height: 500px; */
    /* overflow: hidden; */
    /* border-radius: 0 500px 500px 0; */
    /* position: relative; */
    /* width: 52%; */
    /* height: auto; */
    /* max-width: 860px; */
    overflow: hidden;
    border-radius: 3rem;
}
.main_slide .swiper-wrapper {width: 100%;}
.main_slide .slide {height: 100%;/* overflow: hidden; *//* border-radius: 3rem; */}
.slide_img > span {position:absolute;bottom: -8%;right: -8%;z-index:1;width: 200px;}
.slide_img > span img {object-fit:contain; width:100%; height:100%}
.main_slide .txt_wrap {position: relative;width: 100%;height: 100%;z-index: 3;display: flex;/* margin-left: 8.5rem; */opacity: 0;transition: all 2s;/* animation: fadein; *//* animation-delay: 1s; */flex-direction: column;align-items: center;}
.swiper-slide-active.inr .slide{width: 100%;}
.swiper-slide-active .txt_wrap {opacity:1;/* padding-left: 8rem; */}
.swiper-slide-active .txt_wrap h2 {}
.swiper-slide-active .txt_wrap p {font-size:1.5rem}
.swiper-slide-active .txt_wrap span {color:var(--color-main); font-weight:600;}
.main_slide .slide img, .main_slide .slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.fix_area {width: 42%;position: relative;}
.slide_txt {/* font-family: var(--font-point); */margin-bottom: 4rem;position: absolute;bottom: 5rem;left: 50%;color: #fff;width: var(--width-size);transform: translateX(-50%);padding: 0 30px;}
.slide_txt h2 {
    font-size: clamp(60px, 2.5vw, 70px);
    font-family: var(--font-point);
    padding-bottom: 2rem;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    font-family: var(--font-point);
}
.slide_txt h2 span {color:var(--color-main);font-family: var(--font-point-b);font-size: clamp(65px, 4vw, 80px);}
.slide_txt p {margin-top: 2rem;font-size: 18px;color: rgb(255 255 255 / 80%);}
.slide-control {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    position: absolute;
    width: var(--width-size);
    left: 50%;
    bottom: 9rem;
    transform: translateX(-50%);
    z-index: 2;
    padding: 0 30px;
}
.slide-control:before, .slide-control:after {content: "";position: absolute;display: block;/* width: 4rem; *//* height: 4rem; */}
.slide-control button {
    z-index: 1;
    border: unset;
    background: unset;
    position: relative;
    transition:.4s
}

.button-prev {
    /* left: -6%; */
    /* position: relative; */
}
.button-next {/* right: -6%; */}
.slide-control .swiper-pagination {position:relative; width:auto}
.slide-control .swiper-pagination span {width: 15px;height: 15px;background-color: var(--color-main);border:2px solid var(--color-main);}
.slide-control .swiper-pagination-bullets.swiper-pagination-horizontal {position: relative;top: 0;width: auto;}
.slide-control .swiper-pagination .swiper-pagination-bullet-active{}
.slide-control button.swiper-button-disabled{opacity: 40%;}
.slide-control button i {
    font-size: 1.5rem;
    /* color: #ffffff; */
    transition:all .5s;
}
.slide-control .play_pause button {border:unset;width:auto; height:auto; background-color:unset;}
.slide-control .play_pause i {font-size: 1.5rem;}
.slide-control button:hover i {color:var(--color-main)}
.slide-control .play_pause .slide_play {padding-left:2px}
.slide-control .play_pause .slide_pause, .slide-control .play_pause .slide_play {display:none;}
.slide-control .play_pause .slide_pause.on, .slide-control .play_pause .slide_play.on {display:block;}

/*secion1*/
.sec1 .part {display: flex;padding-top: var(--sub_pd);gap: 4%;}
.quick_icon {display: flex;flex-wrap: wrap;width: 40%;gap: 10% 5%;border: 1px solid #ddd;padding: 2.5rem;justify-content: center;}
.quick_icon li {width: 30%;text-align: center;}
.quick_icon li a {width: 100%;height:100%;display: block;}
.quick_icon li span {width: 120px;height: 120px;background-color: #f7f7f7;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;transition: all .4s;}
.quick_icon li p {font-weight:500;text-align: center;margin-top: 1rem;font-size: 18px;word-break: keep-all;}
.quick_icon li:hover span {border-color:var(--color-main2)}
.quick_icon li:hover p {color:var(--color-main2)}

.popup_box {position: relative;display: block;width: 944px;height: 485px;}
.popupSwiper {/* position: absolute; */width: 100%;height: 100%;overflow: hidden;}
.popupSwiper ul {width: 100%;}
.popupSwiper li {}
.popupSwiper li img {object-fit:cover;object-position:center;height: 100%;width: 100%;}
.popup_btn {position:absolute;right: 0;bottom: 0;z-index: 1;width: 18%;background-color: var(--color-main);padding: 1rem;display: flex;justify-content: space-between;align-items: center;}
.popup_btn .swiper-button-lock {display: unset;}
.popup_btn button {transition: all .4s;}
.popup_btn button.pop-next {}
.popup_btn button i {font-size:20px; color:#fff}
.popup_btn button.pop-next i {}
.popup_btn button:hover {background-color:var(--color-main); color:#fff}
.popup_btn .swiper-pagination-fraction {color: rgb(255 255 255 / 50%);top: 0;bottom: 0;position: relative;}
.popup_btn .swiper-pagination-fraction .swiper-pagination-current {
    color: #fff;
}

/*secion2*/
.sec2 {overflow:hidden;position: relative;padding: var(--sub_pd) 0;}
.news_inner {display:flex;position: relative;}
.news_inner:before {content:"";position:absolute;top: 0;bottom: 70px;left: -10%;right: 37.5%;background-image: url(/img/main/news_bg.jpg);/* height: 100%; */z-index: -1;background-repeat: no-repeat;background-position: center center;background-size: cover;} 
.news_list {width: 63%;z-index: 2;position: relative;padding: 70px 0;}
.news_list:after {content:"";position:absolute;bottom: 0;right:0;background-color: #f5f8ff;z-index: 1;width: 70px;height: calc(100% - 70px);} 
.news_list .tab_mg {position:relative}
.news_list .tab_mg .more_link {position:absolute;right:0;margin-right: 13%;top:0;color:#fff;border-bottom: 1px solid #fff;padding-bottom: .5rem;}
.slider_tab {
        display: flex;
        position: relative;
        column-gap: 23px;
        width: max-content;
        height: auto;
        border-radius: 0;
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        background: none;
        }
.slider_tab p {width: 100%;border-radius: 1rem;height: 3px;font-size: 18px;background-color: #8e8e8e; color:#000;opacity:.5}
.slider_tab p.on {opacity:1;color:var(--color-main);background-color: var(--color-main);font-weight: 500;}
.slider_tab p span {margin-top:1rem; display:inline-block;}
.slider_tab p span + span {margin-left:.5rem;}


.news_btn {position: relative;/* left: 0; *//* bottom: 0; */width: 100%;margin-top: 3rem;}
.news_btn .swiper-pagination {text-align: left;transform: translateX(-3px);}
.news_btn .swiper-pagination span {width:30px;border-radius:0;height: 2px;background: var(--color-main);}
.news_btn .swiper-pagination span.swiper-pagination-bullet-active {background:var(--color-main2)}
.news_btn button {transition:all .4s}
.news_btn .news-prev, .news_btn .news-next {background-color:#fff; border:1px solid #ddd; width:40px; height:40px; border-radius:50% }
.news_btn .news-prev i, .news_btn .news-next i {}
.news_btn button i {font-size: 18px;font-weight: 200;}
.news_btn button a {}
.news_btn button.more_link {font-size: 17px;margin-left: 1rem;background-color: #eee;padding: 10px 20px;border-radius: 15px;}
.news_btn button:hover {background-color:var(--color-main2); border-color:var(--color-main2)}
.news_btn button:hover i, .news_btn button:hover a {color:#fff;}

.news_slide {width: 100%;}
.newsSwiper {/* width:200%; */overflow: inherit;}
.news_slide ul img {width:100%;object-fit: contain;height: 280px;}
.newsSwiper .slide_info {margin-top:1rem}
.slide_info  p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 48px;
    font-size: 18px;
    word-break: keep-all;
}
.slide_info .date {display:block; margin-top:1rem; font-size:15px; opacity:.6}
.tab_inner {visibility:hidden;display: none;/* height: 375px; */width: 100%;/* border-top: 2px solid #222; */}
.tab_inner.on {display: block;visibility:revert}

.news_top .subtab_case1 {display: flex;align-items: center;margin-left: 5rem;}
.title_tab {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.subtab_case1 .tabs li {display: inline-block;width: auto;text-align: center;}
.subtab_case1 .tabs li.on {/* text-align: center; */}
.subtab_case1 .tabs a {
    font-weight: 500;
    position:relative;
    transition: all .4s;
    /* display: inline-flex; */
    color: rgb(255 255 255);
    display: block;
    font-size: 20px;
    opacity: .5;
    padding: .5rem 1rem;
    border: 1px solid transparent;
}

.subtab_case1 .tabs li:hover a {opacity:1}
.subtab_case1 .tabs a.on {/* color: #ffffff; */opacity: 1;border: 1px solid rgb(255 255 255 / 30%);background-color: var(--color-main);border-radius: 4px;}
.photo_list {width: 37%;position: relative;margin-top: 70px;padding: 70px 0;z-index: -2;}
.photo_list:before {content:"";background-color: #F5F8FF; position: absolute;top: 0;bottom: 0;left: -70px;right: -100%;z-index: -1;}
.news_slide .more_link {position:absolute;top:0;right:0;margin-top: 70px;border-bottom: 1px solid var(--color-main);padding-bottom:5px;color: var(--color-main);}

/*section3*/
.sec3 {padding-bottom: var(--sub_pd);}
.sec_share {
    display: flex;
    gap: 4%;
}
.newsletter {
    background-color: var(--color-main1);
    width: 35%;
    color: #fff;
    padding: 3rem;
    position: relative;
}
.newsletter .bg {position: absolute;bottom: 5%;left: 19%;}
.newsletter > div {display: flex;gap: 5%;}
.newsletter .txt {width: 48%;/* padding-right: 2rem; */z-index: 1;}
.newsletter .txt a {color:#ffffff;/* font-size: 20px; */word-break: keep-all;line-height: 150%;display: block;padding-top: 1rem;}
.newsletter .txt a i {display:block; margin-top:1rem}
.newsletter .img {
    width: 48%;
}
.newsletter .img img {width:100%; object-fit:contain; }
.service {
    width: 65%;
    border: 1px solid #ddd;
    display: flex;
    padding: 3rem;
    gap: 0%;
}
.service > div {width: 100%;}
.service .guide {width: 50%;}
.service .guide .point {color: var(--color-main2);font-size: 42px;font-weight: 800;margin-bottom: 1rem;}
.service .guide .cl_b {color:var(--color-main)}
.service .guide ul {}
.service .guide li {font-size: 18px; color:#4d4d4d}
.service .guide li strong {font-weight:700; font-size:20px; margin-right:.5rem;}
.service .guide li + li {margin-top:.5rem}
.service .counsel {width: 40%;}
.service .counsel p {word-break:keep-all;font-size: 18px;}
.service .counsel .con_btn {display: inline-block;margin-top: 1.5rem;}
.service .counsel .con_btn a {background-color:var(--color-main);color:#ffffff;border-radius: 4px;padding: 1rem 1.5rem;display: block;}
.service .sns {
    width: 30%;
    text-align: center;
}
.service .sns ul {margin-top: 2rem;}
.service .sns li {display: block;text-align: center;}
.service .sns li + li {margin-top:1rem}
.service .sns li a {}

/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1400px)  {
    main {width:100%}
	.video_sec {height:auto}
	.main_bg {height:auto}
	.sec1 .part {flex-wrap:wrap;height: auto;}
	.quick_icon {width:100%;margin-bottom:2rem;height: 100%;gap: 2rem;}
	.popup_box {width:100%; height:auto}
	.news_inner {flex-wrap:wrap}
	.news_inner:before {width:100%;left: 0;}
	.news_list {width:100%}
	.news_list:after {display:none}
	.news_board li {width:33%}
	.photo_list {width:100%;z-index: 1;}
	.news_btn .swiper-pagination {left:0; text-align:center}
	.newsletter > div {flex-wrap:wrap}
	.newsletter .txt {width:100%}
	.newsletter .img {width:100%}
	.service {flex-wrap:wrap;gap: 1rem;}
	.service .sns {width: 100%;display:flex;}
	.service .sns h4 {width:50%;text-align:left;margin-bottom: 0;}
	.service .sns ul {display:flex;gap:2rem;margin-top: 0;}
	.service .sns li + li {margin:0;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media (max-width: 1024px) {
	main h3 {font-size:32px}
	main h4 {font-size: 22px;margin-bottom: 1rem;}
	.video_sec {
    height: auto;
    padding-top: 80px;
}
	.main_bg {height: 100%;}
	.slide_txt {margin-bottom:1rem}
	.slide_txt h2 {font-size: clamp(3rem, 6vw, 3.5rem);}
	.slide-control {bottom: 6rem;}
	.sec1 .part {flex-wrap:wrap;gap: 4rem;}
	.quick_icon {width:100%;height: 100%;gap: 2rem 1rem;}
	.popup_box {width:100%;height: auto;}
	.news_inner {flex-wrap:wrap}
	.news_inner:before {width:100%;height: 52%;left: 0;}
	.news_list:after {display:none}
    .news_list {width:100%}
	.news_btn .swiper-pagination {text-align:center}
	.photo_list {width:100%;margin-top: 0;}
	.news_list .tab_mg .more_link {margin-right:0}
	.sec_share {flex-wrap:wrap}
	.newsletter {width:100%}
	
	.service {width:100%}
	.service .guide {width: 50%}
	.service .counsel {width:40%}
	.service .sns {width:20%}
	.service .counsel p br {display: none;}
}
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
	#back-top {display: none !important;}
	p, li {font-size: clamp(.85rem, 4.2vw, 1rem);}
	.sec_inner {padding:0 5%}
	.video_sec {}
	.slide-control {bottom:1rem}
	.quick_icon {padding: 1rem;}
	.quick_icon li {width: 28%;}
	.quick_icon li a {/* display:flex; *//* flex-direction: row; */}
	.quick_icon li span {width:80px; height:80px}
	.quick_icon li p {font-size: clamp(.9rem, 4.5vw, 1.2rem);word-break: break-word;}
	.popup_btn {width: 35%;font-size: 15px;padding: .5rem;opacity: .7;}
	.popup_btn button i {font-size:16px}
	.sec2 {padding-top:var(--sub_pd)}
	.sec2 .sec_inner {/* display:flex; *//* flex-direction: column-reverse; */height: auto;}
	.slider_tab {column-gap: 0;}
	.slider_tab p {font-size:16px;}
	.slider_tab p span:first-child {font-size: 12px;}
	.slider_tab p span + span {margin-left:0;margin-top: 0;word-break: keep-all;}
    .subtab_case1 .tabs li {font-size: clamp(.9rem, 4.5vw, 1rem);}

	.news_list .tab_mg .more_link {/* position:relative; *//* margin-top:1rem; *//* display:inline-block; */margin-top: -4rem;}
	.newsletter {padding:2rem;overflow: hidden;}
	.newsletter .bg {bottom: unset;top: 5%;left: unset;right: -11%;}
	.newsletter > div {flex-wrap: wrap;}
	.newsletter .txt, .newsletter .img {width:100%}
	.newsletter .txt a {font-size: clamp(.9rem, 4.5vw, 1.2rem);margin-bottom:1rem}
	.newsletter .txt a i {display:none}
	.service {flex-wrap: wrap;gap: 2rem;padding: 2rem;}
	.service .guide {width: 100%}
	.service .guide .point {font-size:35px}
	.service .guide li strong {font-size: clamp(.9rem, 4.5vw, 1.2rem);}
	.service .counsel {width:100%}
	.service .counsel p, .service .guide li {font-size: clamp(.85rem, 4.5vw, 1rem);}
	.service .sns {width:100%;text-align: left;}
	.service .sns ul {display:flex;gap: 1rem;margin-top: 1rem;}
	.service .sns li + li {margin:0}
}