@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&family=Noto+Serif+KR:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
	font-family: 'brand'; /* 폰트 패밀리 이름 주기*/
	src: url('/stem/font/Brand-1bc33f5a0e36c4955c9ad6a0cadc5022.woff'); /*폰트 파일 주소*/
}

/* 헤더 */
header{width: 100%; height: 90px; position: absolute; top: 0; left: 50%; font-size: 0;transform: translateX(-50%);text-align: center;z-index: 10;}
.logo_new{padding-left: 40px; font-size:0;}
.logo_new a{width: 245px; height: 31px; background: url('/stem/images/logo-slide-w-902dde7fd64483780fa08ec98a80eb64.png') no-repeat 50% 50%; background-size: 100% auto; float: left;padding: 30px 0;display: block;}
/* .logo_new a{background: url('/stem/images/logo-slide-95941cd2628c2aa418550b8fc94be19b.png')no-repeat 50% 50%;background-size: contain;} */
.over .logo_new a{background: url('/stem/images/logo-slide-95941cd2628c2aa418550b8fc94be19b.png')no-repeat 50% 50%;background-size: 100% auto;}
.alllogo{display:block; width:180px; height:130px; background:url('/stem/images/menu_logo-0a3f02245f6b3c51ca82eec2279e8357.png') no-repeat 0 0; position:absolute; left:50%; top:55px;transform: translateX(-50%);}

/*.gnbWrap{display: inline-block;position: relative;}*/
.gnbWrap{display: flex; justify-content: center; align-items: center; position: relative;}
.gnbWrap > li{font-family: "brand"; display: inline-block; text-align: center; font-weight: bold;}
.gnbWrap > li > a{padding-top:34px; padding-bottom:28px; width:140px; display:block;position:relative;}
.gnbWrap > li > a:after{content: ''; width: 0px; height: 4px; background: #d4b690; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0;}
.gnbWrap > li > a.hover-me {font-size: 21px; color: #aaa;}
.gnbWrap > li > a.hover-me:hover {font-size: 21px; color: #d4b690;}
.gnbWrap > li > a:hover:after {opacity: 1; width:100px;}

.gnbWrap > li > a.hover-me.m7 {padding-top: 20px; padding-bottom: 10px;}
.gnbWrap > li > a.hover-me.m8 {padding-top: 20px; padding-bottom: 10px;}

.gnbWrap > li > a.on{color: #d4b690;}
.gnbWrap > li > a.on:after{width: 90%;opacity: 1}
.gnbWrap > li > a.l_txt  {color:#aaa; font-size:18px;}
.gnbWrap .depth1 .depth2{position: absolute;left: 0;width: 100%;display: none;}
.gnbWrap .depth1 .depth2.on{display: block;}
.gnbWrap .depth1 .depth2 > ul{width: 100%;overflow: hidden;clear: both;}
.gnbWrap .depth1 .depth2 > ul > li{float: left; display: inline-block;}
.gnbWrap .depth1 .depth2 > ul > li > a{position: relative; padding: 20px 18px;font-weight: 500;font-size: 16px;color: #555;display: block;white-space: nowrap;box-sizing: border-box;}
.gnbWrap .depth1 .depth2 > ul > li > a:hover{color:#d4b690; font-weight: 500;}
.gnbWrap .depth1 .depth2 > ul > li > a:after{content: ''; width: 0%; height: 2px; background: #d4b690; position: absolute; left: 52%; bottom: 10px;transform: translateX(-50%);-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.gnbWrap .depth1 .depth2 ul > li > a:hover:after{width: 80%;}
.gnbWrap .depth1 .depth3{text-align: left; display: none;}
.gnbWrap .depth1 .depth3 > li{}
.gnbWrap .depth1 .depth3 > li > a{font-size: 16px;color: #444;font-weight: 300;padding-left:15px;display: block;line-height: 2em;}
.gnbWrap .depth1 .depth3 > li > a:hover{color: #d4b690; text-underline-position: under; -wetkit-text-decoration-color:gray; text-decoration-color: gray;}
.gnbBG{width: 100%;height: 90px;position: absolute;top: 0;z-index: -1;}
.gnbBG.on{border-bottom: 0; background: rgb(255, 255, 255);}


/* .gnbWrap > li{color:#fff;} */
.over .gnbWrap > li{color:#000;}
.gnbBG{background: rgba(121, 119, 110, 0.15);}

.allMenuBtn a:before{background: #222;}
.allMenuBtn a span{background: #222;}
.allMenuBtn a:after{background: #222}

.over .allMenuBtn a:before{background: #222;}
.over .allMenuBtn a span{background: #222;}
.over .allMenuBtn a:after{background: #222}

/* 전체보기 */
.gnb-btn{  position:absolute; right:30px; top:18px; z-index:9999; }
.gnb-btn button{ width:55px; height:55px;  background:transparent; border:none;}
.gnb-btn:hover #nav-icon span:nth-child(1){width:50%;}
.gnb-btn:hover #nav-icon span:nth-child(6){width:0;}
.gnb-btn:hover #nav-icon.open span:nth-child(6){width:50%;}

#nav-icon {
  width: 24px;
  height: 24px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #aaa;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(even) {left: 50%;}
#nav-icon span:nth-child(odd) {left:0px;}
#nav-icon span:nth-child(1){width:0; right:50%; left:auto;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top: 4px; width:50%}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top: 12px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {top: 20px;}
#nav-icon.open{width:50px; height:50px; top:7px; right:10px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(1) {left: 5px; top: 9px; width:50%; right:auto;}
#nav-icon.open span:nth-child(2) {left: calc(50% - 3px); top: 9px;}
#nav-icon.open span:nth-child(3) {left: -50%; opacity: 0;}
#nav-icon.open span:nth-child(4) {left: 100%; opacity: 0;}
#nav-icon.open span:nth-child(5) {left: 5px; top: 26px;}
#nav-icon.open span:nth-child(6) {left: calc(50% - 3px); top: 26px;}
#nav-icon.open span{background:#444;}

.gnb-all{position:fixed; top:0; right:-150%;  z-index:999; height:100vh; width:100%; background:#fff;  overflow:hidden;   display: flex;  align-items: center;  transition: all ease 1s;}
.gnb-all.open{  right:0;}
.gnb-all > ul { position: absolute; width:100%; max-width:500px; left:50%; margin-left: -30px;  top:220px; padding:0; padding-right:8px; box-sizing: border-box;}
.gnb-all > ul > li a {color:#8a7458; font-size:16px;}
.gnb-all > ul > li:hover a {color:#d4b690;}
.gnb-all > ul > li{ padding: 22px 0 22px 220px;  width:100%; position:relative;}
.gnb-all > ul > li:last-child{border-bottom:0;}
.gnb-all > ul > li > h3{ color:#d4b690; margin:0 0 10px; font-size:24px; position:absolute; left:0; top:0px; }
.gnb-all > ul > li > ul{display:flex;}
.gnb-all > ul > li > ul > li > a{display:block; padding:5px 0; font-size:18px; color:#444; margin-right:50px; position:relative;}
.gnb-all > ul > li > ul > li > a:after{content:''; width:0; height:1px; background:#d4b690; position:absolute; right:0; bottom:-5%;     z-index: -1; transition:all ease .5s;}
.gnb-all > ul > li > ul > li > a:hover{ color:#d4b690;}
.gnb-all > ul > li > ul > li > a:hover:after{width:100%; right:auto; left:0;}
.gnb-all .alllogo{ position: absolute; z-index:4; left:50%; margin-left: 0px; top:80px;}


/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:2%; right:2rem; z-index:99; text-align:center; cursor:pointer; display: none;}
.right-quick-menu li {background:#bbb; width:87px; height:87px; line-height:87px; border-radius:100%; text-align:center; cursor:pointer; margin-bottom:7px;}
.right-quick-menu li img {margin-bottom:-20px;}
.right-quick-menu li:hover {background:#AD3371;}
.container {height:100%;}

/* 푸터 */
#footer {background-color: #3c3c3c; padding:30px 0;}
#footer .copytxt p {line-height: 20px; }

.mobile-slide {display: none;}
.mobile-gnb {display: none;}

.slick-list,
.slick-track {height: 100%;}
.slick-list * {outline: none;}

.fade {position: relative; opacity: 0; transition: 1.1s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-50px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-50px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-50px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-50px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}
.fade-delay4 {transition-delay: 1.8s;}
.fade-delay4-5 {transition-delay: 2.0s;}

/* 스크롤  */
.icon-scroll {position:fixed;bottom:0px;left:calc(50% - 25px);z-index:999; padding:0px 0 20px;;}
.icon-scroll div {transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:53px;height:53px;background:url(/stem/images/arrow3-76c81bf23d9d33764b2dbf0e56e776ab.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}
.icon-scroll.off {display:none;}
h1.h-tit {font-size:39px; font-weight:700;letter-spacing:-.05em; margin-bottom:5px;}
img.img100 {width:100%;max-width:1200px;}
img.conimg {width:96%;max-width:670px;}
.c-9 {color: #BFBFBF;}

/* 섹션별 */
#main_page { background: url(/stem/images/bg_01-744786f9f5f6d835b4466048b87df59d.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center; background-size: cover; /* 꽉 차게 시작 */ background-color:#1b1b1b; animation: zoomBg 15s ease-in-out forwards; text-align: center;}
#main_page .mainslide {width:90%; display:flex; flex-direction: column; flex-wrap:wrap; justify-content: center; align-items: center; color:#fff; margin:0 auto;}
#main_page .mainslide h1.h-tit {font-size:46px; margin:20px 0 70px;}
#main_page .mainslide h1 span {color: #c5a8ff;}
#main_page .mainslide p {font-size:18px;}
span.enter {display:block;}
.quote {margin-top: 30px;font-size: 23px;font-weight: 600;color: #fff;}
.quote strong {color: #dfceff;}

#list {background: url(/stem/images/bg_02-48f537666d0cb8fc421654a0df3db200.jpg) no-repeat right center/cover; display:flex;  justify-content: center; align-items: center; flex-direction: column;}
#list h1 {color:#fff; letter-spacing:-.05em;}
#list h4 {color:#fff; letter-spacing:-.05em; margin:10px 0 30px; font-size:33px;}
#list h1 span {display:inline-block; padding:1px 8px; color:#41ddf8;}
#list p {font-size:17px; color:#acacac; margin:30px 0 90px;}
#list ul {display:flex; flex-wrap:wrap; justify-content: center; color:#fff;}
#list ul li {width:24%;}
#list ul li h5 {font-size:17px; margin-top:20px;}
#list ul li h5 b {font-size:24px; font-weight:600; display:block}

#distiction {background: url(/stem/images/bg_03-76378b704e1bb44e3523f7187c26a5cf.jpg) no-repeat center center/cover; display: flex; justify-content: center; align-items: center;}
#distiction h1 {margin-bottom:13px; color:#ffffff;}
#distiction h1 span {color:#e1d5f8;}
#distiction h5 {font-size:22px; line-height:1.6em; margin-top:40px; margin-bottom:35px; color:#ffffff; font-weight:500;}
#distiction ul {display:flex; flex-wrap:wrap; justify-content: center; gap:20px; margin-top:40px; height:550px;}
#distiction ul li {width:31%; padding:40px; box-sizing: border-box;}
#distiction ul li h3 {font-size:20px; font-weight:700; color:#aba19e;}
#distiction ul li h4 {font-size:27px; font-weight:700; margin:7px 0 30px;}
#distiction ul li.bg1 {background: url(/stem/images/img_01-ade36dbc92aa987484ab97244d8c2bf1.jpg) no-repeat center bottom/cover; color:#fff;}
#distiction ul li.bg2 {background: url(/stem/images/img_02-652e69b119b3c5f3bbbd8a40add4baae.jpg) no-repeat center bottom/cover; color:#fff;}
#distiction ul li.bg3 {background: url(/stem/images/img_03-ec2296ee5db01e5410d82becfcd4e3ae.jpg) no-repeat center bottom/cover; color:#333;}

#sight {background: url(/stem/images/bg_04-5d84a2a12acc72afe8b45114a57cb450.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#sight h1 {display:inline-block; color:#fff;}
#sight h1 span {display:inline-block; color:#89c5ff;}
#sight h5 {color:#fff; margin:40px 0 50px;}
#sight p {margin-top:10px;}
#sight .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0%; background:url(../images/pre2.png) no-repeat; width:80px; height:165px;top:45%;}
#sight .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:0%; background:url(../images/next2.png) no-repeat;width:80px; height:165px;top:45%;}
#sight .swiper {width:85%; height:auto;  margin:40px auto; overflow: hidden;}
#sight .swiper .swiper-slide {background:#fff; padding:25px 0 45px;}
#sight .swiper p {color:#000; font-size:20px; font-weight:600; height:50px;}

#clinic_cate {background: url(/stem/images/bg_05-2388a44181666967ffcb221783e61d3a.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#clinic_cate .d-p-standard {width:1200px;}
#clinic_cate h1 {margin-bottom:2%; color:#fff;}
#clinic_cate h1 span {display:inline-block; padding:1px 8px; color:#dabeff;}
#clinic_cate h5 {font-size:30px; font-weight:600; letter-spacing:-1px; line-height:1.6em; margin:45px 0; color:#fff; padding:2px 12px; background:rgba(256, 256, 256, 0.3); display:inline-block;}
#clinic_cate .swiper_clinic {overflow: hidden;}
#clinic_cate .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:4px; background:url(../images/pre2.png); width:59px; height:58px;top:44%;}
#clinic_cate .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-8px; background:url(../images/next2.png);width:68px; height:58px;top:44%;}


#machine {background: url(/stem/images/bg_04-5d84a2a12acc72afe8b45114a57cb450.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#machine h1 {color:#fff; margin:20px 0 90px;}
#machine p {margin-top:10px;}
#machine h3 {font-size:22px; font-weight:500; margin:30px;}
#machine ul {display:flex; flex-wrap:wrap; justify-content: center; color:#fff;}
#machine ul li {width:19%; box-sizing: border-box; display:flex; flex-direction: column;align-items: center;}
#machine ul li h5 {font-size:16px; font-weight:300; margin-top:20px; width:90%; color:#ccc;}
#machine ul li h5 b {font-size:24px; font-weight:600; display:block; padding-bottom:10px; color:#fff;}
#machine h1 span {display:inline-block; padding:1px 8px; color:#dabeff;}
#machine ul li img {width:100%; max-width:208px;}

#tech {background: url(/stem/images/bg_05-2388a44181666967ffcb221783e61d3a.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;color:#fff;}
#tech h1 {color:#fff; margin:5px 0 30px;}
#tech p {margin-bottom:80px; font-size:17px;}
#tech h3 {font-size:22px; font-weight:500; margin:20px;}
#tech ul {display:flex; flex-wrap:wrap; justify-content: space-between; color:#fff;}
#tech ul li {width:32%;  box-sizing: border-box; display:flex; flex-direction: column;align-items: center;}
#tech ul li h5 {font-size:16px; font-weight:300; margin-top:20px; width:93%; color:#ccc;}
#tech ul li h5 b {font-size:24px; font-weight:600; display:block; padding-bottom:10px; color:#fff;}
#tech h1 span {display:inline-block; padding:1px 8px; color:#dabeff;}
#tech ul li img {width:100%; max-width:234px;}

#why {background: url(/stem/images/bg_06-2e15a2b66c3a508d0b9ee43940e105c2.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;color:#fff;}
#why h1 {color:#fff; margin:5px 0 40px;}
#why p {margin-bottom:80px;}
#why h3 {font-size:22px; font-weight:500; margin:20px;}
#why ul {display:flex; flex-direction: column; justify-content: space-between; margin:0 auto; color:#fff; max-width:700px; width:100%;}
#why ul li { box-sizing: border-box; display:flex; flex-direction: column;align-items: center; font-size:21px; padding:21px; border-bottom:1px solid rgba(256, 256, 256, 0.2);}

#knowhow {width:100%; height:100vh; display: flex; flex-direction: column; justify-content:flex-end; align-items: center;color:#fff; background: url('/stem/images/bg_07-aa2b2289e7285d1924e0e856f9e18e37.jpg') no-repeat center center;
  background-size: cover;  background-color:#1b1b1b; }
#knowhow h1 {color:#fff; margin:5px 0 40px;}
#knowhow p {margin-bottom:180px;}
#knowhow h3 {font-size:22px; font-weight:500; margin:20px;}
#knowhow ul {display:flex; flex-direction: column; justify-content: space-between; margin:0 auto; color:#fff; max-width:700px; width:100%;}
#knowhow ul li { box-sizing: border-box; display:flex; flex-direction: column;align-items: center; font-size:21px; padding:21px; border-bottom:1px solid rgba(256, 256, 256, 0.2);}

/* 배경 확대 효과 */
@keyframes zoomBg {
  0% {
    background-size: 120%; /* 100% 채우기 */
  }
  100% {
    background-size: 130%; /* 살짝 확대 */
  }
}

#about {background: url(/stem/images/bg_06-2e15a2b66c3a508d0b9ee43940e105c2.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#about h1 {color:#333;}
#about h1 span {color:#005a9a;}
#about p {margin-top:10px;}
#about .inner { padding:3%; position:relative;}
#about .inner p {font-size:27px; color:#333; font-weight:600; letter-spacing: -2px; width:70%; margin-bottom:10%; margin:0 auto;}
#about .inner p:nth-child(2) {font-size:29px; color:#fff; padding-top:13%;}
#about .inner p span.box {padding:0 7px; color:#555; background:#fff;}
#about ul {width:100%; max-width:1000px; text-align: left; margin:0 auto; background:#fff; padding:4%; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);}
#about ul li {font-size:21px; font-weight:500; padding:14px;}
#about ul li span {display:inline-block; padding:0 20px; margin-right:10px; height:100%; background:#508aca; color:#fff; font-weight:600;}
#about ul li span.e {background: #f1727c;}
#about .swiper_view {overflow: hidden;}
#about .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:-5px; background:url(../images/pre2.png)no-repeat; width:80px; height:165px;top:47%;}
#about .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-8px; background:url(../images/next2.png)no-repeat;width:80px; height:165px;top:47%;}
#about .swiper {width:85%; height:auto;  margin:40px auto 20px;}

#foot_page {background: url(/stem/images/bg_03-76378b704e1bb44e3523f7187c26a5cf.jpg) no-repeat center/cover; display: flex; flex-direction: column; align-items: center; justify-content:center; color:#333; box-sizing: border-box;}
#foot_page .d-flex .left {width:48%; max-width:600px; background:#fff; border-radius: 30px; margin:1%;  display:flex; justify-content: center; align-items: center; padding:20px 10px; box-sizing: border-box;}
#foot_page .d-flex .left img {width:90%; max-width:500px;}
#foot_page .d-flex .left p.f-size32 {letter-spacing: -3px;}
#foot_page .d-flex .left p span.w-gap {display:inline-block; width:150px;}
#foot_page .d-flex .right {width:48%; max-width:600px; background:#fff; border-radius: 30px; margin:1%; overflow: hidden; text-align: center;}
#foot_page .d-flex .right img {margin:10px 0; padding:1%;}
#foot_page .phone_num a {font-size:43px; font-weight:600; color:#333;}
#foot_page .phone_num a span {font-weight:300; color:#333;}
#foot_page .f-size32 {font-size: 30px;}
#foot_page .f-size20 {font-size: 17px; line-height: 1.8em; color:#666;}
#foot_page span.box {display:inline; padding:1px 8px; color:#222; font-weight:bold; background:#fffb80;}
#foot_page span.box2 {display:inline; padding:1px 8px; color:#222; font-weight:bold; background:#fff;}
#foot_page h1 span {color:#89c5ff;}
#foot_page h1 {color:#fff;}
#foot_page h2 {color:#333; font-size:26px; font-weight:400; padding:5px; width:100%; max-width:600px; box-sizing: border-box; margin-top:5px; letter-spacing: -.5px;}
#foot_page h2 span {padding-left:4px; font-size:35px; font-weight:700;}
#foot_page h2 a {color:#333;}
.title-bar {
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #333;
}


/* 푸터 */
#footer {background-color: #3c3c3c; padding:30px 0 60px;}
#footer h1 {color:#ccc; font-weight:700; font-size:33px; letter-spacing:-3px;}
#footer .bottom-menu a {color:#fff;}
#footer .copytxt p {line-height: 20px; }
#footer .bottom_menu li {margin:0 20px; position:relative; color:#fff;}
#footer .bottom_menu li a { color:#ccc;}
#footer .bottom_menu li a:hover {text-decoration: underline;}
#footer .bottom_menu li::after {display: block; content:''; width:1px; height:15px; background:#fff; position:absolute; top:5px; left:-17px;}
#footer .bottom_menu li:first-child::after {display: none;}
#footer .line {width:100%; height:1px; background-color:#555; margin-top:30px;}

.mobile-slide {display: none;}
.mobile-gnb {display: none;}

/* 반응형미디어쿼리 */
@media(max-width:1440px){
	.gnbWrap > li {font-size:15px;}
	.gnbWrap > li > a{/*padding:33px 30px;*/ padding-top:33px; padding-bottom:33px; width:90px; display:block;position:relative;}
	.gnbWrap > li > a.hover-me:hover:before,
	.gnbWrap > li > a.hover-me,
	.gnbWrap > li > a.l_txt {font-size: 15px;}
}

@media(max-width:1280px) {
	h1.h-tit {font-size:30px; font-weight:700;letter-spacing:-.05em;}
	#main_page {animation:none;}
	#main_page h5 {font-size:18px;}
	#main_page .mainslide h1.h-tit {font-size:33px; margin:15px 0 50px;}
	#main_page .mainslide p {font-size:16px;}
	.quote {font-size:20px;}
	#list ul li h5 {font-size:15px;}
	#list ul li h5 b {font-size:20px;}
	#distiction ul {margin-top:20px; gap:10px; height:400px;}
	#distiction ul li {padding:25px;}
	#distiction ul li h4 {font-size:19px; margin:3px 0 15px;}
	#distiction ul li p {font-size:13px;}
	#machine ul li h5 b {font-size:19px;}
	#machine ul li h5 {font-size:15px; margin-top:10px;}
	#tech ul li h5 b {font-size:19px;}
	#tech ul li h5 {font-size:15px;}
	img.img-tit {width:300px;}

}
@media(max-width:1024px) {
	.gnbBG{background: rgba(121, 119, 110, 0);}
    .gnbArea {display:none;}
    .container {height:auto;}
	.logo_new {padding-left:15px;}
    .logo_new a {padding:15px 0;width:200px;}
	.gnb-btn {right:12px; top:3px;}
	h1.h-tit {font-size:21px;}
	img.img-tit {width:300px;}
	span.enter {display:inline;}
	.enter-m {display:block;}
	#main_page {animation:none;}
	#main_page h5 {font-size:16px;}
	#main_page .mainslide h1.h-tit {font-size:28px; margin:15px 0 40px;}
	#main_page .mainslide p {font-size:14px;}
	.quote {font-size:18px;}
	#list p {font-size:14px; margin:20px 0 40px;}
	#list ul li h5 {font-size:12px;}
	#list ul li h5 b {font-size:16px;}
	#distiction ul {margin-top:10px; gap:5px; height:auto;}
	#machine h1 {margin:20px 0 40px;}
	#machine ul {justify-content: space-between;}
	#machine ul li h5 b {font-size:18px; margin-bottom:5px;}
	#tech ul li h5 b {font-size:18px; margin-bottom:5px;}
	#tech ul li h5 {font-size:15px;}
	#tech p {margin-bottom:45px;}
	#tech ul li img {width:90%;}
	#why h1 {margin:5px 0 25px;}
	#why ul li {font-size:16px; padding:15px;}
	#knowhow p {font-size:14px;}
    .logo_new {padding-left:15px;}
    .logo_new a {padding:15px 0;width:200px;}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,
	#fp-nav ul li a span, .fp-slidesNav ul li a span {display:none;}
	#footer h1 {font-size:25px; margin-bottom:10px;}
	#footer .f-size15 {font-size:13px;}
}
@media(max-width:780px) {
	span.enter {display:inline;}
	#fp-nav.right {right:-1000px;}
	#list p {font-size:13px; margin:10px 0 50px;}
	#machine h1 {margin:10px 0 30px;}
	#machine ul li h5 b {font-size:16px; padding-bottom:1px;}
	#machine ul li h5 {font-size:13px; margin-top:5px; margin-bottom:15px;}
	#distiction ul li h3 {font-size:14px;}
	#distiction ul li p {font-size:12px; font-weight:300;}
	#distiction ul li {padding:25px; width:100%;}
	#distiction ul li h4 {font-size:17px;}
	#distiction ul li p {font-size:13px;}
	#distiction ul li.bg1 {background: url(/stem/images/img_01_m-dd2aa8d48226b306b28106b8bfc08155.jpg) no-repeat center center/cover; color:#fff;}
	#distiction ul li.bg2 {background: url(/stem/images/img_02_m-0f95e4dec636601821e1f0bed31a3abf.jpg) no-repeat center center/cover; color:#fff;}
	#distiction ul li.bg3 {background: url(/stem/images/img_03_m-7ca19a94b1840265433977fb42bcc42e.jpg) no-repeat center center/cover; color:#fff;}
	#machine ul li {width:45%;}
	#tech p {font-size:13px; margin-bottom:30px;}
	#tech ul li h5 b {font-size:17px; padding-bottom:5px;}
	#tech ul li h5 {font-size:13px;}
	#tech ul li {flex-direction:row; width:100%; margin-bottom:10px;}
	#tech ul li img {width:30%;}
	#why ul li {font-size:14px;}
	#knowhow h3 {font-size:18px;}
	#knowhow p {margin-bottom:100px; font-size:13px;}
	footer .footer-logo {width:60%;}
    footer .bottom-logo {text-align:center;}
    footer .bottom-logo img {width:80%;}
}
@media(max-width:420px) {
	h1.h-tit {font-size:20px;}
	img.img-tit {width:250px;}
	#main_page .mainslide p {font-size:13px; font-weight:300;}
	.quote {font-size:16px;}
}