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


@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 {display:flex; position:absolute; left:12%; /* bottom:6rem; */ bottom:0%; z-index:11; transition:var(--transition-custom2);width:78%;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.cm-scroll-icon {display:none;}

}
@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: 50%;}
	.main-visual-txt-box .main-visual-txt1{font-size:5.2rem;}
	.main-visual-txt-box .main-visual-txt2{font-size:1.8rem line-height:1.23em;letter-spacing:-0.05em;}

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

	.main-visual-con .slick-dots-wrapper {position:absolute; bottom:3rem; width: 100%;}
	.main-visual-con .slick-dots {position:static;width:100%}
	.main-visual-con .slick-dots li {width: 50%;}

	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display:none !important;}
	
}

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

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@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;}
	/* 공통 :: 버튼 */
	.main-view-btn {width: 20rem; height: 6rem; padding: 0 2rem 0 2rem;}
	.main-view-btn em {font-size:1.5rem;}
	.main-view-btn i {position: relative; top:-1.5px;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and (max-width:1280px){
	#mainContent1 .main-tit-box .main-sub-tit {margin-top: 1rem; margin-bottom: 4rem;}
	.content1-type-container {flex-direction:column;}
	.content1-type-container > section {width: 100%; padding:0rem 0 6rem 10rem;}
	.content1-type-container > section .inner-box {padding:0 var(--area-padding); box-sizing:border-box; margin-bottom: 4rem;}
	.content1-type-container > section .main-tit-box {position: relative; z-index:1;  margin-bottom: 0; margin-top: 9rem;}
	.content1-type-container .main-view-btn {position:relative;bottom:2rem;margin-top:3rem}
	
	.main-view-btn {width: 25rem; height: 6rem;}
	.main-view-btn em {font-size:1.8rem; color: #90817b; letter-spacing:-0.4px; position: relative; z-index:1;}

	#mainContent1 .right-box .main-tit-box .main-tit{margin-top:20rem;color:#90817b;font-size:4rem}
	.content1-type-container .right-box {position: relative; background: url('/img/m01_img1.jpg')no-repeat; background-size:cover; background-position: center 30%;}
}

@media all and (max-width:1000px){
	.content1-type-container > section {padding:6rem}
	.content1-type-container > section .main-tit-box { margin-top:0rem;}
	.content1-type-container > section .main-tit-box { margin-top: 0rem;}
	#mainContent1 .right-box .main-tit-box .main-tit {margin-top: 16rem;}
	
	#mainContent1 .main-view-btn {bottom: 2.5rem;}

}

@media all and (max-width:480px){
	.content1-type-container > section {padding:6rem 3rem}
	#mainContent1 .right-box .main-tit-box .main-tit {margin-top: 10rem;}
	
	#mainContent1 .main-view-btn {bottom: 2.5rem;}

}

/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
@media all and (max-width:1460px){
	.type-container {width: calc(100% - (450px + ((100% - 1520px) / 2)));}
	.section-bg-title2{font-size:520%}
}
@media all and (max-width:1280px){
	#mainContent2 {padding:15rem 0 5rem 0;}
	#mainContent2 .area-wide{padding:0 5rem 0 0;}
	
	.mainTypeCon {flex-wrap:wrap; top:0; margin-top: 0;}
	.main-type-tit-box {position: relative; top:initial; margin-bottom: 5rem; width: 100%;}

	#mainContent2 .main-type-tit-box .main-tit-box {width: 94%;}
	.section-bg-title {top:10%; font-size:12rem; transition-delay:0s;}
	.type-container {width: 100%; /*margin: 0 0 0 var(--area-padding); */}

	.type-inner-container {width: 30rem;width:100%;}
	.type-control-box {position:absolute; bottom:2rem; right:rem;z-index:99;background:#f3efed;padding:2rem}
	.r-bx .type-control-box {background:#fff;}
	.type-control-box .arrow-button {width: 6rem; height: 6rem;}

	.type-inner-container .slick-list {overflow:visible;max-width:100%;min-width:100%;overflow:hidden;margin:2rem 0 0 2rem}
	.type-inner-container .type-item {position: relative;max-width:100%;min-width:100% ; margin-right: 2rem; transition: var(--transition-custom); transform-origin: center center;}

}


@media all and (max-width:1060px){

	.type-container {width: 96%; /*margin: 0 0 0 var(--area-padding); */}
	.type-inner-container .type-item a {padding-right:10rem}
}

@media all and (max-width:1030px){

	.type-container {width: 90%; /*margin: 0 0 0 var(--area-padding); */}
	.type-inner-container .type-item a {padding-right:10rem}
}

@media all and (max-width:1000px){
	#mainContent2 {padding:5rem 0 5rem 0;}
	#mainContent2 .area-wide{padding:0 1rem 0 0;}

	.main-type-tit-box {margin-bottom: 0;}
	.main-type-tit-box .main-tit-box .main-tit {font-size:5.2rem;}
	.main-type-tit-box .main-tit-box .main-sub-tit {font-size:14px;line-height:25px}

	.type-container {padding-top:2.2rem; max-width:calc(85% + 0rem);}
	.type-container.automotive-container {padding-top:2.5rem;}


	.type-inner-container {width:100%;}
	.type-inner-container .slick-current .type-item-inner {transform:translateY(0);}
	.type-inner-container .type-item a {height: 40rem; padding:2.3rem; background-position:center center ! important;background:cover;}
	.type-inner-container .type-item .item-tit-box {margin-bottom: 2rem;}
	.type-inner-container .type-item .kr-tit {font-size:16px; font-weight: 400; line-height:1.5em;}
	.type-control-box {position:absolute; bottom:0rem; right:-3rem;z-index:99;background:#f3efed;padding:4rem 2rem 0 1rem}
	
	.r_box.type-control-box {position:absolute; bottom:0rem; right:-3rem;z-index:99;background:#fff;padding:2rem}

	.main-type-tit-box .main-tit-box {margin-bottom: 0;text-align:left;width: 100% ! important}
	
	.type-inner-container .type-item {
    position: relative;
    max-width: 100%;
    min-width: 100%;
    margin-right: 1rem;
    transition: var(--transition-custom);
    transform-origin: center center;}

	.type-inner-container .slick-current .type-item-inner {transform: translateY(0rem);   text-align: left;}
	.type-inner-container .type-item .en-tit_btm {display:inline-block; font-size:2.5rem; letter-spacing:-0.56px; font-weight: 600; color: #fff; line-height:1.178em; margin-bottom: 1rem;padding-top:8rem}
	
	
	.section-bg-title{display:none}

	.type-inner-container .type-item.item-effect {transform:perspective(0px) rotateY(0deg) scale(1);}
	.type-inner-container .slick-current .type-item-inner {transform:translateY(0rem);text-align:left}
	.loading_line{display:none}

	.type-inner-container .type-item a {width:100%;display: flex ! important; flex-direction:column; height: 50rem;  border-radius:3px; padding:4rem 2.5rem; box-sizing:border-box; /*transition:var(--transition-custom);*/}

}

@media all and (max-width:640px){
	.page-ct{padding-top:0}
	.type-container {padding-top:2.2rem; max-width:calc(480px + 2rem);}
	.type-control-box {position:absolute; bottom:rem; right:0rem;z-index:99;background:#f3efed;padding:5rem 2rem 2rem 2rem}
	.sub-page .type-control-box {background:#fff;padding:5rem 2rem 2rem 2rem}

	.type-inner-container .type-item a {width:100%;display: flex ! important; flex-direction:column; height: 50rem;  border-radius:3px; padding:4rem 2.5rem; box-sizing:border-box; /*transition:var(--transition-custom);*/}

}
/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
@media all and (max-width:1280px){
	#mainContent3 {padding:6rem 0 22rem 0;}
	#mainContent3 .section-bg-title {top:-10%;}
	.section-bg-title{display:none}
}

@media all and (max-width:1000px){
	#mainContent3 {background:none}
	#mainContent3 .section-bg-title {color: rgba(17, 86, 118, 0.23);  top:0;}
	#mainContent3 .section-bg-title > span {font-size:13rem; top:0;}
	#mainContent3 .type-inner-container .type-item a {background:linear-gradient(180deg, rgba(15,86,118,1) 0%, rgba(9,36,48,1) 100%);}
	#mainContent3 .type-inner-container .type-item.slick-current a {background: linear-gradient(180deg, rgba(15,86,118,1) 0%, rgba(9,36,48,1) 100%);}

	#mainContent3 .main-tit-box_sec3 {text-align:center; margin: 3rem;}
	#mainContent3 .main-tit_sec3 {font-size:4rem; line-height:1em;color:#90817b;font-weight:400; }
	#mainContent3 .main-tit_sec3 strong{font-size:5.7rem; line-height:1.285em; color:#dea189;font-weight:700;}

	#mainContent3 .main-sub-tit_sec3 {font-size:4rem; line-height:1.285em;color:#90817b;font-weight:400;;padding-left:0rem;}
	#mainContent3 .main-sub-tit_sec3 strong{font-size:5.7rem; line-height:1.285em; color:#dea189;font-weight:700}

	#mainContent3 .main-sub-btit_sec3 {font-size:4rem; line-height:1.285em;color:#90817b;font-weight:400;;}

	/* 슬라이드 배경 타이틀 */
	.section-bg-title2 {position:absolute; width:100%; bottom:4%;left:0; font-size:100%; font-weight: 800; color:rgba(239,225,219,0.4); transition:all 3s; letter-spacing:-0.03em; white-space:nowrap;text-align:center}
	.active-section .section-bg-title2 {filter:blur(0); opacity:1; letter-spacing:0; transform:translateX(-1%);}


	#mainContent3 .main-tit-box_sec3 {text-align:center; margin: 3rem;}
	#mainContent3 .main-tit_sec3 {font-size:4rem; line-height:1em;color:#90817b;font-weight:600; }
	#mainContent3 .main-tit_sec3 strong{font-size:6.3rem; line-height:1.285em; color:#dea189;font-weight:700;}

	#mainContent3 .main-sub-tit_sec3 {font-size:4rem; line-height:1.285em;color:#90817b;font-weight:600;;padding-left:0rem;}
	#mainContent3 .main-sub-tit_sec3 strong{font-size:6.3rem; line-height:1.285em; color:#dea189;font-weight:700}

	#mainContent3 .main-sub-btit_sec3 {font-size:3.5rem; line-height:1.285em;color:#90817b;font-weight:600;;}

	/* 슬라이드 배경 타이틀 */
	.section-bg-title2 {position:absolute; width:100%; bottom:4%;left:0; font-size:500%; font-weight: 800; color:rgba(239,225,219,0.4); transition:all 3s; letter-spacing:-0.03em; white-space:nowrap;text-align:center}
	.active-section .section-bg-title2 {filter:blur(0); opacity:1; letter-spacing:0; transform:translateX(-1%);}

}
@media all and (max-width:800px){
	#mainContent3 {padding:6rem 0 10rem 0;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
@media (max-width:1280px) {
	#mainContent4 {background-position:50% 0%; padding:6rem;}
	#mainContent4 .main-tit-box {padding:0 var(--area-padding);}

	/* border list */
	.blist{width:100%;border-top:2px solid #90817b; }
	.blist dl{float:left;border-bottom:1px solid rgba(144,129,123,0.3);padding:1rem 0;width:100%;}
	.blist dt{float:left;width:75%;color:#474747;font-size:1.8rem;overflow:hidden;line-height:35px;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.blist dd{float:left;width:24%;color:#babbc0;font-size:1.6rem;overflow:hidden;line-height:35px;text-align:right}

	/* blist_G list */
	.blist_G{width:100%;border-top:0px solid #90817b; display:flex;flex-direction: column;}
	.blist_G dl{display:flex;padding:1rem;width:100%;flex-wrap: wrap;  align-content: center;  flex-direction: column;}
	.blist_G dt{min-height:100%;max-height:250px;}
	.blist_G dd{width:90%;color:#757272;padding:2rem 0;font-size:1.85rem;overflow:hidden;line-height:2.2rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

	
}

@media all and (max-width:1000px){
	#mainContent4 {padding-top:5rem;}
	#mainContent4 .main-tit-box {margin-bottom: 12rem;}
	#mainContent4 .main-tit {font-size:5.2rem;}
	#mainContent4 .main-sub-tit {font-size:16px;}

	#mainContent4 .main-tit-box {text-align:left; margin-bottom: 0rem;display:flex;justify-content: space-between;padding:0 0 1.3rem 0}
	#mainContent4 .main-tit {font-size:4rem; line-height:1.285em; color:#90817b;}
	#mainContent4 .main-sub-tit {font-weight: 400; line-height:1.583em; margin-top: 2.5rem;}

	#mainContent4 .area-wide{width:92%}
	#mainContent4 .area_bd{width:100%;margin-bottom:2.5rem;display:block;}

	.Tbox{float:left;width:100%}
	.Cbox{float:left;width:100%;}


	/* news view-btn */
	#mainContent4 .main-view-btn2 {display:flex; align-items:center; justify-content:space-between; width: 15rem; height: 3.5rem;margin-top:2rem; border:2px solid #90817b; border-radius:4rem; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); background: rgba(255,255,255,0.1); box-sizing:border-box; padding:0 3rem; overflow:hidden;}
	#mainContent4 .main-view-btn2 em {font-size:1.4rem; color: #90817b; letter-spacing:-0.4px; position: relative; z-index:1;}

}

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

/* 메인 view-btn */
#mainContent5 .main-view-btn {display:flex; align-items:center; justify-content:space-between; width: 28rem; height: 6rem; border:2px solid #90817b; border-radius:4rem; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); background: rgba(255,255,255,0.1); box-sizing:border-box; padding:0 3rem; overflow:hidden;}
#mainContent5 .main-view-btn em {font-size:2rem; color: #90817b; letter-spacing:-0.4px; position: relative; z-index:1;}


}

@media all and (max-width:1000px){
	#mainContent5 {padding:8rem 0 5rem;}

	#mainContent5{background: #f8f5f4 url(/img/f_Bg.jpg)no-repeat; background-size:cover; background-position:50% 100%;}
	#mainContent5 .main-tit-box {text-align:center; margin-bottom: 5rem;}
	#mainContent5 .main-tit-box .main-tit1 {color:#ffbea4;padding-top:3.5rem;}
	#mainContent5 .main-tit-box .main-tit2{color:#fff;}
	#mainContent5 .main-sub-tit {margin-top: 2.5rem;}

	
}



@media all and (max-width:1000px){
	/* 메인 페이지 top-btn */
	.hq-main-page #mainFooter .to-top-btn {right: var(--area-padding);}
	#mainFooter {margin: 8rem 1rem 1rem 1rem;}
	.footerBx {margin: 3rem 1rem 0 1rem;}

	.hq-main-page .to-top-btn.ab {bottom: 5%;}
}

@media all and (max-width:480px){
	/* 메인 페이지 top-btn */
	.hq-main-page #mainFooter .to-top-btn {top:-10rem;}
	
	/* mainContent3 */
	#mainContent3{background-size:130%;min-height:2rem;padding: 6rem 0 10rem 0;border:0px solid #000}

	#mainContent3 .main-tit-box_sec3 {text-align:center; margin: 3rem;}
	#mainContent3 .main-tit_sec3 {font-size:3rem; line-height:1em;color:#90817b;font-weight:400;}
	#mainContent3 .main-tit_sec3 strong{font-size:5rem; line-height:1.285em; color:#dea189;font-weight:700;}

	#mainContent3 .main-sub-tit_sec3 {font-size:3rem; line-height:1.285em;color:#90817b;font-weight:400;padding-left:0rem;}
	#mainContent3 .main-sub-tit_sec3 strong{font-size:5rem; line-height:1.285em; color:#dea189;font-weight:700}

	#mainContent3 .main-sub-btit_sec3 {font-size:3rem; line-height:1.285em;color:#90817b;font-weight:400;;}



	#mainContent4 .area-wide{width:100%}
	/* border list */
	.blist{width:100%;border-top:2px solid #90817b; }
	.blist dl{float:left;border-bottom:1px solid rgba(144,129,123,0.3);padding:0.5rem 0;width:100%;}
	.blist dt{float:left;width:100%;color:#474747;font-size:1.7rem;overflow:hidden;line-height:30px;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.blist dd{float:left;width:100%;color:#babbc0;font-size:1.5rem;overflow:hidden;line-height:30px;text-align:left}


	#mainContent5 {padding:4rem 0 5rem;}


}