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

/* 메인에서의 헤더 */
.hq-main-page #header {top:calc(-1 * (var(--header-height)));}
.hq-main-page #header .logo img.logo_sub {opacity:0;}
.hq-main-page #header .logo svg *{fill:#fff;}
.hq-main-page.main-active #header {top:0;}
.hq-main-page.main-active #header.active {top:0;}

.hq-main-page #gnb > ul > li > a {color: #fff;}

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and (min-width: 1281px) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; height:calc(100vh - var(--header-height)); position:relative; background-color:#000 }
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
.main-visual-txt-inner {text-align:center;}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2{
	transition:1.4s;
	filter:blur(20px);
}

.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2,
.main-visual-txt-box .main-visual-more-btn{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:2.4rem; font-weight:700; letter-spacing:0.065em; color:#fff; text-align:center; transition-delay:0.6s;}
.main-visual-txt-box .main-visual-txt2{font-size:6rem; letter-spacing:0.05em; line-height:1.06em; color:#fff; margin-top:2rem; font-weight: 600; transition-delay:0.9s;}

.main-visual-txt-box .main-visual-more-btn{display:flex; align-items:center; width: 20rem;text-align:center; box-sizing:border-box; margin:0 auto; padding:3rem 3rem; border-radius:5rem; background-color:#57b353; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); overflow:hidden; margin-top: 6rem; transition:all 0.5s;}
.main-visual-txt-box .main-visual-more-btn em {font-size:2rem; color:#fff; letter-spacing:-0.3px; font-weight: 400;  transition:all 0.4s;}

.main-visual-txt-box .main-visual-more-btn:hover{display:flex; align-items:center; width: 20rem;text-align:center; box-sizing:border-box; margin:0 auto; padding:3rem 3rem; border-radius:5rem; background-color:#0b2a4a; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); overflow:hidden; margin-top: 6rem; transition:all 0.5s;}
.main-visual-txt-box .main-visual-more-btn em:hover {font-size:2rem; color:#FFF; letter-spacing:-0.3px; font-weight: 400;  transition:all 0.4s;}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1{opacity: 1; filter:blur(0); letter-spacing:0;}
.active-item .main-visual-txt2{opacity: 1; filter:blur(0); letter-spacing:-0.018em;}

.active-item .main-visual-more-btn{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-more-btn{animation-delay:1.1s;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}



.main-area {max-width:1520px; margin: 0 auto;}
.partnership-area {max-width:1620px; margin: 0 auto; overflow:hidden;}

@media all and (max-width:1600px){
.main-area {max-width:none; padding:0 var(--area-padding);}
}



/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	0% {
		opacity: 0;
		filter: blur(20px); 
	}
	100% {
		opacity: 1.0;
		filter: blur(0px);
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-active .main-visual-con .slick-dots {bottom:8rem;}
.main-visual-con .slick-dots {display:flex; position:absolute; left:12%; /* bottom:6rem; */ bottom:0%; z-index:11; transition:var(--transition-custom2);width:76%;}
.main-visual-con .slick-dots li {float:left; width: 50%; cursor:pointer;}
.main-visual-con .slick-dots li .loading-bar-paging-tit {font-size:1.2rem; color: rgba(255,255,255,0.35); margin-bottom: 1.4rem; /*transition:var(--transition-custom);*/}
.main-visual-con .slick-dots li .loading-bar-line {display: block; position: relative; height: 2px; width: 100%; background-color:rgba(255,255,255,0.2);}
.main-visual-con .slick-dots li .loading-bar-line:after {display: block; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #fff; }
.main-visual-con .slick-dots li.slick-active .loading-bar-paging-tit {color: #fff;}
.main-visual-con.active-dots .slick-dots li.slick-active .loading-bar-line:after {width: 100%; transition:all 10s;}

/*  스크롤 라인 */
.cm-scroll-icon{display: inline-block; align-items:center; position: absolute; bottom:-10%; /* left:10rem; */ right:10rem; z-index:99; transition:var(--transition-custom2);opacity:0.4}
.cm-scroll-icon .scroll-txt{font-size:14px; letter-spacing:0.02em; color:#fff; font-weight:600; margin:0 2rem 2rem 2rem; transition:var(--transition-custom2);writing-mode: vertical-rl;}
.cm-scroll-icon .scroll-box{position: relative; width:60px; height:60px;}

.cm-scroll-icon .scroll-box .dots{position: absolute; top:30%; left:53%; transform:translate(-50%, -50%); width:2px; height:2rem; overflow:hidden;border:solid #fff;   border-width: 3px 3px 0 0; transform:rotate(45deg); }
.cm-scroll-icon .scroll-box .dots span{display: block; width:100%; height:100%; animation: scroll-icon 1.25s linear infinite; transition:var(--transition-custom2);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); 
}

.cm-scroll-icon .scroll-box .dots2{position: absolute; top:30%; left:32%; transform:translate(-50%, -50%); width:2px; height:2rem; overflow:hidden;border:solid #fff;   border-width: 3px 3px 0 0; transform: rotate(-45deg); }
.cm-scroll-icon .scroll-box .dots2 span{display: block; width:100%; height:100%; animation: scroll-icon 1.25s linear infinite; transition:var(--transition-custom2);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); 
}

/* active */
.main-active .cm-scroll-icon {bottom:6rem;}
.main-active .cm-scroll-icon .scroll-box svg{stroke-dashoffset: 0;}

/* black */
.cm-scroll-icon.black .scroll-txt{color:#58595B;}
.cm-scroll-icon.black .scroll-box svg *{stroke:#58595B;}
.cm-scroll-icon.black .scroll-box .dots span{
background: linear-gradient(to bottom,  rgba(88,89,91,0) 0%,rgba(88,89,91,1) 40%,rgba(88,89,91,1) 60%,rgba(88,89,91,0) 100%); }

@keyframes scroll-icon {
	0% {
		transform:translateY(-100%)
	}
	50% {
		transform:translateY(0%)
	}
	100% {
		transform:translateY(100%)
	}
}

.en_line{width:1px;height:3rem;background:rgba(255,255,255,0.5); }

@keyframes scroll-line {
	0% {
		transform:translateY(-100%)
	}
	50% {
		transform:translateY(0%)
	}
	100% {
		transform:translateY(100%)
	}
}



/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */

.main-tit-box .main-mini-tit {font-size:2rem; color:#bb8872; letter-spacing:-0.4px; font-weight: 600; line-height: 1.9em;}
.main-tit-box .main-tit{color:#fff; font-size:6rem; font-weight:700; letter-spacing:-1.8px; margin-top: 3rem; line-height:1.266em;}
.main-tit-box .main-tit sup {position: relative; top:-8px; font-size:3rem; letter-spacing:0;}
.main-tit-box .main-sub-tit{display:block; margin-top:15px; color:rgba(255,255,255,0.5); font-size:2rem; letter-spacing:-0.48px; font-weight:400; line-height:1.583em;}

.main-tit-box .main-mini-tit, .main-tit-box .main-tit, .main-tit-box .main-sub-tit {letter-spacing:0.05em; filter:blur(20px); transition:var(--transition-custom2);}


@media all and (min-width:1281px){
	.main-sub-tit {white-space:nowrap;}
	.active-section .main-mini-tit {letter-spacing:-0.4px; filter:blur(0px);}
	.active-section .main-tit {letter-spacing:-0.025em; filter:blur(0px);}
	.active-section .main-sub-tit {letter-spacing:-0.9px; filter:blur(0px);}
}

@media all and (max-width:1280px){
	.animated .main-mini-tit {letter-spacing:-0.4px; filter:blur(0px);}
	.animated .main-tit {letter-spacing:-0.025em; filter:blur(0px);}
	.animated .main-sub-tit {letter-spacing:-0.9px; filter:blur(0px);}
}

/* 메인 공통 view-btn */
.main-view-btn {/* position: relative; */ display:flex; align-items:center; justify-content:space-between; width: 28rem; height: 8rem; 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;}
.main-view-btn em {font-size:2rem; color: #90817b; letter-spacing:-0.4px; position: relative; z-index:1;}

/* 메인 공통 화살표 */
.arrow-wrap {display:flex; align-items:center;}
.arrow-right-wrap .arrow-head {position: relative; display:inline-block; width: 0px; height: 0px; border-left: 5.5px solid #90817b; border-top: 4px solid transparent; border-bottom: 4px solid transparent; z-index:1;}
.arrow-left-wrap {flex-direction:row-reverse;}
.arrow-left-wrap .arrow-head {display:inline-block; width: 0px; height: 0px; border-right: 5.5px solid #90817b; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.arrow-wrap em {display:inline-block; width: 15px; height: 2px; background: #90817b;}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
.content1-type-container {display:flex; height: 100%;}
.content1-type-container > section {display:flex; width: 50%;}
.content1-type-container > section .main-tit-box {position: relative; z-index:1;  margin-bottom: 0; margin-top: 19rem;}
.content1-type-container > section .inner-box {width: 100%; padding:0 14.58%; box-sizing:border-box;} 

.content1-type-container .left-box {position: relative; background:#f3ebe9 }
.content1-type-container .left-box:before {display: block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(243,235,233,1) url('/img/m_info_bg.png') 90% 15% no-repeat; background-size:50%;}

.content1-type-container .right-box {position: relative; background: url('/img/m01_img1.jpg')no-repeat; background-size:cover; background-position: 80% 50%;}
.content1-type-container .right-box:before {display: block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,0.25);}
#mainContent1 .left-box .main-tit-box .main-tit {margin-top: 2rem;color:#90817b}
#mainContent1 .left-box .main-tit-box .main-sub-tit {margin-top: 3rem;color:#3c3c3c}	

#mainContent1 .right-box .main-tit-box .main-tit{margin-top:50rem;color:#90817b;font-size:4rem}
#mainContent1 .right-box .main-tit-box .main-sub-tit {margin-top: 1.5rem;color:rgba(255,255,255,0.5) ! important}	

.content1-type-container .main-view-btn {/*filter:blur(10px); transition:var(--transition-custom2);*/ position:absolute; bottom:14rem;}
#mainContent1.active-section .main-view-btn {filter:blur(0);}




/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
#mainContent2{background:#f3efed;width:100%;position:relative}
#mainContent2:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background:#f3efed}

#mainContent2 .main-tit {margin-top: 3rem;color:#90817b}
#mainContent2 .main-sub-tit {margin-top:1.5rem;color:#cfc9c8}	

/* 슬라이드 배경 타이틀_세로 */
.section-bg-title {position:absolute; width:100%; top:14%; writing-mode: vertical-rl;transform:translateX(-60%); font-size:14rem; font-weight: 800; color:rgba(216, 206, 202, 0.4); filter: blur(15px); opacity:0; transition:all 1s; letter-spacing:0.05em; white-space:nowrap;}
.active-section .section-bg-title {filter:blur(0); opacity:1; letter-spacing:0; transform:translateX(-20%);}

/* 슬라이드 옆 텍스트 */
.mainTypeCon {display:block; position: relative; ;  top:4%;}
.main-type-tit-box { width: 100%;}
.main-type-tit-box .main-tit-box {text-align:right;width: 70%}
.main-type-tit-box .main-tit-box .main-tit {font-size:5.6rem;  font-weight: 600;}
.main-type-tit-box .main-tit-box .main-sub-tit {font-size:1.8rem;  line-height:1.77em; font-weight: 400;}

/* 슬라이드 */
.type-container {width:100%; margin: 0 0 0 auto; overflow:hidden; padding-top:4rem; z-index:99;position:relative;border:0px solid #000}
.type-inner-container.swiper-container {width: 100%; position: relative; margin: 0; overflow:visible;}
.type-item-inner {/*transition:var(--transition-custom);*/}
.type-inner-container .type-item a {width:100%;display:flex; flex-direction:column; height: 60rem;  border-radius:3px; padding:8rem 5rem; box-sizing:border-box; /*transition:var(--transition-custom);*/}
.type-inner-container .type-item .item-tit-box {position: relative; display:flex; flex-direction:column; height: 10rem; margin-top: 2.7rem;}
.type-inner-container .type-item .en-tit {display:inline-block; font-size:2.8rem; letter-spacing:-0.56px; font-weight: 600; color: #fff; line-height:1.178em; margin-bottom: 1rem;opacity:0.6}
.type-inner-container .type-item .kr-tit {font-size:1.8rem; letter-spacing:-0.81px; font-weight: 400; color: rgba(255,255,255,0.6); line-height:1.3em;}
.type-inner-container .type-item .img-box {position: relative; height:100%; max-height: 1160px; margin-bottom:0; display: flex;align-items: left; justify-content:left;}
.type-inner-container .type-item .img-box img {max-width:100%; max-height:100%;}

.type-inner-wrapper .slick-list .slick-track{display: flex;}

.type-inner-container .type-item .item-tit-box2 {position: relative; display:flex; flex-direction:column; height: 10rem; margin-top: 1.7rem;}
.type-inner-container .type-item .en-tit_btm {display:inline-block; font-size:4rem; letter-spacing:-0.56px; font-weight: 600; color: #fff; line-height:1.178em; margin-bottom: 1rem;padding-top:16rem}


.loading_line {font-size:1.2rem; color: rgba(255,255,255,0.35); margin-bottom: 1.4rem; /*transition:var(--transition-custom);*/}
.loading_line {display: block; position: absolute;right:5.2em; width: 2px; height: 16rem; background-color:rgba(255,255,255,0.2);}
.loading_line:after {display: block; content: ""; position: absolute; right: 5.2rem; top:0rem; height: 16rem; width: 0; background: #fff; }


/* 슬라이드 버튼 */
.type-control-box {display:flex; align-items:center; position: absolute;right:-1rem; bottom:4rem; filter: blur(10px); transition: var(--transition-custom2);}
.type-control-box .arrow-button {display: flex; width: 8rem; height: 8rem; border-radius: 100%; align-items: center; border: 2px solid rgba(0,0,0, 0.4); justify-content: center; cursor: pointer;}
.type-control-box .arrow-button:first-of-type {margin-right: 1rem;}
.type-control-box .arrow-button i {font-size:1.8rem; color: rgba(0,0,0, 0.4);}
.type-control-box .arrow-button.swiper-button-disabled {border-color:rgba(0,0,0, 0.15);}
.type-control-box .arrow-button.swiper-button-disabled .arrow-wrap em {background: rgba(0,0,0, 0.15);}
.type-control-box .arrow-prev.arrow-button.swiper-button-disabled .arrow-wrap .arrow-head {border-right:5.5px solid rgba(0,0,0, 0.15);}
.type-control-box .arrow-next.arrow-button.swiper-button-disabled .arrow-wrap .arrow-head {border-left:5.5px solid rgba(0,0,0, 0.15);}
.animated .type-control-box {filter:blur(0px);}

/* 슬라이드 버튼 화살표 */
.type-item .arrow-wrap {margin-left: 1rem;}
.type-item .arrow-wrap em {background: rgba(82, 158, 193, 0.5);}
.type-item .arrow-wrap .arrow-head {border-left:4px solid rgba(82, 158, 193, 0.5);}

/* active */
.type-inner-container .swiper-slide-active .type-item-inner {transform:translateY(-4rem);}
.type-inner-container .swiper-slide-active a {}

/* slide mo */
.type-inner-container .slick-list {overflow:visible;display:flex}
.type-inner-container .type-item {position: relative; width: 100%; margin-right: 0.5rem; transition: var(--transition-custom); transform-origin: center center;}
.mainTypeCon {position:static; top:initial; width: auto; margin-top: 8.765%;}
.main-type-tit-box {position: relative; width: 24.69%; z-index:100; left:initial; }
.type-container {width:83%; margin: 0; overflow:initial; padding-top:0;}
.main-type-tit-box .main-tit-box {/*width: auto;*/}

.type-inner-container .type-item.item-effect {transform:perspective(960px) rotateY(-90deg) scale(0.8);}
.type-control-box .arrow-button.slick-disabled {border-color:rgba(0,0,0, 0.3)}
.type-control-box .arrow-button.slick-disabled .arrow-wrap em {background: rgba(0,0,0, 0.3)}

.type-control-box .arrow-prev.arrow-button.slick-disabled .arrow-wrap .arrow-head {border-right:5.5px solid rgba(0,0,0, 0.3)}
.type-control-box .arrow-next.arrow-button.slick-disabled .arrow-wrap .arrow-head {border-left:5.5px solid rgba(0,0,0, 0.3)}

.type-inner-container .slick-current .type-item-inner {transform:translateY(-4rem);text-align:right}
.type-inner-container .slick-current a {}

.type-inner-container .slick-list {overflow:visible;max-width:1020px;min-width:1020px;overflow:hidden;margin:2rem 0 0 8rem}
.type-inner-container .type-item {position: relative;max-width:1020px;min-width:1020px ; margin-right: 2rem; transition: var(--transition-custom); transform-origin: center center;}
.mainTypeCon {position:relative; top:initial; width: auto; margin-top: 0%;}
.main-type-tit-box {position: relative; width: 100%; z-index:100; left:initial; }
.type-container width:100%; margin: 0; overflow:initial; padding-top:0;}
.main-type-tit-box .main-tit-box {width: auto;}

.type-inner-container .type-item.item-effect {transform:perspective(960px) rotateY(-90deg) scale(0.8);}
.type-control-box .arrow-button.slick-disabled {border-color:rgba(0,0,0, 0.3)}
.type-control-box .arrow-button.slick-disabled .arrow-wrap em {background: rgba(0,0,0, 0.3)}

.type-control-box .arrow-prev.arrow-button.slick-disabled .arrow-wrap .arrow-head {border-right:5.5px solid rgba(0,0,0, 0.3)}
.type-control-box .arrow-next.arrow-button.slick-disabled .arrow-wrap .arrow-head {border-left:5.5px solid rgba(0,0,0, 0.3)}





/***********************/

.tc{display:flex;margin:0 auto;text-align:Center;width:100%;flex;align-items: flex-end;justify-content: center; }


/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
#mainContent3{background:#fff url('/img/m_btm_bg.png') bottom center no-repeat;min-height:12rem;border:0px solid #000}
#mainContent3:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background:#f3efed }
#mainContent3 .main-tit-box_sec3 {text-align:center; margin-bottom: 13rem;display:flex;flex-direction: column;}
#mainContent3 .main-tit_sec3 {font-size:5.5rem; line-height:1.285em;color:#90817b;font-weight:600;display:flex;align-items: flex-end;justify-content: center; }
#mainContent3 .main-tit_sec3 strong{font-size:8.3rem; line-height:1.285em; color:#54b258;font-weight:700;}

#mainContent3 .main-sub-tit_sec3 {font-size:5.5rem; line-height:1.285em;color:#90817b;font-weight:600;display:flex;align-items: flex-end;justify-content: center; padding-left:30rem;}
#mainContent3 .main-sub-tit_sec3 strong{font-size:8.3rem; line-height:1.285em; color:#0b2a4a;font-weight:700}

#mainContent3 .main-sub-btit_sec3 {font-size:5.5rem; line-height:1.285em;color:#90817b;font-weight:600;display:flex;align-items: flex-end;justify-content: center; padding-left:0rem;}



/* 슬라이드 배경 타이틀 */
.section-bg-title2 {position:absolute; width:100%; bottom:4%;left:0; font-size:16.5rem; 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%);}


/* text */
@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

/* ----------------------------------------------
 * Generated by Animista on 2025-10-10 16:59:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}



/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
#mainContent4{background: #f8f5f4}
#mainContent4:after {display: block; content:""; position:absolute; bottom:0; left:0; width: 100%; height: 1px; background: #000;}
#mainContent4 .main-tit-box {text-align:left; margin-bottom: 0rem;}
#mainContent4 .main-tit {font-size:5.5rem; line-height:1.285em; color:#90817b;}
#mainContent4 .main-sub-tit {font-weight: 400; line-height:1.583em; margin-top: 4rem;}

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

.Tbox{float:left;width:25%}
.Cbox{float:right;width:73%;}


/* news view-btn */
#mainContent4 .main-view-btn2 {display:flex; align-items:center; justify-content:space-between; width: 18rem; height: 5.5rem;margin-top:3rem; 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.45rem; color: #90817b; letter-spacing:-0.4px; position: relative; z-index:1;}

/* 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:45px;}
.blist dd{float:left;width:24%;color:#babbc0;font-size:1.5rem;overflow:hidden;line-height:45px;text-align:right}

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



/* -------- 메인 컨텐츠 :: 컨텐츠5 -------- */
#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: 10rem;}
#mainContent5 .main-tit-box .main-tit1 {color:#54b258;padding-top:5rem;letter-spacing:0.05em;}
#mainContent5 .main-tit-box .main-tit2{color:#fff; }
#mainContent5 .main-sub-tit {margin-top: 4rem;}


/* 메인 view-btn */
#mainContent5 .main-view-btn {display:flex; align-items:center; justify-content:space-between; width: 28rem; height: 8rem; 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;}

/* 메인 페이지 top-btn */
.hq-main-page .main-view-btn.to-top-btn em {font-size: 12px; color: #105271;}