/* 공통 */
/* body {background: #F6F6F6;} */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner {max-width: 1440px; margin: 0 auto; width: 100%;}
.inner1600 {max-width:1600px; margin:0 auto; width: 100%;}
.inner2{padding: 0 50px; width: 100%;}
@font-face {
    font-family: 'YeolrinMyeongjo';
    src: url('https://cdn.jsdelivr.net/gh/woffz/a1@main/Yoondesign/YeolrinMyeongjo-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 

:root {
    --color1 : #D09E52;
    --font-roboto : 'Roboto', sans-serif;
    --font-noto : 'Noto Sans KR', sans-serif;
    --filter-white : brightness(0) invert(1);
}

/* HEADER */
.header{height:100px; position:fixed; top:0; z-index:100; width:100%; /* transition: 0.35s cubic-bezier(.4,0,.6,1); */ border-bottom: 1px solid rgba(255,255,255,.2);}
/* .header.on {transform: translateY(-100%);} */
.header .inner1600{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner1600 > div{display:flex; align-items:center;}
.header h1 a img{width: 100px; display: block; filter: var(--filter-white);}
.header .gnb{display:flex; gap: 75px;}
.header .gnb > li{position:relative;}
.header .gnb > li > a{font-size: 16.8px; color: #fff; font-weight: 400; line-height: 100px; display: block;  text-transform: uppercase;}
.header .gnb > li > a:hover,
.header .gnb > li.on > a {font-weight: 700; text-decoration: underline; text-underline-offset: 5px;}
.all_menu_btn{width: 25px; cursor:pointer;}
.all_menu_btn img {width: 100%; filter: var(--filter-white);}

.header .gnb > li:hover ol {display: block;}
.header .gnb > li ol {display: none; position: absolute; top: calc(100% - 16px); left: 50%; transform: translateX(-50%); box-shadow: 0px 7px 29px 0px #64646F33; border-radius: 5px; background: #fff; padding: 0; padding: 17.5px 0; width: 99px;}
.header .gnb > li ol a {display: block; text-align: center; font-size: 14px; font-weight: 400; color: #000; opacity: .4;  padding: 7.5px 25px;}
.header .gnb > li ol a:hover {font-weight: 800; text-decoration: underline; text-underline-offset: 5px; opacity: 1;}


.header.fixed {background: #fff;}
.header.fixed .gnb > li > a {color: #000;}
.header.fixed .logo {filter: none;}

/* .header.fixed,
.header:hover {background: #FFF;}
.header.fixed h1 a img.logo,
.header.active h1 a img.logo,
.header:hover h1 a img.logo {filter: none;}
.header.fixed .all_menu_btn img,
.header.active .all_menu_btn img,
.header:hover .all_menu_btn img {filter: none;}
.header.fixed .gnb > li > a,
.header.active .gnb > li > a,
.header:hover .gnb > li > a {color: #222;}
.header.fixed .gnb > li.on > a,
.header.active .gnb > li.on > a,
.header:hover .gnb > li.on > a,
.header.fixed .gnb > li > a:hover,
.header.active .gnb > li > a:hover,
.header:hover .gnb > li > a:hover {font-weight: 800;} */

.header.active h1 a img.logo {filter: none;}
.header.active .gnb > li > a {color: #222;}
.header.active .all_menu_btn img {filter: none;}

/* all menu */
.all_menu{transform: translateX(100%); opacity: 0; position:fixed; width:100%; height:100%; z-index:5000; background: #fff; transition: all .3s;}
.all_menu::before {content: ""; width: 1476px; height: 383px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url('/img/main/all_menu_bg.svg') no-repeat center/cover;}
.all_menu.on {transform: translateX(0); opacity: 1;}
.all_menu .all_inner {position:relative; padding: 65px 0 170px;}
.all_menu_close{position: absolute; top: 41px; right: 40px; cursor: pointer; z-index: 1;}
.all_menu_close img{width:60.47px;}
.all_inner .logo {width: 120px; margin-left: 50px;}
.all_menu_list {margin-top: 20px; padding-left: 599px;}
.all_menu_list a {position: relative; font-size: 60px; color: #C1C1C1; font-weight: 400;   line-height: 1.8;}
.all_menu_list a::after {content: ""; width: 0; height: 3px; background: #000; position: absolute; left: 0; top: 90%; transition: all .5s;}
.all_menu_list a:hover {color: #000; text-decoration: none;}
.all_menu_list a:hover::after {content: ""; width: 100%;}
.all_menu .sns_box {text-align: right; padding-right: 293px;}
.all_menu .sns {margin-bottom: -80px; display: inline-block; text-align: left;}
.all_menu .sns p {font-size: 15px; font-weight: 600; color: #C1C1C1;  margin-bottom: 15px;}
.all_menu .sns a {display: flex; align-items: center; gap: 10px; font-size: 30px; font-weight: 600;  line-height: 1.2; color: #000;}
.all_menu .sns a img {width: 17px;}

/* footer */
.footer {background: #222222; padding: 60px 0; margin-top: 140px; border-top: 1px solid rgba(255,255,255,.2);}
.footer .top {/* max-width: 1440px; */ box-sizing: border-box; margin: 0 auto;}
.footer .left {display: flex; align-items: flex-start;}
.footer .logo_cont {width: 39.236%;}
.footer .logo {width: 105px; filter: var(--filter-white);}
.footer .info {width: 32.014%;}
.footer .info p {font-size: 13px; font-weight: 300; color: #fff; line-height: 1.5;}
.footer p.copy {margin-top: 30px !important; font-size: 12px; font-weight: 300; color: #fff;}
.footer .bot {margin-top: 5px;}
.footer .sns {display: flex; align-items: center; justify-content: flex-end; gap: 11px;}
.footer .sns img {width: 30px; opacity: .5;}
.footer .sns a[rel=""] {display: none;}
.footer .term {display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-top: 20px;}
.footer .term a {font-size: 14px; font-weight: 400; color: #BEBEBE; }
.footer .term strong a {font-weight: 700; color: #fff;}

/* SIDE QUICK */
.quick {position:fixed; right:20px; bottom:140px; z-index:1000;}
.quick a {display:flex; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: var(--color3);}
.quick a img {width: 20px;}
.quick li + li {margin-top: 10px;}
.quick li:first-child a {background: #fff;}
.quick li:last-child a {background: #333;}
.quick li:last-child a img {width: 16px;}

/****** main ******/
/* visual */
.main_visual {position: relative; height: 950px;}
.main_visual .swiper-slide {width: 100%; height: 100%; overflow: hidden; position: relative;}
.main_visual .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); transition: transform 3s ease !important;}
.main_visual .swiper-slide .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /* opacity: 0; */}
/* .main_visual .swiper-slide-active .txt {animation: text-active-animation 3s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes text-active-animation { 
    from {opacity:0;filter:Alpha(opacity=0); 	-webkit-transform: translate(-80%,-50%);  	transform: translate(-80%,-50%);  } 
    to {opacity:1.0;filter:Alpha(opacity=100); 	-webkit-transform: translate(-50%,-50%);  	transform: translate(-50%,-50%);  }
} */
.main_visual .swiper-slide .txt span {font-size: 18px; font-weight: 300; color: #fff;   line-height: 1.3;}
.main_visual .swiper-slide .txt h2 {margin-top: 10px; font-size: 46px; font-weight: 400; color: #fff;  line-height: 1.13; word-break: keep-all;}
.main_visual .swiper-slide .txt p {margin-top: 30px; font-size: 25px; font-weight: 300; color: #fff;  line-height: 1.3; word-break: keep-all;}
.main_visual .swiper-slide .txt a {margin-top: 30px; display: inline-block; font-size: 16px; font-weight: 400; color: #fff;  text-transform: uppercase;}
.main_visual .swiper-slide .txt a:hover {text-decoration: underline; text-underline-offset: 4px; font-weight: 800;}
.main_visual .arrow_box {position: absolute; display: flex; align-items: center; justify-content: center; gap: 16px; left: 50%; transform: translateX(-50%); bottom: 70px; z-index: 1;}
.main_visual .arrow_box .swiper-pagination {display: flex; align-items: center; gap: 16px; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0;}
.main_visual .arrow_box .swiper-pagination-bullet {position: relative; display: flex; align-items: center; justify-content: center; width: 4px; height: 4px; border-radius: 100%; background: #ffffff50; opacity: 1;}
.main_visual .arrow_box .swiper-pagination-bullet-active {background: #fff}
.main_visual .arrow_box .swiper-pagination-bullet-active .autoplay-progress {display: block;}
.main_visual .autoplay-progress { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 18px; height: 18px; display: none;}
.main_visual .autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 2px; stroke: #fff; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg); }
.main_visual .arrow_box .arrow {display: flex; align-items: center; gap: 4px;}
.main_visual .arrow_box .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 16px; height: 16px;}
.main_visual .arrow_box .arrow > div::after {display: none;}
.main_visual .arrow_box .arrow img {width: 100%;}
/* sec1 */
.main_sec1 {padding: 170px 0;}
.main_sec1 .inner1600 {position: relative; text-align: right;}
.main_sec1 .txt {position: absolute; left: 0; top: 265px; text-align: left; z-index: 1;}
.main_sec1 .txt h2 {font-size: 40px; font-weight: 400; color: #222;  line-height: 1.375;}
.main_sec1 .txt p {margin-top: 35px; font-size: 18px; font-weight: 300; color: #707070;  line-height: 1.4;}
.main_sec1 .txt a {display: inline-block; margin-top: 75px; font-size: 16px; font-weight: 400;  color: #707070; line-height: 1.25;}
.main_sec1 .txt a:hover {text-decoration: underline; text-underline-offset: 4px; font-weight: 800; color: #000;}
.main_sec1 .img {margin-left: 510px; width: calc(100% - 510px); height: 780px; display: inline-block; position: relative;}
.main_sec1 .img img {width: 1250px; max-width: none; position: absolute; top: 0; left: 0;}
/* sec2 */
.main_sec2 {padding-bottom: 170px;}
.main_sec2 .inner1600 {position: relative;}
.main_sec2 .top_txt {position: absolute; top: 0; left: 50%; font-size: 40px; font-weight: 300; color: #222;  line-height: 1.5; padding: 108px 0 0 98px; box-sizing: border-box;}
.main_sec2 .bot_txt {text-align: center; position: absolute; bottom: 122px; left: calc(50% / 4);}
.main_sec2 .bot_txt p {font-size: 14px; font-weight: 400; color: #222;  line-height: 1.4;}
.main_sec2 .bot_txt h3 {margin-top: 10px; font-size: 46px; font-weight: 500; color: #222;  }
.main_sec2 .bot_txt a {display: inline-block; margin-top: 31px; font-size: 16px; font-weight: 300; color: #707070; text-transform: uppercase;}
.main_sec2 .bot_txt a:hover {text-decoration: underline; text-underline-offset: 4px; font-weight: 800; color: #000;}
.main_sec2 .img_box {display: flex;}
.main_sec2 .img_box > div {width: 50%;}
.main_sec2 .img_box .img a {display: block; width: 100%; height: 100%;}
.main_sec2 .img_box .right {margin-top: 380px}
.main_sec2 .img {height: 900px; overflow: hidden; font-size: 0; position: relative;}
.main_sec2 .img img {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .5s;;}
/* .main_sec2 .img:hover img {transform: scale(1.1);} */
/* sec3 */
.main_sec3 {padding: 170px 0 150px; background: #222;}
.main_sec3 h2 {text-align: center; font-size: 46px; font-weight: 800; color: #fff; }
.main_sec3 .swiper_box {margin-top: 40px; display: flex; align-items: center; flex-wrap: wrap; /* gap: 30px 44px; */ padding: 0 100px;}
.main_sec3 .item {width: calc(100%/4); height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.main_sec3 .item img {/* width: 180px; */ width: auto; height: 65px; object-fit: cover; object-position: center;}


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

    /* 공통 */
    .inner1600 {max-width:95.12vw;}
    .inner2{padding: 0 2.44vw;}
    
    /* HEADER */
    .header{height:6.10vw;}
    .header h1 a img{width: 6.10vw;}
    .header .gnb{ gap: 4.57vw;}
    .header .gnb > li > a{font-size: 1.02vw; line-height: 6.10vw;}
    .header .gnb > li a:hover,
    .header .gnb > li.on a {text-underline-offset: 0.24vw;}
    .all_menu_btn{width: 1.52vw;}
    .header .gnb > li ol {top: calc(100% - 0.98vw); border-radius: 0.30vw; padding: 1.07vw 0; width: 6.04vw;}
    .header .gnb > li ol a {font-size: 0.85vw;  padding: 0.46vw 1.52vw;}
    
    /* all menu */
    .all_menu::before {width: 90.00vw; height: 23.35vw; }
    .all_menu .all_inner {padding: 3.96vw 0 10.37vw;}
    .all_menu_close{ top: 2.50vw; right: 2.44vw;}
    .all_menu_close img{width:3.69vw;}
    .all_inner .logo {width: 7.32vw; margin-left: 3.05vw;}
    .all_menu_list {margin-top: 1.22vw; padding-left: 36.52vw;}
    .all_menu_list a {font-size: 3.66vw; }
    .all_menu_list a::after {height: 0.18vw;}
    .all_menu .sns_box {padding-right: 17.87vw;}
    .all_menu .sns {margin-bottom: -4.88vw;}
    .all_menu .sns p {font-size: 0.91vw; margin-bottom: 0.91vw;}
    .all_menu .sns a {gap: 0.61vw; font-size: 1.83vw;}
    .all_menu .sns a img {width: 1.04vw;}
    
    /* footer */
    .footer {padding: 3.66vw 0; margin-top: 8.54vw;}
    /* .footer .top {max-width: 87.80vw;} */
    .footer .logo {width: 6.40vw;}
    .footer .info p {font-size: 0.79vw;}
    .footer p.copy {margin-top: 1.83vw !important; font-size: 0.73vw;}
    .footer .bot {margin-top: 0.30vw;}
    .footer .sns {gap: 0.67vw;}
    .footer .sns img {width: 1.83vw;}
    .footer .term {gap: 1.22vw; margin-top: .7vw;}
    .footer .term a {font-size: 0.85vw; }
    
    /* SIDE QUICK */
    .quick {right:1.22vw; bottom:7.83vw;}
    .quick a {width: 2.44vw; height: 2.44vw;}
    .quick a img {width: 1.22vw;}
    .quick li + li {margin-top: 0.61vw;}
    .quick li:last-child a img {width: 0.98vw;}
    
    /****** main ******/
    /* visual */
    .main_visual {height: 57.93vw;}
    .main_visual .swiper-slide .txt span {font-size: 1.10vw; }
    .main_visual .swiper-slide .txt h2 {margin-top: 0.61vw; font-size: 2.80vw;}
    .main_visual .swiper-slide .txt p {margin-top: 1.83vw; font-size: 1.52vw; }
    .main_visual .swiper-slide .txt a {margin-top: 1.83vw; font-size: 0.98vw;}
    .main_visual .swiper-slide .txt a:hover {text-underline-offset: 0.24vw;}
    .main_visual .arrow_box {gap: 0.98vw; bottom: 4.27vw;}
    .main_visual .arrow_box .swiper-pagination {gap: 0.98vw;}
    .main_visual .arrow_box .swiper-pagination-bullet {width: 0.24vw; height: 0.24vw;}
    .main_visual .autoplay-progress {width: 1.10vw; height: 1.10vw;}
    .main_visual .autoplay-progress svg {stroke-width: 0.12vw; stroke-dashoffset: calc(7.66vw * (1 - var(--progress)));}
    .main_visual .arrow_box .arrow {gap: 0.24vw;}
    .main_visual .arrow_box .arrow > div {width: 0.98vw; height: 0.98vw;}
    /* sec1 */
    .main_sec1 {padding: 10.37vw 0;}
    .main_sec1 .txt {top: 16.16vw;}
    .main_sec1 .txt h2 {font-size: 2.44vw;}
    .main_sec1 .txt p {margin-top: 2.13vw; font-size: 1.10vw; }
    .main_sec1 .txt a {margin-top: 4.57vw; font-size: 0.98vw;}
    .main_sec1 .txt a:hover {text-underline-offset: 0.24vw;}
    .main_sec1 .img {margin-left: 31.10vw; width: calc(100% - 31.10vw); height: 47.56vw;}
    .main_sec1 .img img {width: 76.22vw;}
    /* sec2 */
    .main_sec2 {padding-bottom: 10.37vw;}
    .main_sec2 .top_txt {font-size: 2.44vw;  padding: 6.59vw 0 0 5.98vw; }
    .main_sec2 .bot_txt {bottom: 7.44vw;}
    .main_sec2 .bot_txt p {font-size: 0.85vw; }
    .main_sec2 .bot_txt h3 {margin-top: 0.61vw; font-size: 2.80vw; }
    .main_sec2 .bot_txt a {margin-top: 1.89vw; font-size: 0.98vw;}
    .main_sec2 .bot_txt a:hover {text-underline-offset: 0.24vw;}
    .main_sec2 .img_box .right {margin-top: 23.17vw}
    .main_sec2 .img {height: 54.88vw;}
    /* sec3 */
    .main_sec3 {padding: 10.37vw 0 9.15vw;}
    .main_sec3 h2 { font-size: 2.80vw; }
    .main_sec3 .swiper_box {margin-top: 2.44vw; padding: 0 6.10vw;}
    .main_sec3 .item {width: calc(100%/4); height: 12.20vw;}
    .main_sec3 .item img {/* width: 10.98vw; */ height: 3.6vw;}

}



@media screen and (max-width:1280px){
    
    /* 공통 */
    .inner1600 {max-width:93.75vw;}
    .inner2{padding: 0 3.13vw;}
    
    /* HEADER */
    .header{height:6.09vw;}
    .header h1 a img{width: 6.81vw;}
    .header .gnb{ gap: 4.53vw;}
    .header .gnb > li > a{font-size: 1.31vw; line-height: 6.09vw;}
    .header .gnb > li a:hover,
    .header .gnb > li.on a {text-underline-offset: 0.23vw;}
    .all_menu_btn{width: 1.48vw;}
    .header .gnb > li ol {top: calc(100% - 1.02vw); border-radius: 0.31vw; padding: 1.09vw 0; width: 6.02vw;}
    .header .gnb > li ol a {font-size: 0.86vw;  padding: 0.47vw 1.48vw;}
    
    /* all menu */
    .all_menu::before {width: 90.00vw; height: 23.36vw; }
    .all_menu .all_inner {padding: 3.98vw 0 10.39vw;}
    .all_menu_close{ top: 2.50vw; right: 2.42vw;}
    .all_menu_close img{width:3.67vw;}
    .all_inner .logo {width: 7.34vw; margin-left: 3.05vw;}
    .all_menu_list {margin-top: 1.25vw; padding-left: 36.48vw;}
    .all_menu_list a {font-size: 3.67vw; }
    .all_menu_list a::after {height: 0.16vw;}
    .all_menu .sns_box {padding-right: 17.89vw;}
    .all_menu .sns {margin-bottom: -4.84vw;}
    .all_menu .sns p {font-size: 0.94vw; margin-bottom: 0.94vw;}
    .all_menu .sns a {gap: 0.63vw; font-size: 1.80vw;}
    .all_menu .sns a img {width: 1.02vw;}
    
    /* footer */
    .footer {padding: 3.67vw 0; margin-top: 8.52vw;}
    /* .footer .top {max-width: 100%; padding: 0 3.13vw;} */
    .footer .logo {width: 6.41vw;}
    .footer .info p {font-size: 0.78vw;}
    .footer p.copy {margin-top: 1.80vw !important; font-size: 0.70vw;}
    .footer .bot {margin-top: 0.31vw;}
    .footer .sns {gap: 0.70vw;}
    .footer .sns img {width: 1.80vw;}
    .footer .term {gap: 1.25vw; margin-top: .7vw;}
    .footer .term a {font-size: 0.86vw; }
    
    /* SIDE QUICK */
    .quick {right:1.25vw; bottom:7vw;}
    .quick a {width: 2.42vw; height: 2.42vw;}
    .quick a img {width: 1.25vw;}
    .quick li + li {margin-top: 0.63vw;}
    .quick li:last-child a img {width: 1.02vw;}
    
    /****** main ******/
    /* visual */
    .main_visual {height: 57.97vw;}
    .main_visual .swiper-slide .txt span {font-size: 1.09vw; }
    .main_visual .swiper-slide .txt h2 {margin-top: 0.63vw; font-size: 2.81vw;}
    .main_visual .swiper-slide .txt p {margin-top: 1.80vw; font-size: 1.95vw; }
    .main_visual .swiper-slide .txt a {margin-top: 1.80vw; font-size: 1.02vw;}
    .main_visual .swiper-slide .txt a:hover {text-underline-offset: 0.23vw;}
    .main_visual .arrow_box {gap: 1.02vw; bottom: 4.30vw;}
    .main_visual .arrow_box .swiper-pagination {gap: 1.02vw;}
    .main_visual .arrow_box .swiper-pagination-bullet {width: 0.23vw; height: 0.23vw;}
    .main_visual .autoplay-progress {width: 1.09vw; height: 1.09vw;}
    .main_visual .autoplay-progress svg {stroke-width: 0.16vw; stroke-dashoffset: calc(7.66vw * (1 - var(--progress)));}
    .main_visual .arrow_box .arrow {gap: 0.23vw;}
    .main_visual .arrow_box .arrow > div {width: 1.02vw; height: 1.02vw;}
    /* sec1 */
    .main_sec1 {padding: 10.39vw 0;}
    .main_sec1 .txt {top: 16.17vw;}
    .main_sec1 .txt h2 {font-size: 2.42vw;}
    .main_sec1 .txt p {margin-top: 2.11vw; font-size: 1.41vw; }
    .main_sec1 .txt a {margin-top: 4.53vw; font-size: 1.02vw;}
    .main_sec1 .txt a:hover {text-underline-offset: 0.23vw;}
    .main_sec1 .img {margin-left: 31.09vw; width: calc(100% - 31.09vw); height: 47.58vw;}
    .main_sec1 .img img {width: 76.25vw;}
    /* sec2 */
    .main_sec2 {padding-bottom: 10.39vw;}
    .main_sec2 .top_txt {font-size: 2.42vw;  padding: 6.56vw 0 0 6.02vw; }
    .main_sec2 .bot_txt {bottom: 7.42vw;}
    .main_sec2 .bot_txt p {font-size: 0.86vw; }
    .main_sec2 .bot_txt h3 {margin-top: 0.63vw; font-size: 2.81vw; }
    .main_sec2 .bot_txt a {margin-top: 1.88vw; font-size: 1.02vw;}
    .main_sec2 .bot_txt a:hover {text-underline-offset: 0.23vw;}
    .main_sec2 .img_box .right {margin-top: 23.20vw}
    .main_sec2 .img {height: 54.84vw;}
    /* sec3 */
    .main_sec3 {padding: 10.39vw 0 9.14vw;}
    .main_sec3 h2 { font-size: 2.81vw; }
    .main_sec3 .swiper_box {margin-top: 2.42vw; padding: 0 6.09vw;}
    .main_sec3 .item {width: calc(100%/4); height: 12.19vw;}
    .main_sec3 .item img {/* width: 11.02vw; */ height: 4vw;}
}



@media screen and (max-width:1020px){
    .inner {width: 100%;}
}



@media screen and (max-width:768px){
    
    /* 공통 */
    .inner1600 {max-width:100%; padding: 0 5.21vw;}
    .inner2{padding: 0 5.21vw;}
    .pc{display:none !important;}
    .mob{display:block !important;}
    
    /* HEADER */
    .header{height:16.93vw; border-bottom: 0;}
    .header h1 a img{width: 20.83vw;}
    .header .gnb{display: none;}
    .head_mob_btn {width: 4.69vw;}
    .head_mob_btn img {width: 100%; filter: var(--filter-white);}
    .header.fixed .head_mob_btn img,
    .header.active .head_mob_btn img,
    .header:hover .head_mob_btn img {filter: none;}
    
    /* head_bg */
    .all_menu {display: none;}
    .head_bg {display: none !important; position: fixed; top: 0; left: 0; background: #fff; z-index: 1001; width: 100%; height: 100vh; padding: 19.01vw 5.21vw;}
    .head_bg.on {display: block !important;}
    .head_bg .head_bg_close {position: absolute; top: 6.51vw; right: 5.21vw;}
    .head_bg .head_bg_close img {width: 3.13vw;}
    .head_bg .head_bg_logo img {width: 20.83vw;}
    .head_bg .accordion {margin-top: 7.81vw; height: calc(100vh - (19.01vw * 2)); overflow: hidden; overflow-y: scroll;}
    .head_bg .accordion li:first-child {border-top: 0.13vw solid #E7E7E7;}
    .head_bg .accordion li {border-bottom: 0.13vw solid #E7E7E7;}
    .head_bg .accordion .link span,
    .head_bg .accordion .link a {display: block; padding: 5.21vw 0; font-size: 3.65vw; font-weight: 400; color: #000; text-transform: uppercase; /* background: url('/img/main/m_allMenu_arrow.svg') no-repeat right center/1.56vw; */ }
    .head_bg .accordion .submenu {display: none;}
    .head_bg .accordion .submenu ul {display: flex; align-items: center; gap: 1.30vw 6.51vw;}
    .head_bg .accordion .submenu a {font-size: 3.89vw; font-weight: 700; color: #ffffff50; }
    .head_bg .accordion .submenu a:hover {color: #fff; text-decoration: underline; text-underline-offset: 0.65vw;}
    .head_bg .copy {margin-top: 40vw; font-size: 3.65vw; font-weight: 400; color: #fff; }
    .head_bg .accordion .child .link {position: relative;}
    .head_bg .accordion .child .link::after {content: ""; width: 3.52vw; height: 2.76vw; background: url('/img/main/m_allMenu_arrow.svg') no-repeat center/contain; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: 0;}
    .head_bg .accordion .child.on .link::after {transform: translateY(-50%) rotate(-90deg);}
    .head_bg .accordion .child ol {display: none; padding: 5.21vw; background: #00000008; border-top: 0.13vw solid #F4FAEF;}
    .head_bg .accordion .child ol li {border: 0;}
    .head_bg .accordion .child ol li + li {margin-top: 1.30vw;} 
    .head_bg .accordion .child ol a {display: block; font-size: 3.65vw; font-weight: 400; color: #000; opacity: .4;}
    .head_bg .accordion .child ol a:hover {font-weight: 700; font-weight: 800;}
    
    /* footer */
    .footer {padding: 11.11vw 0; margin-top: 23.83vw;}
    .footer .left {gap: 7.81vw; flex-direction: column; align-items: flex-start;}
    .footer .logo_cont {width: 100%;}
    .footer .logo {width: 20.83vw;}
    .footer .info {width: 100%;}
    .footer .info p {gap: 0.39vw 2.60vw; flex-wrap: wrap;}
    .footer .info p strong {font-size: 4.17vw; }
    .footer .info p + p {margin-top: 0.39vw;}
    .footer .info p {font-size: 3.39vw; }
    .footer p.copy {margin-top: 2.60vw !important; font-size: 3.13vw; }
    .footer .bot {margin-top: 11.11vw;}
    .footer .sns {gap: 3.91vw; justify-content: flex-end;}
    .footer .sns img {width: 6.51vw;}
    .footer .term {gap: 3.91vw; margin-top: 3vw;}
    .footer .term a {font-size: 3.39vw; }
    
    /* SIDE QUICK */
    .quick {right:5.21vw; bottom:29.81vw;}
    .quick a {width: 9.11vw; height: 9.11vw;}
    .quick a img {width: 4.56vw;}
    .quick li + li {margin-top: 2.08vw;}
    .quick li:last-child a img {width: 3.65vw;}
    
    /****** main ******/
    /* visual */
    .main_visual {height: 164.06vw;}
    .main_visual .swiper-slide .txt {top: 28.65vw; transform: translateX(-50%); }

    /* .main_visual .swiper-slide-active .txt {animation: text-active-animation 3s cubic-bezier(0.4, 0, 0.2, 1) both;}
    @keyframes text-active-animation { 
        from {opacity:0;filter:Alpha(opacity=0); 	left: 0;}
        to {opacity:1.0;filter:Alpha(opacity=100); 	left: 0;}
    } */


    .main_visual .swiper-slide .txt span {font-size: 3.65vw; }
    .main_visual .swiper-slide .txt h2 {margin-top: 1.82vw; font-size: 7.81vw;}
    .main_visual .swiper-slide .txt h2 br {display: none;}
    .main_visual .swiper-slide .txt p {margin-top: 5.21vw; font-size: 4.2vw; }
    .main_visual .swiper-slide .txt p br {display: none;}
    .main_visual .swiper-slide .txt a {margin-top: 5.21vw; font-size: 3.13vw;}
    .main_visual .swiper-slide .txt a:hover {text-underline-offset: 0.65vw;}
    .main_visual .arrow_box {gap: 3.13vw; bottom: 7.81vw;}
    .main_visual .arrow_box .swiper-pagination {gap: 3.13vw;}
    .main_visual .arrow_box .swiper-pagination-bullet {width: 0.78vw; height: 0.78vw;}
    .main_visual .autoplay-progress {width: 3.13vw; height: 3.13vw;}
    .main_visual .autoplay-progress svg {stroke-width: 0.26vw; stroke-dashoffset: calc(21.48vw * (1 - var(--progress)));}
    .main_visual .arrow_box .arrow {gap: 0.78vw;}
    .main_visual .arrow_box .arrow > div {width: 3.13vw; height: 3.13vw;}
    /* sec1 */
    .main_sec1 {padding: 23.44vw 0;}
    .main_sec1 .inner1600 {padding: 0;}
    .main_sec1 .txt {top: auto; left: auto; position: relative; padding: 0 5.21vw;}
    .main_sec1 .txt h2 {font-size: 7.81vw; }
    .main_sec1 .txt h2 br {display: none;}
    .main_sec1 .txt p {margin-top: 5.21vw; font-size: 3.39vw; }
    .main_sec1 .txt a {margin-top: 5.21vw; font-size: 3.65vw;}
    .main_sec1 .txt a:hover {text-underline-offset: 0.65vw;}
    .main_sec1 .img {margin-left: 0; width: 100%; height: 100%; margin-top: 10.42vw;}
    .main_sec1 .img img {width: 100%; position: relative; top: auto; left: auto;}
    /* sec2 */
    .main_sec2 {padding-bottom: 23.44vw;}
    .main_sec2 .inner1600 {padding: 0;}
    .main_sec2 .top_txt {font-size: 7.31vw;  position: relative; top: auto; left: auto; padding: 0 5.21vw; text-align: left; margin-bottom: 10.42vw;}
    .main_sec2 .bot_txt {position: relative; bottom: auto; left: auto; margin-top: 23.44vw;}
    .main_sec2 .bot_txt p {font-size: 3.13vw; }
    .main_sec2 .bot_txt h3 {margin-top: 1.82vw; font-size: 8.33vw; }
    .main_sec2 .bot_txt a {margin-top: 5.21vw; font-size: 3.13vw;}
    .main_sec2 .bot_txt a:hover {text-underline-offset: 0.65vw;}
    .main_sec2 .img_box {display: block;}
    .main_sec2 .img_box > div {width: 100%;}
    .main_sec2 .img_box .right {margin-top: 0}
    .main_sec2 .img {height: 112.50vw;}
    /* sec3 */
    .main_sec3 {padding: 26.56vw 0;}
    .main_sec3 h2 {font-size: 8.33vw; }
    .main_sec3 .swiper_box {margin-top: 7.81vw;}
    .main_sec3 .item {height: 26.04vw; width: 50%;}
    .main_sec3 .item img {width: auto; height: 10vw;}
    

}