@charset "utf-8";
body{overflow-x:hidden;}
#wrap{overflow:hidden;}
.mainWrap{background:#333;}
.layout{width:100%;max-width:1280px;margin:0 auto;}
.layout2{width:100%;max-width:1600px;margin:0 auto;}
.layout3{width:100%;max-width:1000px;margin:0 auto;}
.flex{display:flex;justify-content:space-between;align-items:center;position:relative;}
.flex.flex_left{justify-content:flex-start;}
.flex .wid_2n{width:48%;}
.flex .wid_3n{width:32%;}
.flex .wid_4n{width:24%;}


/* 헤더 */
#header{position:absolute;z-index:99;width:100%;padding:0 5%;margin:0 auto;}
#header .headerWrap{display:flex;justify-content:space-between;align-items:center;}
#header .logo{max-width:40%;flex:0 0 auto;}
#header .logo a{display:flex;align-items:center;}
#header .logo a img{width:100%;}
/* 메뉴 */
#topMenu{position:relative;float:right;flex:1 0 auto;}
.lnbWrap{position:relative;z-index:110;}
.lnbWrap .menuTop{display:none;}
.mainMenu .depth1-ul{display:flex;justify-content:right;float:right;padding-right:50px;max-width:960px;gap:30px;}
.mainMenu .depth1-li{position:relative;text-align:center;height:140px;align-items:center;flex:1 0 auto;}
.mainMenu .depth1-li > a{display:flex;position:relative;color:#333;font-weight:800;font-size:24px;padding:0 30px;height:100%;align-items:center;justify-content:center;}
.mainMenu .depth1-li:hover > a::before{content:'';position:absolute;left:50%;bottom:40px;width:7px;height:7px;border-radius:50%;background:#ff4d00;}
.mainMenu .depth2-ul{display:none;position:absolute;width:100%;left:0;top:115px;background:#ff4d00;padding:10px 0;border-radius:0 0 0 20px}
.mainMenu .depth2-li > a{display:block;font-size:16px;padding:10px;position:relative;color:#fff;font-weight:300}
.mainMenu .depth2-li:hover > a{opacity:0.7}
.mainMenu .depth1-li.on .depth2-ul{display:block;}
.mainMenu .depth3-ul{display:none;}
#header .eng a{display:block;padding:5px 10px;border:1px solid #ddd;margin-right:30px;}
#header .eng a:hover{background:#333;color:#fff;}
#header.white-mode .mainMenu .depth1-li > a{color:#fff;font-weight:700}
#header.white-mode .btn-open-all span, #header.white-mode  .btn-open-all span:before, #header.white-mode .btn-open-all span:after{background:#fff;}

.lang_select{position:relative;margin-right:50px;border-radius:20px;background:#ff4d00;padding:0 15px;width:90px;height:45px;line-height:45px;}
.lang_select.active{border-radius:20px 20px 0 0;background: rgba(0,0,0,.5);}
.lang_select::before{content: "";display:block;position:absolute;right:15px;top:45%;width:11px;height:6px;background:url('../images/common/lang_more.png') no-repeat;transition: all .15s ease-in-out;}
.lang_select.active::before{transform:rotate(180deg);}
.lang_select .current{display:block;position:absolute;left:0;padding-left:15px;width:100%;height:100%;color:#fff;font-size:18px;font-weight:500;z-index:1}
.lang_select .list_select{overflow: hidden;text-align:center;position: absolute;top: calc(100% - 1px);left: 0;z-index: -1; width: 100%;background:#ff4d00;opacity: 0;transform-origin: 50% 0;transform: translateY(-21px);border-radius:0 0 20px 20px;transition: all .2s ease,opacity .15s ease-out;}
.lang_select.active .list_select{opacity: 1; z-index: 3; transform: translateY(0);}
.lang_select .list_select a{display:block;padding:0 5px;text-align:center;font-size:18px;color:#fff;font-weight:500;}

#header .sns_icon{margin-right:50px;}
.sns_icon ul{display:flex;gap:20px;}
.sns_icon ul a{font-size:0;display:block;height:50px;}
#header .sns_icon ul .insta{width:28px;background:url('../images/common/top_sns_insta.png') center no-repeat;}
#header .sns_icon ul .insta:hover{background:url('../images/common/top_sns_insta_on.png') center no-repeat;}
#header .sns_icon ul .tiktok{width:28px;background:url('../images/common/top_sns_tiktok.png') center no-repeat;}
#header .sns_icon ul .tiktok:hover{background:url('../images/common/top_sns_tiktok_on.png') center no-repeat;}
#header .sns_icon ul .youtube{width:40px;background:url('../images/common/top_sns_youtube.png') center no-repeat;}
#header .sns_icon ul .youtube:hover{background:url('../images/common/top_sns_youtube_on.png') center no-repeat;}

/* 전체메뉴 */
.btn-open-all{position:relative;width:22px;height:24px;right:0;display:block;border:0;background:none;outline:none;z-index:105;}
.btn-open-all span{position:absolute;top:50%;left:0;width:22px;height:3px;background:#333;text-indent:-9999px;}
.btn-open-all span:before{content:"";display:block;position:absolute;top:-8px;width:22px;height:3px;background:#333;}
.btn-open-all span:after{content:"";display:block;position:absolute;top:8px;width:22px;height:3px;background:#333;}
.allMenu{display:none;position:absolute;left:0;top:0;bottom:0;width:100%;background:#3e3e3e;z-index:145;padding:12% 0 0;}
.allMenu .btn-close-all{position:absolute;top:5%;right:5%;width:81px;height:81px;border:0;background:url('../images/common/all_menu_close.png') no-repeat;text-indent:-9999px;}
.allMenu .flex{display:flex;align-items:center;max-width:1280px;margin:auto;padding:0 3%;}
.allMenu .left .tit{color:#fff;font-size:76px;font-weight:700;}
.allMenu .menuBox{padding-left:50px;}
.allMenu .menuBox .depth1-li{display:flex;align-items:center;margin-bottom:28px;padding-bottom:30px;border-bottom:1px solid rgba(265,265,265,.2);color:#fff;position:relative;}
.allMenu .menuBox .depth1-li > a{display:block;font-size:33px;font-weight:800;color:#787878;min-width:160px;}
.allMenu .menuBox .depth2-ul{display:flex;margin-left:30px;}
.allMenu .menuBox .depth2-li{margin-right:30px;}
.allMenu .menuBox .depth2-li > a{display:block;padding:3px 7px;font-size:18px;transition:all .3s;position:relative;border-radius:5px;position:relative;}
.allMenu .menuBox .depth2-li:first-child > a{padding-left:0;}
.allMenu .menuBox .depth2-li:hover > a{color:#ff4d00;}
.allMenu .menuBox .depth3-ul{margin:5px 0 5px 5px;padding-left:10px;}
.allMenu .gnb{position:absolute;right:100px;top:20px;}
.allMenu .gnb li a{color:#fff;}
/* 상단아이콘 */
#header .icon{margin-left:40px;}
#header .icon a{display:block;width:30px;}
#header .icon a img{width:100%;}

/*  서브상단 */
#contentWrap{position:relative;}
.subSpot{width:100%;position:relative;height:600px;color:#fff;background:url('../images/sub/spot_01.jpg') no-repeat center/cover;animation:animate_background 50s infinite;display:flex;align-items:flex-end;}
.subSpot.spot01{background-image:url(../images/sub/spot_01.jpg)}
.subSpot.spot02{background-image:url(../images/sub/spot_02.jpg)}
.subSpot.spot03{background-image:url(../images/sub/spot_03.jpg)}
.subSpot.spot04{background-image:url(../images/sub/spot_04.jpg)}
.subSpot.spot05{background-image:url(../images/sub/spot_01.jpg)}
@keyframes animate_background{
	0% {background-position:50% 0;}
	50% {background-position:50% 100%;}
	100% {background-position:50% 0;}
}
.subSpot .spotTitle{font-family:'GmarketSansBold';font-size:60px;margin:3% 0;}
.snb {position: relative;}
.snb .pc_snb {display:flex;flex:1 0 auto;border-bottom:1px solid #ddd;padding-top:2%;gap:3vw;position:relative;}
.snb .pc_snb li a{display:block;padding:20px 0;font-size:24px;color:#898989;position:relative;font-weight:900;z-index:10}
.snb .pc_snb li a:hover,
.snb .pc_snb li.on a{color:#ff4d00;}
.snb .pc_snb li.on a::before{content:'';position:absolute;width:100%;height:5px;bottom:0;left:0;background:#ff4d00;}
.mobile_snb{display:none;}
.menuDepth3{max-width:1280px;margin:0 auto;}
.menuDepth3 .nav{display:flex;align-items:center;border-bottom:1px solid #aaa;}
.menuDepth3 .nav li{flex:1 0 auto;text-align:center;line-height:90px;font-size:30px;font-weight:600;color:#aaa;position:relative;}
.menuDepth3 .nav li a{display:block;}
.menuDepth3 .nav li.on{color:#333;}
.menuDepth3 .nav li.on::before{content:'';position:absolute;width:100%;height:3px;background:#e6001f;left:0;bottom:-2px;}
.snb .location{position:absolute;bottom:20px;right:0;font-family:'GmarketSansMedium';font-size:14px;color:#999;}
.snb .location span{position:relative;padding-left:20px;margin-left:15px;}
.snb .location span::before{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:#999;left:0;top:6px;}
.snb .location span:first-child::before{content:none;}
.snb .location .active{color:#000;}

/* 푸터 */
.footer{background:#000;padding:5% 0;position:relative;}
.footer .in{width: calc(100vw - 20%);margin:0 auto;display:flex;justify-content:space-between;position:relative;}
.footer .layout{padding:5% 3%;}
.footer .logo-box a{display:block;width:346px;height:78px;color:#fff;font-weight:500;background:url('../images/common/logo_ft.png') no-repeat center center/100%;font-size:0;}
.footer .footer-info{color:#fff;text-align:right;}
.footer .sns_icon ul{justify-content:flex-end;}
.footer .sns_icon a{display:block;height:38px;}
.footer .sns_icon .insta{width:36px;background:url('../images/common/ft_sns_insta.png') no-repeat;}
.footer .sns_icon .tiktok{width:36px;background:url('../images/common/ft_sns_tiktok.png') no-repeat;}
.footer .sns_icon .youtube{width:51px;background:url('../images/common/ft_sns_youtube.png') no-repeat;}
.footer .footer-info .top{display:flex;gap:30px;font-size:18px;margin-top:20%;justify-content:flex-end;}
.footer .footer-info .bottom{margin-top:5%;font-size:16px;}
.top-btn{position:absolute;right:-5%;top:0;}
.top-btn p{color:#fff;font-size:0;width:14px;height:37px;;background:url('../images/common/ft_top.png') center no-repeat;}

/* 메인공통 */
#fp-nav{left:50px;}
#fp-nav ul li, .fp-slidesNav ul li{margin:15px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;width:5px;height:5px;}
#fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:5px;height:5px;margin: -2px 0 0 -2px;}
#fp-nav ul li a.active span{width:5px;height:5px;margin: -2px 0 0 -2px;}
#fp-nav ul li a.active span::before{content:'';position:absolute;width:19px;height:19px;border-radius:100%;border:1px solid #fff;left:-7px;top:-7px;}
.anchor {position:fixed;left:50px;bottom:0;z-index: 50;display:flex;flex-direction:column;align-items:center;}
.anchor > strong {font-size:14px;color:#fff;writing-mode: vertical-rl;font-weight:300;font-family:'GmarketSansLight',sans-serif;margin-bottom:10px;}
.anchor-bar {width:2px;height:150px;background:rgba(255,255,255,.2);position:relative;}
.anchor-bar > span {background:#fff;width:100%;height:20%;display:block;left:0;position:absolute;transition:top .5s;}
.anchor-bar > span.anchor1 {top:0%;}
.anchor-bar > span.anchor2 {top:20%;}
.anchor-bar > span.anchor3 {top:40%;}
.anchor-bar > span.anchor4 {top:60%;}
.anchor-bar > span.anchor5 {top:80%;}
.section .in {width: calc(100vw - 20%);padding: 0 20px;margin: 0 auto;position: relative;}
.section-bg-wrap{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;}
.section-bg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1);transition:1.5s .3s;}
.section-bg.on{transform:scale(1);transition:1.5s .3s;}

#fullpage {height: 100vh;height: calc(var(--vh, 1vh) * 100) !important;}
#fullpage .section:not(.fp-auto-height) .inner_center{padding-top: 80px;}
#fullpage .section:not(.fp-auto-height,.fadeout) .fp-tableCell{transform: scale(0.88) translateY(0%);transition: 0.3s;}
#fullpage .section.active:not(.fp-auto-height) .fp-tableCell{transform: scale(1) translateY(0%);border-radius:0;transition: 1s 0.8s;}
.fp-section {height: 100vh;height: calc(var(--vh, 1vh) * 100) !important;}
.fp-tableCell {height: 100vh;height: calc(var(--vh, 1vh) * 100) !important;overflow:hidden;}
.fade-in{position:relative;	top:100px;	opacity:0;}
.fade-in.on {	top:0;	opacity:1;	transition:opacity 1s, top 1s;}
.fade-in_01 {transition:opacity 1s, top 1s;}
.fade-in_02 {transition:opacity 1s .2s, top 1s .2s;}
.fade-in_03 {transition:opacity 1s .4s, top 1s .4s;}
.fade-in_04 {transition:opacity 1s .6s, top 1s .6s;}
.fade-in_05 {transition:opacity 1s .8s, top 1s .8s;}
.fade-in_06 {transition:opacity 1s 1s, top 1s 1s;}
.fade-in_07 {transition:opacity 1s 1.2s, top 1s 1.2s;}
.fade-in_08 {transition:opacity 1s 1.4s, top 1s 1.4s;}
.fade-in_09 {transition:opacity 1s 1.6s, top 1s 1.6s;}
.fade-in_10 {transition:opacity 1s 1.8s, top 1s 1.8s;}
.fade-self.on {transition:opacity 1s, top 1s;}
.fade-in_01.on {transition:opacity 1s, top 1s;}
.fade-in_02.on {transition:opacity 1s .2s, top 1s .2s;}
.fade-in_03.on {transition:opacity 1s .4s, top 1s .4s;}
.fade-in_04.on {transition:opacity 1s .6s, top 1s .6s;}
.fade-in_05.on {transition:opacity 1s .8s, top 1s .8s;}
.fade-in_06.on {transition:opacity 1s 1s, top 1s 1s;}
.fade-in_07.on {transition:opacity 1s 1.2s, top 1s 1.2s;}
.fade-in_08.on {transition:opacity 1s 1.4s, top 1s 1.4s;}
.fade-in_09.on {transition:opacity 1s 1.6s, top 1s 1.6s;}
.fade-in_10.on {transition:opacity 1s 1.8s, top 1s 1.8s;}
.fade-in_11.on {transition:opacity 1s 2s, top 1s 2s;}
.fade-in_12.on {transition:opacity 1s 2.2s, top 1s 2.2s;}
.fade-in_13.on {transition:opacity 1s 2.4s, top 1s 2.4s;}
.fade-in_14.on {transition:opacity 1s 2.6s, top 1s 2.6s;}
.fade-in_15.on {transition:opacity 1s 2.8s, top 1s 2.8s;}

/* 메인_section1 */
.full1 .section-bg{transform:none;transition:none;background:url('../images/main/main_bg_01.jpg') top no-repeat;background-size:cover;animation:img 5s ease alternate;}
@keyframes img {
	0%{transform:scale(1.2);}
	100%{transform:scale(1.0);}
}
.full1 .section-bg-wrap img{position:absolute;left:40%;width:50%;max-width:960px;top:25%;z-index:1;}
.swiper-wrapper.disabled{transform: translate3d(0px, 0, 0) !important;}
.main-banner-slide{height:100%;overflow: visible;}
.main-banner-slide .swiper-slide{display:flex;align-items:center;}
.main-banner-slide .banner-txt{color:#fff;font-size:70px;margin-top:35%;}
.main-banner-slide .title{font-family:'GmarketSansBold';line-height:1.2;}
.main-banner-slide .red{color:#ff4d00;}
.main-banner-slide .sm{font-size:26px;margin-bottom:30px;}
.main-banner-slide .swiper-util {position: absolute;bottom:50px;text-align:left;z-index: 1;display:flex;align-items: center;left:100px;}
.main-banner-slide .swiper-button-pause {position:static;cursor:pointer;color:#fff;}
.swiper-button-pause.disabled{display: none;}

/* 메인_section2 */
.full2 .section-bg {background:url('../images/main/main_bg_02.jpg') no-repeat center/cover;}
.mainContainer .more_btn{margin-top:30px;text-align:center;color: #fff;font-size: 16px;display: flex;align-items: center;}
.mainContainer .more_btn span{width:30px;height:1px;position: relative;display:inline-block;background:#ff2323;margin-right: 7px;transform-origin: center center;transition: transform .3s;}
.mainContainer .more_btn:hover span{transform:rotate(180deg);}
.mainContainer .more_btn:hover span::before{content:'';position:absolute;height:30px;width:1px;left:50%;top:-15px;background:#ff2323;}
.full2 .main_number{display:flex;align-items:center;position:relative;height:100%;}
.full2 .main_number_tit h2{font-family:'GmarketSansBold';line-height:1.2;font-size:60px;color:#fff;width:500px;}
.full2 .main_number .main_number_line{flex-shrink:1;height: 3px; margin:0 100px 0 50px;width: 100%;animation: gradient 2s infinite;animation-fill-mode: forwards;animation-timing-function: linear;
	background: -moz-repeating-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(125,185,232,0.2) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-repeating-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(125,185,232,0.2) 50%,rgba(255,255,255,1) 100%);
	background: repeating-linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(125,185,232,0.2) 50%,rgba(255,255,255,1) 100%);
	background-size: 200% auto;	background-position: 0 100%;
}
@keyframes gradient {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -200% 0;
	}
}
.main_number_slide {flex-shrink:0;height:650px;margin:0;}
.main_number_slide .swiper-slide {justify-content:flex-end;display:flex;color:#fff;}
.main_number_slide .swiper-slide > div{opacity:.3;margin:5% 0;padding-top:30px;}
.main_number_slide .swiper-slide .num{font-family:'GmarketSansBold';font-size:90px;line-height:1;text-align:right;}
.main_number_slide .swiper-slide .text{font-size:30px;font-weight:600;text-align:right;}
.main_number_slide .swiper-slide .icon{margin-left:30px;opacity:0;transition:.3s;width:100px;text-align:center;}
.main_number_slide .swiper-slide.swiper-slide-active > div{opacity:1;}
.main_number_slide .swiper-slide.swiper-slide-active .icon{opacity:1}
.main_number_slide .swiper-slide.swiper-slide-active .num{color:#ff2323;}

/* 메인_section3 */
.full3 .section-bg {background:url('../images/main/main_bg_03.jpg') no-repeat center/cover;}
.full3 .product_list{display:flex;height:100%;position:relative;}
.full3 .product_list li{width:50%;position: relative;}
.full3 .product_list li:hover{background:rgba(0,0,0,.25);transition: background .4s;}
.full3 .product_list li:last-of-type{border-right:0;}
.full3 .product_list li .in{display:block;width:100%;padding:0 2%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.full3 .product_list li .in > div{color: #fff;text-align: center;margin-top: 140px;transition: margin-top .4s;}
.full3 .product_list li:hover .in > div{margin-top:0;transition: margin-top .4s;}
.full3 .product_list li .en{font-family:'GmarketSansBold';font-size:68px;}
.full3 .product_list li:hover .en{color:#ff4d00;}
.full3 .product_list li .title{color:#fff;font-size:30px;font-weight:500;opacity:.4;}
.full3 .product_list li .text{transition: opacity .4s; opacity: 0;margin-top:20%;font-size:20px;}
.full3 .product_list li:hover .text{transition: opacity .4s; opacity: 1;}
.full3 .product_list li .more{display:inline-block;padding:3% 15%;transition: all .5s; opacity: 0;margin:50px auto 0;background:#ff4d00;position:relative;font-size:16px;}
.full3 .product_list li:hover .more{transition: all .3s;opacity: 1;}
.full3 .product_list li .more:hover{background:rgba(0,0,0,.5);}

/* 메인_section4 */
.full4 .section-bg {background:url('../images/main/main_bg_04.jpg') no-repeat center/cover;}
.full4 .in{color:#fff;padding:10% 0;}
.full4 h2{font-size:60px;font-weight:700;}
.full4 p{margin:20px 0;font-size:24px;font-weight:300;}
.full4 ul{margin-top:80px;display:flex;flex-wrap:wrap;width:50%;}
.full4 ul li{flex: 0 0 45%;margin:0 10px 10px 0;}
.full4 ul li a{font-size:25px;font-weight:600;display:block;padding:20px 40px;background:url('../images/main/main_more_01.png') rgba(0,0,0,0.4) 90% center no-repeat;transition:ease .2s}
.full4 ul li a:hover{background-color:#ff4d00;}

/* 메인_section5 */
.full5 .in{margin:0 auto 3%;}
.full5 .partners{display:flex;align-items:center;justify-content:space-between;}
.full5 .partners dt{color:#ff4d00;font-family:'GmarketSansBold';font-size:24px;margin-right:5%;padding-right:100px;position:relative;}
.full5 .partners dt::before{content:'';position:absolute;top:50%;right:0;width:90px;height:1px;background:#ff4d00;}
.full5 .partners dd{flex:1 0 auto;}
.full5 .partners dd ul{display:flex;align-items:center;justify-content:space-between;}


@media (max-width: 1600px) {

	/* 메인_section2 */
	.section .in {width: calc(100vw - 30%);padding: 0 20px;margin: 0 auto;position: relative;}
}

@media (max-width: 1600px) {
	.layout2{padding:0 3%;}

	/* 헤더&메뉴 */
	#header{padding:0 3%;}
	.mainMenu .depth1-li > a{padding:0 20px;font-size:20px;}
	.lang_select{margin-right:30px;height:40px;line-height:40px;width:80px;}
	.lang_select .current{font-size:16px}
	.lang_select .list_select a{font-size:16px;}

	/* 서브상단 */
	.subSpot{height:300px;}
	.subSpot .spotTitle{font-size:40px;margin:2% 0}
	.snb .pc_snb li a{font-size:20px;}
	.snb .location{right:3%;}

	/* 공통 */
	#fp-nav{left:10px;}
	.anchor{left:20px;}
	.section .in{max-width:1200px;width:calc(100vw - 150px);}

	/* 메인_section1 */
	.main-banner-slide .banner-txt{font-size:60px;}

	/* 메인_section2 */
	.full2 .main_number{padding-top:10%;}
	.full2 .main_number_tit h2{font-size:50px;width:420px;}
	.main_number_slide .swiper-slide .num{font-size:60px;}
	.full2 .main_number .main_number_line{margin:0 50px 0 20px}

	/* 메인_section3 */
	.full3 .product_list li .en{font-size:50px;}
	.full3 .product_list li .text{font-size:15px;}

	/* 메인_section4 */
	.full4 h2{font-size:50px;}
	.full4 ul li a{font-size:20px;}

	/* 메인_section5 */
	.full5 .in{margin:0 auto 3%;}

}

/* 넓이가 1280px 이하일 때*/
@media all and (max-width:1280px) {
	#header .logo{width:200px;}

    .layout{padding:0 3%;}

	/*  서브상단 */

	/* 메인공통 */
	.section .in{padding-left:50px;}

	/* 메인_section1 */
	.main-banner-slide .sm{font-size:18px;}
	.main-banner-slide .banner-txt{font-size:50px;margin-top:30%;}

	/* 메인_section2 */
	.full2 .main_number_tit h2{font-size:30px;width:auto;}
	.main_number_slide{padding-left:50px;}
	.main_number_slide .swiper-slide .icon img{width:50%;}


	/* 메인_section3 */
	.full3 .product_list li + li{border-left:1px solid rgba(256,256,256,.3);}
	.full3 .product_list li:hover{background:none;}
	.full3 .product_list li:last-child{border-bottom:0;}
	.full3 .product_list li .in > div{margin-top:0;}
	.full3 .product_list li .en{color:#ff2323;font-size:36px;}
	.full3 .product_list li .title{font-size:16px;}
	.full3 .product_list li .text{opacity:1;font-size:14px;margin-top:20px;}
	.full3 .product_list li .more{opacity:1;}

	/* 메인_section4 */
	.full4 h2{font-size:30px;}
	.full4 p{font-size:20px;}
	.full4 .community .tabList li a{font-size:16px;}
	.full4 .boardList{flex-direction:column;}
	.full4 .boardList li + li{margin:20px 0 0 0;}
	.full4 .boardList a{height:150px;padding:3% 5%;}
	.full4 .boardList .tit{font-size:18px;}

	/* 메인_section5 */
	.full5 .partners dt{font-size:18px;padding-right:0;}
	.full5 .partners dt::before{content:none;}
	.full5 .partners a{display:block;width:80px;}
	.full5 .partners a img{width:100%;}

	/* footer */
	.footer .logo-box a{width:200px}
	.top-btn{right:-30px;}

}

/* 넓이가 1200px 이하일 때*/
@media all and (max-width:1200px) {
	.lang_select{margin-left:auto;}

	/* 메뉴 */
    #header{padding:3%;background:none;}
	#header .headerWrap{padding:0;}
    #header .logo a{padding-top:0;}
    #topMenu{width:auto;padding:0;}
	#wrap > .sns{z-index:99;top:30px;right:70px;}
	.btn-open-all{display:none;}
    .lnbWrap{overflow-x:hidden;overflow-y:scroll;position:fixed;right:-100%;top:0;width:100%;height:100%;margin-left:0;background:#333;z-index:1000;transition:right 0.5s ease;}
    .lnbWrap.mn-open{right:0;overflow-y:auto;}
    .lnbWrap .menuTop{display:block;position:relative;width:100%;padding:30px 0 0 20px;}
    .lnbWrap .menuTop img{margin-left:3%;width:70px;}
    .lnbWrap .menuTop .btn-close-mn{position:absolute;top:30px;right:20px;width:30px;height:30px;border:0;background:transparent;text-indent:-9999px;}
    .lnbWrap .menuTop .btn-close-mn:before,
    .lnbWrap .menuTop .btn-close-mn:after{content:'';display:block;position:absolute;top:50%;left:10px;width:20px;height:2px;background:#fff;}
    .lnbWrap .menuTop .btn-close-mn:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
    .lnbWrap .menuTop .btn-close-mn:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
    .mainMenu .depth1-ul{flex-direction:column;padding:10% 3%;width:100%;gap:0;}
    .mainMenu .depth1-li{width:100%;border-bottom:1px solid rgba(265,265,265,.2);height:auto;margin:0;}
    .mainMenu .depth1-li > a{position:relative;padding:20px 15px;font-size:18px;color:#fff;line-height:1;text-align:left;}
	.mainMenu .depth1-li.is-open > a{font-weight:600;}
    .mainMenu .depth1-li > a:after{display:none;}
	.mainMenu .depth2-ul{position:relative;padding:10px 3%;top:0;background:#eee;width:100%;}
	.mainMenu .depth2-li > a{color:#333;font-size:16px;padding:5px }
    .mainMenu .depth2-li:hover > a{background:none;color:inherit;}
	.mainMenu .btn-more{display:block;position:absolute;top:17px;right:10px;width:25px;height:25px;background:url(../images/common/tn-icon-sm.png) -75px -25px no-repeat;transition:all .4s;font-size:0;z-index:1;cursor:pointer;}
	.mainMenu .depth1-li.on > .btn-more,
	.mainMenu .depth1-li.is-open > .btn-more{transform:rotate(180deg);}
    .mainMenu .depth2-li > a:before{content:none;}

	.searchBox{float:right;}
    /* 전체메뉴버튼 */
	.m_menu_open{position:absolute;right:30px;top:30px;z-index:100;}
    .btn-open-mn{position:relative;width:23px;height:20px;right:0;display:block;border:0;background:none;outline:none;z-index:105;}
    .btn-open-mn span{position:absolute;top:50%;left:0;width:23px;height:3px;background:#000;text-indent:-9999px;transition:all .3s ease;}
    .btn-open-mn span:before{content:"";display:block;position:absolute;top:-7px;width:23px;height:3px;background:#000;transition:all .3s ease;}
    .btn-open-mn span:after{content:"";display:block;position:absolute;top:7px;width:23px;height:3px;background:#000;transition:all .3s ease;}


}

/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px) {

	/* 메뉴 */
	#header .sns_icon{display:none;}
	.lang_select .current{font-size:14px}

	/*  서브상단 */
	.subSpot{height:200px;}
	.subSpot .spotTitle{font-size:24px;}
	.snb{position:static;transform:translateX(0);background:#f1efe9;}
	.snb .pc_snb{display:none;}
    .mobile_snb{display:block;}
    .mobile_snb .currentMenu{background:none;border:0;display:block;width:100%;}
    .mobile_snb .currentMenu span{font-size:16px;text-align:left;display:block;width:100%;line-height:40px;padding:0 25px 0 16px;color:#666;position:relative;}
    .mobile_snb .currentMenu span::before{content:'';position:absolute;right:16px;top:50%;width:6px;height:6px;margin-top:-4px;border:solid #666;border-width:1px 1px 0 0;transform:rotate(135deg);transition: transform .4s ease, margin-top .3s ease, -webkit-transform .4s ease;}
    .mobile_snb .pathDepth2.on span::before{margin-top:-3px; transform: rotate(-45deg);}
    .mobile_snb .pathDepth2 > ul{display:none;padding:15px 0;border-top:1px solid rgba(0,0,0,.2);}
    .mobile_snb .pathDepth2 > ul li a{color:#666;display:block;padding:5px 16px;font-size:14px;}
    .mobile_snb .pathDepth2 > ul li.on a{color:#000;}
    .mobile_snb .pathDepth3{display:none;}
	.snb .location{display:none;}
	.menuDepth3 .nav li{font-size:16px;line-height:50px;}

	/* 메인공통 */
	.section .in{width: calc(100vw - 50px);padding:0;}
	#fp-nav{display:none;}
	.anchor-bar {height:100px;}

	/* 메인_section1 */
	.main-banner-slide .banner-txt{font-size:24px;}
	.main-banner-slide .sm{font-size:14px;}
	.full1 .section-bg-wrap img{width:80%}

	/* 메인_section2 */
	.full2 .main_number{flex-direction:column;padding-top:30%;align-items:baseline;}
	.mainContainer .more_btn{margin-top:10px;}
	.full2 .main_number .main_number_line{margin:30px 0;}
	.main_number_slide{height:300px;}
	.main_number_slide .swiper-slide .num{font-size:30px;}
	.main_number_slide .swiper-slide .text{font-size:18px;}
	.main_number_slide .swiper-slide .icon{margin-left:0;width:70px;}

	/* 메인_section3 */
	.full3 .product_list{flex-direction:column;padding:20% 0 0;}
	.full3 .product_list li{width:100%;flex:1 0 auto;border-left:none;border-bottom: 1px solid rgba(255,255,255,.25);}
	.full3 .product_list li .in{padding:10% 0;}
	.full3 .product_list li .en{font-size:24px;}
	.full3 .product_list li .text{margin-top:10px;}
	.full3 .product_list li .more{margin:20px auto 0;font-size:14px;}

	/* 메인_section4 */
	.full4 p{font-size:14px;}
	.full4 ul{width:100%;}
	.full4 ul li a{padding:10px 20px;font-size:16px;background-size:10px;background-position:85% center}

	/* 메인_section5 */
	.full5 .partners{flex-direction: column;}
	.full5 .partners dt{margin:0 0 10px;}
	.full5 .partners dd{flex:auto;}
	.full5 .partners dd ul{flex-wrap:wrap;justify-content:space-around;gap:15px;}

	/* footer */
	.footer .in{flex-direction:column;width: calc(100vw - 50px);padding: 0;}
	.footer .logo-box{margin:0 0 20px;}
	.footer .footer-info .top{font-size:14px;margin-top:20px;}
	.footer .footer-info .bottom{font-size:10px;}
	.footer .logo-box{align-self:center;}
	.top-btn{right:0;top:20px;}

}