/* ---- 공통 ---- */

/* 디바이스 구분 */
.device {display:none;}
/* 스크립트로 제어
.device.mo {display:block;}
.device.desk {display:block;}
*/

/* 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;}

/* foot */
.foot {box-sizing:border-box;margin:100px 0 0 0;padding-top:60px;background:#222222;border-top:1px solid rgba(255,255,255,.2);}
.foot .foot-wrap {position:relative;box-sizing:border-box;}
.foot .foot-wrap .foot-copy {display:none;margin:18px 0 0 0;font-size:13px;line-height:16px;color:#bcbcbc;font-weight:400;}
.foot .foot-wrap .foot-ci {position:absolute;top:0;left:0;}
.foot .foot-wrap .foot-ci .foot-logo img {height:28px;filter:var(--filter-white);}
.foot .foot-wrap .foot-ci .foot-copy {display:block;margin:16px 0 0 0;font-size:13px;line-height:16px;color:#bcbcbc;font-weight:400;}
.foot .foot-wrap .foot-info {display:flex;flex-wrap:nowrap;}
.foot .foot-wrap .foot-info::before {content:'';display:block;width:35%;}
.foot .foot-wrap .foot-info .foot-corp {box-sizing:border-box;width:27.5%;padding-right:10px;}
.foot .foot-wrap .foot-info .foot-corp .foot-corp-list {display:flex;flex-direction:column;row-gap:2px;}
.foot .foot-wrap .foot-info .foot-corp .foot-corp-list li {font-size:13px;line-height:18px;color:#bcbcbc;;font-weight:400;}
.foot .foot-wrap .foot-info .foot-corp .foot-corp-list li a {font-size:13px;line-height:18px;color:#bcbcbc;;font-weight:400;text-decoration:none;}
.foot .foot-wrap .foot-info .foot-corp .foot-corp-list li a:hover {text-decoration:underline;}
.foot .foot-wrap .foot-info .foot-contact {width:37.5%;}
.foot .foot-wrap .foot-info .foot-contact .foot-contact-list {display:flex;flex-direction:column;row-gap:2px;}
.foot .foot-wrap .foot-info .foot-contact .foot-contact-list li {font-size:13px;line-height:18px;color:#bcbcbc;}
.foot .foot-wrap .foot-info .foot-contact .foot-contact-list li a {font-size:13px;line-height:18px;color:#bcbcbc;text-decoration:none;}
.foot .foot-wrap .foot-addinfo {display:flex;flex-wrap:nowrap;margin:20px 0 0 0;padding:4px 0 60px 0;}
.foot .foot-wrap .foot-addinfo::before {content:'';display:block;width:35%;}
.foot .foot-wrap .foot-addinfo .foot-sns {width:27.5%;}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list {display:flex;flex-direction:column;}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li a {display:block;position:relative;height:30px;margin:8px 0 0 0;padding:0 0 0 38px;font-size:13px;line-height:30px;color:#bcbcbc;font-weight:700;text-decoration:none;}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li a::after {content:'';display:block;position:absolute;top:0;left:0;width:30px;height:30px;background:url(/img/sns_instagram.png) no-repeat 0 0;background-size:30px 30px;}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li a.instar::after {background-image:url(/img/sns_instagram.png);}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li a.youtube::after {background-image:url(/img/sns_youtube.png);}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li a.blog::after {background-image:url(/img/sns_blog.png);}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li a[rel=""] {display:none;}
.foot .foot-wrap .foot-addinfo .foot-sns .foot-sns-list li:first-child a {margin-top:0;}
.foot .foot-wrap .foot-addinfo .foot-cust {width:37.5%;}
.foot .foot-wrap .foot-addinfo .foot-cust .foot-cust-list {display:flex;flex-wrap:nowrap;column-gap:10px;align-items:center;}
.foot .foot-wrap .foot-addinfo .foot-cust .foot-cust-list li a {display:block;position:relative;height:30px;font-size:13px;line-height:30px;color:#bcbcbc;font-weight:700;text-decoration:none;}
.foot .foot-wrap .foot-btm-info {padding:40px 0 0 0;border-top:1px solid rgba(255,255,255,.2);}
.foot .foot-wrap .foot-btm-info .foot-copy {margin:16px 0 0 0;font-size:13px;line-height:16px;color:#bcbcbc;font-weight:400;}

/* media query */
@media (max-width:1000px) {
	.foot .foot-wrap .foot-info .foot-corp {width:32.5%;}
	.foot .foot-wrap .foot-info .foot-contact {width:32.5%;}
	.foot .foot-wrap .foot-addinfo .foot-sns {width:32.5%;}
	.foot .foot-wrap .foot-addinfo .foot-cust {width:32.5%;}
}

@media (max-width:768px) {
	.foot {padding-top:40px;}
	.foot .foot-wrap .foot-addinfo {padding-bottom:40px;}
}

@media (max-width:700px) {
	.foot .foot-wrap .foot-ci {position:static;top:auto;left:auto;}
	.foot .foot-wrap .foot-ci .foot-copy {display:none;}
	.foot .foot-wrap .foot-info {padding-top:30px;}
	.foot .foot-wrap .foot-info::before {display:none;}
	.foot .foot-wrap .foot-info .foot-corp {width:50%;}
	.foot .foot-wrap .foot-info .foot-contact {width:50%;}
	.foot .foot-wrap .foot-addinfo::before {display:none;}
	.foot .foot-wrap .foot-addinfo .foot-sns {width:50%;}
	.foot .foot-wrap .foot-addinfo .foot-cust {width:50%;}
	.foot .foot-wrap .foot-copy {display:block;}
}
@media (max-width:430px) {
	.foot .foot-wrap .foot-info {flex-direction:column;row-gap:18px;}
	.foot .foot-wrap .foot-info .foot-corp {width:auto;}
	.foot .foot-wrap .foot-info .foot-contact {width:auto;}
	.foot .foot-wrap .foot-addinfo .foot-cust .foot-cust-list {justify-content:flex-end;}
}


/* 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;}
*/

.quick {position:fixed;right:24px;bottom:60px;z-index:1000;}
.quick ul {display:flex;flex-direction:column;row-gap:8px;}
.quick ul li {text-align:center;}
.quick ul li.councel a {display:flex;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto;background:#333;border-radius:68px;}
.quick ul li.councel a span {font-size:13px;line-height:1.2;color:#fff;font-weight:700;text-align:center;}
.quick ul li.gotop a {display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;box-sizing:border-box;width:40px;height:40px;margin:0 auto;background:rgba(255,255,255,0.7);border:1px solid #333;border-radius:40px;font-size:0;line-height:0;text-indent:-100000px;}
.quick ul li.gotop a::before {content:'';display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;background:url(/img/ico_gotop.png) no-repeat 0 0;background-size:16px auto;font-size:0;line-height:0;}


/****** 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 .gnb > li a:hover,
    .header .gnb > li.on a {text-underline-offset:0.24vw;}
    .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;}

    
    /****** 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 {width:calc(100% - 31.10vw);height:auto;margin-left:31.10vw;}
    .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;}


    /****** 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);}
    .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.21%;}
    .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;}

    /* SIDE QUICK */
    .quick {right:16px;bottom:40px;}
    
    /****** 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%;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;}
}