@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */

@media all and ( max-width:1280px ){
	/* .hq-main-page.main-active #header {top:0;} */
	/* .hq-main-page #header .logo {top:0;} */
}

@media all and (max-width:480px){
	.hq-main-page.main-active #header {top:var(--header-top);}
	.hq-main-page #header .logo {top:-0.5rem;}
}

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots {left:var(--area-padding);}
    .cm-scroll-icon{right:-3rem;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box {align-items: flex-end;}
	.main-visual-txt-inner {/* margin-bottom: 28.2rem; */ margin-bottom: 50%;}
	.main-visual-txt-box .main-visual-txt1{font-size:4rem}
	.main-visual-txt-box .main-visual-txt2{font-size:1.6rem; line-height:1.6; /* letter-spacing:-0.018em; */ letter-spacing:-0.05em; word-break: keep-all;}

	
	/* 메인 비주얼 :: Dots */

	.main-visual-con .slick-dots-wrapper {position:absolute; bottom:3rem; width: 100%;}
	.main-visual-con .slick-dots {position:static;}
	.main-visual-con .slick-dots li {width: 33.33%;}
	/* .main-visual-con .slick-dots-wrapper{text-align:center; bottom:10px;} */
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display:none !important;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.cm-scroll-icon {/* bottom:13rem; */     bottom: auto;
    /* left: 50%; */
    position: absolute;
    top: calc(100vh - 30rem);
    transform: translate(50%, -100%);}
    .main-active .cm-scroll-icon {/* bottom:auto; */}
	.cm-scroll-icon {right:50%; transform:translateX(50%); /* bottom:16rem; */}
	.cm-scroll-icon .scroll-txt {display:none;}
	/* 메인 비주얼 :: 버튼 */
	.main-visual-txt-box .main-visual-more-btn {margin-top: 4.6rem;}
}

@media all and (max-width:640px){
	.main-visual-txt-inner {margin-bottom: 50%;}
}

@media all and (max-width:480px){
	.main-visual-txt-inner {margin-bottom: 60%;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box{margin-bottom:30px;}
	.main-tit-box .main-mini-tit {font-size:16px;}
	.main-tit-box .main-tit {font-size:5.2rem; line-height:1.153em; margin-top: 1rem;}
	.main-tit-box .main-tit sup {top:19px; font-size:5.2rem;}
	.main-tit-box .main-sub-tit {font-size:16px;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and ( max-width: 1280px ){
	#mainAbout {padding: 20rem 0;}
	.main-about-txt-con {padding-left: 8rem; padding-top: 0; width: 60%;}
	#mainAbout .main-tit-box .main-tit01 {margin-left: -8rem;}
    .main-about-video {width: 40%;}
    .main-about-video iframe {width: 100%; height: auto; min-height: 300px; }
}
@media all and ( max-width: 800px ){
	#mainAbout {padding: 12rem 0;}
    .main-about {display:block; text-align: center;}
	.main-about-txt-con {padding-left: 0; width: 100%;}
	#mainAbout .main-tit-box p {font-size: 5.4rem;}
	#mainAbout .main-tit-box .main-tit01 {margin-left: -1.5rem;}
	.main-about-txt-con .main-about-txt01 {font-size: 2.8rem; padding-top: 2rem;}
	.main-about-txt-con .main-tit02 br,
	.main-about-txt-con .main-about-txt01 br,
	.main-about-txt-con .main-about-txt02 br {display: none;}
	.main-about-txt-con .main-about-btn {margin: 3rem auto;}
    .main-about-video {width: 100%;}
    .main-about-video .video {position: inherit; transform: translateY(0%);}
    .main-about-video iframe {position: inherit; left: 0; transform: translate(0,0)}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
@media screen and (max-height: 800px){
	#type{ padding: 100px 0; }
}

@media screen and (max-width: 1820px){
	#type .inner{ padding: 0 50px; }  
}

@media screen and (max-width: 1620px){
	#type .type .text-box{ padding: 0 80px; }
	#type .type .text-box div:not(.tab-menu){ padding-top: 70px; }
	#type .type p{ padding-bottom: 50px; }
	#type .type p br{ display: none; }
}

@media screen and (max-width: 1500px){
	#type .type ul li{ font-size: 1.8rem; }
	#type .type span{ font-size: 2rem; }
	#type .type h3{ font-size: 6rem; }
	#type .type h3 span{ font-size: 2.5rem; }
}

@media screen and (max-width: 1200px){
	#type{ padding: 100px 0; overflow: hidden; }
	#type .type-wrap{ padding-top: 0; }
	#type .type ul{ margin-left: -20px; }
	#type .type ul li{ padding: 6px 20px; }
	#type .type ul li.active::before{ width: calc(100% - 40px); }
	#type .type .text-box div:not(.tab-menu){ padding-top: 40px; }
	#type .type p{ padding-bottom: 30px; }
	#type .type h3{ margin-bottom: 30px; }
}

@media screen and (max-width: 1150px){
	#type .flex-box{ flex-direction: column; }
	#type .type-wrap .slick-list{ margin-right: -50px; }
	#type .type{ margin-right: 50px; }
	#type .type figure{ max-width: 800px; width: 100%;}
    #type .type figure img {width: 100%;}
    #type .type h3 br {display: none;}
	#type .type .text-box{ width: 100%; padding: 0; padding-top: 50px; }
}

@media screen and (max-width: 800px){
	#type .type ul li{ font-size: 1.6rem; }
	#type .type span{ font-size: 1.8rem; }
	#type .type .text-box div:not(.tab-menu){ padding-top: 30px; }  
	#type .type h3{ font-size: 4rem; margin-bottom: 10px; }
	#type .type h3 span{ font-size: 2.2rem; }
}

/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
@media all and (max-width:1780px){
	.main-priduct-wrap .right-box .main-product-item:nth-child(2){margin-right:auto; margin-left:0;}
}
@media all and (max-width:1279px){
	.main-priduct-wrap .main-tit-box,
	.main-priduct-wrap .right-box{width:50%;}
}
@media all and (max-width:800px){
	#product{background-size:cover; padding:6.5rem 0;}
	.main-priduct-wrap{display: block;}
	.main-priduct-wrap .main-tit-box,
	.main-priduct-wrap .right-box{width:100%;}
	.main-priduct-wrap .right-box{margin-top:6rem;}
	.main-priduct-wrap .right-box .main-product-item{height:11.5rem; padding:0 var(--area-padding); margin:1rem 0;}
	.main-priduct-wrap .right-box .main-product-item a .tit{font-size:2rem; padding-bottom: 0;}
	.main-priduct-wrap .right-box .main-product-item a .tit-en{font-size:1.5rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
@media all and (max-width:1280px) {
	#contact {padding:15rem 0 5rem;}
	#mainContent5:before {height: 130rem;}
}

@media all and (max-width:800px){
	#contact {padding:15rem 0 16rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠5 -------- */

/* 메인푸터 */
@media all and (max-width:1280px){
	/* #mainFooter {padding:2rem 0;} */
}


/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and ( max-width: 1440px ){
	#rightBar{right:-56px;}
	#rightBar.fixed{visibility:hidden;opacity:0;}
}
/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1366px){
	#fp-nav{right:10px;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}

@media all and (max-width:800px){
	/* 메인 페이지 top-btn */
	.hq-main-page #mainFooter .to-top-btn {right: var(--area-padding);}
}

@media all and (max-width:480px){
	/* 메인 페이지 top-btn */
	.hq-main-page #mainFooter .to-top-btn {top:-10rem;}
}