/*-- 2026.09.21 - 메인페이지 리뉴얼 css --*/

/*-- common --*/
.common-section{padding: 100px 0;}

.common-container{max-width: 1480px;}

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

	.common-section{padding: 80px 0;}
}

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

	.common-section{padding: 70px 0;}
}

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

	.common-section{padding: 60px 0;}
}

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

	.common-section{padding: 40px 0;}
}

/*title*/
.new-title{font-family: 'NanumSquareNeo';text-align: center;margin-bottom: 36px;}
.new-title h2{font-size: var(--fs-40);font-weight: var(--fw-6);line-height: 1;margin-bottom: 28px;}
.new-title p{font-size: var(--fs-18);line-height: 1.95;color: #999;}

.eng-title{text-align: center;margin-bottom: 42px;}
.eng-title h2{font-size: var(--fs-60);font-weight: var(--fw-6);color: var(--color-1);line-height: .8;-webkit-text-stroke: .006em;margin-bottom: 33px;}
.eng-title p{font-family: 'NanumSquareNeo';font-size: var(--fs-17);line-height: 2;-webkit-text-stroke: .01em;color: #454545;}

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

	.new-title h2{margin-bottom: 22px;}
	.new-title p{line-height: 180%;}
}

@media screen and (max-width: 760px){
	
	.new-title{margin-bottom: 25px;}
	.new-title h2{font-size: 28px;margin-bottom: 15px;}
	.new-title p{font-size: 15px;line-height: 180%;}
	
	.eng-title{margin-bottom: 25px;}
	.eng-title h2{font-size: 32px;margin-bottom: 15px;}
	.eng-title p{font-size: 15px;line-height: 180%;word-break: keep-all;}
}

/*slide*/
.slide-wrap{position: relative;}

.button-common{display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 56px;height: 56px;border-radius: 56px;background-color: #FFF;cursor: pointer;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
}
.button-common img{display: block;}
.button-next{left: calc( 100% - 28px );padding-left: 2px;}
.button-prev{right: calc( 100% - 28px );padding-right: 2px;}

.slide-dot{display: flex;justify-content: center;gap: 13px;margin-top: 40px;}
.slide-dot span{width: 6px;height: 6px;margin: 0 !important;opacity: 1 !important;background-color: #ddd;}
.slide-dot span.swiper-pagination-bullet-active{background-color: var(--color-1);}

@media screen and (max-width: 1280px){
	
	.slide-wrap{padding: 0 15px;}
	
	.button-common{width: 50px;height: 50px;border-radius: 50px;}
	.button-next{left: calc( 100% - 40px );padding-left: 2px;}
	.button-prev{right: calc( 100% - 40px );padding-right: 2px;}
	
	.slide-dot{margin-top: 30px;}
}

@media screen and (max-width: 760px){
	
	.slide-wrap{padding: 0;}
	
	.button-common{display: none !important;}
}

/*link*/
.new-link-wrap{display: flex;justify-content: center;align-items: center;margin-top: 48px;}
.new-link-gap{gap: 10px;}

.new-link{display: flex;justify-content: center;align-items: center;height: 50px;border: 2px solid #000;padding: 0 28px;border-radius: 50px;position: relative;transition: all .15s ease;}
.new-link>img{position: absolute;top: -2px;left: -35px;z-index: 10;}
.new-link>span{font-family: 'NanumSquareNeo';font-size: var(--fs-18);font-weight: var(--fw-6);}

.new-link-white{border-color: #FFF;color: #FFF;}

.new-link:hover{background: var(--color-1);border-color: var(--color-1);color: #FFF;}
.new-link:hover img{filter: brightness(0);}

.new-link-white:hover img{filter: brightness(0) invert(1);}

.new-link-icon{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50px;}
.new-link-icon-1{background: #f90000;}
.new-link-icon-2{background: #06bd34;}

@media screen and (max-width: 1280px){
	
	.new-link-wrap{margin-top: 42px;}
}

@media screen and (max-width: 760px){
	
	.new-link-wrap{margin-top: 30px;}
	
	.new-link{height: 45px;padding: 0 20px;border-radius: 45px;}
	.new-link>img{width: 45px;left: -32px;}
	.new-link>span{font-size: 15px;}
}

/*item*/
.item-list{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;gap: 25px;row-gap: 52px;}
.item-list>li{width: calc( ( 100% - 75px ) / 4 );}

.item-box a{display: block;width: 100%;height: 100%;}
.item-box figure{height: 210px;border-radius: 10px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.item-box img{display: block;width: 100%;}

.card-text h4{font-size: var(--fs-20);font-weight: var(--fw-6);margin-top: 20px;transition: color .15s ease;}
.card-text span{display: flex;align-items: center;gap: 35px;font-size: var(--fs-18);font-weight: var(--fw-5);margin-top: 12px;}
.card-text span b{color: var(--color-1);position: relative;}
.card-text span i{font-weight: var(--fw-6);}
.card-text span i br{display: none;}

.card-text span b::after{content: "";position: absolute;top: 3px;right: -17px;width: 1px;height: 15px;background-color: rgba(0,0,0,.2);z-index: 1;}

@media screen and (max-width: 1480px){
	
	.card-text span{gap: 20px;}
	.card-text span b::after{top: 2px;right: -10px;height: 14px;}
}

@media screen and (max-width: 1280px){
	
	.item-list{gap: 20px;row-gap: 45px;}
	.item-list>li{width: calc( ( 100% - 40px ) / 3 );}
	
	.card-text h4{margin-top: 15px;}
	.card-text span{margin-top: 6px;}
}

@media screen and (max-width: 960px){
	
	.item-list{row-gap: 40px;}
	.item-list>li{width: calc( ( 100% - 20px ) / 2 );}
}

@media screen and (max-width: 760px){
	
	.card-text h4, .card-text span b, .card-text span i{font-size: 15px;}
	.card-text span b, .card-text span i{}
}

@media screen and (max-width: 760px){
	
	/*.item-list{gap: 12px;row-gap: 30px;}
	.item-list>li{width: calc( ( 100% - 12px ) / 2 );}*/
	
	.item-list{row-gap: 20px;}
	.item-list>li{width: 100%;}
}

/*-- header --*/
#header{height: 100px;}

.hd-logo img{width: 220px;}

.hd-rgt{gap: 22px;}

.hd-nav>ul>li>a, .hd-nav>ul>li>ul>li>a{font-family: 'NanumSquareNeo';}
.hd-nav>ul>li>a{font-size: var(--fs-17);font-weight: var(--fw-5);line-height: 100px;letter-spacing: -0.02em;padding: 0 22px;}

.hd-nav>ul>li>ul{background: var(--color-1);}
.hd-nav>ul>li>ul>li>a{font-weight: var(--fw-6);}

.hd-nav>ul>li:hover>a{color: var(--color-1) !important;}
.hd-nav>ul>li>ul>li:hover>a{color: #000 !important;}

.hd-btn{display: block;width: 20px;height: 100px;position: relative;}
.hd-btn span{position: absolute;top: 49px;left: 0;width: 100%;height: 2px;background: #FFF;z-index: 10;}
.hd-btn span:first-child{transform: translateY(6px);}
.hd-btn span:last-child{transform: translateY(-6px);}

/*on*/
#header.scroll-Ing .hd-nav>ul>li>a, #header.gnb-on .hd-nav>ul>li>a{-webkit-text-stroke: .001em !important;}

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

	#header{height: 80px;}

	.hd-logo img{width: 190px;}
	
	.hd-rgt{gap: 18px;}
	
	.hd-nav>ul>li>a{line-height: 80px;padding: 0 18px;}
	
	.hd-btn{height: 80px;}
	.hd-btn span{top: 39px;}
}

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

	#header{height: 70px;}
	
	.hd-logo img{width: 170px;}

	.hd-btn{height: 70px;}
	.hd-btn span{top: 34px;}
}

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

	#header{height: 60px;}
	
	.hd-logo img{width: 150px;}

	.hd-btn{height: 60px;}
	.hd-btn span{top: 29px;}
}

/*-- banner slide --*/
#banner-slide{background: #000;height: auto;overflow: hidden;position: relative;}

.bs-box a{display: block;width: 100%;height: 100%;}
.bs-box figure{overflow: hidden;}
.bs-box img{display: block;margin: 0 auto;}

.mainVisual-box{display: flex;align-items: center;gap: 17px;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 1;}
.mainVisual-pag{display: flex;align-items: center;justify-content: center;gap: 5px;width: 80px;line-height: 38px;border-radius: 38px;background-color: rgba(0,0,0,.3);color: rgba(255,255,255,.6);font-size: 13px;}
.mainVisual-pag span{font-family: "Poppins", serif;font-size: var(--fs-15);font-weight: var(--fw-5);}
.mainVisual-pag span.swiper-pagination-current{color: #FFF;}

.mainVisual-pause img{display: block;filter: brightness(0) invert(1);}
.mainVisual-pause img.visual-play{display: none;}

.mainVisual-pause.paused img.visual-play{display: block;}
.mainVisual-pause.paused img.visual-pause{display: none;}

@media screen and (min-width: 1921px){

	.bs-box img{width: 100%;}
}

@media screen and (max-width: 1920px){
    
    #banner-slide{height: 750px;}
}

@media screen and (max-width: 1480px){
	
	#banner-slide{height: auto;}
	
	.bs-box img{width: 100%;}
}

@media screen and (max-width: 1080px){
	
	.mainVisual-box{bottom: 30px;}
}

@media screen and (max-width: 760px){
	
	.mainVisual-box{gap: 15px;}
	
	.mainVisual-pag{width: 75px;line-height: 34px;}
	.mainVisual-pag span{font-size: 15px;}
}

/*-- main 1 --*/
#special-slide{overflow: hidden;}

.sp-box a{display: block;width: 100%;height: 100%;}
.sp-box figure{border-radius: 15px;overflow: hidden;}
.sp-box img{display: block;width: 100%;}

@media screen and (max-width: 1080px){
	
	.sp-box figure{border-radius: 10px;}
}

/*-- main 2 --*/    
#main-2{background-image: url(/img/new/new_bg.jpg);}
#main-2 .button-common{top: 36%;}

#pv-slide{overflow: hidden;}

.pv-box figure{height: 210px;border-radius: 10px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.pv-box img{display: block;width: 100%;}

.pv-box:hover .card-text h4{color: var(--color-1);}

/*-- main 4 --*/
#main-4{background: #FFF;padding-top: 0 !important;}
#main-4 .button-common{top: 36%;}

#ho-slide{overflow: hidden;}

.ho-box figure{height: 210px;border-radius: 10px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ho-box img{display: block;width: 100%;}

.ho-box:hover .card-text h4{color: var(--color-1);}

/*-- main 5 --*/
#main-5{background-image: url(/img/new/re_banner.jpg);background-color: #000;padding: 80px 0;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#main-5::before, #main-5::after{display: none;}

.rs-text{text-align: center;color: #FFF;}
.rs-text h2{font-size: var(--fs-34);font-weight: var(--fw-7);line-height: 1.32;margin-bottom: 12px;}
.rs-text p{font-family: 'NanumSquareNeo';font-size: var(--fs-18);font-weight: var(--fw-4);line-height: 1.95;color: #FFF;}

#main-5 .new-link-wrap{margin-top: 38px;}

@media screen and (max-width: 1280px){
	
	#main-5{padding: 60px 0;}
}

@media screen and (max-width: 1080px){
	
	#main-5{padding: 40px 0;}
}

@media screen and (max-width: 760px){
	
	#main-5 .new-link-wrap{margin-top: 25px;}
	
	.rs-text h2{font-size: 24px;}
	.rs-text p{font-size: 15px;line-height: 180%;word-break: keep-all;}
}

/*-- main 6 --*/
#main-6{background: #f4f4f4;overflow: hidden;position: relative;}

.deco-text{display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 50px;height: 100%;background: var(--color-1);z-index: 1;writing-mode: vertical-rl;text-orientation: sideways;
	font-family: 'NanumSquareNeo';font-weight: var(--fw-5);color: #FFF;letter-spacing: .3em;
}

#review-slide{overflow: visible;clip-path: inset(-100px -16px -100px 0);}

.review-box{transition: all .2s ease;}
.review-box a{display: block;width: 100%;height: 100%;background: #FFF;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.1);
	box-shadow: 5px 5px 15px rgba(0,0,0,.1);
}
.review-box figure{height: 210px;overflow: hidden;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.review-text{padding: 18px;}
.review-text h4{font-size: var(--fs-20);font-weight: var(--fw-6);margin-bottom: 5px;transition: color .15s ease;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.review-text p{font-weight: var(--fw-4);line-height: 150%;color: #999;margin-bottom: 10px;
	height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.review-text span{font-size: var(--fs-15);color: #999;}

.review-star{display: flex;align-items: center;gap: 5px;padding-top: 0;margin-bottom: 15px;}
.review-star i{font-size: var(--fs-15);font-weight: var(--fw-5);color: #999;line-height: .9;padding-top: 1px;padding-left: 4px;}

/*hover*/
.review-box:hover{transform: translateY(-15px);}
.review-box:hover h4{color: var(--color-1);}

@media screen and (max-width: 1480px){
	
	.review-text p{height: 42px;}
}

@media screen and (max-width: 1280px){
	
	#main-6{padding-top: 120px;}
	
	.deco-text{width: 100%;height: 50px;writing-mode: unset;text-orientation: unset;}
}

@media screen and (max-width: 1080px){
	
	#main-6{padding-top: 110px;}
}

@media screen and (max-width: 760px){
	
	#main-6{padding-top: 110px;}
	
	.deco-text{height: 70px;font-size: 15px;line-height: 160%;text-align: center;padding: 0 5%;}
	
	.review-star{gap: 3px;margin-bottom: 10px;}
	.review-star i{font-size: 15px;}
	
	.review-text h4{font-size: 15px;margin-bottom: 10px;}
	.review-text p{height: 48px;font-size: 15px;line-height: 180%;}
	.review-text span{font-size: 15px;}
}

/*-- main 7 --*/
#main-7{position: relative;}
#main-7::before{content: "";position: absolute;top: -60px;left: 50%;width: 1px;height: 120px;background: #000;}

#main-7 .eng-title h2{color: #000;}

#yt-slide{overflow: hidden;}

.yt-box a{display: block;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.yt-box figure{overflow: hidden;}
.yt-box img{display: block;width: 100%;}

@media screen and (max-width: 1280px){
	
	#main-7::before{top: -40px;height: 80px;}
}

@media screen and (max-width: 1080px){
	
	#main-7::before{top: -30px;height: 60px;}
}

@media screen and (max-width: 760px){
	
	#main-7::before{top: -20px;height: 40px;}
}

/*-- main 8 --*/
#main-8{padding-top: 0;}

#main-8 .eng-title h2{color: #000;}

.nb-list{display: flex;align-items: center;gap: 25px;}
.nb-list>li{width: calc( ( 100% - 75px ) / 4 );border-radius: 10px;overflow: hidden;}

.nb-list>li a{position: relative;overflow: hidden;}
.nb-list>li figure img{display: block;width: 100%;}

.nb-hover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity: 0;transition: opacity .15s ease;
	display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 11px;background: rgba(250, 77, 9, .9);
}
.nb-hover span{font-weight: var(--fw-6);line-height: 1;color: #FFF;}

/*hover*/
.nb-list>li>a:hover .nb-hover{opacity: 1;}

@media screen and (max-width: 1280px){
	
	.nb-list{gap: 20px;}
	.nb-list>li{width: calc( ( 100% - 60px ) / 4 );}
	.nb-list>li:last-child{display: none;}
}

@media screen and (max-width: 760px){
	
	.nb-list{flex-wrap: wrap;gap: 12px;}
	.nb-list>li{width: calc( ( 100% - 12px ) / 2 );}
}

/*-- main 9 --*/
#main-9{padding-top: 0;}

#main-9 .eng-title h2{color: #000;}

.info-wrap{display: flex;align-items: center;gap: 20px;}
.info-wrap>li{border-radius: 10px;overflow: hidden;}
.info-wrap>li>a{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 100%;padding: 39px 28px;}
.info-wrap>li>a b, .info-wrap>li>a i{font-family: 'NanumSquareNeo';font-size: var(--fs-22);font-weight: var(--fw-6);line-height: 1;}

.info-wrap>li>a span{display: flex;align-items: center;justify-content: space-between;width: 50%;color: #FFF;}
.info-wrap>li>a span img{filter: brightness(0) invert(1);}

.info-box-1{width: calc( ( 100% - 60px ) / 1 );background: var(--color-1);}
.info-box-1 b{color: #FFF;}

.info-box-2{width: calc( ( 100% - 60px ) / 2 );background: #eee;}

@media screen and (max-width: 1280px){
	
	.info-wrap>li>a{padding: 32px 22px;}
}

@media screen and (max-width: 1080px){
	
	.info-wrap>li>a{padding: 27px 18px;}
	
	.info-wrap>li>a>b{width: 40%;}
	.info-wrap>li>a>span{width: 60%;}
}

@media screen and (max-width: 960px){
	
	.info-wrap{flex-wrap: wrap;}
	
	.info-box-1{width: 100%;}
	.info-box-2{width: calc( ( 100% - 20px ) / 2 );}
	
	.info-wrap>li>a>b{width: 20%;}
	.info-wrap>li>a>span{width: 80%;}
}

@media screen and (max-width: 760px){
	
	.info-wrap{gap: 12px;}
	
	.info-box-2{width: 100%;}
	
	.info-wrap>li>a{padding: 20px 15px;}
	.info-wrap>li>a>b{width: 35%;}
	.info-wrap>li>a>span{width: 65%;}
	
	.info-wrap>li>a b, .info-wrap>li>a i{font-size: 15px;}
}

/*-- footer --*/
.ft-nav>ul>li>a{font-family: 'Pretendard Variable';font-size: var(--fs-17);font-weight: var(--fw-5);}

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

	.ft-nav>ul>li>a{font-size: 15px;}
}