/* body */
body::-webkit-scrollbar {width:10px;}
body::-webkit-scrollbar-thumb {background:#bbb; border-radius:5px;border:2px solid #fff;}
body::-webkit-scrollbar-track {background:#fff;}

/* header 헤더 */
#header {box-sizing:border-box;width:100%;z-index:99;position:absolute;top:0;transition:0.5s;}
#header .header-bg {width:100%;height:100px;padding:0 50px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;}
#header .header-bg .main-logo{display:block;background:url(/theme/gentry/img/logo.svg) no-repeat center;width:150px;height:46.3px;}
#header .header-bg .main-menu {display:flex;align-items:center;}
#header .header-bg .language-ul {display:flex;align-items:center;gap:16px;margin-left:70px;}
#header .header-bg .language-ul li a{color:#ccc;font-size:13px;}
#header .header-bg .language-ul li a.active {color:#333;}
#header .header-bg .main-menu .gnb_1da {display:block;font-size:17px;color:#333;text-decoration:none;transition:0.5s;}

#header.main-header .header-bg .main-logo {display:block;background:url(/theme/gentry/img/logo_w.svg) no-repeat center;width:150px;height:46.3px;}
#header.main-header .header-bg .main-menu {display:flex;align-items:center;}
#header.main-header .header-bg .language-ul {display:flex;align-items:center;gap:16px;margin-left:70px;}
#header.main-header .header-bg .language-ul li a{color:#ccc;font-size:13px;}
#header.main-header .header-bg .language-ul li a.active {color:#fff;}
#header.main-header .header-bg .main-menu .gnb_1da {display:block;font-size:17px;color:#fff;text-decoration:none;transition:0.5s;}
#header.main-header .m-menu-btn ul li {background:#fff;}

#header.scroll {width:100%;z-index:9999;position:fixed;background:rgba(0,0,0,0.9);}
#header.scroll .header-bg .main-logo {display:block;background:url(/theme/gentry/img/logo_w.svg) no-repeat center;width:150px;height:46.3px;}
#header.scroll .header-bg .main-menu {display:flex;align-items:center;}
#header.scroll .header-bg .language-ul {display:flex;align-items:center;gap:16px;margin-left:70px;}
#header.scroll .header-bg .language-ul li a{color:#ccc;font-size:13px;}
#header.scroll .header-bg .language-ul li a.active {color:#fff;}
#header.scroll .header-bg .main-menu .gnb_1da {display:block;font-size:17px;color:#fff;text-decoration:none;transition:0.5s;}
#header.scroll .m-menu-btn ul li {background:#fff;}

/*모바일메뉴*/
.m-menu-con {
	position: fixed;
	min-width:500px;
	height:100vh;
	top:0px;
	right:-1500px;
	background:#fff;
	z-index: 9999;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	/*overflow-y:scroll;*/
}

.m-menu-btn {display:none;}
.m-menu-btn ul li {width:23px; height:2px; background:#111;margin-bottom:5px;}
.m-menu-btn ul li:last-child {margin-bottom:0px;}

.m-menu .close {position:absolute;z-index:9999;display:block !important;top:20px;right:30px;color:#000;font-size:24px;cursor:pointer;}
.m-menu .gnb-total-logo {padding:30px;}
.m-menu .gnb-total-logo img{width:100%;}
.m-menu .menu-title {padding:20px 30px 0}
.m-menu .menu-title img {width:120px;}
.m-menu .menu-title > ul {display:flex;align-items:center;margin-right:30px;}
.m-menu .menu-title > ul li {margin-right:20px;}
.m-menu .menu-title > ul li:last-child {margin-right:0px;}
.m-menu .menu-title > ul li a {color:#fff;font-size:15px;}

.m-menu .gnb-total-menu {text-align:left;padding:30px;}
.m-menu .gnb-total-menu > li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.m-menu .gnb-total-menu > li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.m-menu .gnb-total-menu > li > a {position:relative;display:block;line-height:1.5 !important;color:#222;}
.m-menu .gnb-total-menu > li > a:after {transition:0.2s;content:'';position:absolute;top:50%;right:10px;transform:translateY(-75%) rotate(45deg);width:10px;height:10px;border-right:2px solid #000;border-top:2px solid #000;}
.m-menu .gnb-total-menu > li.active > a {color:#555;}
.m-menu .gnb-total-menu > li.active > a:after {transform:translateY(-35%) rotate(135deg);border-color:#555;}
.m-menu .gnb-total-menu li a {color:#222 !important;font-size:22px;}
.m-menu .gnb-total-menu li ul {margin-top:10px;}
.m-menu .gnb-total-menu li ul a{display:block;font-size:18px;cursor:pointer;color:#777;}
.m-menu .gnb-total-menu li ul li {margin-bottom:10px;}
.m-menu .gnb-total-menu li ul li ul {border-bottom:1px solid #ccc;}
.m-menu .gnb-total-menu li ul li ul li a {background:#fff;font-size:14px;color:#717171;padding:5px 15px;border-bottom:none;}

.m-menu.on .m-menu-con {right:0px;}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.m-menu-bg {background:rgba(0,0,0,0.8);width:100%;height:100vh;position:fixed;top:0;right:0;z-index:9998;display:none;transition: right 0.7s;cursor:pointer;}
.accordian li ul {display:none;}

.menu-flex, .menu-flex > div {display:block;}
.m-mian-menu-flex {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:end;align-items:center;}
.m-main-menu-flex>div:first-child {margin-right:30px;}
.m-main-menu-flex > ul {display: flex;align-items:center;margin-right:30px;}
.m-main-menu-flex > ul li {margin-right:15px;}
.m-main-menu-flex > ul li:last-child {margin-right:0px;}

.m-menu-about {padding:30px;}
.m-menu-about h4 {font-size:16px;margin-bottom:10px;}
.m-menu-about ul li {font-size:14px;padding-left:13px;position:relative;color:#333;}
.m-menu-about ul li:after {content:"";position:absolute;top:9px;left:0px;width:4px;height:4px;background:#333;border-radius:50%;}

/*main_banner*/
.main-banner {position:relative;width:100%;}
.main-banner .main-swiper {height: calc(100vh + 30px);}

.main-banner .inner {position:relative;height:100%;}
.main-banner .inner .img-box {width:100%;height:100%;}
.main-banner .inner .img-box img {width:100%;height:100%;object-fit:cover;}

.main-banner .main-swiper .swiper-slide .img-box img {width:100%;height:100%;object-fit:cover;transition: all 30s linear;}
.main-banner .main-swiper .swiper-slide.swiper-slide-active .img-box img {transform: scale(1.4);}

@keyframes img-box {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

.main-banner .inner .txt-box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:98;width:100%;}
.main-banner .inner .txt-box ul li {margin-bottom:20px;}
.main-banner .inner .txt-box ul li:last-child {margin-bottom:0px;}
.main-banner .inner .txt-box ul li:nth-child(1) {
	animation:text 1s 0s both;
	-webkit-animation:text 1s 0s both;
	-ms-animation:text 1s 0s both;
	-moz-animation:text 1s 0s both;
	-o-animation:text 1s 0s both;
}
.main-banner .inner .txt-box ul li:nth-child(2) {position:relative;margin:-120px 0;z-index:-1;}
.main-banner .inner .txt-box ul li:nth-child(2) img {transform: rotate(10deg);}
.main-banner .inner .txt-box ul li:nth-child(2) h3 {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;
	animation:text2 1s 0.5s both;
	-webkit-animation:text2 1s 0.5s both;
	-ms-animation:text2 1s 0.5s both;
	-moz-animation:text2 1s 0.5s both;
	-o-animation:text2 1s 0.5s both;
}
.main-banner .inner .txt-box ul li:nth-child(3) {
	animation:text3 1s 1s both;
	-webkit-animation:text3 1s 1s both;
	-ms-animation:text3 1s 1s both;
	-moz-animation:text3 1s 1s both;
	-o-animation:text3 1s 1s both;
}
.main-banner .inner .txt-box ul li h3 {color:#fff;font-size:8vw;/*font-size:152px'*/}

@keyframes text {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

@keyframes text2 {
	0% {
		opacity:0;
		transform:translate(-50%,-40%);
		-webkit-transform:translate(-50%,-40%);
		-ms-transform:translate(-50%,-40%);
		-moz-transform:translate(-50%,-40%);
		-o-transform:translate(-50%,-40%);
	}
	100% {
		opacity:1;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
	}
}

@keyframes text3 {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

/* 유튜브 */
.youtube-container {position: relative;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius:0px;}
.youtube-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

/* 메인 본문 */
.section .section-con {max-width:1920px;margin:0 auto;padding:90px 50px 0;}
.section .section-title {font-size:34px;text-align:center;margin-bottom:50px;}
.flex-box {display:flex;justify-content:space-between;align-items:center;}

.section01 {margin-top:-30px;border-top-left-radius:30px;border-top-right-radius:30px;position:relative;z-index:2;background:#fff;}
.section01 .section-con {padding:150px 50px 60px;}
.section-slider a .img-box {margin-bottom:20px;border-radius:10px;overflow:hidden;}
.section-slider a .img-box img {width:100%;transition:0.5s;}
.section-slider a:hover .img-box img {transform: scale(1.15);}
.section-slider a .txt-box h4 {text-align:center;font-size:22px;}

.section02-ul {display:flex;gap:20px;}
.section02-ul li {width: 100%;height: 911px;border-radius: 15px;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;padding:0 30px;}
.section02-ul li::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: transform 0.5s ease;z-index: -1;}
.section02-ul li:nth-child(1)::before {background-image: url(/theme/gentry/img/section02_bg01.jpg);}
.section02-ul li:nth-child(2)::before {background-image: url(/theme/gentry/img/section02_bg02.jpg);}
.section02-ul li:hover::before {transform: scale(1.1);}
.section02-ul li .inner {text-align:center;}
.section02-ul li .inner h4 {color:#fff;font-size:32px;margin-bottom:30px;}
.section02-ul li .inner .txt-box p {color:#fff;font-size:20px;margin-bottom:20px;}
.section02-ul li .inner .txt-box p:last-child {margin-bottom:0px;}

.section03 .section-con {text-align:center;}
.section03 .section-con .section-title {margin-bottom:15px;}
.section03 .section-con p {color:#333;font-size:20px;}

.section04 .youtube-container {position: relative;width: 100%;padding-bottom: 46.25%;height: 0;overflow: hidden;border-radius:15px;}

.section05-ul li:nth-child(1)::before {background-image: url(/theme/gentry/img/section05_bg01.jpg);}
.section05-ul li:nth-child(2)::before {background-image: url(/theme/gentry/img/section05_bg02.jpg);}

#top_btn {display:none;}

/* 하단 */
#ft {clear:both; width:100%; min-width:320px; text-align:left; background:#222;margin-top:150px; }
#ft .ft_top  {background:#f7f7f7;padding:30px 50px;display:flex;align-items:center;justify-content:space-between;}
#ft .ft_top .inner01 {display:flex;align-items:center;}
#ft .ft_top .inner01 h4 {font-size:16px;margin-right:30px;}
#ft .ft_top .inner02 ul {display:flex;align-items:center;gap:15px;}

#ft .ft_wr{margin:0 auto;width:100%;padding:70px 50px;display:flex;justify-content:space-between;}
#ft .ft_wr h4 {font-size:19px;color:#fff;margin-bottom:20px;}

#ft .ft_wr .inner01 .copyright {margin:35px 0;}
#ft .ft_wr .inner01 .copyright ul {display:flex;margin-bottom:10px;}
#ft .ft_wr .inner01 .copyright ul:last-child {margin-bottom:10px;}
#ft .ft_wr .inner01 .copyright ul li {margin-right:31px;position:relative;font-size:15px;color:#aaa;}
#ft .ft_wr .inner01 .copyright ul li:after {content:'';position:absolute;top:50%;right:-16px;transform:translateY(-50%);width:1px;height:15px;background:rgba(170,170,170,0.2);}
#ft .ft_wr .inner01 .copyright ul li:last-child {margin-right:0px;}
#ft .ft_wr .inner01 .copyright ul li:last-child:after {display:none;}
#ft .ft_wr .inner01 .copyright ul li span {display:inline-block;margin-right:10px;}
#ft .ft_wr .inner01 > p {font-size:15px;color:#777;}
#ft .ft_wr .inner01 a {color:#555;margin-left:10px;display:inline-block;}
#ft .ft_wr .inner01 a:hover {color:#fff;}

#ft .ft_wr .inner02 {display:flex;margin-top:20px;}
#ft .ft_wr .inner02-02 a {font-family: "Bebas Neue", sans-serif;font-weight: 400;font-style: normal;font-size:52px;color:#fff;display:block;margin:-20px 0 0px;}
#ft .ft_wr .inner02-02 ul li {color:#aaa;font-size:15px;margin-bottom:3px;}
#ft .ft_wr .inner02-02 ul li:last-child {margin-bottom:0px;}

#move-top-btn {transition:0.5s;position:fixed;bottom:-100px;right:20px;z-index:2;width:70px;height:70px;background:#0A5CFF;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#move-top-btn.on {bottom:20px;}
#move-top-btn:hover {background:#111;}
#move-top-btn i {color:#fff;margin-bottom:5px;font-size:15px;}
#move-top-btn p {color:#fff;font-size:15px;}

.privacy h3 {font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;}
.privacy p {font-size:16px;color:#555;margin-bottom:30px;}

/* sub */
.sub-banner {position:relative;margin:190px 0 100px;}
.sub-con {}
.sub-section {margin-bottom:100px;}

/* about */
.sub-about .sub-section01 .inner01 {margin-right:160px;}
.sub-about .sub-section01 .inner01 span {display:block;font-size:16px;color:#555;}
.sub-about .sub-section01 .inner01 h4 {font-size:52px;margin-bottom:30px;}
.sub-about .sub-section01 .inner01 p {font-size:20px;margin-bottom:20px;color:#333;}
.sub-about .sub-section01 .inner01 p:last-child {margin-bottom:0px;}
.sub-about .sub-section02 {margin-top:200px;position:relative;width:100vw;left: calc(-50vw + 50%);background:url(/theme/gentry/img/about_bg.jpg) no-repeat center;background-size:cover;}
.sub-about .sub-section02:after {content:"WHAT'S SPECIAL ABOUT CODE";position:absolute;top:-140px;left:50%;transform:translateX(-50%);color:#f7f7f7;font-size:120px;font-family:'Pretendard-Bold';width:100%;text-align:center;white-space : nowrap;}
.sub-about .sub-section02 .section-con {display:flex;align-items:center;justify-content:center;}
.sub-about .sub-section02 .section-con .txt-box {text-align:center;padding:200px 20px;}
.sub-about .sub-section02 .section-con .txt-box h4 {color:#fff;font-size:42px;margin-bottom:20px;}
.sub-about .sub-section02 .section-con .txt-box p {color:#fff;font-size:20px;}
.sub-about .sub-section03 .section-con > div {margin:0 auto;width:440px;height:440px;display:flex;align-items:center;justify-content:center;background:#f7f7f7;text-align:center;border-radius:50%;}
.sub-about .sub-section03 .section-con > div h4 {font-size:36px;}
.sub-about .sub-section03 ul {display:flex;gap:20px;padding:20px;border:1px dashed #ccc;border-radius:500px;margin:90px 0;position:relative;}
.sub-about .sub-section03 ul:before {content:'';position:absolute;left:50%;top:-75px;transform:translateX(-50%);width:15px;height:59px;background:url(/theme/gentry/img/about_dotted.png) no-repeat center;}
.sub-about .sub-section03 ul li {width:440px;height:440px;display:flex;align-items:center;justify-content:center;background:#333;color:#fff;text-align:center;border-radius:50%;}
.sub-about .sub-section03 ul li h4 {margin-bottom:10px;font-size:28px;}

/* celebrity */
.sub-ul {display:flex;flex-wrap:wrap;}
.sub-ul li {width:31.3333%;border-radius: 15px;margin-right:3%;margin-top:60px;}
.sub-ul li:nth-child(3n+3) {margin-right:0%;}
.sub-ul li:nth-child(1) {margin-top:0%;}
.sub-ul li:nth-child(2) {margin-top:0%;}
.sub-ul li:nth-child(3) {margin-top:0%;}
.sub-ul li img {width:100%;transition:0.5s;}
.sub-ul li:hover img {transform: scale(1.1);}
.sub-ul li .img-box {margin-bottom:20px;border-radius:10px;overflow: hidden;}
.sub-ul li .txt-box h4 {font-size:22px;text-align:center;}

.sub-product .sub-section {margin-bottom:100px;padding-bottom:100px;border-bottom:1px solid #ccc;}
.sub-product .sub-section:last-child {margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}
.product-page {display:flex; grid-template-columns: 1.2fr 1fr; /* 좌측 크게 */}
.product-page .gallery {display:flex; flex-direction:column; gap:10px;max-width:600px;margin-right:70px;}
.product-page .main-image {border:1px solid #eee;display:flex; align-items:center; justify-content:center;overflow:hidden;}
.product-page .main-image img {width:100%; height:auto; object-fit:contain; display:block;transition:transform .35s ease;}
.product-page .thumbs {display:grid; gap:10px;grid-template-columns: repeat(4, 1fr);}
.product-page .thumb { aspect-ratio: 1.4 / 1; background:var(--card); border:1px solid #ccc;overflow:hidden;display:flex; align-items:center; justify-content:center;cursor:pointer; position:relative;transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.product-page .thumb img {width:100%; height:100%; object-fit:cover; border-radius:8px;pointer-events:none; user-select:none;}
.product-page .thumb:focus-visible { outline:2px solid #fff; outline-offset:2px }
.product-page .thumb:hover { transform:translateY(-2px) }
.product-page .thumb[aria-current="true"] {border-color:var(--accent);box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);}
.product-page .info {width:100%;}
.product-page .info h3 {margin:.1rem 0 1rem; font-size:44px; letter-spacing:.2px;}
.product-page .info-section { margin: 30px 0 }
.product-page .info-section h4 {font-size:18px; margin:0 0 10px; color:#222;}
.product-page .bullets { margin:0;  color:var(--muted); line-height:1.8 }
.product-page .bullets li { margin:.1rem 0;color:#555;padding-left:15px;position:relative;}
.product-page .bullets li:before {content:'';position:absolute;left:0px;top:13px;width:5px;height:5px;background:#d9d9d9;border-radius:50%;}
.product-page .pill { display:inline-flex; gap:5px; align-items:center;background:#fff; border:1px solid #ccc;border-radius:999px; padding:7px 14px; color:#333; margin-right:8px; margin-bottom:8px;font-size:14px;}
.product-page .cta {margin-top:26px;}
.product-page .cta a {width:100%; display:block;padding:15px; border-radius:5px;text-align:center;background:#222; color:#fff; font-size:16px;}

.product-info .img-box {text-align:center;}
.product-info .img-box img {max-width:100%;}
.product-info ul {display:flex;justify-content:center;gap:50px;margin-top:100px;}
.product-info ul li {width:33%;}
.product-info ul li .txt-box {text-align:center;margin-top:25px;}
.product-info ul li .txt-box h4 {font-size:24px;margin-bottom:15px;}
.product-info ul li .txt-box p {color:#555;}

@media screen and ( max-width:1910px ) {
	#header .header-bg {width:100%;padding:0 20px;}
	#header .header-bg .logo-box {left:20px;}
	#header .header-bg .right {right:20px;}
	
	#hd, #wrapper, #ft {min-width:100%;}
	
}

@media screen and ( max-width:1420px ) {
	#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
	
	.section02-ul li .inner .txt-box p br {display:none;}
	
	.sub-about .sub-section03 .section-con > div {width:300px;height:300px;}
	.sub-about .sub-section03 .section-con > div h4 {font-size:26px;}
	.sub-about .sub-section03 ul {display:inline-flex;position:relative;left:50%;transform:translateX(-50%);}
	.sub-about .sub-section03 ul:last-child {margin-top:0px;}
	.sub-about .sub-section03 ul li {width:300px;height:300px;padding:20px;}
	.sub-about .sub-section03 ul li h4 {font-size:22px;}
	.sub-about .sub-section03 ul li p {font-size:14px;}
}

@media screen and ( max-width:1320px ) {
	.dingle-flex {flex-direction:column;}
	.dingle-flex div:first-child {margin-right:0px;margin-bottom:40px;}
	.dingle-flex div:last-child {margin-bottom:0px;}
	
	.products-con .certi-ul {flex-direction:column;}
	.products-con .certi-ul li {margin-right:0px;margin-bottom:30px;}
	
	.products-con .plan-ul > li .img-box img {width:100%;}
}

@media screen and ( max-width:1210px ) {
	.flex-box {flex-direction:column;}
	
	.section-slider a .txt-box h4 {font-size:18px;}
	#ft .ft_wr {flex-direction:column;}
	#ft .ft_wr .inner02 {margin-top:50px;}
	
	/* sub */
	.sub-banner {margin:130px 0 50px;}
	.sub-about .flex-box {flex-direction:column-reverse;}
	.sub-about .sub-section01 .inner01 {margin-right:0px;margin-top:50px;text-align:center;}
	.sub-about .sub-section01 .inner01 h4 {font-size:34px;}
	.sub-about .sub-section01 .inner01 p {font-size:16px;margin-bottom:10px;text-align:left;}
	.sub-about .sub-section01 .inner02 img {max-width:100%;}
	.sub-about .sub-section02:after {font-size:60px;top:-70px;}
	.sub-about .sub-section02 .section-con .txt-box {padding:100px 20px;}
	.sub-about .sub-section02 .section-con .txt-box h4 {font-size:34px;}
	.sub-about .sub-section02 .section-con .txt-box p {font-size:16px;}
	.sub-about .sub-section03 .section-con > div {width:240px;height:240px;}
	.sub-about .sub-section03 .section-con > div h4 {font-size:18px;}
	.sub-about .sub-section03 ul {display:flex;flex-direction:column;align-items:center;border:0px;}
	.sub-about .sub-section03 ul li {width:240px;height:240px;}
	.sub-about .sub-section03 ul li h4 {font-size:18px;}
	.sub-about .sub-section03 ul li p {font-size:14px;}
	.sub-about .sub-section03 ul li p br {display:none;}
	
	.product-page {flex-direction:column;align-items:center;}
	.product-page .gallery {margin-right:0px;margin-bottom:60px;}
	.product-page .info h3 {font-size:28px;}
	.product-page .bullets li {font-size:15px;}
	
	.product-info ul {gap:20px;margin-top:70px;}
	.product-info ul li .txt-box h4 {font-size:20px;}
	.product-info ul li .txt-box p {font-size:16px;}
	.product-info ul li .txt-box p br {display:none;}
}

@media screen and ( max-width:1010px ) {
	#header .header-bg {height:80px;}
	#gnb_1dul {display:none;}
	#header .header-bg .language-ul {margin-right:30px;}
	
	.m-menu .gnb-total-menu li ul li {margin-bottom:5px;}
	.m-menu .gnb-total-menu li a {font-size:18px;}
	.m-menu .gnb-total-menu li ul a {font-size:16px;}
	
	#header .header-bg .right > ul {display:none;}
	
	.m-menu-btn {display:block;}
	
	.section .section-con {padding:70px 20px;}
	
	.section01 .section-con {padding:120px 20px 40px}
	
	.section02-ul li {height:auto;padding:50px 30px;}
	.section02-ul li .inner h4 {font-size:20px;margin-bottom:20px;}
	.section02-ul li .inner .txt-box p {font-size:15px;margin-bottom:10px;}
	
	.section02 .section02-ul li:nth-child(1) {padding:220px 0;}
	.section05 .section05-ul li:nth-child(2) {padding:220px 0;}
	
}

@media screen and ( max-width:910px ) {
	#ft .ft_top {flex-direction:column;padding:30px 20px;}
	#ft .ft_top .inner01 {margin-bottom:20px;flex-direction:column;}
	#ft .ft_top .inner01 h4 {margin-right:0px;}
	#ft .ft_wr .inner01 .copyright {display:flex;flex-direction:column;align-items:center;}
	#ft .ft_wr {padding:50px 20px;text-align:center;}
	#ft .ft_wr .inner02 {flex-direction:column;}
	#ft .ft_wr .inner02-01 {margin-right:0px;}
	#ft .ft_wr .inner02-01 ul {display:flex;flex-direction:column;width:200px;margin:0 auto;}
}

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

@media screen and ( max-width:720px ) {
	.main-banner .main-swiper {}
	.main-banner .inner .txt-box {padding:0 20px;}
	.main-banner .inner .txt-box ul {display:flex;flex-direction:column;}
	.main-banner .inner .txt-box ul li {margin-bottom:40px;}
	.main-banner .inner .txt-box ul li:nth-child(1) {order:2;}
	.main-banner .inner .txt-box ul li:nth-child(2) {order:1;margin:0px;margin-bottom:30px;}
	.main-banner .inner .txt-box ul li:nth-child(2) h3 {display:none;}
	.main-banner .inner .txt-box ul li:nth-child(2) img {max-width:50%;}
	.main-banner .inner .txt-box ul li:nth-child(3) {order:3;position:relative;}
	.main-banner .inner .txt-box ul li:nth-child(3):after {content:'IS OUR';position:absolute;top:-50px;left:50%;transform:translateX(-50%);font-size:36px;color:#fff;font-family:'Pretendard-Bold';}
	.main-banner .inner .txt-box ul li h3 {font-size:36px;}
	
	.section .section-title {font-size:24px;margin-bottom:30px;}
	.section .section-con {padding:30px 20px;}
	
	.section01 .section-con {padding:90px 20px 30px;}
	.section-slider a .txt-box h4 {font-size:16px;}
	
	.section02-ul {flex-direction:column;}
	.section02-ul li {border-radius:10px;}
	
	.section03 .section-con p {font-size:16px;}
	
	.section04 .youtube-container {padding-bottom: 56.25%;border-radius:10px;}
	
	#ft {margin-top:70px;}
	#ft .ft_wr .inner01 .copyright {margin:35px 0 20px 0;}
	#ft .ft_wr .inner01 .copyright ul {display:flex;flex-direction:column;margin-bottom:5px;}
	#ft .ft_wr .inner01 .copyright ul li {margin-right:0px;margin-bottom:5px;}
	#ft .ft_wr .inner01 .copyright ul li:last-child {margin-bottom:0px;}
	#ft .ft_wr .inner01 .copyright ul li:after {display:none;}
	
	/* sub */
	#container_title span {font-size:28px;}
	
	.sub-section {margin-bottom:70px;}
	.sub-about .sub-section01 .inner01 h4 {font-size:24px;}
	.sub-about .sub-section02 {margin-top:70px;}
	.sub-about .sub-section02 .section-con .txt-box h4 {font-size:24px;}
	
	.sub-ul li {width:49%;margin-right:2%;margin-top:40px;}
	.sub-ul li:nth-child(3n+3) {margin-right:2%;}
	.sub-ul li:nth-child(2n+2) {margin-right:0%;}
	.sub-ul li:nth-child(1) {margin-top:0%;}
	.sub-ul li:nth-child(2) {margin-top:0%;}
	.sub-ul li:nth-child(3) {margin-top:40px;}
	.sub-ul li .txt-box h4 {font-size:18px;}
	
	.product-page .info h3 {font-size:22px;}
	.product-page .info-section h4 {font-size:16px;}
	.product-page .bullets li {font-size:14px;}
	.product-page .bullets li:before {top:11px;}
	.product-page .pill {font-size:12px;}
	.product-page .cta a {font-size:14px;}
	
	.sub-product .sub-section {margin-bottom:50px;padding-bottom:50px;}
	.product-page {flex-direction:column;align-items:center;}
	.product-info ul {flex-direction:column;align-items:center;gap:50px;}
	.product-info ul li {width:100%;}
	.product-info ul li .txt-box h4 {font-size:18px;}
	
}

@media screen and ( max-width:610px ) {
	#header .header-bg .language-ul {margin-left:0px;margin-right:20px;}
	#header.main-header .header-bg .language-ul {margin-left:0px;margin-right:20px;}
	#header.scroll .header-bg .language-ul {margin-left:0px;margin-right:20px;}
}

@media screen and ( max-width:510px ) {
	.m-menu-con {min-width:100%;width:100%;}
	.m-menu-about h4 {font-size:15px;}
	.m-menu-about ul li {font-size:12px;padding-left:10px;}
	.m-menu-about ul li:after {top:8px;width:3px;height:3px;}
	
	.sub-ul li .img-box {margin-bottom:15px;}
	.sub-ul li .txt-box h4 {font-size:15px;}
}