@import url("reset.css");
@import url("jquery.fullPage.css");
@import url("swiper.css");

:root{
    --header_h : 90px;
    --font : "Montserrat";
}

@media screen and (max-width: 768px){
    :root{
        --header_h : 70px;
    }
}

/* layout */
#menu{position:fixed; right:3.5%; top:50%; transform:translateY(-50%); z-index:30; }
#menu li{margin:0 auto 20px; width:6px; }
#menu li:last-child{margin-bottom:0;}
#menu li:before{width:6px; aspect-ratio: 1/1; display:block; border-radius:50%; background-color:#fff; opacity:0.6; content:""; transition: all 0.3s ease-out;}
#menu li span{transform:rotate(90deg); font-size:11px; font-weight:700; font-family:var(--font); color:#fff; display:none;}
#menu li.active:before{opacity:1;}
#menu li.active span{display:block;}
.section{background-color:#212121;}
.cont{margin:0 auto; padding:0 20px; max-width:1600px;}

/* txt_motion */
.txt_motion{positioN:relative; display:block; overflow:hidden;}
.txt_motion>*{transform:translateY(110%); transition: all 1s ease-out; }
.section.active .txt_motion>*{transform:translateY(0);}
.page_on .txt_motion>*{transform:translateY(0);}

/* animation */
.ani{position:relative; opacity:0; transition: all 0.6s ease-out;}
.ani-up{bottom:-40px; }
.ani-down{bottom:40px;}
.ani-left{left:-40px;}
.ani-right{left:40px;}

.active .ani{opacity:1;}
.active .ani-up{bottom:0;}
.active .ani-down{bottom:0;}
.active .ani-left{left:0;}
.active .ani-right{left:0;}

.page_on .ani{opacity:1;}
.page_on .ani-up{bottom:0;}
.page_on .ani-down{bottom:0;}
.page_on .ani-left{left:0;}
.page_on .ani-right{left:0;}

/* header */
.fp-viewing-anchor1 .header{top:40px;}
.header{position:fixed; left:0; top:0; z-index:50; padding:0 3.5%; width:100%; height:var(--header_h); display:flex;  justify-content: space-between; align-items: center; transition: all 0.3s ease-out;}
.header.down{top: calc(-1 * var(--header_h)); }
.header.down .s_gnb{display:none;}
.header.down .gnb:before{display:none;}
.header.scroll2{background:rgba(0,0,0,0.9);}
.white .header.scroll2{background:rgba(255,255,255,0.9);}

.header .logo{position:relative; z-index:23;}
/*.header.on{background-color:#000; }*/
.header .right_area{position:Relative; z-index:23; display:Flex; align-items: center ;}
.header .nation{position:relative; }
.header .nation_open{position:relative; padding:0 13px 0 25px; line-height:22px; background:url(../img/nation.svg) no-repeat 0 center; font-size:0.9375rem; color:#fff; }
.header .nation_open:before{position:absolute; right:0; top:50%; width:8px; aspect-ratio: 8/4; display:block; background:url(../img/arrow.svg) no-repeat center center; display:block; content:""; transform:translateY(-50%);}
.nation_list{display:none;}
.gnb_close,
.gnb_open{display:none;}
.gnb{position:relative; z-index:22;}
.gnb:before{position:fixed; left:50%; top:0; z-index:20; width:100vw; height:0; background-color:#000; display:block; content:""; transform:translateX(-50%);  transition: all 0.3s ease-out;}
.gnb>ul{display:flex; align-items: center; }
.gnb>ul>li{position:relative; padding:0 25px;}
.gnb>ul>li>a{position:relative; z-index:23; height:var(--header_h); display:flex; align-items: center; font-size:1.25rem; color:#fff; }
.gnb>ul>li>a:before{position:absolute; left:0; top:70px; width:0; height:1px; background-color:#fff; display:block; content:""; opacity:0.7; transition: all 0.3s ease-out;}
.gnb>ul>li:hover>a:before{width:100%;}
.s_gnb{position:absolute; left:0; top:var(--header_h); padding-top:15px; width:100%; z-index:21; visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.s_gnb ul li{margin-bottom:15px;text-align:center;}
.s_gnb ul li a{font-size:1rem; color:#fff; }
.gnb_bg{display:none;}
@media screen and (min-width: 1341px) {
.fp-viewing-anchor1 .header.on .gnb:before{height:400px;}
.header.on .gnb:before{height:350px;}
.header.on .gnb>ul>li .s_gnb{visibility: visible; opacity: 0;} 
.header.on .gnb>ul>li:hover .s_gnb{ opacity:1;}
.s_gnb{min-height:250px;}
.gnb_bg{position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:#000; opacity:0.6; display:block; visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.header.on .gnb_bg{visibility:visible; opacity:0.6;}
}

@media screen and (max-width: 1340px){
.gnb{position:fixed; right:-110%; top:0; z-index:50; padding:50px; max-width:500px; width:100%; height:100vh;  background-color:#222; overflow:auto;  transition: all 0.3s ease-out; }
.gnb_bg{position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:#000; opacity:0.6; display:none;. transition: all 0.3s ease-out;}
.gnb_bg.active{display:block; }
.gnb.active{right:0;}
.gnb>ul{padding-top:50px; display:block; }
.gnb>ul>li{padding:0; margin-bottom:4vh; width:100%; }
.gnb>ul>li>a{font-size:30px; font-weight:700; height:auto;}
.gnb>ul>li>a:before{display:none;}
.gnb>ul>li>a.s_gnb_open{padding-right:40px; background:url(../img/arrow_icon.svg) no-repeat right 0 center; background-size:30px; display:block; }
.gnb_open{margin-left:20px; width:40px; aspect-ratio: 1/1; display:block; background:url(../img/ic_menu.svg) no-repeat center center;}
.gnb_close{margin-left:auto; width:50px; aspect-ratio: 1/1; background:url(../img/ic_close.svg) no-repeat center center; background-size:100%; display:block;}
.s_gnb{position:relative; left:auto; top:auto; padding:30px  0 0; visibility: visible; opacity:1; transition: none; display:none; box-shadow:0 2px 5px 10px rgba(0,0,0,0.1);}
.s_gnb ul li{text-align:left;}
.s_gnb ul li a{font-size:20px; }
.fp-viewing-anchor1 .header{top:0;}
.header.down{top: 0;}
}

@media screen and (max-width: 768px) {
.gnb{padding:20px;}
.gnb_close{width:30px;}
.gnb>ul{padding-top:20px;}
.gnb>ul>li>a.s_gnb_open{background-size: 20px;}
.header .logo img{max-width:120px;}
.gnb>ul>li>a{font-size:26px;}
.s_gnb ul li a{font-size:18px;}
}

/* section_0 */
.video_bg_wrap { position: absolute; top: 0; left: 0; z-index:1; width: 100vw; height: 100vh; overflow: hidden; }
.video_bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 186.78vh; }
.section_0{position:relative; text-align:center;}
.section_0 .cont{position:relative; z-index:4;}
.section_0 .fp-tableCell:before{position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:"";}
.section_0 .txt_1{margin-bottom:max(calc(34/1080*100vh),15px); font-size:60px; color:#fff; font-family: var(--font); font-weight:700;}
.section_0 .txt_2{margin-bottom:max(calc(40/1080*100vh),20px); font-size:24px; color:#fff;}
.section_0 .txt_3{font-size:18px; color:#fff; line-height:1.6;}
.main .section_0 .txt_1{font-size:60px;}

/* section_1 */
.section_1{position:relative; }
.circle-svg{position:absolute; right:-200px; top:-200px;}
.circle-svg circle {stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 5s ease; }
.circle-svg2{position:absolute; right:-50px; bottom:-500px; transform:scale(1.2) rotate(180deg);}
.circle-svg2 circle {stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 5.5s ease; }
.circle-svg3{position:absolute; left:-500px; top:-500px; transform:scale(0.8);}
.circle-svg3 circle {stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 5s ease; }
.active .circle-svg circle { stroke-dashoffset: 0; }
.active .circle-svg2 circle { stroke-dashoffset: 0; }
.active .circle-svg3 circle { stroke-dashoffset: 0; }

.section_1 .inner{position:relative; z-index:10; margin:0 auto; padding:0 20px; max-width:1560px; width:100%; display:flex; align-items: center; /*ustify-content: center;*/}
.section_1 .txt_area{width:55%;}
.section_1 .img_area{margin-left:auto; width:44%; text-align:right; aspect-ratio: 1/1; position:relative;  max-width:594px;}
.section_1 .img_area .img_1{position:absolute; left:0; bottom:0; z-index:2; cursor:pointer; width:84%; }
.section_1 .img_area .img_2{position:relative; cursor:pointer; width:52%}
.section_1 .img_area .on{z-index:3;}
.section_1 .txt_area .txt_1{margin-bottom:max(calc(30/1080*100vh),15px); font-size:32px; font-weight:300; color:#C8B07D; font-family: var(--font);}
.section_1 .txt_area .txt_2{margin-bottom:max(calc(50/1080*100vh),20px); font-size:60px; font-weight:700; color:#fff; font-family: var(--font);}
.section_1 .txt_area .txt_3{margin-bottom:max(calc(50/1080*100vh),20px); font-size:24px; color:#fff; }
.section_1 .txt_area .txt_4{font-size:18px; color:#fff;  line-height:1.6;}

/* section_2 */
.section_2{background:url(../img/main_bg_1.png) no-repeat center center; background-size:cover;}
.section_2 .inner{margin:0 auto; max-width:1347px; width:100%; padding:0 20px; display:flex; align-items: center;}
.section_2 .left_txt{width:40%;}
.section_2 .right_txt{margin-left:auto; width:46%;}
.section_2 .left_txt .txt_1{margin-bottom:max(calc(40/1080*100vh),15px); font-size:32px; font-family: var(--font); font-weight:300; color:#C8B07D;}
.section_2 .left_txt .txt_2{font-size:40px; color:#fff;  font-weight:700;}
.section_2 .right_txt{font-size:18px; color:#fff; }
.section_2 .right_txt .name{margin-top:max(calc(40/1080*100vh),15px); display:flex; align-items: center ; gap:40px;}

/* section_3 */
.section_3{background-color:#101010;}
.section_3 .inner{margin:0 auto; padding: 0 20px; max-width:1340px; }
.section_3 .title_area{margin-bottom:max(calc(80/1080*100vh),50px); }
.section_3 .title_area h1{margin-bottom:max(calc(12/1080*100vh),15px); font-size:32px; font-weight:400; color:#C8B07D; font-family: var(--font); }
.section_3 .title_area .txt_1{font-size:24px; color:#fff;}
.section_3 .history{position:relative; }
.section_3 .history .swiper-wrapper{align-items: center;}
.section_3 .history .swiper {overflow:inherit;}
.section_3 .history:before{position:absolute; left:0; top:40%; width:2600px; height:1px; background-color:#fff; display:block; content:"";}
.section_3 .history .swiper-slide{width:380px; background-color:#101010;}
.section_3 .history .swiper-slide.now{position:relative; width:250px;}
.section_3 .history .swiper-slide.now:before{}
.section_3 .history .swiper-slide.now .circle{border:none; padding:0; display:flex; align-items: center;}
.section_3 .history .circle{padding:70px 60px 0; aspect-ratio: 1/1; border:1px solid #ddd; border-radius:50%;}
.section_3 .history .year{margin-bottom:max(calc(30/1080*100vh),15px);font-size:32px; font-weight:600; color:#fff; font-family: var(--font);}
.section_3 .history .swiper-slide .txt{font-size:18px; color:#fff;}
.section_3 .history .since{font-size:32px; font-weight:600; font-family: var(--font); color:#fff;}
.section_3 .history .now .year{margin-bottom:0; font-size:64px; }
s
.section_3 .history  .control{margin-top:max(calc(40/1080*100vh),20px); display:flex; align-items: center;}
.section_3 .history  .swiper-button-prev{position:relative; left:auto; top:auto; height:auto;  margin:0; padding:0; width:68px; height:68px; display:block;  border-radius:50%; background:url(../img/rolling_prev.svg) no-repeat center center;  border:1px solid #fff;  cursor:pointer;  flex-shrink: 0; transition: all 0.3s ease-out;}
.section_3 .history  .swiper-button-prev:hover{background:url(../img/rolling_prev_on.svg) no-repeat center center #fff;}
.section_3 .history  .swiper-button-prev:after{display:none;}
.section_3 .history  .swiper-button-next{position:relative;  right:auto; top:auto; height:auto;  margin:0; margin-left:30px; padding:0; width:68px; height:68px; display:block;  border-radius:50%; background:url(../img/rolling_next.svg) no-repeat center center;  border:1px solid #fff;  cursor:pointer; flex-shrink: 0; transition: all 0.3s ease-out;}
.section_3 .history  .swiper-button-next:hover{background:url(../img/rolling_next_on.svg) no-repeat center center #fff;}
.section_3 .history  .swiper-button-next:after{display:none;}
.section_3 .history  .swiper-pagination{position:relative; width:100%; margin-left:180px; display:flex;}
.section_3 .history  .swiper-pagination:before{position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#595959; display:block; content:"";}
.section_3 .history  .swiper-pagination span.swiper-pagination-bullet{margin:0;}
.section_3 .history  .swiper-pagination span{margin:0; flex-grow:1; width:100%; height:2px; background-color:#fff; display:block; }

/* section_4 */
hr{margin:max(calc(40/1080*100vh),20px) 0; padding:0; width:0; height:1px; background-color:#fff; border:none; display:block; transition: all 1s ease-out;}
.section_4{position:relative; overflow:hidden;}
.section_4 hr{transition-delay: 2s;}
.section_4.active hr{width:100%;}
.section_4 .circle-svg{right:-500px}
.section_4 .circle-svg2{bottom:-500px; right:-500px}
.section_4 .inner{margin:0 auto; padding:0 20px; max-width:1340px; width:100%; }
.section_4 .title h1{font-size:60px; font-weight:700; font-family:var(--font);color:#fff;}
.section_4 .title{width:30%;}
.section_4 .txt_area{margin-left:auto; width:61%; }
.section_4 .txt_area h2{margin-bottom:max(calc(30/1080*100vh),15px); font-size:24px; font-weight:400; color:#C8B07D; }
.section_4 .vision p{font-size:18px; color:#fff;  line-height:2.22; }
.section_4 ul li{margin-bottom:max(calc(30/1080*100vh),10px); font-size:18px; color:#fff; }

/* section_5 */
.section_5{background-color:#323232;}
.section_5 .inner{margin:0 auto; padding: 0 20px; max-width:1340px; }
.section_5 .title_area{margin-bottom:max(calc(100/1080*100vh),50px); }
.section_5 .title_area h1{margin-bottom:max(calc(8/1080*100vh),4px); font-size:60px; font-weight:700; color:#fff; font-family: var(--font);}
.section_5 .title_area .txt_1{font-size:24px; color:#fff;}
.section_5 .inner{margin:0 auto; padding: 0 20px; max-width:1340px; }
.section_5 .certificate{position:relative; padding-left:350px;}
.section_5 .swiper-slide,
.section_5 .swiper{overflow:inherit}
.section_5  .swiper-slide{width:204px;}
.section_5  .swiper-slide .img_area{position:relative; transform: translateY(0); transition: all 0.6s ease-out;}
.section_5  .swiper-slide .img_area:hover{transform: translateY(-30px);}
/*.section_5  .swiper-slide.swiper-slide-active{transform: translateY(-30px);}*/
.section_5 .control{margin-top:max(calc(40/1080*100vh),20px); display:flex; align-items: center;}
.section_5 .swiper-button-prev{position:relative; left:auto; top:auto; height:auto;  margin:0; padding:0; width:68px; height:68px; display:block;  border-radius:50%; background:url(../img/rolling_prev.svg) no-repeat center center;  border:1px solid #fff;  cursor:pointer;  flex-shrink: 0; transition: all 0.3s ease-out;}
.section_5 .swiper-button-prev:hover{background:url(../img/rolling_prev_on.svg) no-repeat center center #fff;}
.section_5 .swiper-button-prev:after{display:none;}
.section_5 .swiper-button-next{position:relative;  right:auto; top:auto; height:auto;  margin:0; margin-left:30px; padding:0; width:68px; height:68px; display:block;  border-radius:50%; background:url(../img/rolling_next.svg) no-repeat center center;  border:1px solid #fff;  cursor:pointer; flex-shrink: 0; transition: all 0.3s ease-out;}
.section_5 .swiper-button-next:hover{background:url(../img/rolling_next_on.svg) no-repeat center center #fff;}
.section_5 .swiper-button-next:after{display:none;}
.section_5 .swiper-pagination{position:relative; width:100%; margin-left:180px; display:flex;}
.section_5 .swiper-pagination:before{position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#595959; display:block; content:"";}
.section_5 .swiper-pagination span.swiper-pagination-bullet{margin:0;}
.section_5 .swiper-pagination span{margin:0; flex-grow:1; width:100%; height:2px; background-color:#fff; display:block; }

/* footer */
.fp-viewing-6 #menu{display:none;}
.footer{position:relative; background-color:#212121;}
.footer .cont{margin:0 auto; padding:30px 20px; max-width:1600px;  display:flex; }
.footer .menu{margin-bottom:max(calc(45/1080*100vh),20px);}
.footer .menu ul{display:flex; gap:25px;}
.footer .menu ul li a{font-size:18px; color:#B3B3B3; font-weight:600;}
.footer .menu ul li a strong{color:#CF6464; font-weight:inherit;}
.footer_logo{margin-bottom:max(calc(20/1080*100vh),10px);}
.footer .info{font-size:clamp(12px, calc(15 / 1920 * 100vw), 15px); color:#B3B3B3;  line-height:1.6;}
.footer_cs{margin-left:auto; text-align:right; display:flex; flex-direction: column; justify-content: space-between;}
.footer_cs .tit{margin-bottom:max(calc(20/1080*100vh),10px); font-size:clamp(12px, calc(15 / 1920 * 100vw), 15px); color:#B3B3B3; display:block; }
.footer_cs .tel{margin-bottom:max(calc(26/1080*100vh),10px);font-size:clamp(30px, calc(38 / 1920 * 100vw), 38px); font-weight:700; color:#B3B3B3; line-height:1;}
.footer_cs ul li{font-size:clamp(12px, calc(15 / 1920 * 100vw), 15px); color:#B3B3B3; line-height:1.6;}
.footer_cs .sns_list ul{display:flex; align-items: center; gap:16px; justify-content: flex-end;}
.btn_top{position:absolute; right:9%; top:-30px; z-index:100; width:60px; aspect-ratio: 1/1; display:block; background:url(../img/btn_top.svg) no-repeat center center; }

.mb_only{display:none;}
.section .inner {padding-top:var(--header_h);}

@media screen and (max-width: 1200px){
.circle-svg{position:absolute; right:-500px; top:-400px; transform:scale(0.8);}
.circle-svg2{position:absolute; right:-400px; bottom:-600px; transform:scale(1) rotate(180deg);}
.circle-svg3{position:absolute; left:-400px; top:-400px; transform:scale(0.6);}
.btn_top{right:3%;}
}

@media screen and (max-width: 1000px){
.section_5 .title_area h1,
.section_4 .title h1{font-size:5vw;}
.section_0 .txt_1{font-size:6vw;}

.section_2 .left_txt .txt_2,
.section_1 .txt_area .txt_2{font-size:4vw;}
.section_3 .history .swiper-slide{width:300px;}
.section_3 .history .circle{padding:50px 50px 0;}
.section_5 .certificate{padding-left:200px;}
.section_5 .swiper-pagination{margin-left:50px;}
}

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

.circle-svg3{left:-30vw; top:-60vw; width:80vw; height:80vw; }
.section_4 .circle-svg2{right:-40vw; bottom:-60vw; width:80vw; height:80vw;}
.section_4 .circle-svg1{right:-40vw; top:-60vw; width:70vw; height:70vw;}

.footer .cont{display:block; }
.footer_cs{position:relative; text-align:left; margin-top:30px;}
.footer_cs .sns_list{position:absolute; right:0; top:30px; }
.footer_cs .sns_list img{width:30px;}
.footer_cs .sns_list ul{justify-content: flex-start; gap:10px;}

.section_3 .title_area .txt_1{font-size:13px;}

.btn_top{top:-20px; width:40px; background-size:100%;}
}

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

.mb_only{display:block;}

.section_4 .title h1,
.section_5 .title_area h1,
.section_2 .left_txt .txt_2,
.main .section_0 .txt_1,
.section_0 .txt_1{font-size:8vw;}
.section_1 .inner{display:block; padding:100px 30px 0 20px;}
.section_1 .txt_area{width:100%;}
.section_1 .img_area{margin:20px auto 0; width:70%;}
.section_1 .txt_area .txt_2{font-size:7.8vw;}
.section_1 .txt_area .txt_4 br{display:none;}
.section_3 .title_area .txt_1,
.section_1 .txt_area .txt_3{font-size:16px;}
.section_1 .txt_area .txt_4{font-size:13px;}

.section_0 .txt_2{font-size:20px;}
.section_0 .txt_3{font-size:16px; line-height:1.3;}


.section_1 .fp-tableCell,
.section_2 .fp-tableCell{vertical-align: top;}

.section_3 .title_area h1,
.section_2 .left_txt .txt_1,
.section_1 .txt_area .txt_1{font-size:18px;}

.circle-svg{width:100vw; height:100vw; right:-30vw; top:-20vh; }
.circle-svg2{width:100vw; height:100vw; right:-40vw; bottom:-20vw; transform:scale(1) rotate(300deg);}

.section_2 .inner{display:block; padding:100px 30px 0 20px;}
.section_2 .left_txt{margin-bottom:20px; width:100%;}
.section_2 .right_txt{ width:100%; font-size:12px;}
.section_2 .right_txt .name{margin-top:10px;}
.section_2 .right_txt .name img{max-width:70px;}
.section_2 .left_txt .txt_1{margin-bottom:20px;}

.section_3 .history .swiper-slide.now{width:100px;}
.section_3 .history .swiper-slide{width:200px; }
.section_3 .history .circle{padding:30px 30px 0; }
.section_3 .history .swiper-slide .txt{font-size:12px;}
.section_3 .history .year{margin-bottom:10px; font-size:24px;}
.section_3 .history .since{font-size:24px;}
.section_3 .history .now .year{font-size:45px;}

.section_3 .history .swiper-button-next,
.section_3 .history .swiper-button-prev{display:none;}
.section_3 .history .swiper-pagination{margin-left:0; }

.section_4 .inner{padding:var(--header_h) 30px 0 20px;}
.section_4 .title{width:100%;}

.section_4 .txt_area h2{font-size:4vw;}
.section_4  .d-flex{display:block; }
.section_4 .txt_area{width:100%;}
.section_4 .vision p{font-size:14px;}
.section_4 .vision p{font-size:13px; line-height:1.8;}
.section_4 ul li{margin-bottom:10px; font-size:13px;  line-height:1.88;}
.section_4 ul{margin-top:2vh;}

.section_5 .inner{padding:var(--header_h) 30px 0 20px;}
.section_5 .certificate{padding-left:0;}
.section_5 .title_area .txt_1{font-size:16px;}
.section_5 .swiper-button-next,
.section_5 .swiper-button-prev{display:none;}
.section_5 .swiper-pagination{margin-left:0; }
.section_5 .swiper-slide{width:160px;}

.footer .menu ul{gap:15px;}
.footer_logo img{width:120px;}
.footer .menu ul li a{font-size:13px;}
}


.section_6 .title_area{margin:0 auto; padding:0 20px; max-width:1720px;  margin-bottom:max(calc(70/1080*100vh),20px); display:flex; align-items: center;}
.section_6 .title_area h1{font-size:60px; color:#fff; font-weight:700; font-family: var(--font);}
.section_6 .inner{max-width:100%;;}
.section_6 .txt_1{font-size:18px; color:#fff;}
.space_list ul{position:relative; display:Flex; }
.space_list li{position:relative; width:20%; cursor:pointer; aspect-ratio: 325/566; max-height:566px; overflow:hidden;}
.space_list li:before{position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; content:""; transition: all 0.3s ease-out; opacity:1;}
.space_list li .bg{position:relative; z-index:1; width:100%; height:100%;object-fit: cover;}
.space_list li .tit{position:absolute; top:18px; left:0; z-index:3; padding:0 8%; font-size:18px; color:#fff; font-family: var(--font); font-weight:700; transition: all 0.3s ease-out;}
.space_list li .over_txt{position:absolute; bottom:7px; left:0; z-index:4; padding:0 5%; width:100%; font-size:60px; color:#fff; font-family: var(--font); font-weight:700; opacity:0; transition: all 0.3s ease-out; line-height:1.1; word-break: keep-all; }
.space_list li:hover:before{opacity:0;}
.space_list li:hover .tit{opacity:0;}
.space_list li:hover .over_txt{opacity:1;}

.section_8 .inner{margin:0 auto; padding:var(--header_h) 20px 0; max-width:1620px; box-sizing:border-box;  display:flex; align-items: center;}
.section_8 .left_area{width:47%; }
.section_8 .title_area{margin-bottom:max(calc(50/1080*100vh),20px);}
.section_8 .title_area h1{font-size:60px; color:#fff; font-weight:700; font-family: var(--font);}
.section_8 .right_area{margin-left:auto; width:49%;}
.section_8 .icon_tab ul{display:flex; gap:24px;}
.section_8 .icon_tab ul li{width:20%;}
.section_8 .icon_tab ul li button{width:100%; aspect-ratio: 1/1; display:flex; align-items: center; justify-content: center; border-radius:50%;}
.section_8 .icon_tab ul li.icon_1 button{background:url(../img/service_ic1.svg) no-repeat center center #3A3A3A; }
.section_8 .icon_tab ul li.icon_2 button{background:url(../img/service_ic2.svg) no-repeat center center #3A3A3A; }
.section_8 .icon_tab ul li.icon_3 button{background:url(../img/service_ic3.svg) no-repeat center center #3A3A3A; }
.section_8 .icon_tab ul li.icon_4 button{background:url(../img/service_ic4.svg) no-repeat center center #3A3A3A; }
.section_8 .icon_tab ul li.icon_5 button{background:url(../img/service_ic5.svg) no-repeat center center #3A3A3A; }
.section_8 .icon_tab ul li.icon_1.on button{background:url(../img/service_ic1_on.svg) no-repeat center center #fff; }
.section_8 .icon_tab ul li.icon_2.on button{background:url(../img/service_ic2_on.svg) no-repeat center center #fff; }
.section_8 .icon_tab ul li.icon_3.on button{background:url(../img/service_ic3_on.svg) no-repeat center center #fff; }
.section_8 .icon_tab ul li.icon_4.on button{background:url(../img/service_ic4_on.svg) no-repeat center center #fff; }
.section_8 .icon_tab ul li.icon_5.on button{background:url(../img/service_ic5_on.svg) no-repeat center center #fff; }
.section_8 .img_list ul{position:relative; }
.section_8 .img_list ul li{position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease-out;}
.section_8 .img_list ul li:first-child{position:relative; z-index:2; left:auto; top:auto;}
.section_8 .img_list ul li.on{z-index:3; opacity:1;}
.section_8 .txt_cont>div{display:none;}
.section_8 .txt_cont>div.on{display:block;}
.section_8 .txt_cont h2{margin-top:max(calc(50/1080*100vh),20px); font-size:32px; color:#fff; }
.section_8 .txt_cont p{margin-top:max(calc(10/1080*100vh),10px); font-size:18px; color:#fff;  line-height:1.5;}
.section_8 .txt_cont .tag{margin-top:max(calc(20/1080*100vh),10px); display:flex; align-items: center; flex-wrap:wrap; gap:4px;}
.section_8 .txt_cont .tag span{padding:5px 20px; display:inline-block; border:1px solid #fff; border-radius:2em; font-size:24px; color:#fff;}

.section_9 .inner{margin:0 auto; padding:0 20px; max-width:1600px; }
.section_9 .txt_1{margin-bottom:max(calc(50/1080*100vh),20px); font-size:60px; color:#fff; font-weight:700; line-height:1.2; font-family: var(--font);}
.section_9 .txt_2{font-size:24px; color:#fff;}
.section_9 .title_area{margin-bottom:max(calc(140/1080*100vh),50px);}
.section_9 .logo_area{text-align:center;}
.section_9 .logo_area  .pc_only{display:block;}
.section_9 .logo_area  .mb_only{display:none;}

.section_10 .inner{margin:0 auto; padding:var(--header_h) 20px 0; max-width:1600px; }
.section_10 .title_area{position:relative; margin-bottom:max(calc(30/1080*100vh),10px);}
.section_10 .title_wrap{position:relative;}
.section_10 .title_wrap:before{position:absolute; left:0; top:50%; width:0; height:1px; background-color:#595959; display:block; content:""; transition: all 1.5s ease-out 0.6s;}
.section_10.active .title_wrap:before{width:100vw;}
.section_10 .title_area h1{position:relative; z-index:1; margin-bottom:max(calc(16/1080*100vh),5px); font-size:60px; color:#fff; font-weight:700; font-family: var(--font);}
.section_10 .title_area h1 span{position:relative; padding-right:20px; display:inline-block; background-color:#212121; z-index:3;}
.section_10 .title_area .txt_1{font-size:24px; color:#fff;}
.section_10 .more{margin-bottom:max(calc(50/1080*100vh),20px); text-align:right; }
.section_10 .more a{position:relative; padding:6px 0; min-width:130px; font-size:clamp(12px, calc(16 / 1920 * 100vw), 16px); color:#fff; display:inline-block; text-align:left;}
.section_10 .more a:before{position:absolute; left:0; bottom:0; width:130px; aspect-ratio: 130/15; background:url(../img/more_arrow.svg) no-repeat center center; display:block; content:""; transition: all 0.3s ease-out;}
.section_10 .more a:hover:before{left:20px;}
.section_10 .swiper-slide a{positioN:relative; display:block; }
.section_10 .project_list .img_area{position:relative; aspect-ratio: 515/343; }
.section_10 .project_list .img_area img{width:100%; height:100%; object-fit: cover;}
.section_10 .project_list .cover_txt{position:absolute; left:0; top:0; padding:35px; width:100%;height:100%; background-color:rgba(0,0,0,0.8); display:block;  display:flex; flex-direction: column; justify-content: space-between; opacity:0; transition: all 0.3s ease-out;}
.section_10 .project_list .cover_txt .tit{font-size:18px; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.section_10 .project_list .cover_txt .txt{font-size:18px; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.section_10 .swiper-slide a:hover .cover_txt{opacity:1;}
.section_10 .swiper{overflow:inherit;}

@keyframes scroll{ 
    0%{top:0px;}
    50%{top:-10px;} 
    100%{top:0;} 
}

.scroll{position:absolute; left:0; bottom:5%; z-index:5; width:100%; text-align:center; }
.scroll span{font-size:14px; color:#fff; font-weight:500; }
.scroll span:before{position:relative; margin:0 auto 10px; width:16px; aspect-ratio: 16/26; display:block; background:url(../img/ic_scroll.svg) no-repeat center center; background-size:100%; content:""; animation: scroll 1s ease-in infinite 0.6s;}
@media screen and (max-width: 1500px){
.section_10 .project_list .cover_txt{padding:20px;}
}

@media screen and (max-width: 1000px){
.section_10 .title_area h1 span,
.section_9 .txt_1,
.section_8 .title_area h1,
.section_6 .title_area h1{font-size:5vw;}
.section_6 .txt_1{font-size:16px;}
.section_8 .icon_tab ul{gap:12px;}
.section_8 .icon_tab ul li.icon_1 button{background-size:60%;}
.section_8 .icon_tab ul li.icon_2 button{background-size:60%;}
.section_8 .icon_tab ul li.icon_3 button{background-size:60%;}
.section_8 .icon_tab ul li.icon_4 button{background-size:60%;}
.section_8 .icon_tab ul li.icon_5 button{background-size:60%;}
.section_8 .icon_tab ul li.icon_1.on button{background-size:60%;}
.section_8 .icon_tab ul li.icon_2.on button{background-size:60%;}
.section_8 .icon_tab ul li.icon_3.on button{background-size:60%;}
.section_8 .icon_tab ul li.icon_4.on button{background-size:60%;}
.section_8 .icon_tab ul li.icon_5.on button{background-size:60%;}
}

@media screen and (max-width: 768px){
.section_10 .title_area h1 span, 
.section_9 .txt_1, 
.section_8 .title_area h1, 
.section_6 .title_area h1{font-size:8vw;}
.section_6 .title_area{display:block; }

.section_3.section .inner,
.section_4.section .inner,
.section_5.section .inner,
.section_9.section .inner,
.section_10.section .inner{padding-top:0;}

.section_2.section .inner{padding-top:var(--header_h);}

/*
.space_list ul{display:block; }
.space_list li{width:100%; margin-bottom:10px; aspect-ratio: 1/0.2;}
.space_list li:last-child{margin-bottom:0;}
.space_list li .over_txt{font-size:10vw;}
*/

.section_6 {overflow:hidden;}
.section_6 .inner{padding:0 !important;}
.section_6 .title_area{padding:0 20px;}
.space_list li .over_txt{display:none;}
.space_list{padding:0 20px; overflow-x:auto; -webkit-overflow-scrolling: touch;}
.space_list .scroll{overflow-x:auto;}
.space_list ul{width:770px;}
.section_10 .title_area .txt_1,
.section_6 .txt_1{font-size:13px;}
.scroll{display:none;}
.section_8 .inner{display:block; padding:var(--header_h) 30px 0 20px;}
.section_8 .left_area{width:100%; }
.section_8 .right_area{margin:20px auto 0; width:100%;}
.section_8 .txt_cont .tag span{padding:2px 14px; font-size:12px;}
.section_8 .txt_cont h2{margin-top:20px; font-size:24px;}
.section_9 .title_area{margin-bottom:40px;}
.section_10 .title_wrap:before{display:none;}
.section_8 .fp-tableCell{vertical-align: top;}
.section_8 .txt_cont p{min-height:60px; font-size:13px;}
.section_8 .txt_cont .tag{min-height:50px;}

.section_10 .project_list .cover_txt{position:relative; padding:15px 0 0; opacity:1; background:none;}
.section_10 .project_list .cover_txt .tit{font-size:15px;}
.section_10 .project_list .cover_txt .txt{margin-top:14px; font-size:11px;}

.section_9 .logo_area{text-align:center;}
.section_9 .logo_area  .pc_only{display:none;}
.section_9 .logo_area  .mb_only{display:block;}
.section_9 .txt_2{font-size:13px;}

}
@media screen and (max-width: 520px){
.project_list .swiper{padding-right:40px;}
}

.black{background-color:#212121;}

/* project_cont */
.project_cont{padding:calc(var(--header_h) + 145px) 20px 100px; margin:0 auto; max-width:1615px;}
.project_cont .title_area{margin-bottom:max(calc(70/1080*100vh),30px);}
.project_cont .title_area h1{font-size:60px; color:#fff; font-weight:700; font-family: var(--font); }
.project_cont .title_area .txt_1{margin-top:max(calc(16/1080*100vh),5px);font-size:24px; color:#fff;}

.tabType_1{margin-bottom:max(calc(90/1080*100vh),40px);}
.tabType_1 ul{display:Flex; align-items: center; justify-content: center; gap:50px}
.tabType_1 ul li a{position:relative; padding:5px 0; color:#fff; font-weight:300; font-family: var(--font); font-size:clamp(20px, calc(28 / 1920 * 100vw), 28px); display:block; text-align:center;}
.tabType_1 ul li.active a{font-weight:700;}
.tabType_1 ul li.active a:before{position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff; display:block; content:""; }

.gallery_list>ul{display:flex; gap:50px 15px; flex-wrap:wrap;}
.gallery_list>ul>li{position:Relative; width: calc((100% - 30px)/3); }
.gallery_list>ul>li>a{positioN:relative; display:block; }
.gallery_list .img_area{position:relative; aspect-ratio: 515/343; }
.gallery_list .img_area img{width:100%; height:100%; object-fit: cover;}
.gallery_list .cover_txt{position:absolute; left:0; top:0; padding:35px; width:100%;height:100%; background-color:rgba(0,0,0,0.8); display:block;  display:flex; flex-direction: column; justify-content: space-between; opacity:0; transition: all 0.3s ease-out;}
.gallery_list .cover_txt .tit{font-size:clamp(22px, calc(22 / 1920 * 100vw), 30px); color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.gallery_list .cover_txt .txt{font-size:18px; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.gallery_list>ul>li>a:hover .cover_txt{opacity:1;}
.black .gallery_list .cover_txt .txt,
.black .gallery_list .cover_txt .tit{color:#fff;}
@media screen and (max-width: 960px){
.gallery_list>ul{gap:20px 15px;}
.gallery_list>ul>li{width: calc((100% - 15px)/2); }
.gallery_list .cover_txt{position:relative; left:auto; top:auto; opacity:1; background:transparent; width:auto; height:auto; display:block; }
.project_cont .title_area h1{font-size:8vw;}
.project_cont{padding-top:calc(var(--header_h) + 50px); }
.tabType_1 ul{gap:20px;}
.project_cont .title_area .txt_1{font-size:16px;}
.gallery_list .cover_txt .tit{font-size:16px; color:#333;}
.gallery_list .cover_txt .txt{font-size:12px; color:#333;}
.gallery_list .cover_txt{padding:10px;}
}

.view_cont{position:relative; display:flex; flex-direction: row-reverse; align-items: flex-start;}
.view_cont .txt_area{position:sticky; left:0; top:calc(var(--header_h) + 30px); margin-left:auto; width:33%;}
.view_cont .img_area{position:relative;  width:64%; }
.view_cont .img_area ul li{margin-bottom:50px;}
.project_cont .back{margin-bottom:max(calc(70/1080*100vh),30px); text-align:right; }
.project_cont .back a{position:relative; display:inline-block; padding:5px 0; min-width:120px; font-size:clamp(22px, calc(30 / 1920 * 100vw), 30px); color:#fff; font-family:var(--font); text-align:right;   display:inline-block; }
.project_cont .back a:before{position:absolute; left:0; bottom:0; width:120px; height:12px; display:block; background:url(../img/more.svg) no-repeat center center; display:block; content:"";}
.view_cont .txt_area .category{margin-bottom:max(calc(60/1080*100vh),30px);  font-size:clamp(20px, calc(28 / 1920 * 100vw), 28px); font-family: var(--font); color:#fff;}
.view_cont .txt_area  h2{margin-bottom:max(calc(28/1080*100vh),15px); font-size:clamp(22px, calc(22 / 1920 * 100vw), 30px); color:#fff; }
.view_cont .txt_area .txt{margin-bottom:max(calc(40/1080*100vh),20px); font-size:18px; color:#fff; }
.view_cont .txt_area  ul li{margin-bottom:max(calc(40/1080*100vh),20px);}
.view_cont .txt_area  ul li strong{display:block; font-size:clamp(14px, calc(20 / 1920 * 100vw), 20px); font-weight:700; color:#fff;}
.view_cont .txt_area  ul li span{display:block; font-size:clamp(14px, calc(20 / 1920 * 100vw), 20px);color:#fff; font-weight:200;}

@media screen and (max-width: 960px){
.view_cont{display:block; }
.view_cont .txt_area{padding-bottom:30px; width:100%; position:relative; top:auto; }
.view_cont .img_area{width:100%;}
.view_cont .txt_area .category{margin-bottom:30px;}
.view_cont .txt_area .txt{margin-bottom:30px;}
.view_cont .txt_area ul li{margin-bottom:10px; }
.project_cont .back{margin-bottom:30px;}
.project_cont .title_area{margin-bottom:30px;}
}

.white .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo.svg)no-repeat center center; background-size:100%;}
.white .logo img{display:none;}
.white .gnb>ul>li>a{color:#212121;}
.white .header .nation_open{background:url(../img/nation_bk.svg) no-repeat 0 center; color:#212121;}
.white .gnb_open{background:url(../img/ic_menu_bk.svg) no-repeat center center;}
.white .project_cont .title_area h1{color:#212121;}
.white .project_cont .title_area .txt_1{color:#212121;}
.white .tabType_1 ul li a{color:#212121;}
.white .tabType_1 ul li.active a:before{background-color:#212121;}
.white .header .nation_open:before{background:url(../img/arrow_bk.svg) no-repeat center center;}
.white .project_cont .back a{color:#212121;}
.white .project_cont .back a:before{background:url(../img/more_bk.svg) no-repeat center center;}
.white .view_cont .txt_area ul li strong,
.white .view_cont .txt_area ul li span,
.white .view_cont .txt_area .txt,
.white .view_cont .txt_area h2,
.white .view_cont .txt_area .category{color:#212121;}

@media screen and (max-width: 1340px){
.white .gnb>ul>li>a{color:#fff;}

}

.business .section_1{background-color:#fff;}
.business .section_1 .txt_area{width:100%;}
.business .section_1 .txt_area .txt_2,
.business .section_1 .txt_area .txt_3,
.business .section_1 .txt_area .txt_4,
.business .section_1 .txt_area .txt_1{color:#222;}
.business .scroll span:before{background:url(../img/ic_scroll_bk.svg) no-repeat center center;}
.business .scroll span{color:#C9C2AC;}

.business .section_6{background-color:#F6F6F6;}
.business .section_6  .txt_1{font-size:16px; color:#212121;}
.business .section_6 .title_area h1{color:#212121;}
.business .space_list li{width:25%; aspect-ratio: 407/566;}
.business .section_8{background-color:#fff;}
.business .section_8 .title_area h1{color:#212121;}
.business .section_8 .icon_tab ul li.icon_6 button{background:url(../img/service_ic6.svg) no-repeat center center #3a3a3a; }
.business .section_8 .icon_tab ul li.icon_7 button{background:url(../img/service_ic7.svg) no-repeat center center #3a3a3a; }
.business .section_8 .icon_tab ul li.icon_8 button{background:url(../img/service_ic8.svg) no-repeat center center #3a3a3a; }
.business .section_8 .icon_tab ul li.icon_9 button{background:url(../img/service_ic9.svg) no-repeat center center #3a3a3a; }
.business .section_8 .icon_tab ul li.icon_6.on button{background:url(../img/service_ic6_on.svg) no-repeat center center ;  border:1px solid #3A3A3A;}
.business .section_8 .icon_tab ul li.icon_7.on button{background:url(../img/service_ic7_on.svg) no-repeat center center ; border:1px solid #3A3A3A;}
.business .section_8 .icon_tab ul li.icon_8.on button{background:url(../img/service_ic8_on.svg) no-repeat center center ; border:1px solid #3A3A3A;}
.business .section_8 .icon_tab ul li.icon_9.on button{background:url(../img/service_ic9_on.svg) no-repeat center center ; border:1px solid #3A3A3A;}
.business .section_8 .txt_cont h2{color:#212121;}
.business .section_8 .txt_cont p,
.business .section_8 .txt_cont h2{color:#212121;}
.business .section_10 .scroll span,
.business .section_9 .scroll span,
.business .section_8 .scroll span{color:#212121;}
.business .section_10 .scroll span:before,
.business .section_9 .scroll span:before,
.business .section_8 .scroll span:before{background:url(../img/ic_scroll_bk2.svg) no-repeat center center;}

.business .section_9{background-color:#F6F6F6;}
.business .section_9 .txt_1{color:#212121;}
.business .section_9 .txt_2{color:#212121;}

.business .section_10{background-color:#F6F6F6;}
.business .section_10  .title_area h1 span{background-color:#F6F6F6; color:#212121;}
.business .section_10 .title_area .txt_1{color:#212121;}
.business .section_10 .more a{color:#212121;}
.business .section_10 .more a:before{background:url(../img/more_arrow_bk.svg) no-repeat center center;}

@media screen and (max-width: 768px) {
.business .space_list li{width:100%; /*aspect-ratio:1/0.2;*/}
.business .section_8 .icon_tab ul li.icon_6 button{background-size:40%;}
.business .section_8 .icon_tab ul li.icon_7 button{background-size:60%;}
.business .section_8 .icon_tab ul li.icon_8 button{background-size:60%;}
.business .section_8 .icon_tab ul li.icon_9 button{background-size:60%;}
.business .section_8 .icon_tab ul li.icon_6.on button{background-size:40%;}
.business .section_8 .icon_tab ul li.icon_7.on button{background-size:60%;}
.business .section_8 .icon_tab ul li.icon_8.on button{background-size:60%;}
.business .section_8 .icon_tab ul li.icon_9.on button{background-size:60%;}
}


.fp-viewing-anchor2.business .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo.svg)no-repeat center center; background-size:100%;}
.fp-viewing-anchor2.business .logo img{display:none;}
.fp-viewing-anchor2.business .gnb>ul>li>a{color:#212121;}
.fp-viewing-anchor2.business .header .nation_open{background:url(../img/nation_bk.svg) no-repeat 0 center; color:#212121;}
.fp-viewing-anchor2.business .gnb_open{background:url(../img/ic_menu_bk.svg) no-repeat center center;}

.fp-viewing-anchor3.business .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo.svg)no-repeat center center; background-size:100%;}
.fp-viewing-anchor3.business .logo img{display:none;}
.fp-viewing-anchor3.business .gnb>ul>li>a{color:#212121;}
.fp-viewing-anchor3.business .header .nation_open{background:url(../img/nation_bk.svg) no-repeat 0 center; color:#212121;}
.fp-viewing-anchor3.business .gnb_open{background:url(../img/ic_menu_bk.svg) no-repeat center center;}

.fp-viewing-anchor4.business .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo.svg)no-repeat center center; background-size:100%;}
.fp-viewing-anchor4.business .logo img{display:none;}
.fp-viewing-anchor4.business .gnb>ul>li>a{color:#212121;}
.fp-viewing-anchor4.business .header .nation_open{background:url(../img/nation_bk.svg) no-repeat 0 center; color:#212121;}
.fp-viewing-anchor4.business .gnb_open{background:url(../img/ic_menu_bk.svg) no-repeat center center;}

.fp-viewing-anchor5.business .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo.svg)no-repeat center center; background-size:100%;}
.fp-viewing-anchor5.business .logo img{display:none;}
.fp-viewing-anchor5.business .gnb>ul>li>a{color:#212121;}
.fp-viewing-anchor5.business .header .nation_open{background:url(../img/nation_bk.svg) no-repeat 0 center; color:#212121;}
.fp-viewing-anchor5.business .gnb_open{background:url(../img/ic_menu_bk.svg) no-repeat center center;}

.fp-viewing-anchor6.business .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo.svg)no-repeat center center; background-size:100%;}
.fp-viewing-anchor6.business .logo img{display:none;}
.fp-viewing-anchor6.business .gnb>ul>li>a{color:#212121;}
.fp-viewing-anchor6.business .header .nation_open{background:url(../img/nation_bk.svg) no-repeat 0 center; color:#212121;}
.fp-viewing-anchor6.business .gnb_open{background:url(../img/ic_menu_bk.svg) no-repeat center center;}

@media screen and (max-width: 768px) {
.fp-viewing-anchor2.business .logo a,
.fp-viewing-anchor3.business .logo a,
.fp-viewing-anchor4.business .logo a,
.fp-viewing-anchor5.business .logo a,
.fp-viewing-anchor6.business .logo a{width:120px;}
.fp-viewing-anchor2.business .gnb>ul>li>a,
.fp-viewing-anchor3.business .gnb>ul>li>a,
.fp-viewing-anchor4.business .gnb>ul>li>a,
.fp-viewing-anchor5.business .gnb>ul>li>a,
.fp-viewing-anchor6.business .gnb>ul>li>a{color:#fff;}
}

.header.on .logo a {width:148px; aspect-ratio: 148/48; display:block; background:url(../img/logo_wh.svg)no-repeat center center !important; background-size:100%;}
.header.on .logo img{display:none !important;}
.header.on .gnb>ul>li>a,
.header.on .s_gnb ul li a{color:#fff !important;}
.header.on .nation_open{color:#fff !important; background:url(../img/nation.svg) no-repeat 0 center !important;}



.tabType_2{margin:max(calc(70/1920*100vw),30px) 0 max(calc(65/1920*100vw),30px);}
.tabType_2>ul{display:flex; gap:20px; flex-wrap:wrap;}
.tabType_2>ul>li{}
.tabType_2>ul>li button{position:relative; padding:5px 20px; font-size:28px; color:#fff; }
.tabType_2>ul>li button:before{position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#fff; display:block; content:""; transition: all 0.6s ease-out;}
.tabType_2>ul>li.active button:before{width:100%;}
.location_info{border-top:2px solid #737373; padding:max(calc(40/1920*100vw),20px) 0;}
.location_info address{display:flex; font-size:clamp(16px, calc(22 / 1920 * 100vw), 22px); color:#fff; align-items: center; flex-wrap:wrap; gap:8px; }
.location_info address strong{font-size:clamp(16px, calc(22 / 1920 * 100vw), 22px); font-weight:700;   }
.location_info ul{margin-top:10px; display:flex; align-items: center; flex-wrap: wrap; gap:10px 40px; }
.location_info ul li{display:flex; gap:8px; align-items: center; font-size:clamp(16px, calc(22 / 1920 * 100vw), 22px); color:#fff; font-family: var(--font); font-weight:400;}
.location_cont .map_area iframe{width:100%; height:626px; display:block; }
.location_cont>div{display:none;}
.location_cont>div:first-child{display:block;}
.location_cont h2{margin:80px 0 30px;  font-size:28px; color:#fff; font-weight:700; }
.exhibition_hall ul{margin-bottom:20px; display:flex; flex-wrap:wrap; gap:20px; }
.exhibition_hall ul:last-child{margin-bottom:0;}
.exhibition_hall ul.row5 li{width:calc((100% - 80px) / 5); }
.exhibition_hall ul.row2 li{width:calc((100% - 20px) / 2); }
.exhibition_hall ul.row3 li{width:calc((100% - 40px) / 3); }
.exhibition_hall ul.row4 li{width:20.2%;}
.exhibition_hall ul.row4 li:first-child{width:calc(39.4% - 60px);}

@media screen and (max-width: 960px) {
.tabType_2>ul>li button{padding:3px 10px; font-size:16px;}
.tabType_2>ul{gap:10px;}
.location_info ul{gap:10px 20px; }
.location_cont .map_area iframe{height:300px;}
}

.visual_1{background:url(../img/visual_img_1.png) no-repeat center center; background-size:cover;}
.visual_1:before,
.visual_2:before,
.visual_3:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:"";}
/*.visual_2{background:url(../img/visual_img_2.png) no-repeat center center; background-size:cover;}*/
.visual_3{background:url(../img/visual_img_3.png) no-repeat center center; background-size:cover;}

.section_0{background-color:#fff;}
.section_0:before{display:none;}

/* intro_logo */
@keyframes fadeEffect {
100% {opacity: 0; visibility: hidden;}
}
@keyframes introAni {
100% {transform: translate(-50%, -50%) scale(300);}
}
.intro_logo_wrap{position:fixed; left:0; top:0; z-index:100; width:100vw; height:100vh; background-color:#fff; animation:fadeEffect 1s 1s linear forwards 1;}
.intro_logo{position:fixed; left:50%; top:50%; z-index:20; transform: translate(-50%, -50%); animation:fadeEffect 1s 1s linear forwards 1;}
.intro_logo img{animation:introAni 3s 0.5s ease-in; transform:scale(1);}

/* popup */
.popup{visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.popup.active{opacity:1; visibility: visible;}
.popup_bg{position:fixed; left:0; top:0; z-index:60; width:100vw; height:100vh; background:rgba(0,0,0,0.7); visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.popup_content{position:fixed; left:50%; top:50%; z-index:61; max-width:1507px; max-height:90vh; width:90%; background-color:#464646; transform:translate(-50%, -50%); visibility: hidden; opacity:0; transition: all 0.3s ease-out; overflow:auto;}
.popup.active .popup_bg {opacity:1; visibility: visible;}
.popup.active .popup_content {opacity:1; visibility: visible;}
.popup_content h1{margin-bottom:20px; font-size:45px; font-family: var(--font); font-weight:700; color:#fff; }
.popup_content h2{font-size:36px; margin-bottom:10px; color:#fff;}
.popup_content p{margin-bottom:20px;font-size:16px; color:#fff; line-height:1.4;}
.popup_content .popup_video .inner{position:relative; aspect-ratio: 1/0.56;}
.popup_content .popup_video .loader{position:absolute; left:50%; top:50%; z-index:1; margin:-24px 0 0 -24px;}
.popup_content .popup_video iframe{position:relative; z-index:3; width:100%; height:100%; }
.btn_popup_close{position:absolute; right:20px; top:20px; padding-left:35px; line-height:20px; background:url(../img/ic_close.svg) no-repeat 0 center; display:block; font-size:18px; color:#fff;}
.popup_video_cont{opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; transition: all 0.3s ease-out; flex-wrap:wrap;}
.popup_video_cont.active{opacity:1; visibility:visible; position:relative;}
.popup_video_cont .popup_video{padding: 20px; width:58%;}
.popup_video_cont .content_area{position:relative; padding: 20px max(calc(50/1920*100vw), 20px); width:42%; display:flex; align-items: center; justify-content: center; background-color:#3D3D3D;}
.popup_video_cont .content_inner{width:100%;}
.popup_video_cont .img_area{position:relative; text-align:center; width:100%; min-height:460px; display:flex; align-items: center; justify-content: center;}
.popup_video_cont .txt_img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.popup_video_cont .phone_img{opacity:0;  position:relative; bottom:-40px; transition: all 0.6s ease-out; transition-delay: 0.5s;}
.popup_video_cont .txt_img img{opacity:0; position:relative; bottom:-40px; transition: all 0.6s ease-out; transition-delay: 0.8s;}
.popup_video_cont.active .phone_img{opacity:1; bottom:0;}
.popup_video_cont.active .txt_img img{opacity:1; bottom:0;}
.popup_video_cont .img_area_2{padding-top:100px;}
.popup_video_cont .img_area .phone_img{width:38.24%;}
.popup_video_cont .img_area_2 .phone_img{width:72.46%;}
@media screen and (max-width: 960px) {
.popup_content{background-color:#3D3D3D;}
.popup_video_cont .popup_video{width:100%; background-color:#464646;}
.popup_video_cont .content_area{width:100%;}
.popup_content p br{display:none;}
}

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

.popup_content .title_area h1{font-size:20px;}
.btn_popup_close{padding-left:20px; background-size:14px; font-size:14px;}
.popup_video_cont .img_area{padding:10vw 0; min-height:auto;}
.popup_video_cont .txt_img_2{top:40%;}

.location_cont h2{margin:40px 0 15px; font-size:22px;}
.exhibition_hall img{width:100%;}
.exhibition_hall ul{margin-bottom:5px; display:flex; flex-wrap:wrap; gap:5px; }
.exhibition_hall ul.row4 li{width:calc((100% - 10px) / 3);}
.exhibition_hall ul.row4 li:first-child{width:100%;}
.exhibition_hall ul.row3 li{width:calc((100% - 5px) / 2);}
.exhibition_hall ul.row2 li{width:100%;}
.exhibition_hall ul.row5 li{width:calc((100% - 10px) / 3);}
.exhibition_hall ul.row5 li:nth-child(4){width:calc((100% - 5px)/2);}
.exhibition_hall ul.row5 li:nth-child(5){width:calc((100% - 5px)/2);}
}

@media screen and (max-width: 960px) {
.section .inner{padding:calc(var(--header_h) + 40px) 40px 0 20px;}
}

/* contact_us */
.contact_us{padding-top:max(calc(80/1080*100vh),40px); margin-top:max(calc(36/1080*100vh),15px);; border-top:1px solid #777;}
.contact_us>ul{display:flex; flex-wrap:wrap; gap:40px 65px;}
.contact_us>ul>li{width: calc((100% - 65px)/2);}
.contact_us>ul>li .tit{padding:0 0 16px; font-size:1.5rem; color:#fff;  font-family:var(--font); font-weight:400;}
.contact_us>ul>li .input_area input[type=password],
.contact_us>ul>li .input_area input[type=text]{width:100%; height:60px; line-height:60px; border:none; font-size:1.5rem;}
.contact_us>ul>li textarea{padding:10px; width:100%; height:408px; box-sizing:border-box; border:none; background-color:#fff;}
.contact_us>ul>li.w100p{width:100%;}
.contact_us>ul>li.pw_area{display:flex; gap:34px;}
.contact_us>ul>li.pw_area .tit{padding-top:10px;}
.contact_us>ul>li.pw_area .input_area input[type=password]{width:200px; }
.contact_us>ul>li.pw_area .input_area span{font-size:1.375rem; color:#bbb; }
.contact_us .terms_box pre{padding:35px 60px;  height:240px; box-sizing:border-box; background-color:#fff; color:#555; line-height:1.5; font-size:1.25rem; overflow:auto; white-space: pre-wrap;}
.contact_us .agree_txt{position:relative; margin-top:32px; text-align:center; font-size:1.375rem; color:#bbb; overflow:hidden;}
.contact_us .agree_txt input[type=checkbox]{position:absolute; left:-20px; top:0; }
.contact_us .agree_txt label{position:Relative; padding-left:45px; min-height:30px; line-height:30px; display:inline-block; }
.contact_us .agree_txt label:before{position:absolute; left:0; top:0; width:30px; aspect-ratio: 1/1; border:1px solid #777; background:url(../img/ic_checkbox.svg) no-repeat center center #E3E3E3; box-sizing:border-box; border-radius:3px; display:block; content:""; transition: all 0.3s ease-out;}
.contact_us .agree_txt input[type=checkbox]:checked+label:before{background:url(../img/ic_checkbox_on.svg) no-repeat center center #333;}
.contact_us .btn_area{margin-top:max(calc(100/1080*100vh),40px);; }
.contact_us .btn_area .btn_submit{margin:0 auto; max-width:300px; width:90%; height:64px; line-height:64px; display:block; background-color:#fff; font-size:1.5rem; color:#000;  font-family:var(--font); font-weight:500;}
@media screen and (max-width: 960px) {
.contact_us>ul{display:block; }
.contact_us>ul>li{margin-bottom:20px; width:100%;}
.contact_us>ul>li:last-child{margin-bottom:0;}
.contact_us .terms_box pre{padding:15px;}

.contact_us>ul>li .input_area input[type=password], 
.contact_us>ul>li .input_area input[type=text]{height:40px; line-height:40px; font-size:1.25rem;}
.contact_us>ul>li textarea{height:200px;}
.contact_us>ul>li.pw_area .tit{padding-top:0;}
.contact_us>ul>li.pw_area{display:block; }
.contact_us>ul>li.pw_area .d-flex{display:block; }
.contact_us>ul>li.pw_area .input_area input[type=password]{width:100%; }
.contact_us .btn_area .btn_submit{height:50px; line-height:50px;}
}

/* ******************  메인 비주얼 ********************** */
.main-visual-container{width:100%; height:100vh; float:left; transition:opacity .6s ease, transform .3s ease;}
.main-visual-container .control{position:absolute; left:0; bottom:100px; z-index:4; width:100%; padding:0 4.5%; box-sizing:border-box; display:flex; align-items:center; gap:10px;}
.main-visual-container .control .swiper-pagination{position:relative; left:auto; top:auto;  bottom:auto; width:auto; }
.main-visual-container .control .progress_bar{position:relative; max-width:230px; width:100%; height:2px; background-color:rgba(255,255,255,0.5); display:block;}
.main-visual-container .control .progress_bar span{position:absolute; left:0; top:0; width:0; height:100%; background-color:#fff; display:block;  transition: width 0s linear;}
.main-visual-container .control .progress_bar.on span{width:100%; transition: width 2.5s linear;}
.main-visual-container .swiper-pagination{font-size:18px; font-weight:700; color:#fff; }
.swiper-slide { backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow:hidden;}
.main-visual-item-inner{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-size:cover; transition: transform 0.6s ease;}

.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1; overflow:hidden; border-bottom-left-radius:10rem}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	/* transform: scale(1.08,1.08); */
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{/* animation: image-zoom-out 8s 0s forwards; */}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-img-inner{position: absolute; width:50%; height:100%; top:0; left:0; display: flex; align-items:center; text-align:center;}
.main-visual-img-inner img{max-width:80%}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
}
.main-visual-img-inner + .main-visual-txt-box .main-visual-txt-inner{margin-left:50%;}
.main-visual-txt-box .main-visual-txt-inner{position:relative; top:15%; z-index:2; padding:0 4.5%; width:100%; text-align:left; box-sizing:border-box;}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2,
.main-visual-txt-box .main-visual-txt3,
.main-visual-txt-box .main-visual-more-btn{ opacity:0; }
.main-visual-txt-box .main-visual-txt1{letter-spacing:-0.02em; line-height:1.23; color:#fff;}
.main-visual-txt-box .main-visual-txt1.txt_1{margin-bottom:3vh; font-size: 64px; font-family: var(--font); font-weight: 600; line-height:1.1;}
.main-visual-txt-box .main-visual-txt1.txt_2{margin-bottom: 3vh; font-size: 40px; font-family: var(--font);}
.main-visual-txt-box .main-visual-txt1.txt_3{font-size: 25px; }
/*
@media (max-width: 1920px) {
.main-visual-txt-box .main-visual-txt1.txt_1{font-size: 3.3vw}
.main-visual-txt-box .main-visual-txt1.txt_2{font-size: 2.08vw;}
.main-visual-txt-box .main-visual-txt1.txt_3{font-size:1.3vw; }
}
*/
@media (max-width: 960px) {
.main-visual-txt-box .main-visual-txt1.txt_1{font-size: 8vw}
.main-visual-txt-box .main-visual-txt1.txt_2{font-size: 6vw;}
.main-visual-txt-box .main-visual-txt1.txt_3{font-size:4vw; }
}

.swiper-slide-active .main-visual-txt1{
	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s;
}
.swiper-slide-active .main-visual-txt1.right{
	animation: text-active-animation-reverse 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s;
}
.swiper-slide-active .main-visual-txt1{animation-delay:0.5s;}
.swiper-slide-active .main-visual-txt2{animation-delay:0.3s;}
.swiper-slide-active .main-visual-txt3{animation-delay:0.5s;}
.swiper-slide-active .main-visual-more-btn{animation-delay:0.8s;}

.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.swiper-slide-active .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}


/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(100px); 
		transform: translateX(100px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes text-active-animation-reverse {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(-100px); 
		transform: translateX(-100px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}


/* 메인 비주얼 :: 카운터 */
.main-visual-counter{position:absolute; top:50%; left:0; width:100%; z-index:11; margin-top:25rem;}
.main-visual-counter .area-box{padding:0 4.5%; width:100%; display: flex; align-items:Center; box-sizing:border-box;}
.main-visual-counter .main-visual-num{display: flex; align-items:center; font-size:1.5rem; color:#fff; letter-spacing:-0.04em; font-weight:700; margin-right:2rem; width:6rem; transition:var(--transition-custom); font-family: var(--font);}
.main-visual-counter .main-visual-num .cur-num{color:#92db46}
.main-visual-counter span,
.main-visual-counter .middle{display:inline-block; vertical-align:middle; }
.main-visual-counter .middle{display: inline-block; margin:0 10px; width:1px; height:1.4rem; background:#fff; transition:var(--transition-custom);}

/* 메인 비주얼 :: Dots */
.main-visual-counter .main-visual-bar{position: relative;width:24rem; height:2px; background:rgba(119,119,119,0.1); margin-right:2rem; transition:var(--transition-custom);}
.main-visual-counter .main-visual-bar span{position:absolute; content:""; width:0; height:100%; background-color:#fff; top:0; left:0; font-size:0;}
/* .main-visual-counter .main-visual-bar:not(.start-progress) .slick-dots li.slick-active button{animation:dotLoading 5.5s linear both;}
.main-visual-counter .main-visual-bar.start-progress .slick-dots li.slick-active button{animation:dotLoading 4s linear both;} */

@keyframes dotLoading{	
	from{width:0px;}
	to{width:100%;}
}

/* 메인 비주얼 :: 화살표 */
.main-visual-arrows{display: flex; position: absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
.main-visual-arrows .main-slide-btn{width:50%; height:100%;}

/* 메인 비주얼 :: pause,play */
.main-visual-counter .slick-control-btns{position: absolute; top:50%; right:0; transform:translate(120%, -50%); display:inline-block; vertical-align:top; margin-left:1rem;}
.main-visual-counter .slick-control-btns button{color:#777; vertical-align:top; transition:var(--transition-custom);}
.main-visual-counter .slick-control-btns button i{vertical-align:top; font-size:2.4rem; position:relative;}
.main-visual-counter .slick-control-btns .slick-play-btn{display:none;}


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:6rem; left:6rem; z-index:9;}
.main-scroll-icon span{position: relative; display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:50%; background-color:#fff; font-size:1.8rem; color:#000; transition:var(--transition-custom);}
.main-scroll-icon span:before{position: absolute; content:''; width:233%; height:233%; border-top:1px solid #fff; border-radius:50%; box-sizing:border-box; top:50%; left:50%; transform:translate(-50%, -50%);  animation: visualScroll 1.5s linear infinite;}
@keyframes visualScroll {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@media all and (max-width:1280px){
	.main-visual-counter{margin-top:0; top:auto; bottom:14rem;}
}

/* ****************** 
	* Mouse Pointer
********************** */
.mouse-pointer{position:fixed; top:0px; left:0px; z-index:10000; pointer-events:none; }
/* base */
.mouse-pointer .pointer-circle{position:absolute; top:50%; left:50%; width: 2rem; height: 2rem; border-radius:50%;  transform:translate(-50%,-50%) scale(1); transition:var(--transition-custom); border:1px solid var(--main-color);}

/* link */
.mouse-pointer.link .pointer-circle{width:5rem; height:5rem; opacity:0;}

/* more */
.mouse-pointer .pointer-more{position:absolute; left:50%; top:50%; display: block; width: 160px; height: 160px; transform: translate(-50%,-50%) scale(0); opacity:0; visibility: hidden; transition:var(--transition-custom); display: flex; align-items:center; justify-content:center;}
.mouse-pointer .pointer-more .inner-circle{position: relative; display: block; width:160px; height:160px; background:rgba(85,148,36,0.6); backdrop-filter:blur(5px); border-radius:50%;}
.mouse-pointer .pointer-more .inner-circle:before{position: absolute; /* content:'\e907'; */ color:#fff; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}

.mouse-pointer.more:not(.non-more) .pointer-circle{opacity:0; visibility: hidden;}
.mouse-pointer.more:not(.non-more) .pointer-more{transform: translate(-50%,-50%) scale(1.0); visibility: visible; opacity: 1;}
.mouse-pointer.more:not(.non-more) .pointer-more svg{animation: textRotate 10s linear infinite;}
.mouse-pointer.prev .pointer-more .inner-circle:before{width:40px; aspect-ratio: 1/1; background:url(../img/visual_prev.svg) no-repeat center center; background-size:100%;  transform:translate(-50%, -50%); content:""; display:block;}
.mouse-pointer.next .pointer-more .inner-circle:before{width:40px; aspect-ratio: 1/1; background: url(../img/visual_next.svg) no-repeat center center; background-size:100%; transform:translate(-50%, -50%); content: ""; display:block;}


@keyframes textRotate {
	0% {
		transform: translate(-50%,-50%) rotate(0);
	}
	100% {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}

.is-mobile .mouse-pointer,
.is-mobile .pointer-circle,
.is-mobile .pointer-txt,
.is-mobile .pointer-arrow{visibility: hidden; opacity: 0;}



@media all and (max-width:800px){
.mouse-pointer,
.pointer-circle,
.pointer-txt,
.pointer-arrow{visibility: hidden; opacity: 0;}

.main-visual-con{border-bottom-left-radius: 4rem;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item .main-visual-pc-img{display:none;}
.main-visual-item .main-visual-m-img{display:block;}
.main-visual-img-inner{width:100%; top:auto; bottom:0; align-items: flex-end;}
.main-visual-img-inner span{margin-bottom:10vh;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-box .main-visual-txt-inner{width:100% !important; margin:0; top:0;}
.main-visual-txt-box .main-visual-txt1{}
/* 메인 비주얼 :: Dots */
.main-visual-conuter{width:calc(100% - 8rem); bottom:3.4rem; left:auto; right:0;}
.main-visual-conuter .main-visual-bar{width:calc(100% - 11.4rem);}
/* 메인 비주얼 :: 화살표 */
.main-visual-arrows{width:11.4rem;}
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{bottom:3.4rem; left:3.4rem;}
.main-scroll-icon span:before{width:5rem; height:5rem;}
}
.slick-control-btns button{width:20px; aspect-ratio: 1/1; display:block; }
.slick-control-btns .slick-pause-btn{background:url(../img/visual_stop.svg) no-repeat center center; background-size:100%;}
.slick-control-btns .slick-play-btn{background:url(../img/visual_play.svg) no-repeat center center; background-size:100%;}


.loader { width: 48px; height: 48px; border-radius: 50%; display: inline-block; position: relative; background: linear-gradient(0deg, rgba(255, 61, 0, 0.2) 33%, #ff3d00 100%); box-sizing: border-box; animation: rotation 1s linear infinite; }
.loader::after { content: ''; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 50%; background: #464646; }
@keyframes rotation {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg)}
} 

.section_11 .top_title{margin-bottom: max(calc(20/1920*100vw), 20px);}
.section_11 h1{ font-size:32px; font-weight:100; color:#C8B07D; font-family: var(--font); }
.section_11 .inner{padding:0 40px; margin:0 auto; max-width:1688px; }
.our_service_swiper{overflow:hidden;}
.section_11 .title_area{margin-bottom:max(calc(40/1080*100vh), 20px); padding-bottom:max(calc(30/1080*100vh), 15px); display:flex; align-items: flex-end; border-bottom:1px solid #fff; flex-wrap:wrap;}
.section_11 .title_area h2{font-size:40px; font-family: var(--font);  color:#fff; font-weight:400; line-height:1.2;}
.section_11 .title_area h2 strong{font-weight:700;}
.section_11 .title_area .right_txt{margin-left:auto; max-width:642px; font-size:18px; color:#fff; font-weight:300; word-break: keep-all;}
.section_11 .swiper_inner{display:flex;}
.section_11 .img_area{width:53.5%; }
.section_11 .txt_area{margin-left:auto; width:40%; }
.section_11 .txt_area ul li{margin-bottom:15px; display:flex; align-items: flex-start;}
.section_11 .txt_area ul li:last-child{margin-bottom:0; }
.section_11 .txt_area ul li.mb_35{margin-bottom:30px; }
.section_11 .txt_area ul li .tit{width:140px; font-size:18px; font-weight:300; color:#fff; flex-shrink: 0;}
.section_11 .txt_area ul li .txt{width:calc(100% - 100px); font-size:18px; font-weight:300; color:#fff; line-height:1.4;}
.section_11 .control{margin-left:auto; display:flex; align-items: center; gap:10px;}
.section_11 .control .swiper-pagination{position:relative; left:auto; right:auto; top:auto; bottom:auto; color:#fff;  border-radius:0;  display:flex; align-items:center;}
.section_11 .control .swiper-pagination span{position:relative; padding:0 10px; width:auto; height:auto; font-size:18px; font-weight:300; display:block; background:none;}
.section_11 .control .swiper-pagination span:first-child:before{display:none;}
.section_11 .control .swiper-pagination span:before{position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#fff; display:block; transform:translateY(-50%); content:"";}
.section_11 .our_service_prev{width:45px; aspect-ratio: 1/1; background:url(../img/visual_prev.svg) no-repeat center center; display:block; background-size:40px;}
.section_11 .our_service_next{width:45px; aspect-ratio: 1/1; background:url(../img/visual_next.svg) no-repeat center center; display: block; background-size: 40px;}
.section_11 .our_service_next.swiper-button-disabled,
.section_11 .our_service_prev.swiper-button-disabled{display:none;}
@media screen and (max-width: 1300px) {
.section_11 .title_area{display:block;}
.section_11 .title_area .right_txt{margin-left:0; margin-top:10px; max-width:100%; }
.section_11 .title_area .right_txt br{display:none;}
.section_11 .img_area{width:50%;}
.section_11 .txt_area{width:46%;}
}
@media screen and (max-width: 960px) {
.section_11 .swiper_inner{display:block;}
.section_11 .img_area{margin:0 auto;}
.section_11 .txt_area{margin-top:20px; width:100%; }
.section_11 .control .swiper-pagination span{font-size:14px; padding:0 5px;}
}
@media screen and (max-width: 768px) {
.section_11 .fp-tableCell{vertical-align: top;}
.section_11 .inner{padding:calc(var(--header_h) + 30px) 8% 0;}
.section_11 .top_title{margin-bottom:10px;}
.section_11 .title_area{display:block; margin-bottom:3vw; padding-bottom:3vw; }
.section_11 .title_area .right_txt{margin:10px 0 0; max-width:100%; font-size: 22px}
.section_11 .swiper_inner{display:block; }
.section_11 .img_area{margin-bottom:2vw; width:100%; text-align:center; aspect-ratio: 1/0.4;}
.section_11 .img_area img{width:100%; height:100%; object-fit:cover;}
.section_11 .txt_area{width:100%;}
.section_11 .title_area h2{font-size:40px;}
.section_11 .txt_area ul li .tit{width:25vw; font-size:20px;}
.section_11 .txt_area ul li .txt{width: calc(100% - 25vw); font-size:20px;}
.section_11 h1{font-size:18px;}
.section_11 .our_service_next{width:20px; background-size:20px;}
.section_11 .our_service_prev{width:20px; background-size:20px;}
}

@media screen and (max-width: 640px) {
.section_11 .title_area h2{font-size:6vw;}
.section_11 .title_area .right_txt{font-size:13px;}
.section_11 .txt_area ul li .txt{font-size:3vw;}
.section_11 .txt_area ul li .tit{font-size:3vw;}
.section_11 .txt_area ul li{margin-bottom:5px;}
}

.our_service_certificate ul{display:flex; }
.section_11 .txt_area ul li .txt .our_service_certificate ul li{position:relative; z-index:1; margin-left:-120px; margin-bottom:0; width:156px; transition: transform 0.2s ease-out; transform: translateY(0px);}
.section_11 .txt_area ul li .txt .our_service_certificate ul li:hover {z-index:2;transform: translateY(-5px);}
.section_11 .txt_area ul li .txt .our_service_certificate ul li:first-child{margin-left:0;}

@media screen and (max-width: 960px) {
.section_11 .txt_area ul li .txt .our_service_certificate ul li{width:120px; margin-left:-100px;}
}