/********************************************************
■ 풀페이지 공통
********************************************************/
/* 페이징바 */
#fp-nav{ display:none;}

.section > .fp-tableCell{padding-top:5rem;}
#page6.section > .fp-tableCell{padding-top:0;}
.section .inner{max-width:60rem; margin:0 auto;}

.title{color:var(--black);}
.title h3{position:relative;  font-size:700; line-height:1; padding-top:0.75rem;  margin-bottom:1rem;}
.title h3:before{content:""; position:absolute; left:0px; top:0px; width:2.8rem; height:0.15rem; background:var(--main);}
.title .more{font-weight:200; display:block; margin-top:1rem; font-size:0.8rem; letter-spacing: 0.03em;}

.no_post{text-align: center; padding: 2rem 1rem;}
.no_post span{    width: 6rem; height: 6rem;  margin: 0 auto;  display: flex;  align-items: center;  justify-content: center; border: 2px solid #EFEFEF;  border-radius: 50%;  background: #fff; margin-bottom: 1rem;}

@media (max-width:1260px){
	.section .inner{padding:0 2.5rem;}
}
@media (max-width:1030px){
	.section > .fp-tableCell{padding-top:4rem;}
}
@media (max-width:767px){
	.section,
	.section > .fp-tableCell{height:auto !important;}
	.section > .fp-tableCell{padding:5rem 0;}
	#page6.section > .fp-tableCell{padding:0;}

	.title .more{font-size:1rem;}
}


/********************************************************
■ 메인비주얼
********************************************************/
#page1.section > .fp-tableCell{padding-top:0rem;}
.visual{ position:relative; overflow:hidden; height: 100vh;}
.visual .vod-wrap{position: absolute;  width: 100%;  height: 100%;  top: 0px;  left: 0px;  max-width: 100%; aspect-ratio: 87 / 64; transform-origin: right top; z-index:0;}
/*.visual .vod-wrap:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.28; mix-blend-mode: overlay; }*/
.visual .vod-wrap:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.28;}

.visual .vod-wrap .vod{position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius: 0px; object-fit: cover;z-index:-1; }
.visual .visual-inner {position:absolute; left:50%; top:8rem; width:60rem; transform:translateX(-50%); color:#fff;}
.visual .visual-inner h2{font-size:2.5rem; line-height:1.4; font-weight: 700;}
.visual .visual-inner h2 .neo{color:#A6CDFC;}
.visual .visual-inner p{font-size:1.4rem; margin-top:1.5rem;}

@media (max-width:1260px){
	.visual .visual-inner {padding:0 2.5rem; width:100%;}
}

@media (max-width:767px){
	.visual .visual-inner {padding:0 15vw;}
	#page1.section > .fp-tableCell{padding:0;}
	.visual .visual-inner h2{font-size:7vw}
	.visual .visual-inner p{font-size:4vw;}
}
/********************************************************
■ intro
********************************************************/
#page2{background:url('/images/default/main/cts1_bg.jpg')no-repeat 50% 50%; background-size:cover; }
.fp-viewing-intro #header .header_inner #nav ul li div a{color:var(--black)}
.fp-viewing-intro #header .header_inner h1 a {background-image:url('/images/default/main/logo_b.svg');}
.fp-viewing-intro #header .select_btn{color:var(--black);}
.fp-viewing-intro #header .btnAll span{background:var(--black)}

.col-wrap{display:flex; flex-wrap:wrap; gap:1.8rem; }
.col-wrap .col2.title{display: flex; flex-direction: column; justify-content: center;}
.col-wrap .col2.title p{padding-right:6rem;}
.col-wrap .col2{width:calc((100% - 1.8rem * 1) / 2); height:16.25rem;  border-radius:1rem;}
.col-wrap .col2 a{ display: flex; align-items: flex-end; padding:1.5rem;  height:100%; color:#fff;}
.col-wrap .col2 .more{font-weight:200; display:block; margin-top:1rem; letter-spacing: 0.03em;}

@media (max-width:1260px){
	#page2{background-position:25% 50%;}
	.col-wrap .col2.title p{padding-right:2rem}
}
@media (max-width:767px){
	#page2{background:url('/images/default/main/cts1_bg_m.jpg')no-repeat 50% 50%; background-size:cover; }
	.col-wrap{flex-direction: column; gap:0.75rem 0;}
	.col-wrap .col2{width:100%; height:auto;  }
	.col-wrap .col2.title{margin-bottom:2rem;}
	.col-wrap .col2:not(:first-child){ aspect-ratio: 3 / 1;}
	.col-wrap .col2:nth-child(2){order:3}
	.col-wrap .col2:nth-child(3){order:2}
	.col-wrap .col2 a{padding:0.5rem 1rem;}
	.col-wrap .col2 .more{margin-top:0;}
}

/********************************************************
■ product
********************************************************/
#page3{background:url('/images/default/main/cts2_bg.jpg')no-repeat 50% 50%; background-size:cover; }
#page3 .title{color:#fff;}
#page3 .title h3:before{background-color:#51a7ff;}

.slide-wrap{margin-top:4rem;}
.slide-wrap .swiper-container{overflow: visible;}
.slide-wrap .no_post{width:100%; padding:7.5rem 0; text-align:center; color:#fff; background:rgba(255,255,255,0.1); border-radius:2rem;}
.slide-wrap .swiper-slide{opacity:0.6;}
.slide-wrap .swiper-slide.swiper-slide-active,
.slide-wrap .swiper-slide.swiper-slide-prev,
.slide-wrap .swiper-slide.swiper-slide-next{opacity:1;}
.slide-wrap .swiper-slide .img{ aspect-ratio: 1 / 1;}
.slide-wrap .swiper-slide .subject{text-align:center; color:#fff; font-size:1.05rem;}

.slide-wrap .swiper-button-next,
.slide-wrap .swiper-button-prev{ background:none; width:auto; height:auto; margin-top:0; transform:translateY(-50%);}
.slide-wrap .swiper-button-next{right:-3rem;}
.slide-wrap .swiper-button-prev{left:-3rem;}
.slide-wrap .swiper-button-next:before,
.slide-wrap .swiper-button-prev:before{content:""; font-family: "remixicon"; color:#fff; font-size:3rem;  }
.slide-wrap .swiper-button-next:before{content: "\ea6e";}
.slide-wrap .swiper-button-prev:before{content: "\ea64";}

@media (max-width:1260px){
	.slide-wrap{padding:0 2rem;}
}
@media (max-width:1030px){
	.slide-wrap .swiper-slide,
	.slide-wrap .swiper-slide.swiper-slide-prev{opacity:0;}
}
@media (max-width:767px){
	.slide-wrap .swiper-slide.swiper-slide-prev,
	.slide-wrap .swiper-slide.swiper-slide-next{opacity:0;}
	.slide-wrap .swiper-slide .subject{margin-top:1rem;}
}

/********************************************************
■ community
********************************************************/
#page4{background:#F7F7F7; }
.fp-viewing-community #header .header_inner #nav ul li div a{color:var(--black)}
.fp-viewing-community #header .header_inner h1 a {background-image:url('/images/default/main/logo_b.svg');}
.fp-viewing-community #header .select_btn{color:var(--black);}
.fp-viewing-community #header .btnAll span{background:var(--black)}

.half-wrap{display:flex; }
.half-wrap .title{margin-bottom:2rem;}
.half-wrap .half1{width:55%; padding-right:6rem;}
.half-wrap .half2{width:45%; display: flex; flex-direction: column;}

.gallery_notice{display:flex; gap:0 2rem;}
.gallery_notice .item{flex:1;}
.gallery_notice .item .img{ aspect-ratio: 249 / 346; border:1px solid #C1C1C1;}
.gallery_notice .item .subject{text-align:center; margin-top:0.75rem; line-height:1.1; color:var(--black);}

.recent_notice{border-top:2px solid #C1C1C1; border-bottom:2px solid #C1C1C1; flex:1;}
.recent_notice ul{display:flex; flex-direction: column; height:100%;}
.recent_notice ul li{height:20%;display: flex; align-items: center; width: 100%; border-bottom:1px solid #C1C1C1;}
.recent_notice ul li:nth-child(5){border-bottom:none;}
.recent_notice ul li a{display:block; padding:0 4.2rem; color:#5d5d5d; font-weight:500;  width: 100%;}
.recent_notice ul li a img{vertical-align:middle;}
.recent_notice ul .no_post{display: flex; align-items: center;  justify-content: center; flex-direction: column; height:100%; text-align:center;}

@media (max-width:1260px){
	.half-wrap .half1{padding-right:2rem;}
}
@media (max-width:767px){
	.half-wrap{display:block; }
	.half-wrap .half1{width:100%; padding-right:0;}
	.half-wrap .half2{width:100%; display: block; margin-top:5rem;}

	.recent_notice ul li a{padding:1.5rem 3rem;}

}
/********************************************************
■ inquiry
********************************************************/
#page5{background:url('/images/default/main/cts4_bg.jpg')no-repeat 50% 50%; background-size:cover; }
#page5 .title{color:#fff; margin-bottom:2rem;}
#page5 .title h3:before{background-color:#51a7ff;}
.quick{padding:0 2.3rem; display:flex; flex-wrap:wrap; gap:2rem 3.7rem; }
.quick li{width:calc((100% - 3.7rem * 1) / 2); }
.quick li a{display:flex; gap:0 2rem; padding:2.25rem 4.25rem; border:2px solid #fff; color:#fff; border-radius:1rem; transition: background 0.2s, border 0.2s ease-out 0s;}
.quick li p{font-size:1.5rem}
.quick li p span{display:block; font-size:1rem;}
.quick li a:hover{background:var(--main); border-color:var(--main);}

@media (max-width:1260px){
	.quick{padding:0 1.5rem;}
	.quick li a{padding:2.25rem 1.5rem; gap:0 1rem;}
}
@media (max-width:1030px){
	.quick{padding:0 0rem; gap:1.25rem; }
	.quick li{width:calc((100% - 1.25rem * 1) / 2); }
	
}
@media (max-width:767px){
	#page5{background:url('/images/default/main/cts4_bg_m.jpg')no-repeat 50% 50%; background-size:cover; }
	.quick li{width:100%; }
	.quick li a{padding:2.25rem 15vw; align-items: center;}
	
}
@media (max-width:467px){
	.quick li a{padding:2.25rem 1rem 2.25rem 8vw;}
	.quick li a img{width:3rem;}
}