@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/*@import url('https://webfontworld.github.io/pretendard/Pretendard.css');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*
Pretendard
	regular 400
	medium 500
	semibold 600
	bold 700
	extbold 800
	black 900
Montserrat
	regular 400
	medium 500
	semibold 600
	bold 700
	extbold 800
	black 900
*/

/*********************************************************************************
**********************************************************************************
그누보드 초기화 *******************************************************************
**********************************************************************************/

/* 폰트 설정 */
body {margin:0;padding:0;font-size:0.75em;font-family:'Montserrat', 'Pretendard', dotum, sans-serif; color:var(--color__basic); overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Montserrat', 'Pretendard', dotum, sans-serif;}
input, button {margin:0;padding:0;font-family:'Montserrat', 'Pretendard', dotum, sans-serif; font-size:1em}
textarea, select {font-family:'Montserrat', 'Pretendard', dotum, sans-serif; font-size:1em}
a {color:var(--color__basic);}

/* 기본 설정 */
#wrapper{background:transparent;
	border-radius:0 0 80px 80px; margin-bottom:670px;
    overflow: hidden;
    background: #fff;
}
#container{width:100%;}
#container .is_index{margin-left:0;}
#hd, #wrapper, #ft {min-width:initial}
#container .shop-content{padding: 0 0;}
.shop-content #bo_v {margin-top: 0px;}

/* 검색 영역 초기화 */
.hd_sch_wr{float: none; margin-left:0; padding:0 0; width:initial;}
#hd_sch{border-radius:0; overflow:hidden;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:15px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_str {float:left;width:385px;height:45px;padding-left:15px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.2em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

/* 탑 버튼 */
#top_btn {position:absolute;bottom:0;left:initial;border:0;border-top:0px solid #e5e7ea;margin-top:0px;width:initial;height:initial;background:none;font-size:20px;color:#dedede;}
#top_btn img{display:block;}
#top_btn:hover {border-color:initial;background:transparent;color:initial;}

#top_btn.bottom img{filter: brightness(0) invert(1);}

/* 페이징 */
.pg_wrap {margin:10px 0 30px;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle;background:transparent;border:0px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page,.qa_page {color:var(--color__basic);font-size:16px;height:30px;line-height:30px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px; font-weight:400;}
.pg_page:hover,.qa_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../images/btn_first.png') no-repeat 50% 50% transparent;padding:0;border:0px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../images/btn_prev.png') no-repeat 50% 50% transparent;padding:0;border:0px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../images/btn_end.png') no-repeat 50% 50% transparent;padding:0;border:0px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../images/btn_next.png') no-repeat 50% 50% transparent;padding:0;border:0px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background: transparent;border:0px solid #143c8a; color:#143c8a;font-weight:700;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px; font-size:16px;}


/*********************************************************************************
**********************************************************************************
기본 세팅 *******************************************************************
**********************************************************************************/
::selection {
	/*background: #9ABAD7;*/
	/*color:#fff;*/
}
input[type=text]:-webkit-autofill,input[type=password]:-webkit-autofill, textarea:-webkit-autofill,select:-webkit-autofill {	
	/*-webkit-box-shadow: 0 0 0 1000px transparent inset !important;*/
	/*box-shadow: none !important;*/
	/*background-color: transparent !important;*/
	/*-webkit-text-fill-color: inherit !important;*/
	/*caret-color: inherit !important;*/
	/*transition: background-color 5000s ease-in-out 0s;*/
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
	/*-webkit-box-shadow:0 0 5px transparent;*/
	/*-moz-box-shadow:0 0 5px transparent;*/
	/*box-shadow:0 0 5px transparent;*/
	/*border:1px solid transparent !important;*/
}

 
/* 
   basic setting 
*/
.hide{display:none !important;}
.show{display: block !important;}
.img__descrip{display: none !important;}
.hidden1720{}
.visible1720{display:none;}
.hidden1440{}
.visible1440{display:none;}
.hidden1280{}
.visible1280{display:none;}
.hidden1024{}
.visible1024{display:none;}
.hidden768{}
.visible768{display:none;}
.hidden570{}
.visible570{display:none  !important;}
.hidden480{}
.visible480{display:none;}
@media screen and (max-width:1720px){
   .hidden1720{display:none;}
   .visible1720{display:block;}
}
@media screen and (max-width:1440px){
   .hidden1440{display:none;}
   .visible1440{display:block;}
}
@media screen and (max-width:1280px){
   .hidden1280{display:none;}
   .visible1280{display:block;}
}
@media screen and (max-width:1024px){
   .hidden1024{display:none;}
   .visible1024{display:block;}
}
@media screen and (max-width:768px){
   .hidden768{display:none;}
   .visible768{display:block;}
}
@media screen and (max-width:570px){
   .hidden570{display:none !important;}
   .visible570{display:block !important;}
}
@media screen and (max-width:480px){
   .hidden480{display:none;}
   .visible480{display:block;}
}

.pdt__00px{padding-top:00px;}
.pdb__00px{padding-bottom:00px;}
.mgt__00px{margin-top:00px;}
.mgb__00px{margin-bottom:00px;}
.mgt__05px{margin-top:5px;}
.mgt__10px{margin-top:10px;}
.mgt__15px{margin-top:15px;}
.mgt__20px{margin-top:20px;}
.mgt__25px{margin-top:25px;}
.mgt__30px{margin-top:30px;}
.mgt__35px{margin-top:35px;}
.mgt__40px{margin-top:40px;}
.mgt__45px{margin-top:45px;}
.mgt__50px{margin-top:50px;}

.mgt__5per{margin-top:5%;}
.mgt__7per{margin-top:7%;}
.mgt__10per{margin-top:10%;}
.mgt__13per{margin-top:13%;}

.hgt__100per{height:100%;}
.border__box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{*zoom:1}


/* 
	text setting 
*/
:root {
  --f10px: 10px;
  --f11px: 11px;
  --f12px: 12px;
  --f13px: 13px;
  --f14px: 14px;
  --f15px: 15px;
  --f16px: 16px;
  --f17px: 17px;
  --f18px: 18px;
  --f19px: 19px;
  --f20px: 20px;
  --f21px: 21px;
  --f22px: 22px;
  --f23px: 23px;
  --f24px: 24px;
  --f25px: 25px;
  --f26px: 26px;
  --f27px: 27px;
  --f28px: 28px;
  --f29px: 29px;
  --f30px: 30px;
  --f32px: 32px;
  --f34px: 34px;
  --f36px: 36px;
  --f38px: 38px;
  --f40px: 40px;
  --f42px: 42px;
  --f44px: 44px;
  --f46px: 46px;
  --f48px: 48px;
  --f50px: 50px;
  --f60px: 60px;
  
  --color__basic: #191919;
  --color__hover: #034694;
  --color__white: #fff;
  --color__main: #034694;
  --color__sub01: #191919;
  
  --header__theight: 40px;
  --header__bheight: 90px;
}
.tcolor__main{color:var(--color__main);}
.tcolor__basic{color:var(--color__basic);}
.tcolor__white{color:var(--color__white);}

.talign__left{text-align:left;}
.talign__center{text-align:center;}
.talign__right{text-align:right;}
@media screen and (max-width:1600px){
	:root {
		--f60px: 60px;
	}
}
@media screen and (max-width:1440px){
	:root {
		--f60px: 55px;
	}
}
@media screen and (max-width:1280px){
	:root {
		--f60px: 50px;
	}
}
@media screen and (max-width:1024px){
	:root {
		--f60px: 45px;
	}
}
@media screen and (max-width:768px){
	:root {
		--f60px: 40px;
	}
}
@media screen and (max-width:570px){
	:root {
		--f60px: 35px;
	}
}
@media screen and (max-width:480px){
	:root {
		--f60px: 14.2vw;
	}
}

/* 
   center box style 
*/
.inner__full{position:relative; width:100%; margin: 0 auto;}
.inner__cen584{position:relative; width:90%; max-width:584px; margin: 0 auto;}
.inner__cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.inner__cen860{position:relative; width:90%; max-width:860px; margin: 0 auto;}
.inner__cen980{position:relative; width:90%; max-width:980px; margin: 0 auto;}
.inner__cen1000{position:relative; width:90%; max-width:1000px; margin: 0 auto;}
.inner__cen1196{position:relative; width:90%; max-width:1196px; margin: 0 auto;}
.inner__cen1200{position:relative; width:90%; max-width:1200px; margin: 0 auto;}
.inner__cen1250{position:relative; width:90%; max-width:1250px; margin: 0 auto;}
.inner__cen1320{position:relative; width:90%; max-width:1320px; margin: 0 auto;}
.inner__cen1440{position:relative; width:90%; max-width:1440px; margin: 0 auto; z-index:1;}
.inner__cen1750{position:relative; width:90%; max-width:1750px; margin: 0 auto;}
.inner__cen1800{position:relative; width:90%; max-width:1800px; margin: 0 auto;}
.inner__cen1850{position:relative; width:90%; max-width:1850px; margin: 0 auto;}
.inner__cen1920{position:relative; width:90%; max-width:1920px; margin: 0 auto;}

.inner__wcen768{position:relative; width:100%; max-width:700px; margin: 0 auto;}
.inner__wcen980{position:relative; width:100%; max-width:980px; margin: 0 auto;}
.inner__wcen1200{position:relative; width:100%; max-width:1200px; margin: 0 auto;}
.inner__wcen1400{position:relative; width:100%; max-width:1400px; margin: 0 auto;}
.inner__wcen1700{position:relative; width:100%; max-width:1700px; margin: 0 auto;}
.inner__wcen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}
.inner__wcen1850{position:relative; width:100%; max-width:1850px; margin: 0 auto;}
.inner__wcen1920{position:relative; width:100%; max-width:1920px; margin: 0 auto;}

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




/*********************************************************************************
**********************************************************************************
컨텐츠          *******************************************************************
**********************************************************************************/

/* 사이드 메뉴 영역*/
.ham__menu__wr{position:fixed; top:0; left:0; width:100%; max-width:375px; height:100vh; background:#fff; z-index:1001; display:none;}
.ham__menu__header{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding: 13px 0;}
.ham__menu__header .ham__logo__wr{}
.ham__menu__header .ham__logo__wr img{height:28px;}
.ham__menu__header .btn__ham__lang{background:var(--color__main); color:#fff; border-radius:10px; font-size:12px; font-weight:500; padding:8px 12px 8px 8px; margin-left:12px;}
.ham__menu__header .btn__ham__lang img{width:13px;}
.ham__menu__header .btn__ham__close{margin-left: auto;}

#cate__nav__box{position:relative;}
#cate__nav__box h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#cate__nav__ul{position:relative;}
.cate__nav__li{position:relative; margin-top:40px;}
.cate__nav__li .cate__nav__a{display:block; position:relative; color:var(--color__basic); font-size:28px; font-family:'Pretendard', dotum, sans-serif; font-weight:500;}
.cate__nav__li .cate__nav__a i{position:absolute;right:0;top:-2px;display:inline-block;font-size:22px; font-weight:400; color:#999999;}
.cate__nav__li .cate__nav__a.active{color:var(--color__main); font-weight:700;}
.cate__nav__li .cate__nav__a.active i{transform: rotate(90deg); color:var(--color__basic);}

.cate__nav__ul__sub{position:relative; display:flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; display:none;}
.cate__nav__li__sub{position:relative; width:100%; text-align:left;}
.cate__nav__li__sub .cate__nav__a__sub{display:block; width:100%; color:var(--color__basic); font-size:16px; font-family:'Pretendard', dotum, sans-serif; font-weight:400; margin-top:24px;}



/* 햄메뉴 검색 영역 커스텀 */
.ham__menu__sch{margin:50px auto 80px;}
.ham__sch_wr #hd_sch2{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; position:relative; }
.ham__sch_wr #hd_sch2 #sch_stx2{background:transparent;width: 100%;height:28px; padding-left:28px; border:0; border-bottom:1px solid var(--color__basic); color:var(--color__basic); font-size:16px; border-radius:0;}
.ham__sch_wr #hd_sch2 #sch_stx2::placeholder {color: #999; font-weight:200; font-family:'Pretendard', dotum, sans-serif;}
.ham__sch_wr #hd_sch2 #sch_submit2 {background:transparent; position:absolute; top:0; left:0; width:20px;height:20px; border:0;}
.ham__sch_wr #hd_sch2 #sch_submit2 img {filter: brightness(1) invert(1);}

@media (pointer: fine) {
	.cate__nav__li:hover .cate__nav__a{color:var(--color__main);}

}

/* 검색 영역 커스텀 */
.sch__wr{position:fixed; top:0px; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.8); z-index:999; display:none;}
.sch__box{position:relative; background:#ddd; padding: 100px 0;}
.btn__sch__close{position: absolute; top: 50px; right: 0;}
.hd_sch_wr{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:0; opacity:0;}
#hd_sch{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; position:relative; }
#hd_sch #sch_stx,
#hd_sch #sch_str {background:transparent;width: 220px;height:28px; padding-left:28px; border:0; border-bottom:1px solid #fff; color:#fff; font-size:16px; border-radius:0; padding-bottom: 7px;}
#hd_sch #sch_stx::placeholder {color: #fff; font-weight:200; font-family:'Pretendard', dotum, sans-serif;}
#hd_sch #sch_submit {background:transparent; position:absolute; top:0; left:0; width:20px;height:20px; /*border:0; border-bottom:1px solid #1B1616; background:#FCFAEE; color:#B8B5AC; cursor:pointer; font-size:16px*/}
#popular{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}

.header.scrolled #hd_sch #sch_stx{border-bottom:1px solid var(--color__basic);  color:var(--color__basic);}
.header.scrolled #sch_submit img{filter:brightness(1) invert(1);}
.header.scrolled #hd_sch #sch_stx::placeholder{color:#999}

/* 페이지 영역 */
.pg_wrap{margin: 30px 0 0px;}

/* 연속 슬라이딩 배너 */
.slide__ani__wr{position:relative; background:#fff;  padding-bottom: 40px;}
.slide__ani__box {transition: all 0.3s ease; width: 100%; overflow: hidden; white-space: nowrap;}
.slide__ani__box .ani__conts {display: inline-block; white-space: nowrap; animation: sliding-left 100s linear infinite; animation-play-state: running;}
.slide__ani__box .ani__conts span {display: inline-block; margin-right: 50px; font-size:180px; font-weight:600; color:var(--color__main);}
.slide__ani__box.stop__ani .ani__conts { animation-play-state: paused;}
@keyframes sliding-left {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-33.333%);
	}
}

/* 메인 심볼 */
.symbol__wr{position:fixed; top:0; left:0; width:100%; height:100vh; background:transparent; z-index:1}
.symbol__wr .symbol{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:460px; width:60%; opacity:0.05;}

/* 탑버튼 */
#top_btn {position:fixed; bottom:40px; right:40px; z-index:10;}
#top_btn img{display:block;}
#top_btn .icon__arrow{animation: top_arrow_ani 1s ease-in-out infinite;}
@media (pointer: fine) {
	#top_btn:hover img.icon__arrow{transform:translateY(-5px);}
}
@keyframes top_arrow_ani {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px); /* 위로 이동 */
	}
	100% {
		transform: translateY(0);
	}
}



/* 헤더 영역 */
.header{position:fixed; top:0; left:0; width:100%;z-index: 999; /*transition: all .2s;*/}
.header .inner__cen1440{transition: all .2s;}
.header.scrolled{background:#fff;}

.header.scrolled .main__nav__a{color:var(--color__basic);}
.header.scrolled .main__nav__a img{filter:brightness(1) invert(1);}

.header__main__box{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;} 
.logo__wr{}
.logo__wr img{}
.main__nav__wr{margin-left:auto;}
.main__nav__ul{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;}
.main__nav__li{position:relative; margin-left:40px; height: 84px; line-height: 84px;}
.main__nav__li.btn__ham{display:none;}
.main__nav__a{font-size:16px; color:#fff; font-weight:500;}
.main__subnav__ul{opacity: 0; visibility: hidden; position:absolute; top:calc(100% - 10px); left:50%; padding:8px 16px; background:#fff; border-radius:10px; transform: translateX(-50%); transition:0.3s ease; z-index: 99; text-align:center; line-height: initial;}
.main__subnav__li{display: block; padding: 0 10px;}
.main__subnav__a{white-space: nowrap; display:block; margin:16px 0; font-size:16px; font-weight:500;}
.btn__sch{position:relative; overflow:hidden; transition: all 2s;}
.btn__sch .main__nav__a{position:relative; z-index:1;}
.btn__lang{margin-left:24px;}
.lan__menu__wr{opacity: 0; visibility: hidden; position:absolute; top:calc(100% - 10px); left:50%; padding:4px 16px; background:#143C8A; border-radius:10px; transform: translateX(-50%); transition:0.3s ease; z-index: 99; text-align:center; line-height: initial;}
.lan__menu__wr a{color:#fff; display:block; margin:8px 0; font-size:16px; font-weight:500; padding: 0 10px;}
@media (pointer: fine) {
	.main__nav__li:hover .main__subnav__ul{display:block; opacity: 1; visibility: visible;}
	.btn__lang:hover .lan__menu__wr{display:block; opacity: 1; visibility: visible;}
	.main__subnav__a:hover{color: var(--color__main); font-weight:700;}
}


/* 푸터 영역*/
.footer{position:fixed; bottom:0; left:0; width:100%; height:746px; background:#143C8A; opacity:1;}
.footer .symbol{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:460px; width:60%; z-index:2; display:none;}
.ft__text{position:absolute; margin-top:calc(8vh + 60px); left:0; font-size:24px; font-weight:700; color:#fff; line-height: 34px;}
.ft__site__info{position:absolute; margin-top:calc(8vh + 60px); right:0;}
.ft__site__info__priv{font-size:14px; font-weight:400; color:#fff; text-decoration:underline; display:block;}
.ft__site__info__ul{font-size:14px; font-weight:400; color:#fff; margin-top:24px; opacity:0.8;}
.ft__site__info__ul li{margin-top:8px;}
.ft__site__info__ul b{font-weight:400;}
.f__site__infot__sns{margin-top:40px;  display:flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; gap: 10px;}
.f__site__infot__sns img{opacity:0.6; transition: all .1s;}
.ft__logo{position:absolute; bottom:60px; left:0; }
.ft__copy{position:absolute; bottom:60px; right:0; font-size:12px; font-weight:400; color:#fff; opacity:0.6;}
@media (pointer: fine) {
	.f__site__infot__sns li a:hover img{opacity:1;}
}


/* 메인 공통 세팅 */
.main__contents__wr{position:relative; padding :160px 0; background: rgba(255, 255, 255, 1);}
.main__content__box{position:relative; }
.main__title__wr{position:relative; margin-bottom:80px;}
.main__text01{font-size:20px; font-weight:500; margin-bottom:40px; color:var(--color__main);}
.main__title{font-size:60px; font-weight:700;}
.main__btn__wr{position:relative;}
.main__btn__a{font-size:16px; font-weight:500;}
.main__btn__a img{margin-left:12px;transition: all .3s;}
@media (pointer: fine) {
	.main__btn__a:hover img{transform:translateX(5px);}

}

/* 메인 비주얼 영역 */
.main__visual__wr{z-index:3; position:relative;}
.main__visual__swiper .swiper-pagination-progressbar {position: absolute; left: 50%; top:  calc(100% - 50px); transform:translateX(-50%); width:120px; height: 2px; background: rgba(255,255,255,0.3);}
.main__visual__swiper .swiper-pagination-progressbar-fill {background:  rgba(255,255,255,1);}
.main__visual__swiper .swiper-pagination::before {content: attr(data-current); position: absolute; left: -20px; top: 50%; transform:translateY(-50%); font-size: 14px; font-weight: 400; color:#fff; display:none;}
.main__visual__swiper .swiper-pagination::after {content: attr(data-total); position: absolute; right: -20px; top: 50%; transform:translateY(-50%); font-size: 14px; font-weight: 400; color:#fff; display:none;}
.mainvis__img__box{height:100vh;}
.mainvis__img__box img{position:relative; width:100%; height:100%; object-fit:cover;}
.mainvis__img__box video{position:relative; width:100%; height:100%; object-fit:cover;}
.mainvis__text__box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:1440px; width:95%;}
.mainvis__text__box{}
.mainvis__tit{color:#fff; font-size:72px; font-weight:700; letter-spacing: -2px; margin-bottom:40px; transition: all 1.5s;}
.mainvis__text{color:#fff; font-size:24px; font-weight:400; margin-bottom: 120px; opacity:0; transition: all 2s;}
/* 스크롤 버튼 */
#scroll__box {position:absolute; bottom:40px; right:40px; z-index:2; border:0; background:transparent;}
#scroll__box img{display:block; }
#scroll__box .icon__arrow{margin-top:6px; animation: scroll_arrow_ani 1s ease-in-out infinite;}
@keyframes scroll_arrow_ani {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(5px); /* 위로 이동 */
	}
	100% {
		transform: translateY(0);
	}
}

.main__visual__wr[data-scroll="in"] .mainvis__tit.splitting .char{ animation: opacity-on 1.0s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(50ms * var(--char-index)); opacity:1;}	
.main__visual__wr[data-scroll="in"] .mainvis__text{opacity:1;  transition-delay: 0.8s;}

@keyframes opacity-on {
	from {
		opacity: 0;
	}
}


/* 메인 컨텐츠 - 어바웃 */
#main__about__wr{}
.main__about__box01{display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;}
.main__about__box01__left{}
.main__about__box01__left__text01{font-size:24px; font-weight:700; margin-bottom:24px;}
.main__about__box01__left__text02{font-size:20px; font-weight:400; margin-bottom:60px; line-height:30px;letter-spacing: -0.25px;}
.main__about__box01__right{margin-left:auto;}
.main__about__imgbox{position:relative; overflow:hidden; border-radius:40px; background:var(--color__main);  width:580px; height:320px;}
.main__about__imgbox img{position:relative; width:100%; height:100%; object-fit:cover; transform:translateX(-20%); transition: all 1.2s;}
.main__about__imgbox video{position:relative; width:100%; height:100%; object-fit:cover; transform:translateX(-20%); transition: all 1.2s;}

#main__about__wr .ani01,
#main__about__wr .ani03,
#main__about__wr .ani05{opacity:1; transform:translateX(0%); transition: all 1.2s;}
#main__about__wr .main__title__wr[data-scroll="in"] .ani01,
#main__about__wr .main__title__wr[data-scroll="in"] .ani03,
#main__about__wr .main__title__wr[data-scroll="in"] .ani05{opacity:1; animation: slide-right 1.2s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(50ms * var(--char-index));}	
#main__about__wr .ani02,
#main__about__wr .ani04{opacity:1; transform:translateX(0%); transition: all 1.2s;}
#main__about__wr .main__title__wr[data-scroll="in"] .ani02,
#main__about__wr .main__title__wr[data-scroll="in"] .ani04{opacity:1; animation: slide-left 1.2s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(50ms * var(--char-index));}	
@keyframes slide-right {
	from {
		transform: translateX(-5%);
		opacity: 0;
	}
}
@keyframes slide-left {
	from {
		transform: translateX(5%);
		opacity: 0;
	}
}
.main__about__box01[data-scroll="in"] .main__about__imgbox img{transform: translateX(-0px);}
.main__about__box01[data-scroll="in"] .main__about__imgbox video{transform: translateX(-0px);}

/* 메인 컨텐츠 - 프로덕트 */
#main__product__wr{position:relative;}
.main__product__box01{position:relative;}
.main__product__swiper { margin-bottom:220px; overflow: visible;}
.main__product__swiper .swiper-wrapper {display: flex; align-items: center;}
.main__product__swiper .swiper-slide {width: 260px; height:362px; transition: transform 0.6s ease, opacity 0.6s ease; transform: scale(1); z-index: 1;}
.main__product__swiper .swiper-slide.is-right{transform:translateX(170px);}
.main__product__swiper .swiper-slide.is-left{transform:translateX(-170px);}
.main__product__swiper .swiper-slide .slide__box{position:relative; width:100%;height:100%;}
.main__product__swiper .swiper-slide .product__img{position:absolute; top:0; left:50%; max-width:362px; width:100%; transform:translateX(-50%) scale(0.5); opacity:0;  transition: all 1s;}
.main__product__swiper .swiper-slide .product__img img{width:100%;}
.main__product__swiper .swiper-slide .product__logo{position: relative; width:100%; top: 50%; transform: translateY(-50%); filter: grayscale(100%); transition: all 1s; }
.main__product__swiper .swiper-slide .product__logo img.product__logo__img{display:block; max-width:220px; width:100%; margin:0 auto; opacity: 0.4; }
.main__product__swiper .swiper-slide .product__logo .text01{position: absolute; top: calc(100% + 20px); left: 50%; transform: translate(-50%); font-size:20px; font-weight:700; text-align:center; opacity:0; white-space: nowrap; transition: all 1s; transition-delay: 0.2s;}
.main__product__swiper .swiper-slide .product__logo .text02{position: absolute; top: calc(100% + 56px); left: 50%; transform: translate(-50%); font-size:20px; font-weight:400; text-align:center; opacity:0; white-space: nowrap; transition: all 1s; transition-delay: 0.2s;}
.main__product__swiper .swiper-slide .product__logo .main__btn__wr{position: absolute; top: calc(100% + 128px); left: 50%; transform: translate(-50%);white-space: nowrap; opacity:0;transition: all 1s; transition-delay: 0.2s;}

.main__product__btn__box{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; z-index:9; max-width:550px;}
.main__product__btn__next{position:absolute; top:50%; right:0; transform: translateY(-50%); cursor:pointer; opacity:0.4; filter: grayscale(100%);}
.main__product__btn__prev{position:absolute; top:50%; left:0; transform: translateY(-50%); cursor:pointer; opacity:0.4; filter: grayscale(100%);}
@media (pointer: fine) {
	.main__product__btn__next:hover{opacity:1; filter: grayscale(0%);}
	.main__product__btn__prev:hover{opacity:1; filter: grayscale(0%);}

}

.main__product__swiper .swiper-slide.swiper-slide-active.is-active {transform: scale(1); opacity: 1; z-index: 2;}
.main__product__swiper .swiper-slide.swiper-slide-active.is-active .product__img{transform:translate(-50%, 15%) scale(1.5); opacity:1;}
.main__product__swiper .swiper-slide.swiper-slide-active.is-active .product__logo{top:calc(100% + 30px); transform: translateY(0%); filter: grayscale(0%);}
.main__product__swiper .swiper-slide.swiper-slide-active.is-active .product__logo img.product__logo__img{opacity:1;}
.main__product__swiper .swiper-slide.swiper-slide-active.is-active .product__logo .text01{opacity:1;}
.main__product__swiper .swiper-slide.swiper-slide-active.is-active .product__logo .text02{opacity:1;}
.main__product__swiper .swiper-slide.swiper-slide-active.is-active .product__logo .main__btn__wr{opacity:1;}


/* 메인 컨텐츠 - 테크놀로지 */
#main__tech__wr{position:relative;}
.main__tech__bgbox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.5); width:100%; height:100%;  background: rgba(0,0,0,0.5) url('/images/main_tech_img01.jpg') no-repeat center center / cover; opacity:0; transition: all 2s;  z-index:2;}
#main__tech__wr .inner__cen1440{z-index:3;}
#main__tech__wr .main__btn__wr{position:absolute; right:0; bottom:0;}
.main__tech__box01{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; gap:24px;}
.main__tech__box01__cont00{border:1px solid rgba(255,255,255,0.13); border-radius:0 40px 40px 40px; padding :32px; color:#fff; width:25%; transform:translateY(30%); transition: all 1.5s; opacity:0;}
.main__tech__box01__cont00 .text01{font-size:16px; font-weight:400; text-align:right; margin-bottom:32px;}
.main__tech__box01__cont00 .text02{font-size:90px; font-weight:700; margin-bottom:12px;}
.main__tech__box01__cont00 .text02 .unit{font-size:20px; font-weight:400;}
.main__tech__box01__cont00 .text02 .unit2{font-size:28px;}
.main__tech__box01__cont00 .text03{font-size:20px; font-weight:400; letter-spacing:-0.25px; opacity:0.6; line-height:28px; height:56px;}

#main__tech__wr .main__title__wr{ transform:translateY(40%); transition: all 2s; opacity:0;}
#main__tech__wr .main__title__wr[data-scroll="in"]{transform:translateY(0); transition-delay: 1.0s; opacity:1;}
#main__tech__wr[data-scroll="in"] .main__tech__bgbox{transform:translate(-50%,-50%) scale(1); opacity:1;}
#main__tech__wr[data-scroll="in"] .main__tech__box01__cont01{transform:translateY(0); transition-delay: 1.2s; opacity:1;}
#main__tech__wr[data-scroll="in"] .main__tech__box01__cont02{transform:translateY(0); transition-delay: 1.3s; opacity:1;}
#main__tech__wr[data-scroll="in"] .main__tech__box01__cont03{transform:translateY(0); transition-delay: 1.4s; opacity:1;}
#main__tech__wr[data-scroll="in"] .main__tech__box01__cont04{transform:translateY(0); transition-delay: 1.5s; opacity:1;}

/* 메인 컨텐츠 - 뉴스 */
#main__news__wr{position:relative; background:rgba(255, 255, 255, 0.93); background:#F7F9FB;}
#main__news__wr .main__btn__wr{position:absolute; right:0; bottom:0;}
.main__news__box01{position:relative;}

#main__news__wr .main__title__wr{ transform:translateY(40%); transition: all 2s; opacity:0;}
#main__news__wr .main__news__box01{ transform:translateY(30%); transition: all 2s; opacity:0;}
#main__news__wr .main__title__wr[data-scroll="in"]{transform:translateY(0); opacity:1;}
#main__news__wr .main__news__box01[data-scroll="in"]{transform:translateY(0); transition-delay: 0.5s; opacity:1;}

/* 메인 컨텐츠 - 하단 배너 */
#main__banner__wr{position:relative;}
#main__banner__wr .main__title__wr .main__text01{color:#fff;}
#main__banner__wr .main__title__wr .main__title{font-size:42px;}
#main__banner__wr .main__title__wr .main__btn__wr{margin-top:120px;}
.main__banner__box01{position:relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; gap: 24px;}
.main__banner__box01__conts{position:relative; border-radius:0 80px 80px 80px; padding: 200px 0 200px; width:50%; transform:translateY(20%);transition: all 2s; opacity:0; overflow:hidden;}
.main__banner__box01__conts a{color:#fff}
.main__banner__box01__conts .main__banner__box01__bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main__banner__box01__conts .main__banner__box01__bg img{width: 100%; height: 100%; object-fit: cover; transition: all .2s;}
#main__banner__wr[data-scroll="in"] .main__banner__box01__conts.left{transform:translateY(0); opacity:1;}
#main__banner__wr[data-scroll="in"] .main__banner__box01__conts.right{transform:translateY(0); transition-delay: 0.5s; opacity:1;}

@media (pointer: fine) {
	.main__banner__box01__conts:hover .main__banner__box01__bg img{transform:scale(1.1);}
	.main__banner__box01__conts:hover .main__btn__a img{transform:translateX(5px);}
}


/* 서브 공통 세팅 */
.sub__title__wr{position:relative; padding-bottom:80px; padding-top:204px; transition: all 2s; transform:translateY(50px); opacity:0;}
.sub__text01{font-size:20px; font-weight:500; margin-bottom:40px; color:var(--color__main);}
.sub__title{font-size:60px; font-weight:700; letter-spacing: -0.25px; line-height: 76px;}
.sub__text02{font-size:24px; font-weight:400; margin-top:24px; color:var(--color_basic); letter-spacing:-0.25px; line-height: 34px;}
.sub__logo{position:absolute; bottom:80px; right:0;}
.sub__title__wr[data-scroll="in"]{transform:translateY(0); opacity:1;}


.sub__title__img__box{position:relative; overflow:hidden; border-radius:40px; overflow:hidden; transition: all 2s; transform:translateY(50px); opacity:0; }
.sub__title__img__box img{width: 100%; height: auto; }
.sub__title__video__box{position:relative; overflow:hidden; border-radius:40px; overflow:hidden; transition: all 2s; transform:translateY(50px); opacity:0; }
.sub__title__video__box video{width: 100%; height: auto; border-radius: 40px;}
.sub__visual__wr[data-scroll="in"] .sub__title__img__box{transform:translateY(0); opacity:1;}
.sub__visual__wr[data-scroll="in"] .sub__title__video__box{transform:translateY(0); opacity:1;}



/* 어바웃 */
#sub__about__wr{background:#01040A; position: relative; z-index: 2; font-family:'Pretendard', dotum, sans-serif; text-align:center;}
.about__visual__wr{position:relative; width:100%; height:100vh;}
.sabvis__img__box{position:fixed; width:100%; height:100%; top:0; left:0; transition: all 1s;}
.sabvis__img__box.hidden { opacity: 0; pointer-events: none; transition: opacity 0.2s ease;}
.sabvis__img__box.hidden{opacity:0;}
.sabvis__img__box.act{transform:scale(0.5);}
.sabvis__img__box .sabvis__img__box01{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30%; max-width:220px; transition: all 1s;}
.sabvis__img__box .abvis__img01{width:100%; animation: sabout-spin01 25s linear infinite;  transform-origin: center center; mix-blend-mode: screen;}

.sabvis__img__box .sabvis__img__box01__1{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; max-width:708px; transition: all 1s;}
.sabvis__img__box .abvis__img01__1{width:100%; animation: sabout-spin02 35s linear infinite;  transform-origin: center center; mix-blend-mode: screen;}

.sabvis__img__box .sabvis__img__box01.shrink{max-width:106px;}
.sabvis__img__box .sabvis__img__box01__1.shrink{max-width:220px;}

.sabvis__text__box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.sabvis__text__box .abvis__tit{font-size:72px; font-weight:700; color:#fff; text-align:center;}

.sabout__box01__conts00{padding :120px 0; height:100vh;}
.sabout__box01__conts01 .sabconts01__text__box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.sabout__box01__conts01 .t01{font-size:48px; font-weight:700; letter-spacing:-0.25px; color:#fff; line-height:64px;}
.sabout__box01__conts01 .t02{font-size:24px; font-weight:400; letter-spacing:-0.25px; color:#fff; margin-top:40px;}
.sabout__box01__conts01 .t01.splitting .char,
.sabout__box01__conts01 .t02.splitting .char{opacity:0;}

.sabout__box01__conts02{position:relative;}
.sabout__box01__conts02 .sabconts02__img__box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; opacity:0; transition: opacity 1.5s;}
.sabout__box01__conts02 img{display:block; margin: 0 auto; max-width:1074px;  width:100%;}
.sabout__box01__conts02 img.img__txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sabout__box01__conts02 img.img__line{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sabout__box01__conts02 img.img__line02{opacity:0.2; transform:translate(-50%,-50%) rotate(10deg); animation: sabout-swing01 2s ease-in-out infinite alternate;}
.sabout__box01__conts02 img.img__line03{opacity:0.2; transform:translate(-50%,-50%) rotate(-10deg); animation: sabout-swing02 2s ease-in-out infinite alternate;}

.sabout__box01__conts03 {}
.sabout__box01__conts03 .sabconts03__text__box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%;}
.sabout__box01__conts03 p.tx01{font-size:60px; font-weight:700; letter-spacing:-0.25px; color:#fff;}
.sabout__box01__conts03 p.tx01.splitting .char{opacity:0;}

.about__visual__wr[data-scroll="in"] .abvis__tit.splitting .char{ animation: sabout-slide-up 0.5s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(50ms * var(--char-index)); opacity:1;}	
.sabout__box01__conts01.in .t01.splitting .char{ animation: sabout-slide-up 0.5s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(10ms * var(--char-index)); opacity:1;}	
.sabout__box01__conts01.in .t02.splitting .char{ animation: sabout-slide-up 0.5s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(10ms * var(--char-index) + 1000ms); opacity:1;}
.sabout__box01__conts02.in .sabconts02__img__box{opacity:1;}
.sabout__box01__conts03.in p.tx01.splitting .char{ animation: sabout-slide-up 0.5s cubic-bezier(.5, 0, .5, 1) both; animation-delay: calc(50ms * var(--char-index)); opacity:1;}

@keyframes sabout-slide-up {
	from {
		transform: translateY(0.5em);
		opacity: 0;
	}
}
@keyframes sabout-spin01 {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}
@keyframes sabout-spin02 {
	from { transform: rotate(360deg);}
	to   { transform: rotate(0deg); }
}
@keyframes sabout-swing01 {
    0% {
        transform: translate(-50%, -50%) rotate(5deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(12deg);
    }
}
@keyframes sabout-swing02 {
    0% {
        transform: translate(-50%, -50%) rotate(-5deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-12deg);
    }
}
@keyframes sabout-typing {
	from{width:0 }
	to{width: 21ch; border-right: 0;}
}
@keyframes sabout-typing2 {
	from{width:0 }
	to{width: 5ch; border-right: 0;}
}
@keyframes sabout-blink-caret {
    50% { border-color: transparent; }
    100% { border-color: #fff; }
}


/* 서브 공통 - 핵심기술, 조직도, 제품소개 */
.sub__conts__img__wr{background:#fff; overflow:hidden;}
.sub__conts__img__wr2{margin-top:40px;}
.sub__conts__img__wr img{width:100%; transition: all 2s; display:block; clip-path: inset(0% 100% 0% 0%);}
.sub__conts__title__wr{font-family:'Pretendard', dotum, sans-serif; margin:0px 0 40px; transform:translateY(100px); opacity:0; transition: all 2s; position:relative;}
.sub__conts__tit{font-size:32px; font-weight:700;}
.sub__conts__text{font-size:20px; font-weight:400; margin-top:24px; letter-spacing:-0.25px; line-height:30px;}
.sub__conts__logo{position:absolute; top:50%; right:0; transform:translateY(-50%);}
.sub__conts__title__wr[data-scroll="in"]{transform:translateY(0px); opacity:1;}

/* 핵심 기술 */
#sub__tech__wr{background:#fff;}
.sub__tech__box01{padding-bottom:160px;}
.stech__box01__conts00{padding-top:160px;}
.stech__box01__conts01[data-scroll="in"] .sub__conts__img__wr img{clip-path: inset(0% 0% 0% 0%); transition-delay: 1s;}

.sub__conts__imgslide__swiper {overflow:visible;}
.sub__conts__imgslide__swiper img{width:100%; transition: all 2s; display:block; clip-path: inset(0% 100% 0% 0%);}
.sub__conts__imgslide__swiper .swiper-pagination-progressbar {position: relative; width:100%; height: 2px; background: #ddd; margin-top:24px;}
.sub__conts__imgslide__swiper .swiper-pagination-progressbar-fill {background: #143C8A;}
.sub__conts__imgslide__swiper .swiper-pagination::before {content: attr(data-current); position: absolute; left: -20px; top: 50%; transform:translateY(-50%); font-size: 14px; font-weight: 400; color:#191919; display:none;}
.sub__conts__imgslide__swiper .swiper-pagination::after {content: attr(data-total); position: absolute; right: -20px; top: 50%; transform:translateY(-50%); font-size: 14px; font-weight: 400; color:#191919; display:none;}
.sub__conts__imgslide__swiper .swiper-slide{width: 40%; margin-right:12px;}
.stech__box01__conts01[data-scroll="in"] .sub__conts__imgslide__swiper img{clip-path: inset(0% 0% 0% 0%); transition-delay: 1s;}



/* 조직도 */
#sub__organi__wr{background:#fff;}
.sub__organi__box01{padding-bottom:160px;}
.sorgani__box01__conts00{}
.sub__organi__box01[data-scroll="in"] .sub__conts__img__wr img{clip-path: inset(0% 0% 0% 0%);}

/* g-gk-check */
#sub__prod__wr{background:#fff;}
.sub__prod__box01{padding-bottom:160px;}
.sprod__box01__conts00{padding-top:160px;}

.sprod__box01__conts00[data-scroll="in"] .sub__conts__img__wr1 img{clip-path: inset(0% 0% 0% 0%); transition-delay: 1s;}
.sprod__box01__conts00[data-scroll="in"] .sub__conts__img__wr2 img{clip-path: inset(0% 0% 0% 0%); transition-delay: 2s;}


/* 카달로그 */
#sub__catalog__wr{padding-bottom:160px;}
.sub__catalog__box01{display: flex; flex-direction: row; flex-wrap: nowrap;align-content: center; justify-content: center; align-items: center; gap: 20px;}
.scatalog__box01__conts00{background:#F7F9FB; border-radius:0 40px 40px 40px; padding:32px 24px; width:50%; transition: all .2s;}
.catalog__00{text-align:center;}
.catalog__imgbox img{border-radius:10px; max-width:334px; width:100%;}
.catalog__text{font-size:20px; font-weight:600; margin-top:32px;}

@media (pointer: fine) {
	.scatalog__box01__conts00:hover{background:var(--color__main);}
	.scatalog__box01__conts00:hover .catalog__text{color:#fff;}
	.scatalog__box01__conts00:hover .catalog__text img{filter: brightness(1) invert(1);}
}











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

@media screen and (max-width:1280px){
	.main__nav__li{height:70px; line-height:70px;}
	.main__nav__a{font-size:14px;}
	.main__subnav__a{font-size:14px;}

	.main__btn__a{font-size:14px;}
	.main__btn__a img{width:24px; margin-left:8px;}

	.main__text01{font-size: 18px;}
	.main__title{font-size: 50px;}
	.main__about__box01__left__text01{font-size: 22px;}
	.main__about__box01__left__text02{font-size: 18px;}
	.main__about__imgbox{width: 530px; height: 270px;}

	.main__tech__box01{gap:15px;}
	.main__tech__box01__cont00 .text01{font-size: 14px; height:36px; margin-bottom:14px;}
	.main__tech__box01__cont00 .text02{font-size: 70px;}
	.main__tech__box01__cont00 .text02 .unit{font-size: 18px;}
	.main__tech__box01__cont00 .text02 .unit2{font-size: 26px;}
	.main__tech__box01__cont00 .text03{font-size: 14px; line-height: 20px; height:40px;}


	.main__product__swiper .swiper-slide{width: 230px; height: 300px;}
	.main__product__swiper .swiper-slide .product__logo img.product__logo__img{max-width:200px;}
	.main__product__swiper .swiper-slide .product__logo .text01{font-size:18px;}
	.main__product__swiper .swiper-slide .product__logo .text02{font-size:18px;}
	.main__product__btn__box{max-width:450px;}

	.main__banner__box01__conts{padding: 130px 0 130px;}
	#main__banner__wr .main__title__wr .main__text01{font-size:16px;}
	#main__banner__wr .main__title__wr .main__title{font-size:32px;}

	.ft__text{font-size:22px; line-height: 32px;}
	.ft__site__info__ul{font-size:12px;}
	.ft__logo img{height:40px;}

	.slide__ani__box .ani__conts span{font-size:130px;}
	

	.sub__title__wr{}
	.sub__text01{font-size:18px;}
	.sub__title{font-size:50px; line-height: 66px;}
	.sub__text02{font-size:22px; line-height: 32px;}
	.sub__logo img{height:50px;}

	.sub__conts__tit{font-size:30px;}
	.sub__conts__text{font-size:18px; line-height:28px;}

	.sabvis__text__box .abvis__tit{font-size:56px;}
	.sabout__box01__conts01 .t01{font-size:38px; line-height:54px;}
	.sabout__box01__conts01 .t02{font-size:20px; line-height:26px;}
	.sabout__box01__conts03 p.tx01{font-size:46px;}


	.catalog__text{font-size:18px; margin-top:30px;}


}

@media screen and (max-width:1024px){
	.mainvis__img__box{height:70vh;}
	.main__contents__wr{padding: 120px 0;}

	.main__title__wr{margin-bottom:60px;}
	.main__text01{font-size: 16px;  margin-bottom: 20px;}
	.main__title{font-size: 38px;}
	.main__about__box01__left__text01{font-size: 18px;}
	.main__about__box01__left__text02{font-size: 14px; line-height: 24px; margin-bottom: 30px;}
	.main__about__imgbox{width: 400px; height: 220px;}

	.main__tech__box01__cont00{padding:20px;}
	.main__tech__box01__cont00 .text01{font-size: 12px;}
	.main__tech__box01__cont00 .text02{font-size: 50px;}
	.main__tech__box01__cont00 .text02 .unit{font-size: 14px;}
	.main__tech__box01__cont00 .text03{font-size: 12px; line-height: 18px; height:36px;}

	.main__product__swiper .swiper-slide{width: 200px; height: 250px;}
	.main__product__swiper .swiper-slide .product__logo img.product__logo__img{max-width:160px;}
	.main__product__swiper .swiper-slide .product__logo .text01{font-size:16px;}
	.main__product__swiper .swiper-slide .product__logo .text02{font-size:16px;}
	.main__product__btn__box{max-width:450px;}

	.main__banner__box01__conts{padding: 80px 0 80px;}
	#main__banner__wr .main__title__wr .main__text01{font-size:14px;}
	#main__banner__wr .main__title__wr .main__title{font-size:26px;}

	.ft__text{font-size:18px; line-height: 28px;}
	.ft__site__info__ul{font-size:10px;}
	.ft__logo img{height:30px;}
	.f__site__infot__sns img{height:20px;}
	
	.slide__ani__box .ani__conts span{font-size:100px;}
	
	.sub__title__wr{padding-bottom:60px;}
	.sub__text01{font-size:16px; margin-bottom: 20px;}
	.sub__title{font-size:38px; line-height: 50px;}
	.sub__text02{font-size:20px; line-height: 30px; margin-top: 20px;}
	.sub__logo{bottom:60px;}
	.sub__logo img{height:40px;}

	.sub__conts__title__wr{}
	.sub__conts__tit{font-size:28px;}
	.sub__conts__text{font-size:16px; line-height: 26px;}
	.sub__conts__logo img{}

	.sub__tech__box01{padding-bottom:120px;}
	.stech__box01__conts00{padding-top:120px;}

	.sub__organi__box01{padding-bottom:120px;}

	.sub__prod__box01{padding-bottom:120px;}
	.sprod__box01__conts00{padding-top:120px;}




	#sub__catalog__wr{padding-bottom:120px;}


}
@media screen and (max-width:820px){
	.logo__wr img{height:28px;}
	.main__nav__li{display:none; height:56px; line-height:56px;}
	.main__nav__li.btn__ham{display:block;}
	

	.mainvis__img__box{height:50vh;}
	.main__contents__wr{padding: 80px 0;}	

	.main__title__wr{margin-bottom:40px;}
	.main__text01{font-size: 16px; margin-bottom: 20px;}
	.main__title{font-size: 32px;}
	.main__about__box01__left__text01{font-size: 16px; margin-bottom: 16px;}
	.main__about__box01__left__text02{font-size: 14px; margin-bottom: 20px;}
	.main__about__imgbox{width: 300px; height: 160px; border-radius: 20px;}

	.main__tech__box01{gap:10px;}
	.main__tech__box01__cont00{padding:10px; border-radius: 0 20px 20px 20px;}
	.main__tech__box01__cont00 .text01{font-size: 10px; height:26px; margin-bottom:10px;}
	.main__tech__box01__cont00 .text02{font-size: 30px;}
	.main__tech__box01__cont00 .text02 .unit{font-size: 10px;}
	.main__tech__box01__cont00 .text03{font-size: 10px; line-height: 14px; height:28px;}
	

	.main__product__swiper .swiper-slide{width: 150px; height: 200px;}
	.main__product__swiper .swiper-slide .product__logo .text01{font-size:14px;}
	.main__product__swiper .swiper-slide .product__logo .text02{font-size:14px;}
	.main__product__btn__box{max-width:350px;}

	.main__banner__box01__conts{padding: 50px 0 50px; border-radius: 0 40px 40px 40px;}
	#main__banner__wr .main__title__wr .main__text01{font-size:12px;}
	#main__banner__wr .main__title__wr .main__title{font-size:20px;}
	#main__banner__wr .main__title__wr .main__btn__wr{margin-top:60px;}

	.sub__title__wr{padding-top:156px; padding-bottom:40px;}
	.sub__text01{font-size:16px; margin-bottom: 20px;}
	.sub__title{font-size:32px; line-height: 40px;}
	.sub__text02{font-size:16px; line-height: 20px; margin-top: 20px;}
	.sub__logo{bottom:40px;}
	.sub__logo img{height:30px;}


	.sub__conts__title__wr{margin: 0px 0 30px;}
	.sub__conts__tit{font-size:26px;}
	.sub__conts__text{font-size:16px; line-height: 26px; margin-top:20px;}
	.sub__conts__img__wr2{margin-top:30px;}
	.sub__conts__logo{position:relative; top:initial; right:initial; transform:initial; margin-bottom:24px;}
	.sprod__box01__conts01 .sub__conts__logo img{width:68px;}
	.sprod__box01__conts02 .sub__conts__logo img{width:112px;}
	.sprod__box01__conts03 .sub__conts__logo img{width:112px;}
	.sprod__box01__conts04 .sub__conts__logo img{width:112px;}
	.sprod__box01__conts05 .sub__conts__logo img{width:139px;}

	.sub__tech__box01{padding-bottom:80px;}
	.stech__box01__conts00{padding-top:80px;}

	.sub__organi__box01{padding-bottom:80px;}

	.sub__prod__box01{padding-bottom:80px;}
	.sprod__box01__conts00{padding-top:80px;}


	.sabvis__text__box .abvis__tit{font-size:46px; line-height:56px;}
	.sabout__box01__conts01 .t01{font-size:32px; line-height:46px;}
	.sabout__box01__conts01 .t02{font-size:16px; line-height:22px;}
	.sabout__box01__conts03 p.tx01{font-size:36px;}


	#sub__catalog__wr{padding-bottom:80px;}
	.sub__catalog__box01{flex-direction: column;}
	.scatalog__box01__conts00{border-radius:0 32px 32px 32px; width:100%;}
	.catalog__imgbox img{max-width:220px; width:100%;}

}

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

@media screen and (max-width:570px){
	.pg_current {height: 20px; line-height: 20px; padding: 0 10px; min-width: 20px; border-radius: 2px; font-size: 12px;}	
	.pg_page,.qa_page {font-size:12px;height:20px;line-height:20px;padding:0 5px;min-width:20px;border-radius:2px;}

	#top_btn{right:20px; bottom:20px;}

	.header{background:#fff;}
	.header .main__nav__a{color:var(--color__basic);}
	.header .main__nav__a img{filter:brightness(1) invert(1);}
	.header__main__box{}

	#wrapper{border-radius:0 0 30px 30px; padding-top:56px; margin-bottom:460px;}
	.main__contents__wr{padding: 60px 0;}
	.mainvis__img__box{height:initial;}
	
	.main__title__wr{text-align:center;}
	.main__text01{font-size: 14px; margin-bottom: 12px;}
	.main__title{font-size: 28px;}

	.main__title__wr{margin-bottom:24px;}
	.main__about__imgbox{width: initial; height: initial; margin-bottom:32px;}
	.main__about__box01{display:block; text-align:center;}

	.main__tech__bgbox{background: rgba(0,0,0,0.5) url('/images/main_tech_img01_mo.jpg') no-repeat center center / cover; }
	#main__tech__wr[data-scroll="in"] .main__tech__bgbox{transform:translate(-50%,-50%) scale(1); opacity:1;}
	.main__tech__box01{flex-direction: column;}
	.main__tech__box01__cont00{width:100%; padding: 24px;}
	.main__tech__box01__cont00 .text01{font-size: 14px; height:initial; margin-bottom:20px;}
	.main__tech__box01__cont00 .text02{font-size: 48px;}
	.main__tech__box01__cont00 .text02 .unit{font-size: 14px;}
	.main__tech__box01__cont00 .text03{font-size: 14px; line-height: 20px; height:initial;}
	#main__tech__wr .main__btn__wr {position: relative; right: initial; bottom: initial; margin: 32px auto 0; text-align: center;}

	.main__product__swiper .swiper-slide {width: 170px; height: 220px;}
	.main__product__swiper .swiper-slide .product__logo .text01{font-size:16px;}
	.main__product__swiper .swiper-slide .product__logo .text02{font-size:14px; top: calc(100% + 50px);}
	.main__product__swiper .swiper-slide .product__logo .main__btn__wr{top: calc(100% + 100px);}
	.main__product__btn__box img{width:25px;}
	
	#main__news__wr .main__btn__wr{position: relative; right: initial; bottom: initial; margin: 32px auto 0; text-align: center;}

	.main__banner__box01{flex-direction: column;}
	.main__banner__box01__conts {width:100%; border-radius: 0 30px 30px 30px; padding: 60px 0 36px;}
	#main__banner__wr .main__title__wr .main__text01{font-size:14px;}
	#main__banner__wr .main__title__wr .main__title{font-size:28px;}
	#main__banner__wr .main__title__wr .main__btn__wr{margin-top:32px;}
	
	.main__banner__box01__conts.left{background: #545F75 url('/images/main_banner_img01_mo.jpg') no-repeat center center / cover;}
	.main__banner__box01__conts.right{background: #0E2A60 url('/images/main_banner_img02_mo.jpg') no-repeat center center / cover;}

	.slide__ani__box .ani__conts span{font-size:60px;}

	.footer{height:550px;}
	.ft__text{position:relative;}
	.ft__site__info{position:relative; margin-top:30px;}
	.ft__logo{position: relative; bottom: initial; margin-top: 30px; display:block;}
	.ft__copy{position:relative; bottom: initial; margin-top: 30px;}


	.sub__title__wr{padding-top:60px; padding-bottom:32px;}
	.sub__text01{font-size:14px; margin-bottom:16px;}
	.sub__title{font-size: 28px; line-height: 34px;}
	.sub__text02{font-size: 16px; line-height: 24px; margin-top:16px;}
	.sub__title__img__box{border-radius:24px;}
	.sub__title__video__box{border-radius:24px;}
	.sub__title__video__box video{border-radius:24px;}

	.sub__logo{display:none;}
	.sub__conts__tit{font-size:18px;}
	.sub__conts__text{font-size:14px; margin-top:16px; line-height:20px;}

	.sabvis__text__box .abvis__tit{font-size:42px; line-height:52px;}
	.sabvis__img__box .sabvis__img__box01{width:160px;}
	.sabvis__img__box .sabvis__img__box01__1{width:615px;}
	.sabvis__img__box.act{transform: scale(0.25);}

	.sabout__box01__conts01 .t01{font-size:28px; line-height:34px;}
	.sabout__box01__conts01 .t02{font-size:14px; line-height:20px; margin-top:24px;}
	
	.sabout__box01__conts03 p.tx01{font-size:28px;}
	.sabout__box01__conts02 img{max-width: 334px;}

	.stech__box01__conts00{padding-top:60px;}
	.sub__tech__box01{padding-bottom:60px;}

	.sub__organi__box01{padding-bottom:60px;}

	.sprod__box01__conts00{padding-top:60px;}
	.sub__prod__box01{padding-bottom:60px;}




	#sub__catalog__wr{padding-bottom:60px;}
	.catalog__imgbox img{max-width:150px;}
	.catalog__text{font-size:16px; margin-top:20px;}



}