@media(min-width: 992px){

	#google_translate_element{ z-index: 100; position: fixed; right: 7vw; top: 30px; display: block; width: 40px; height: 40px;
	background: url("/img/global_ico_page.png") no-repeat 50% 50%; background-size: cover; filter: brightness(0) invert(1);}
	#google_translate_element.active{ filter: none;}
	#google_translate_element img{ display: none;}
	#google_translate_element span{ display: none;}
	.goog-te-gadget-simple{ width: 40px; height: 40px; border: none !important; background: transparent !important;}
	.VIpgJd-ZVi9od-ORHb-OEVmcd{ display: none;}

	div.quick_menu{ z-index: 98; position: absolute; right: 50px; top: calc(100vh + 240px); transform: translateY(-50%);}
	div.quick_menu.is-fixed{ position: fixed; top: 50%;}
	div.quick_menu div.menu{ width: 80px; padding: 35px 7px; margin-bottom: 20px; border-radius: 999px; background: #008bd2;}
	div.quick_menu div.menu ul{}
	div.quick_menu div.menu ul li{ position: relative;}
	div.quick_menu div.menu ul li + li::after{ content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: block; width: 80%; height: 1px; background: #fff;}
	div.quick_menu div.menu ul li a{ display: block; padding: 10px 0;}
	div.quick_menu div.menu ul li a div.img_wrap{ width: 45px; margin: 0 auto 5px;}
	div.quick_menu div.menu ul li a p{ font-weight: 500; font-size: 15px; color: #fff; text-align: center;}
	div.quick_menu div.to_top{ width: 80px; height: 80px; border-radius: 999px; background: #1368aa;}
	div.quick_menu div.to_top button{ position: relative; display: block; width: 100%;height: 100%; font-weight: 900; font-size: 22px; color: #fff; text-align: center;}
	div.quick_menu div.to_top button::after{ content: ""; position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); display: block; width: 15px; height: 9px;
	background: url("/img/top_arr.png") no-repeat 50% 50%; background-size: cover;}

	header{ z-index: 99; position: fixed; left: 0; top: 0; width: 100%; height: 100px; border-bottom: 1px solid transparent; transition: all 0.3s;}
	header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1730px;}
	header div.inner_wrap h1{ width: 235px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%; filter: brightness(0) invert(1);}
	header div.inner_wrap nav > ul{ display: flex; gap: 40px;}
	header div.inner_wrap nav > ul > li > button{ display: block; width: 100%; height: 100%; font-weight: bold; font-size: 20px; color: #fff; line-height: 100px; transition: all 0.3s;}
	header div.inner_wrap nav > ul > li > a{ display: block; width: 100%; height: 100%; font-weight: bold; font-size: 20px; color: #fff; line-height: 100px; transition: all 0.3s;}
	header div.inner_wrap nav > ul > li > a span{ padding: 6px 15px; border: 2px solid #fff; border-radius: 999px;}
	header div.inner_wrap nav > ul > li.shopping > a:hover span{ color: #fff; background: #008bd2;}
	header div.inner_wrap nav > ul > li > ul{ z-index: 3; overflow: hidden; position: absolute; left: 0; top: 100px; width: 100%; height: 0; display: flex; justify-content: center;
	transition: height 0.4s;}
	header div.inner_wrap nav > ul > li > ul > li > a{ position: relative; display: block; padding: 25px 20px; font-weight: 500; font-size: 18px; color: #000;}
	header div.inner_wrap nav > ul > li > ul > li > a:hover{ color: #1368aa;}
	header div.inner_wrap nav > ul > li > ul > li > a:hover::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 2px; background: #1368aa;}
	
	header div.inner_wrap div.nav_wrap{ width: 32px;}
	header div.inner_wrap div.nav_wrap button{ display: block; width: 100%;}
	header div.inner_wrap div.nav_wrap button img{ display: block; width: 100%; filter: brightness(0) invert(1);}
	
	header div.head_bg{ z-index: 2; position: absolute; top: 100px; left: 0; width: 100%; height: 0px; background: #fff; transition: height 0.4s;}
	header.scroll{ background: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #ddd; backdrop-filter: blur(8px);}
	header.scroll div.inner_wrap h1 a img{ filter: none;}
	header.scroll div.inner_wrap nav ul li button{ color: #000;}
	header.scroll div.inner_wrap nav > ul > li > a{ color: #008bd2;}
	header.scroll div.inner_wrap nav > ul > li > a span{ border: 2px solid #008bd2;}
	header.scroll div.inner_wrap div.nav_wrap button img{ filter: none;}
	header div.inner_wrap nav > ul > li:hover > button{ color: #1368aa;}
	header:hover{ background: #fff;}
	header:hover div.head_bg{ border-bottom: 1px solid #ddd;}
	header:hover div.inner_wrap nav ul li button{ color: #000;}
	header:hover div.inner_wrap nav > ul > li > a{ color: #008bd2;}
	header:hover div.inner_wrap nav > ul > li > a span{ border: 2px solid #008bd2;}
	header:hover{ background: #fff; border-bottom: 1px solid #ddd;}
	header:hover div.inner_wrap h1 a img{ filter: none;}
	header:hover div.inner_wrap div.nav_wrap button img{ filter: none;}
	
	
	div.side_nav{ z-index: 103; position: fixed; left: 0; top: 0; transform: translateX(100%); display: flex; flex-direction: row-reverse; width: 100%; height: 100vh; background: #fff;
	transition: 1s ease-in-out;}
	div.side_nav.active{ transform: translateX(0);}
	div.side_nav div.side_bg{ width: 31.15%; background: url("/img/side_nav_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	div.side_nav div.info_wrap{ flex: 1; padding: 34px 2.08vw 34px 5.2vw;}
	div.side_nav div.info_wrap div.head{ display: flex; justify-content: space-between; padding-right: 40px; margin-bottom: 6.51vw;}
	div.side_nav div.info_wrap div.head div.logo_wrap{ width: 300px;}
	div.side_nav div.info_wrap div.head div.logo_wrap img{ display: block; width: 100%;}
	div.side_nav div.info_wrap div.head button svg{ width: 32px; height: 32px;}
	div.side_nav div.info_wrap div.side_menu > ul{ display: flex;}
	div.side_nav div.info_wrap div.side_menu > ul > li{ position: relative; flex: 1; padding-left: 1.7vw;}
	div.side_nav div.info_wrap div.side_menu > ul > li + li::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #ccc;}
	div.side_nav div.info_wrap div.side_menu > ul > li > p.tit{ margin-bottom: 1.8vw; font-weight: bold; font-size: 34px;}
	div.side_nav div.info_wrap div.side_menu > ul > li:hover > p.tit{ margin-bottom: 1.8vw; font-weight: bold; font-size: 34px; color: #1368aa; transition: all 0.4s;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li > a{ position: relative; display: block; padding: 5px; font-weight: 500; font-size: 18px; color: #555;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li > a::after{ content: ""; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); display: block; width: 0;
	height: 2px; background: #555;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li > a:hover{ padding-left: 20px; transition: all 0.3s;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li > a:hover::after{ width: 10px; transition: all 0.3s;}


	section.visual{ position: relative; width: 100%; height: 100vh;}
	section.visual::after{ content: ""; z-index: 3; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
	section.visual video{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%;}
	section.visual div.txt_wrap{ z-index: 5; position: absolute; left: 11%; bottom: 12%;}
	section.visual div.txt_wrap h2{ margin-bottom: 30px; font-size: 42px; color: #fff;}
	section.visual div.txt_wrap p{ font-weight: 500; font-size: 24px; color: #fff; line-height: 1.2;}


	section.product{ padding: 100px 10px;}
	section.product div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
	section.product div.head h2{ font-size: 62px; line-height: 1;}
	section.product div.head div.btn_wrap{ display: flex; gap: 15px;}
	section.product div.head div.btn_wrap button{ overflow: hidden; display: block; width: 55px; height: 55px; border-radius: 999px; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);}
	section.product div.head div.btn_wrap button.swiper-button-disabled{ opacity: 0.4;}
	section.product div.head div.btn_wrap button img{ display: block; width: 100%;}
	section.product div.pro_view{ overflow: visible;}
	section.product div.pro_view div.list{ width: 600px; height: auto;}
	section.product div.pro_view div.list div.img_wrap{ overflow: hidden; margin-bottom: 15px; border-radius: 20px;}
	section.product div.pro_view div.list div.img_wrap img{ display: block; width: 100%;}
	section.product div.pro_view div.list p.tit{ font-weight: bold; font-size: 24px;}
	
	
	section.video{ padding: 100px 10px; background: #f6f6f6;}
	section.video h2{ margin-bottom: 60px; font-size: 62px; line-height: 1;}
	section.video div.info_wrap{ position: relative;}
	section.video div.info_wrap div.youtube{ width: 79.1666%;}
	section.video div.info_wrap div.youtube div.pd{ padding-top: 56.25%;}
	section.video div.info_wrap div.youtube div.pos_abs{ overflow: hidden; position: absolute; left: 0; top: 0; border-radius: 20px;height: 100%;width: 100%;}
	section.video div.info_wrap div.youtube div.pos_abs img{ display: block; width: 100%; height: 100%;}
	section.video div.info_wrap div.txt_wrap{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 370px; padding: 90px 30px; border-radius: 15px;
	background: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
	section.video div.info_wrap div.txt_wrap p.tag{ margin-bottom: 10px; font-weight: bold; font-size: 20px; color: #1368aa;}
	section.video div.info_wrap div.txt_wrap p.desc{ margin-bottom: 15px; font-weight: 500; font-size: 16px; line-height: 1.2;}
	section.video div.info_wrap div.txt_wrap a{ display: flex; align-items: center; justify-content: center; gap: 3px; width: max-content; padding: 5px 10px 4px; font-weight: 500; color: #fff;
	border-radius: 99px; background: #1368aa;}
	section.video div.info_wrap div.txt_wrap a img{ display: block; width: 13px;}
	
	
	section.certification{ padding: 100px 10px;}
	section.certification div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
	section.certification div.head h2{ font-size: 62px; line-height: 1;}
	section.certification div.head a{ font-weight: 500;}
	section.certification div.info_wrap ul{ display: flex; gap: 50px;}
	section.certification div.info_wrap ul li{ overflow: hidden; border: 1px solid #ccc; border-radius: 15px;}
	section.certification div.info_wrap ul li:nth-child(2){ transition-delay: 0.2s;}
	section.certification div.info_wrap ul li:nth-child(3){ transition-delay: 0.4s;}
	section.certification div.info_wrap ul li img{ display: block; width: 100%;}
	
	
	section.facilities{ padding: 100px 10px; background: #f6f6f6;}
	section.facilities h2{ margin-bottom: 60px; font-size: 62px; line-height: 1;}
	section.facilities div.info_wrap ul{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px;}
	section.facilities div.info_wrap ul li{ width: calc((100% - 40px) / 2);}
	section.facilities div.info_wrap ul li:nth-child(even){ margin-top: 40px;}
	section.facilities div.info_wrap ul li a{ display: block; width: 100%;}
	section.facilities div.info_wrap ul li a div.img_wrap{ overflow: hidden; margin-bottom: 15px; border-radius: 15px;}
	section.facilities div.info_wrap ul li a div.img_wrap img{ display: block; width: 100%; transition: all 0.6s;}
	section.facilities div.info_wrap ul li:hover a div.img_wrap img{ transform: scale(1.05);}
	section.facilities div.info_wrap ul li a div.txt_wrap{ position: relative;}
	section.facilities div.info_wrap ul li a div.txt_wrap p{ font-weight: bold; font-size: 32px; line-height: 1; transition: all 0.6s ease-in-out;}
	section.facilities div.info_wrap ul li a div.txt_wrap div.arr{ position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); width: 32px; padding: 8px; border-radius: 99px;
	background: #1368aa; transition: all 0.6s ease-in-out;}
	section.facilities div.info_wrap ul li:hover a div.txt_wrap p{ transform: translateX(40px);}
	section.facilities div.info_wrap ul li:hover a div.txt_wrap div.arr{ left: 0; transform: translate(0, -50%);}
	section.facilities div.info_wrap ul li a div.txt_wrap div.arr img{ display: block; width: 100%;}
	
	
	section.business{ padding: 100px 10px;}
	section.business h2{ margin-bottom: 60px; font-size: 62px; line-height: 1;}
	section.business ul{ position: relative; display: flex; justify-content: center; gap: 20px; padding: 20px 0;}
	section.business ul li{ overflow: hidden; position: relative; width: calc((100% - 40px) / 3); border-radius: 20px; transition: all 1.2s ease-in-out;}
	
	
	section.business ul li:nth-child(1){ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-15deg);
	background: url("/img/business1_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.business ul li:nth-child(2){ background: url("/img/business2_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.business ul li:nth-child(3){ position: absolute; right: 50%; bottom: 50%; transform: translate(50%, 50%) rotate(15deg);
	background: url("/img/business3_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.business ul.active li:nth-child(1){ left: 0; top: 0; transform: translate(0, 0) rotate(0);}
	
	
	section.business ul.active li:nth-child(3){ right: 0; bottom: 0; transform: translate(0, 0) rotate(0);}
	section.business ul.active li:hover{ transform: translate(0, -20px) rotate(0); transition: all 0.4s;}
	section.business ul li a{ display: block; padding-top: 100%;}
	section.business ul li a p.tit{ position: absolute; left: 30px; top: 50px; font-weight: bold; font-size: 32px; color: #fff;}
	
	
	section.esg{ padding: 100px 10px 130px; background: url("/img/esg_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.esg h2{ margin-bottom: 60px; font-size: 52px; color: #fff; line-height: 1.2;}
	section.esg div.info_wrap ul{ display: flex; gap: 40px;}
	section.esg div.info_wrap ul li:nth-child(2){ transition-delay: 0.2s;}
	section.esg div.info_wrap ul li:nth-child(3){ transition-delay: 0.4s;}
	section.esg div.info_wrap ul li div.img_wrap{ width: 84px; margin: 0 auto;}
	section.esg div.info_wrap ul li div.img_wrap img{ display: block;  width: 100%;}
	section.esg div.info_wrap ul li p{ font-weight: 500; font-size: 24px; color: #fff; text-align: center;}
	section.esg div.txt_wrap{ position: absolute; right: 0; bottom: -30px; transition-delay: 0.6s;}
	section.esg div.txt_wrap p.desc{ margin-bottom: 10px; font-weight: 500; font-size: 20px; color: #fff; line-height: 1.2;}
	section.esg div.txt_wrap a{ display: flex; align-items: center; justify-content: center; gap: 3px; width: max-content; padding: 5px 10px 3px; font-weight: 600; border-radius: 999px;
	background: #fff;}
	section.esg div.txt_wrap a img{ display: block; width: 17px; filter: brightness(1) invert(1);}
	
	
	section.news{ padding: 100px 10px;}
	section.news div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
	section.news div.head h2{ font-size: 62px; line-height: 1;}
	section.news div.head div.btn_wrap{ display: flex; gap: 15px;}
	section.news div.head div.btn_wrap button{ overflow: hidden; display: block; width: 55px; height: 55px; border-radius: 999px; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);}
	section.news div.head div.btn_wrap button.swiper-button-disabled{ opacity: 0.4;}
	section.news div.head div.btn_wrap button img{ display: block; width: 100%;}
	section.news div.news_view{ overflow: visible;}
	section.news div.news_view div.list{ overflow: hidden; width: 320px; height: auto; padding: 50px 15px; border: 1px solid #ccc; border-radius: 20px;}
	section.news div.news_view div.list p.tit{ margin-bottom: 12px; font-weight: bold; font-size: 20px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	section.news div.news_view div.list p.desc{ margin-bottom: 10px; font-weight: 500; font-size: 15px; color: #3d3d3d; line-height: 1.2; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
	section.news div.news_view div.list div.time{ display: flex; gap: 3px; font-size: 14px; color: #a2a2a2;}
	section.news div.news_view div.list div.time img{ display: block; width: 12px;}
	
	
	section.partner{ padding: 100px 10px 760px; background: url("/img/partner_bg.png") no-repeat 50% 50%; background-size: cover;}
	section.partner div.txt_wrap{ color: #fff;}
	section.partner div.txt_wrap p.cate{ margin-bottom: 15px; font-weight: bold; font-size: 20px; color: #093253;}
	section.partner div.txt_wrap p.sub_tit{ margin-bottom: 20px; font-weight: 500; font-size: clamp(20px, 1.5vw, 28px); color: #093253;}
	section.partner div.txt_wrap h2{ margin-bottom: 30px; font-size: clamp(36px, 2.8vw, 52px); color: #093253;}
	section.partner div.txt_wrap h2 span{ color: #0a55ad;}
	section.partner div.txt_wrap div.logo_wrap{ width: 320px;}
	section.partner div.txt_wrap div.logo_wrap img{ display: block; width: 100%;}
	section.partner div.part_nav{ position: absolute; right: 0; top: 0; width: clamp(570px, 37.5%, 720px); height: 100%; padding: 0 140px 100px 35px; /*backdrop-filter: blur(5px);*/}
	section.partner div.part_nav ul{ display: flex; flex-wrap: wrap; align-content: flex-end; gap: 20px; width: 100%; height: 100%;} 
	section.partner div.part_nav ul li{ overflow: hidden; width: calc((100% - 20px) / 2); border-radius: 20px;}
	section.partner div.part_nav ul li:nth-child(1){ background: #13a2aa;}
	section.partner div.part_nav ul li:nth-child(2){ background: #20acd4; transition-delay: 0.2s;}
	section.partner div.part_nav ul li:nth-child(3){ background: #1368aa;}
	section.partner div.part_nav ul li:nth-child(4){ background: #024a82; transition-delay: 0.2s;}
	section.partner div.part_nav ul li a{ display: block; width: 100%; padding: 40px 30px;}
	section.partner div.part_nav ul li a p{ margin-bottom: 65px; font-weight: bold; font-size: 24px; color: #fff;}
	section.partner div.part_nav ul li a div.ico_wrap{ display: flex; justify-content: flex-end;}
	
	
	footer{ padding: 90px 10px; border-top: 1px solid #ddd;}
	footer div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
	footer div.head div.logo_wrap{ width: 350px;}
	footer div.head div.logo_wrap img{ display: block; width: 100%;}
	footer div.head div.foot_gnb ul{ display: flex; gap: 20px;}
	footer div.head div.foot_gnb ul li a{ display: block; font-weight: bold; font-size: 20px; color: #686868;}
	footer div.head div.foot_gnb ul li:hover a{ transform: translateY(-10px);}
	footer div.body{ display: flex; justify-content: space-between; align-items: center;}
	footer div.body div.info_wrap ul li{ font-weight: 500; font-size: 17px; color: #686868;}
}

@media(max-width: 991px){
	#google_translate_element{ z-index: 100; position: fixed; right: 60px; top: 25px; display: block; width: 30px; height: 30px;
	background: url("/img/global_ico_page.png") no-repeat 50% 50%; background-size: cover;}
	#google_translate_element img{ display: none;}
	#google_translate_element span{ display: none;}
	.goog-te-gadget-simple{ width: 40px; height: 40px; border: none !important; background: transparent !important;}
	.VIpgJd-ZVi9od-ORHb-OEVmcd{ display: none;}
	
	.hd_pops{ left: 50% !important; top: 20px !important; transform: translateX(-50%); width: 95% !important;}
	.hd_pops div{ width: 100% !important;}
	
	div.quick_menu{ display: none;}

	header{ z-index: 99; position: sticky; left: 0; top: 0; width: 100%; height: 80px; padding: 0 10px; background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
	header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between; height: 100%;}
	header div.inner_wrap h1{ width: 180px;}
	header div.inner_wrap h1 img{ display: block; width: 100%;}
	header div.inner_wrap h1 img.white_logo{ display: none;}
	header div.inner_wrap nav{ display: none;}
	header div.inner_wrap div.global_wrap{ display: flex; gap: 10px;}
	header div.inner_wrap div.global_wrap svg{ transition: all 0.3s;}
	header div.inner_wrap div.nav_wrap{ width: 32px;}
	header div.inner_wrap div.nav_wrap button{ display: block; width: 100%;}
	header div.inner_wrap div.nav_wrap button img{ display: block; width: 100%;}
	
	
	div.side_nav{ z-index: 103; overflow-y: auto; position: fixed; left: 0; top: 0; transform: translateX(100%); width: 100%; height: 100vh; background: #fff; transition: 0.6s ease-in-out;}
	div.side_nav.active{ transform: translateX(0);}
	div.side_nav div.side_bg{ padding-top: 60%; margin: 3.08vw; border-radius: 15px; background: url("/img/side_nav_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	div.side_nav div.info_wrap{ width: 100%; padding: 34px 3.08vw 34px;}
	div.side_nav div.info_wrap div.head{ display: flex; justify-content: space-between; margin-bottom: 6.51vw;}
	div.side_nav div.info_wrap div.head div.logo_wrap{ width: 45%; max-width: 262px;}
	div.side_nav div.info_wrap div.head div.logo_wrap img{ display: block; width: 100%;}
	div.side_nav div.info_wrap div.head button svg{ width: 32px; height: 32px;}
	div.side_nav div.info_wrap div.side_menu > ul{ }
	div.side_nav div.info_wrap div.side_menu > ul > li{ position: relative;}
	div.side_nav div.info_wrap div.side_menu > ul > li > p.tit{ position: relative; padding: 15px 0 18px; font-weight: bold; font-size: 22px; border-bottom: 1px solid #ddd;}
	div.side_nav div.info_wrap div.side_menu > ul > li > p.tit::after{ content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(135deg); display: block;
	width: 10px; height: 10px; border: 1px solid #9e9e9e; border-width: 1px 1px 0 0; transition: all 0.4s;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul{ overflow: hidden; height: 0; background: #f5f5f5; transition: height 0.4s;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li > a{ display: block; padding: 8px 15px; font-weight: 500; font-size: 15px; color: #555;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li:nth-child(1) > a{ padding-top: 16px;}
	div.side_nav div.info_wrap div.side_menu > ul > li > ul > li:last-child > a{ padding-bottom: 16px;}
	div.side_nav div.info_wrap div.side_menu > ul > li.on > p.tit::after{ transform: translateY(-50%) rotate(315deg);}
	div.side_nav div.info_wrap div.side_menu > ul > li.on > ul{ height: auto;}


	section.visual{ position: relative; width: 100%; height: calc(100vh - 80px);}
	section.visual::after{ content: ""; z-index: 3; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
	section.visual video{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.visual div.txt_wrap{ z-index: 5; position: absolute; left: 3%; bottom: 10%;}
	section.visual div.txt_wrap h2{ margin-bottom: 15px; font-size: 22px; color: #fff;}
	section.visual div.txt_wrap p{ font-weight: 500; font-size: 16px; color: #fff; line-height: 1.2;}


	section.product{ padding: 100px 10px;}
	section.product div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
	section.product div.head h2{ font-size: 36px; line-height: 1;}
	section.product div.head div.btn_wrap{ display: flex; gap: 10px;}
	section.product div.head div.btn_wrap button{ overflow: hidden; display: block; width: 35px; height: 35px; border-radius: 999px; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);}
	section.product div.head div.btn_wrap button.swiper-button-disabled{ opacity: 0.4;}
	section.product div.head div.btn_wrap button img{ display: block; width: 100%;}
	section.product div.pro_view{ overflow: visible;}
	section.product div.pro_view div.list{ width: 280px; height: auto;}
	section.product div.pro_view div.list div.img_wrap{ overflow: hidden; margin-bottom: 15px; border-radius: 20px;}
	section.product div.pro_view div.list div.img_wrap img{ display: block; width: 100%;}
	section.product div.pro_view div.list p.tit{ font-weight: bold; font-size: 20px;}
	
	
	section.video{ padding: 100px 10px; background: #f6f6f6;}
	section.video h2{ margin-bottom: 40px; font-size: 36px; line-height: 1;}
	section.video div.info_wrap{ position: relative;}
	section.video div.info_wrap div.youtube{ margin-bottom: 20px;}
	section.video div.info_wrap div.youtube div.pd{ padding-top: 56.25%;}
	section.video div.info_wrap div.youtube div.pos_abs{ overflow: hidden; position: absolute; left: 0; top: 0; border-radius: 20px;height: 100%;width: 100%;}
	section.video div.info_wrap div.youtube div.pos_abs img{ display: block; width: 100%; height: 100%;}
	section.video div.info_wrap div.txt_wrap p.tag{ margin-bottom: 10px; font-weight: bold; font-size: 20px; color: #1368aa;}
	section.video div.info_wrap div.txt_wrap p.desc{ margin-bottom: 15px; font-weight: 500; font-size: 16px; line-height: 1.2;}
	section.video div.info_wrap div.txt_wrap a{ display: flex; align-items: center; justify-content: center; gap: 3px; width: max-content; padding: 5px 10px 4px; font-weight: 500; color: #fff;
	border-radius: 99px; background: #1368aa;}
	section.video div.info_wrap div.txt_wrap a img{ display: block; width: 13px;}
	
	
	section.certification{ padding: 100px 10px;}
	section.certification div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
	section.certification div.head h2{ font-size: 36px; line-height: 1;}
	section.certification div.head a{ font-weight: 500;}
	section.certification div.info_wrap ul{ display: flex; gap: 10px;}
	section.certification div.info_wrap ul li{ overflow: hidden; border: 1px solid #ccc; border-radius: 15px;}
	section.certification div.info_wrap ul li:last-child{ display: none;}
	section.certification div.info_wrap ul li img{ display: block; width: 100%;}
	
	
	section.facilities{ padding: 100px 10px; background: #f6f6f6;}
	section.facilities h2{ margin-bottom: 40px; font-size: 36px; line-height: 1;}
	section.facilities div.info_wrap ul{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px;}
	section.facilities div.info_wrap ul li{ width: calc((100% - 20px) / 2);}
	section.facilities div.info_wrap ul li:nth-child(even){ margin-top: 20px;}
	section.facilities div.info_wrap ul li a{ display: block; width: 100%;}
	section.facilities div.info_wrap ul li a div.img_wrap{ overflow: hidden; margin-bottom: 15px; border-radius: 15px;}
	section.facilities div.info_wrap ul li a div.img_wrap img{ display: block; width: 100%;}
	section.facilities div.info_wrap ul li a div.txt_wrap{ display: flex; justify-content: space-between; align-items: center;}
	section.facilities div.info_wrap ul li a div.txt_wrap p{ font-weight: bold; font-size: 18px; line-height: 1;}
	section.facilities div.info_wrap ul li a div.txt_wrap div.arr{ width: 20px; padding: 4px; border-radius: 99px; background: #1368aa;}
	section.facilities div.info_wrap ul li a div.txt_wrap div.arr img{ display: block; width: 100%;}
	
	
	section.business{ padding: 100px 10px;}
	section.business h2{ margin-bottom: 40px; font-size: 36px; line-height: 1;}
	section.business ul{ position: relative; display: flex; justify-content: center; gap: 20px; padding-bottom: 186%;}
	section.business ul li{ overflow: hidden; position: relative; width: 100%; border-radius: 20px; transition: all 1.2s ease-in-out;}
	section.business ul li:nth-child(1){ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-15deg);
	background: url("/img/business1_m_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.business ul li:nth-child(2){ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("/img/business2_m_bg.jpg") no-repeat 50% 50%;
	background-size: cover;}
	section.business ul li:nth-child(3){ position: absolute; right: 50%; bottom: 50%; transform: translate(50%, 50%) rotate(15deg);
	background: url("/img/business3_m_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.business ul.active li:nth-child(1){ left: 0; top: 0; transform: translate(0, 0) rotate(0);}
	section.business ul.active li:nth-child(3){ right: 0; bottom: 0; transform: translate(0, 0) rotate(0);}
	section.business ul li a{ display: block; padding-top: 58.2022%;}
	section.business ul li a p.tit{ position: absolute; left: 30px; top: 30px; font-weight: bold; font-size: 32px; color: #fff;}
	
	
	section.esg{ padding: 100px 10px; background: url("/img/esg_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.esg h2{ margin-bottom: 40px; font-size: 36px; color: #fff; line-height: 1.2;}
	section.esg div.info_wrap{ margin-bottom: 30px;}
	section.esg div.info_wrap ul{ display: flex; gap: 20px;}
	section.esg div.info_wrap ul li div.img_wrap{ width: 65px; margin: 0 auto;}
	section.esg div.info_wrap ul li div.img_wrap img{ display: block;  width: 100%;}
	section.esg div.info_wrap ul li p{ font-weight: 500; font-size: 20px; color: #fff; text-align: center;}
	section.esg div.txt_wrap{ }
	section.esg div.txt_wrap p.desc{ margin-bottom: 10px; font-weight: 500; font-size: 18px; color: #fff; line-height: 1.2;}
	section.esg div.txt_wrap a{ display: flex; align-items: center; justify-content: center; gap: 3px; width: max-content; padding: 5px 10px 3px; font-weight: 600; border-radius: 999px;
	background: #fff;}
	section.esg div.txt_wrap a img{ display: block; width: 17px; filter: brightness(1) invert(1);}
	
	
	section.news{ padding: 100px 10px;}
	section.news div.head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
	section.news div.head h2{ font-size: 36px; line-height: 1;}
	section.news div.head div.btn_wrap{ display: flex; gap: 10px;}
	section.news div.head div.btn_wrap button{ overflow: hidden; display: block; width: 30px; height: 30px; border-radius: 999px; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);}
	section.news div.head div.btn_wrap button.swiper-button-disabled{ opacity: 0.4;}
	section.news div.head div.btn_wrap button img{ display: block; width: 100%;}
	section.news div.news_view{ overflow: visible;}
	section.news div.news_view div.list{ overflow: hidden; width: 320px; height: auto; padding: 50px 15px; border: 1px solid #ccc; border-radius: 20px;}
	section.news div.news_view div.list p.tit{ margin-bottom: 12px; font-weight: bold; font-size: 20px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	section.news div.news_view div.list p.desc{ margin-bottom: 10px; font-weight: 500; font-size: 15px; color: #3d3d3d; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
	-webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
	section.news div.news_view div.list div.time{ display: flex; gap: 3px; font-size: 14px; color: #a2a2a2;}
	section.news div.news_view div.list div.time img{ display: block; width: 12px;}
	
	
	section.partner{ padding: 100px 10px; background: url("/img/partner_bg.png") no-repeat 17% 50%; background-size: cover;}
	section.partner div.txt_wrap{ color: #fff;}
	section.partner div.txt_wrap p.cate{ margin-bottom: 15px; font-weight: bold; font-size: 20px; color: #093253;}
	section.partner div.txt_wrap p.sub_tit{ margin-bottom: 20px; font-weight: 500; font-size: clamp(20px, 1.5vw, 28px); color: #093253;}
	section.partner div.txt_wrap h2{ margin-bottom: 20px; font-size: clamp(36px, 2.8vw, 52px); color: #093253;}
	section.partner div.txt_wrap h2 span{ color: #0a55ad;}
	section.partner div.txt_wrap div.logo_wrap{ width: 260px; margin-bottom: 40px;}
	section.partner div.txt_wrap div.logo_wrap img{ display: block; width: 100%;}
	
	
	section.partner div.part_nav ul{ display: flex; flex-wrap: wrap; align-content: flex-end; gap: 10px; width: 100%; height: 100%;} 
	section.partner div.part_nav ul li{ overflow: hidden; width: calc((100% - 10px) / 2); border-radius: 20px;}
	section.partner div.part_nav ul li:nth-child(1){ background: #2086d4;}
	section.partner div.part_nav ul li:nth-child(2){ background: #1368aa;}
	section.partner div.part_nav ul li:nth-child(3){ background: #1368aa;}
	section.partner div.part_nav ul li:nth-child(4){ background: #024a82;}
	section.partner div.part_nav ul li a{ display: block; width: 100%; padding: 20px 15px;}
	section.partner div.part_nav ul li a p{ margin-bottom: 65px; font-weight: bold; font-size: 20px; color: #fff;}
	section.partner div.part_nav ul li a div.ico_wrap{ display: flex; justify-content: flex-end; width: 30px;}
	section.partner div.part_nav ul li a div.ico_wrap img{ display: block; width: 100%;}
	
	
	footer{ padding: 60px 10px; border-top: 1px solid #ddd;}
	footer div.head{ width: 240px; margin-bottom: 40px;}
	footer div.head div.logo_wrap{ margin-bottom: 20px;}
	footer div.head div.logo_wrap img{ display: block; width: 100%;}
	footer div.head div.foot_gnb ul{ display: flex; gap: 20px;}
	footer div.head div.foot_gnb ul li a{ display: block; font-weight: bold; font-size: 14px; color: #686868;}
	footer div.body div.info_wrap{ margin-bottom: 20px;}
	footer div.body div.info_wrap ul li{ font-weight: 500; font-size: 14px; color: #686868;}
	footer div.body div.ft_logo{ display: none;}
}