/*-- common css --*/

:root {

	/*font-size*/
	--fs-14: .875rem;
	--fs-15: .9375rem;
	--fs-17: 1.0625rem;
	--fs-18: 1.125rem;
	--fs-26: 1.625rem;
	--fs-28: 1.75rem;
	--fs-40: 2.5rem;
	--fs-60: 3.75rem;
	--fs-80: 5rem;
	--fs-90: 5.625rem;
	--fs-100: 6.25rem;
	--fs-230: 14.375rem;

	/*font-weight*/
	--fw-4: 400;
	--fw-5: 500;
	--fw-6: 600;
	--fw-7: 700;
	--fw-8: 800;
	--fw-9: 900;
}

/*container*/
.common-container{width: 95%;margin: 0 auto;}

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

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

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

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

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

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

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

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

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

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

	.common-container{width: 90%;}
}

/*title*/
.common-title{text-align: center;margin-bottom: 68px;}
.common-title h3{font-size: var(--fs-60);font-weight: var(--fw-6);-webkit-text-stroke: .005em;line-height: .8;margin-bottom: 41px;}
.common-title p{-webkit-text-stroke: .001em;}

.common-title-beige h3{color: #ba9f73;}
.common-title-beige p{color: #8c7653;}

.common-title-red h3{color: #b13535;}
.common-title-red p{color: #b13535;-webkit-text-stroke: .015em;}

.common-title-lft{text-align: left;}

.common-title-link{display: flex;align-items: flex-end;justify-content: space-between;}
.common-title-link p{font-weight: var(--fw-4);line-height: 220%;-webkit-text-stroke: .002em;}
.common-title-link .common-link{margin: 0;margin-bottom: 10px;}

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

	.common-title{margin-bottom: 60px;}
	.common-title h3{margin-bottom: 34px;}
}

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

	.common-title-link{display: block;}
	.common-title-link p{margin-bottom: 30px;}
}

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

	.common-title{margin-bottom: 40px;}
	.common-title h3{font-size: 32px;margin-bottom: 25px;}
	.common-title p{font-size: 15px;line-height: 160%;}

	.common-title-link p{word-break: keep-all;line-height: 180%;margin-bottom: 25px;}
}

/*motion*/
.motion-1{transform: translateY(50px);opacity: 0;transition: transform 1s ease, opacity 1s ease;}

.trigger.on .motion-1{transform: translateY(0);opacity: 1;}

.delay-1{transition-delay: .2s !important;}
.delay-2{transition-delay: .4s !important;}
.delay-3{transition-delay: .6s !important;}
.delay-4{transition-delay: .8s !important;}
.delay-5{transition-delay: 1s !important;}
.delay-6{transition-delay: 1.2s !important;}
.delay-7{transition-delay: 1.4s !important;}
.delay-8{transition-delay: 1.6s !important;}
.delay-9{transition-delay: 1.8s !important;}
.delay-10{transition-delay: 2s !important;}

/*card slide*/
.card-box{position: relative;}

.card a{display: block;}

.card figure{padding-bottom: 56.25%;overflow: hidden;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.card figure img{display: block;width: 100%;transition: transform .3s ease;}

.card-info{min-height: 139.59px;margin-top: 25px;padding-bottom: 30px;border-bottom: 2px solid #000;position: relative;}
.card-info h4{font-size: var(--fs-28);font-weight: var(--fw-6);-webkit-text-stroke: .008em;padding-right: 30px;line-height: 135%;word-break: keep-all;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    line-clamp: 2; 
}

.card-link{position: absolute;top: 7px;right: 0;z-index: 1;}
.card-link img{display: block;}

.card-price{margin-top: 13px;}
.card-price>div{display: flex;align-items: center;gap: 33px;}
.card-price>div + div{margin-top: 14px;}
.card-price>div span{font-size: var(--fs-18);font-weight: var(--fw-4);color: #818181;-webkit-text-stroke: .004em;position: relative;}
.card-price>div span::after{content: "";position: absolute;top: 3px;right: -16px;width: 1px;height: 14px;background-color: #ccc;z-index: 1;}
.card-price>div b{font-size: var(--fs-18);font-weight: var(--fw-4);}
.card-price>div b br{display: none;}

.card-arrow-box{display: flex;justify-content: space-between;position: absolute;top: -124px;left: 0;width: 100%;z-index: 10;}
.card-arrow{display: flex;justify-content: center;align-items: center;width: 56px;height: 56px;border-radius: 56px;border: 1px solid #000;background-color: #FFF;}
.card-arrow img{display: block;}
.card-rgt{padding-right: 2px;}
.card-lft{padding-left: 2px;}

/*card list*/
.card-list{display: flex;flex-wrap: wrap;column-gap: 40.56666666666667px;row-gap: 52px;}
.card-list>li{width: calc( ( 100% - 121.7px ) / 4 );}

.card-list>li .card-info{min-height: 208px;}
.card-list>li .card-info h4{
	-webkit-line-clamp: 3;
	line-clamp: 3; 
}
.card-list>li .card-info p{font-size: var(--fs-15);font-weight: var(--fw-4);color: #8a7e6c;line-height: 186%;margin-top: 13px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    line-clamp: 2; 
}

.card-list>li .card-price{margin-top: 18px;}

/*beige*/
.card-wrap-beige .card-price>div span{color: #a49d92;}
.card-wrap-beige .card-info h4{font-size: var(--fs-26);}

/*hover*/
.card:hover figure img{transform: scale(1.1);}

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

	.card-list{column-gap: 50px;}
	.card-list>li{width: calc( ( 100% - 200px ) / 5 );}
}

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

	.card-info{margin-top: 22px;padding-bottom: 26px;min-height: 122.16px;}
	.card-info h4{padding-right: 25px;}

	.card-link{top: 5px;}

	.card-price{margin-top: 12px;}
	.card-price>div{gap: 27px;}
	.card-price>div + div{margin-top: 12px;}
	.card-price>div span::after{right: -13px;height: 13px;}

	.card-arrow-box{top: -112px;}
	.card-arrow{width: 52px;height: 52px;}
	.card-rgt{padding-right: 2px;}
	.card-lft{padding-left: 2px;}

	/*card list*/
	.card-list{column-gap: 35px;}
	.card-list>li{width: calc( ( 100% - 105px ) / 4 );}

	.card-list>li .card-info{min-height: 180.25px;}
	.card-list>li .card-info p{margin-top: 10px;}

	.card-list>li .card-price{margin-top: 16px;}
}

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

	/*card list*/
	.card-list{column-gap: 30px;}
	.card-list>li{width: calc( ( 100% - 60px ) / 3 );}
}

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

	/*card list*/
	.card-list>li{width: calc( ( 100% - 30px ) / 2 );}
}

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

	.card-info{margin-top: 20px;padding-bottom: 22px;min-height: 110px;}
	.card-info h4{font-size: 20px;padding-right: 35px;}

	.card-link{top: 4px;}

	.card-price>div{gap: 23px;}
	.card-price>div + div{margin-top: 10px;}
	.card-price>div span{font-size: 15px;}
	.card-price>div span::after{right: -11px;}
	.card-price>div b{font-size: 15px;}

	.card-arrow-box{top: -90px;}
	.card-arrow{width: 45px;height: 45px;}
	.card-arrow img{max-width: 9px;}
	.card-rgt{padding-right: 2px;}
	.card-lft{padding-left: 2px;}

	/*card list*/
	.card-list{column-gap: 13px;row-gap: 25px;}
	.card-list>li{width: calc( ( 100% - 13px ) / 2 );}

	.card-list>li .card-link{display: none;}

	.card-list>li .card-info{min-height: 124.09px;margin-top: 13px;padding-bottom: 15px;}
	.card-list>li .card-info h4{font-size: 15px;padding-right: 0;}
	.card-list>li .card-info p{font-size: 12px;line-height: 140%;margin-top: 6px;}
	
	.card-list>li .card-price{margin-top: 13px;}
	.card-list>li .card-price>div{align-items: flex-start;gap: 10px;}
	.card-list>li .card-price>div span{font-size: 15px;white-space: nowrap;line-height: 150%;}
	.card-list>li .card-price>div span::after{display: none;}
	.card-list>li .card-price>div b{font-size: 15px;line-height: 150%;word-break: keep-all;}
	
	.card-price>div b br{display: block;}
}

/*common link*/
.common-link{display: block;width: 180px;height: 50px;border-radius: 50px;margin: 0 auto;border: 1px solid #000;margin-top: 77px;transition: background-color .3s ease, color .3s ease;}
.common-link a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: var(--fs-15);font-weight: var(--fw-4);-webkit-text-stroke: .002em;line-height: 48px;letter-spacing: .25em;}

/*hover*/
.common-link:hover{background-color: #000;color: #FFF;}

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

	.common-link{width: 170px;height: 48px;margin-top: 70px;}
	.common-link a{line-height: 46px;}
}

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

	.common-link{width: 160px;height: 45px;margin-top: 50px;}
	.common-link a{font-size: 13px;line-height: 43px;}
}

/*-- header --*/
#header{position: fixed;top: 0;left: 0;width: 100%;height: 90px;z-index: 1000;border-bottom: 1px solid transparent;transition: all .3s ease-out;}
.header-container{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}

.hd-logo a{display: block;width: 100%;height: 100%;}
.hd-logo img{display: block;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.hd-rgt{display: flex;align-items: center;gap: 85px;height: 100%;}

.hd-nav>ul{display: flex;}
.hd-nav>ul>li{position: relative;}
.hd-nav>ul>li>a{display: block;width: 100%;height: 100%;line-height: 90px;font-weight: var(--fw-4);padding: 0 24px;color: #FFF;transition: color .2s ease;}
.hd-nav>ul>li:hover>a{color: #ba9f73 !important;}

.hd-nav>ul>li>ul{position: absolute;top: calc( 100% - 15px );left: 0;min-width: 180px;z-index: 1;background: rgba(186,159,115,.85);padding: 12px 0;border-radius: 8px;overflow: hidden;display: none;
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
	
	box-shadow: 0px 10px 15px rgba(77, 69, 59, .2);
}
.hd-nav>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 6px 24px;font-weight: var(--fw-4);color: #FFF;transition: color .2s ease;line-height: 150%;}
.hd-nav>ul>li>ul>li:hover>a{color: #4d453b !important;}

.hd-btn{display: flex;align-items: center;gap: 10px;height: 100%;}
.hd-btn-box{width: 45px;height: 100%;position: relative;}
.hd-btn-box span{position: absolute;top: 44.5px;left: 0;width: 100%;height: 1px;background-color: #FFF;z-index: 1;transition: background-color .2s ease, transform .3s ease;}
.hd-btn-box span:first-child{transform: translateY(-5px);}
.hd-btn-box span:last-child{transform: translateY(5px);}

.hd-btn>b{font-weight: var(--fw-4);color: #FFF;transition: color .2s ease;}

/*hover*/
.hd-btn:hover>b{color: #ba9f73 !important;}
.hd-btn:hover span{background-color: #ba9f73 !important;transform: translateY(0);}

/*on*/
#header.scroll-Ing, #header.gnb-on{background-color: #FFF;border-bottom-color: #ececec;}
#header.scroll-Ing .hd-logo img, #header.gnb-on .hd-logo img{
	-webkit-filter: none;
	filter: none;
}
#header.scroll-Ing .hd-nav>ul>li>a, #header.gnb-on .hd-nav>ul>li>a{color: #000;-webkit-text-stroke: .005em;}
#header.scroll-Ing .hd-btn>b, #header.gnb-on .hd-btn>b{color: #000;}
#header.scroll-Ing .hd-btn span, #header.gnb-on .hd-btn span{background-color: #000;}

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

	#header{height: 80px;}

	.hd-rgt{gap: 70px;}

	.hd-nav>ul>li>a{line-height: 79px;padding: 0 20px;}
	.hd-nav>ul>li>ul{min-width: 150px;padding: 8px 0;}
	.hd-nav>ul>li>ul>li>a{padding: 4px 20px;}

	.hd-btn-box{width: 40px;}
	.hd-btn-box span{top: 39px;}
}

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

	.hd-nav{display: none;}
}

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

	#header{height: 60px;}
	
	.hd-logo img{max-width: 155px;}
	
	.hd-btn{gap: 8px;}
	.hd-btn-box{width: 35px;}
	.hd-btn-box span{top: 29px;}
	.hd-btn-box span:first-child{transform: translateY(-4px);}
	.hd-btn-box span:last-child{transform: translateY(4px);}

	.hd-btn>b{font-size: 13px;font-weight: 500}
}

/*-- mainVisual --*/
#mainVisual{height: 100vh;position: relative;overflow: hidden;}
#mainVisual::before, #mainVisual::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#mainVisual::before{background-color: rgba(0,0,0,.25);z-index: 10;}
#mainVisual::after{background: linear-gradient(rgba(0,0,0,.25), transparent);z-index: 20;}

.mainVideo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.mainVideo>video{width: 100%;height: 100%;pointer-events: none;object-fit: cover;}

.mainVideo-inner{width: 95%;margin: 0 auto;}
.mainVideo-text{position: absolute;width: 95%;bottom: 50px;z-index: 1;color: #FFF;z-index: 100;}
.mainVideo-text p{font-weight: var(--fw-5);margin-bottom: 20px;}
.mainVideo-text h2{font-size: var(--fs-100);font-weight: var(--fw-6);line-height: 120%;}

.mainNext{position: absolute;bottom: 70px;right: 2.5%;z-index: 200;}
.mainNext img{display: block;}
.mainNext-1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.mainNext-2{
	-webkit-animation: rotate-arrow 10s linear 0s infinite normal;
	animation: rotate-arrow 10s linear 0s infinite normal;
}

@-webkit-keyframes rotate-arrow{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(-360deg);}
}

@keyframes rotate-arrow{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(-360deg);}
}

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

	.mainVideo-text{bottom: 40px;}
	.mainVideo-text p{margin-bottom: 15px;}
	.mainVideo-text h2{line-height: 115%;}

	/*next*/
	.mainNext{bottom: 60px;}
}

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

	.mainVideo{top: 50%;left: 50%;width: 145%;transform: translate(-50%, -50%);}

	.mainVideo-text h2{font-size: var(--fs-90);}
}

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

	.mainVideo{height: 110%;}

	.mainVideo-text h2{font-size: var(--fs-80);}

	/*next*/
	.mainNext{bottom: 55px;}
}

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

	.mainVideo-text{bottom: 23vh;}

	/*next*/
	.mainNext-1{max-width: 20px;}
	.mainNext-2{max-width: 110px;}
}

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

	.mainVideo-inner{width: 90%;}
	.mainVideo-text{width: 90%;bottom: 20vh;}
	.mainVideo-text p{font-size: 15px;}
	.mainVideo-text h2{font-size: 41px;line-height: 130%;}

	/*next*/
	.mainNext{bottom: 35px;right: 5%;}
	.mainNext-1{max-width: 18px;}
	.mainNext-2{max-width: 100px;}
}

/*-- main-2 --*/
#main-2{background-color: #f1eee9;background-image: url(/img/main_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: top left;position: relative;overflow: hidden;}

#card-2{position: relative;z-index: 10;}

.deco-1{position: absolute;bottom: -95px;left: 0;width: 100%;display: block;text-align: center;font-size: 12vw;font-weight: var(--fw-6);white-space: nowrap;z-index: 1;color: #FFF;}

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

	.deco-1{bottom: -176px;font-size: 300px;}
}

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

	.deco-1{bottom: -70px;}
}

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

	.deco-1{bottom: -55px;}
}

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

	.deco-1{bottom: -40px;}
}

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

	.deco-1{bottom: -18px;}
}

/*-- main-3 --*/
#card-3 .card-info{min-height: auto !important;}

/*-- main-4 --*/
#main-4{background-color: #ebe3d6;}

#main-4 .card-arrow{background-color: #ebe3d6;}

/*-- main-5 --*/
#main-5{position: relative;}
#main-5::before, #main-5::after{content: "";position: absolute;z-index: 1;background-color: #000;}
#main-5::before{bottom: -78px;left: 50%;width: 1px;height: 156px;}
#main-5::after{bottom: 0;left: 2.5%;width: 95%;height: 1px;}

#gallery-1{margin-top: 90px;}
#gallery-2{direction: rtl;margin-top: 50px;}

.gallery-slide .swiper-wrapper{transition-timing-function: linear !important;}
.gallery-slide .swiper-slide a{display: block;width: 100%;height: 100%;}
.gallery-slide .swiper-slide figure{overflow: hidden;}
.gallery-slide .swiper-slide img{display: block;width: 100%;}

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

	#main-5::before{bottom: -65px;height: 130px;}

	#gallery-1{margin-top: 75px;}
	#gallery-2{margin-top: 40px;}
}

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

	#gallery-2{margin-top: 30px;}
}

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

	#main-5::before{bottom: -55px;height: 110px;}
}

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

	#main-5::before{bottom: -40px;height: 80px;}
	#main-5::after{left: 5%;width: 90%;}

	#gallery-1{margin-top: 60px;}
	#gallery-2{margin-top: 20px;}
}

/*-- main-6 --*/
#main-6 .common-title p{font-weight: var(--fw-4);line-height: 220%;-webkit-text-stroke: .002em;}

#youtube-slide .swiper-slide a{display: block;width: 100%;height: 100%;}
#youtube-slide .swiper-slide figure{overflow: hidden;}
#youtube-slide .swiper-slide img{display: block;width: 100%;transition: transform .3s ease;}

.yt-wrap{position: relative;margin-top: 32px;}
.yt-arrow-box{display: flex;align-items: center;justify-content: space-between;}

.yt-pagination{top: 50% !important;left: 97px !important;width: calc( 100% - 194px ) !important;height: 1px !important;background-color: rgba(0,0,0,.1);}
.yt-pagination span{background-color: #000 !important;}

/*hover*/
#youtube-slide .swiper-slide:hover figure img{transform: scale(1.1);}

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

	.yt-pagination{left: 87px !important;width: calc( 100% - 174px ) !important;}
}

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

	.yt-wrap{margin-top: 30px;}

	.yt-pagination{left: 82px !important;width: calc( 100% - 164px ) !important;}
}

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

	#main-6 .common-title p{word-break: keep-all;line-height: 180%;margin-bottom: 25px;}

	.yt-wrap{margin-top: 25px;}

	.yt-pagination{left: 65px !important;width: calc( 100% - 130px ) !important;}
}

/*-- main-7 --*/
#main-7{padding-top: 0;}
#main-7 .common-title p{font-weight: var(--fw-4);line-height: 220%;-webkit-text-stroke: .002em;}

.blog-list{display: flex;gap: 50px;}
.blog-list li{width: calc( ( 100% - 200px ) / 5 );}
.blog-list figure{overflow: hidden;}
.blog-list img{display: block;width: 100%;transition: transform .3s ease;}
.blog-list h5{font-weight: var(--fw-4);-webkit-text-stroke: .002em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 22px;}

/*hover*/
.blog-list li:hover figure img{transform: scale(1.1);}

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

	.blog-list{gap: 40px;}
	.blog-list li{width: calc( ( 100% - 160px ) / 5 );}
}

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

	.blog-list img{width: 100%;}
}

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

	.blog-list{gap: 30px;}
	.blog-list li{width: calc( ( 100% - 120px ) / 5 );}

	.blog-list h5{margin-top: 18px;}
}

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

	.blog-list{flex-wrap: wrap;}
	.blog-list li{width: calc( ( 100% - 60px ) / 3 );}
}

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

	.blog-list li{width: calc( ( 100% - 30px ) / 2 );}
	.blog-list li:last-child{display: none;}
}

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

	#main-7 .common-title p{word-break: keep-all;line-height: 180%;margin-bottom: 25px;}

	.blog-list{gap: 13px;row-gap: 26px;}
	.blog-list li{width: calc( ( 100% - 13px ) / 2 );}

	.blog-list h5{font-size: 14px;margin-top: 13px;}
}

/*-- footer --*/
#footer{padding: 52px 0;background-color: #000;}

.ft-top, .ft-btm{display: flex;justify-content: space-between;}
.ft-top{align-items: flex-start;margin-bottom: 30px;}
.ft-btm{align-items: flex-end;}

.ft-logo a{display: block;width: 100%;height: 100%;}
.ft-logo img{display: block;}

.ft-nav{margin-bottom: 23px;}
.ft-nav>ul{display: flex;gap: 27px;}
.ft-nav>ul>li>a{display: block;width: 100%;height: 100%;font-weight: var(--fw-4);color: #FFF;transition: color .2s ease;}
.ft-nav>ul>li>ul{display: none;}

.ft-info{margin-bottom: 18px;}
.ft-info i{display: inline-block;font-size: var(--fs-15);font-weight: var(--fw-4);color: rgba(255,255,255,.3);padding-right: 15px;line-height: 200%;}

.ft-copy{font-size: var(--fs-15);font-weight: var(--fw-4);color: rgba(255,255,255,.2);}

.ft-sns{display: flex;align-items: center;justify-content: flex-end;gap: 25px;margin-bottom: 27px;}
.ft-sns li a{display: block;width: 100%;height: 100%;}
.ft-sns li img{display: block;}

.ft-menu{display: flex;align-items: center;gap: 20px;}
.ft-menu li a{display: block;width: 100%;height: 100%;font-size: var(--fs-15);font-weight: var(--fw-5);color: #FFF;transition: color .2s ease;}

/*hover*/
.ft-nav>ul:hover>li>a, .ft-menu:hover li a{color: rgba(255,255,255,.4);}
.ft-nav>ul>li:hover>a, .ft-menu li:hover a{color: #FFF;}

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

	#footer{padding: 45px 0;}

	.ft-top{margin-bottom: 25px;}

	.ft-logo img{max-width: 250px;}

	.ft-nav{margin-bottom: 18px;}

	.ft-info{margin-bottom: 15px;}

	.ft-sns{margin-bottom: 25px;}
}

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

	#footer{padding: 40px 0;}

	.ft-logo img{max-width: 193px;}

	.ft-nav>ul{gap: 23px;}

	.ft-btm{display: block;}

	.ft-lft{margin-bottom: 30px;}

	.ft-sns{justify-content: flex-start;gap: 20px;}
}

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

	#footer{padding: 30px 0;}

	.ft-top{margin-bottom: 20px;}

	.ft-logo img{max-width: 155px;}

	.ft-nav>ul{flex-wrap: wrap;gap: 10px;}
	.ft-nav>ul>li>a{font-size: 12px;}

	.ft-info i{font-size: 12px;padding-right: 10px;word-break: keep-all;}
	
	.ft-copy{font-size: 12px;}

	.ft-sns{margin-bottom: 20px;}

	.ft-menu{gap: 15px;}
	.ft-menu li a{font-size: 12px;}
}
	
/*-- quick --*/
#right-quick{position: fixed;bottom: 50px;right: 2.5%;z-index: 1000;opacity: 0;transition: opacity .6s ease;}
#right-quick li{width: 125px;height: 125px;border-radius: 125px;position: relative;transition: all .6s ease;will-change: transform;}
#right-quick li:hover{transform: translateY(0) scale(1.1) !important;}
#right-quick li + li{margin-top: 15px;}
#right-quick li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
#right-quick li a span{text-align: center;color: #FFF;font-size: var(--fs-18);font-weight: var(--fw-7);}
#right-quick li a img{position: absolute;top: 0;left: 0;}

.quick-link{background-color: #4d453b;}
.quick-busi{background-color: #816c5b;}
.quick-crea{background-color: #f6de00;}

.quick-busi a img{
	-webkit-animation: rotate_arrow 10s linear 0s infinite normal;
	animation: rotate_arrow 10s linear 0s infinite normal;
}

/*on*/
#right-quick.on{opacity: 1;}

@-webkit-keyframes rotate_arrow{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(360deg);}
}

@keyframes rotate_arrow{ 
    0% {transform: rotate(0);}
    100% {transform: rotate(360deg);}
}

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

	#right-quick li{width: 110px;height: 110px;border-radius: 110px;}
	#right-quick li + li{margin-top: 10px;}
	#right-quick li a img{width: 100%;}
}

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

	#right-quick li{width: 90px;height: 90px;border-radius: 90px;}
	#right-quick li a span{font-size: 14px;}
}

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

	#right-quick{right: 5%;}
	#right-quick li{width: 70px;height: 70px;border-radius: 70px;}
	#right-quick li + li{margin-top: 6px;}
	#right-quick li a span{font-size: 13px;}
}

/*-- site map --*/
.mobile-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 1100;display: none;}

.mobile-inner{position: absolute;top: 0;right: 0;width: 100%;max-width: 600px;height: 100%;background-color: #FFF;padding: 0 100px;padding-top: 8vw;transform: translateX(101%);transition: transform .3s ease;}

.mo-btn{position: absolute;top: 1.6vw;right: 2.3vw;width: 30px;height: 30px;z-index: 1;}
.mo-btn span{position: absolute;top: 14px;left: 0;width: 30px;height: 2px;background-color: #000;transition: transform .3s ease;}
.mo-btn span:nth-child(1){transform: rotate(45deg);}
.mo-btn span:nth-child(2){transform: rotate(-45deg);}

.mo-nav>ul>li + li{margin-top: 30px;}
.mo-nav>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-40);font-weight: var(--fw-5);color: #ccc;position: relative;transition: color .3s ease;}
.mo-nav>ul>li>a::after{content: "";position: absolute;top: 50%;right: 0;width: 0;height: 1px;background-color: #000;z-index: 1;transition: width .6s ease;}

.mo-nav>ul>li>ul{margin-top: 20px;display: none;}
.mo-nav>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-18);font-weight: var(--fw-4);padding: 10px 0;color: #000;transition: color .3s ease, padding .3s ease;}

/*on*/
.mobile-wrap.on .mobile-inner{transform: translateX(0);}

.mo-nav>ul>li.on>a{color: #000;}

/*min*/
@media screen and (min-width: 1080px){

	/*hover*/
	.mo-btn:hover span{transform: rotate(0);}

	.mo-nav>ul>li:hover>a{color: #000;}
	.mo-nav>ul>li:hover>a::after{width: 28%;}

	.mo-nav>ul>li>ul:hover>li>a{color: #aaa;}
	.mo-nav>ul>li>ul>li:hover>a{color: #000;padding-left: 15px;}
}

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

	.mobile-inner{max-width: 450px;padding: 0 60px;padding-top: 5vw;}

	.mo-nav>ul>li + li{margin-top: 30px;}
	.mo-nav>ul>li>ul>li>a{padding: 8px 0;}
}

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

	.mobile-inner{padding-top: 8vw;}
}

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

	.mobile-inner{padding: 0 30px;padding-top: 20vw;}

	.mo-btn{top: 4.6vw;right: 4.3vw;width: 26px;height: 26px;}
	.mo-btn span{top: 12px;left: 0;width: 100%;height: 2px;}

	.mo-nav>ul>li>a{font-size: 26px;}
	.mo-nav>ul>li>ul>li>a{font-size: 18px;}

	/*hover*/
	.mo-nav>ul>li:hover>a::after{width: 0;}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 9999;display: none;}
.add_pop_wrap *{color: #000;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #816c5b;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_tit h4{font-size: 1.13rem;font-weight: bold;color: #FFF;}

.add-pop-close{width: 20px;height: 60px;position: relative;}
.add-pop-close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add-pop-close span:nth-child(1){transform: rotate(45deg);}
.add-pop-close span:nth-child(2){transform: rotate(-45deg);}

.add-pop-close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );font-size: 15px;line-height: 150%;}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 15px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	
	.add_pop_inner{width: 90%;height: 500px;}
	
	.add_pop_tit{padding: 0 20px;}
	.add_pop_tit h4{font-size: 16px;}
	
	.add_pop_con{font-size: 14px;padding: 15px 20px;height: calc(100% - 50px);}
	.add_pop_con h5{font-size: 15px;}
	.add_pop_con p{font-size: 14px;}
	
	.add-pop-close{height: 50px;}
	.add-pop-close span{top: 24px;}
}

/*-- sub page --*/
/*-- sub page --*/
/*-- sub page --*/

/*sub common*/
.sub-container{width: 95%;max-width: 1480px;margin: 0 auto;}

.board-alert{font-size: var(--fs-15);font-weight: var(--fw-4);color: #787878;margin-top: 5px;}

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

	.sub-container{width: 90%;}
}

/*about*/
.about-wrap{display: flex;margin-bottom: 70px;padding-bottom: 70px;border-bottom: 1px solid #ddd;}
.about-wrap figure{width: 35%;background-image: url(/img/sub/about_pc.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.about-inner{width: 65%;padding-left: 60px;}

.about-text h2{font-size: var(--fs-40);font-weight: var(--fw-6);font-family: 'BookkMyungjo', serif;margin-bottom: 25px;color: #8e684c;word-break: keep-all;}
.about-text b{display: block;font-size: var(--fs-18);font-weight: var(--fw-5);line-height: 170%;margin-bottom: 25px;color: #8e684c;word-break: keep-all;}
.about-text span{display: block;font-family: 'BookkMyungjo', serif;font-size: var(--fs-26);font-weight: var(--fw-5);margin-bottom: 25px;word-break: keep-all;}
.about-text p{font-size: var(--fs-18) !important;font-weight: 300 !important;color: #666 !important;word-break: keep-all;}
.about-text p i{display: block;word-break: keep-all;}
.about-text p i + i{margin-top: 25px;}

.about-text-1{margin-bottom: 70px;}

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

	.about-text h2, .about-text b, .about-text span{margin-bottom: 20px;}
	.about-text p i + i{margin-top: 20px;}

	.about-text-1{margin-bottom: 50px;}
}

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

	.about-text b br{display: none;}
}

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

	.about-wrap{margin-bottom: 30px;padding-bottom: 40px;}
}

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

	.about-wrap{flex-direction: column-reverse;}
	.about-wrap figure, .about-inner{width: 100%;padding: 0;}
	.about-wrap figure{height: 250px;margin-top: 60px;background-image: url(/img/sub/about_mo.jpg);}
}

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

	.about-text h2{font-size: 20px;}
	.about-text span{font-size: 16px;}
	.about-text h2, .about-text b, .about-text span{margin-bottom: 15px;}
	
	.about-text-1{margin-bottom: 30px;}
	
	.about-wrap figure{height: 160px;margin-top: 30px;}
}

/*-- board css --*/
/*-- board css --*/
/*-- board css --*/

/*LIST*/
#board-card .card-list>li{width: calc( ( 100% - 100px ) / 3 );}
#board-card .card-info p{color: #777;}

#board-card .card figure{position: relative;}
#board-card .card .sp{position: absolute;top: 15px;left: 15px;max-width: 60px;z-index: 10;}

.all_chk{margin-bottom: 50px;border-bottom: 1px solid #000;border-top: 1px solid #000;}

.board-addon{display: flex;align-items: center;justify-content: space-between;margin-bottom: 3px;}
.board-addon input[type=checkbox]{width: 14px;height: 14px;}
.board-addon .move-photo{display: flex;align-items: center;gap: 3px;}
.board-addon .move-photo a{display: flex;align-items: center;justify-content: center;background: #ddd;padding: 2px;}

.youtube-card .card-info h4{font-size: var(--fs-18) !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 0 !important;}
.card-list>li.youtube-card .card-info{min-height: auto !important;}

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

	#board-card .card-list{column-gap: 50px;}
}

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

	#board-card .card-list{column-gap: 35px;}
	#board-card .card-list>li{width: calc( ( 100% - 70px ) / 3 );}
}

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

	#board-card .card-list{column-gap: 30px;}
	#board-card .card-list>li{width: calc( ( 100% - 30px ) / 2 );}
}

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

	#board-card .card-list{column-gap: 13px;row-gap: 25px;}
	#board-card .card-list>li{width: calc( ( 100% - 13px ) / 2 );}
	
	#board-card .card .sp{top: 8px;left: 8px;max-width: 40px;}
	
	.all_chk{margin-bottom: 30px;}
}

/*VIEW*/
#bo_v_co{padding: 0;padding-left: 65px;border: none;}
#bo_v_co h2{font-size: var(--fs-28);font-weight: var(--fw-5);margin-bottom: 20px;}
.view-info p{font-weight: var(--fw-6);}

.view-info{padding-bottom: 23px;border-bottom: 1px solid #000;}

.pd_v_box{align-items: center;}

#view-slide img{display: block;width: 100%;}

.view-thumb{margin-top: 8px;}
.view-thumb ul{display: flex;gap: 8px;}
.view-thumb ul li{width: calc( ( 100% - 32px ) / 5 );cursor: pointer;position: relative;}
.view-thumb ul li::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.view-thumb ul li.on::after{display: none;}
.view-thumb ul li img{display: block;width: 100%;}

.view-btn{position: absolute;bottom: 0;right: 0;display: flex;align-items: center;z-index: 1;}
.view-arrow-box{display: flex;align-items: center;gap: 15px;}

.view-pagination{top: calc( 50% - 1px ) !important;left: auto !important;right: 150px !important;width: 150px !important;height: 2px !important;background-color: rgba(0, 0, 0, .1);}
.view-pagination span{background: #000 !important;}

@media (max-width:1460px){ 
	
	#bo_v_co{padding-left: 60px;}
}

@media (max-width: 1024px){ 
	
	#bo_v_co{padding-left: 0;padding-bottom: 70px;}
	#bo_v_co h2{margin-bottom: 15px;}
}

@media (max-width: 720px){ 
	
	.view-thumb{margin-top: 5px;}
	.view-thumb ul{gap: 5px;}
	.view-thumb ul li{width: calc( ( 100% - 20px ) / 5 );}
	
	#bo_v_co{margin-top: 30px;padding-bottom: 60px;}
	#bo_v_co h2{font-size: 24px;}
	.view-info p{font-size: 16px !important;}
	
	#bo_v_co span{font-size: 15px;word-break: keep-all;}
	
	.view-btn{right: auto;left: 0;}
	.view-arrow-box{gap: 10px;}
	
	.view-pagination{top: calc( 50% - 1px ) !important;left: 115px !important;right: auto !important;width: 90px !important;height: 2px !important;background-color: rgba(0, 0, 0, .1);}
	
	.sp{top: 8px;right: 8px;}
}

/*-- 2025.10.16 - 수정사항 --*/
#bo_v_cont img, #bo_v_img img{display: block;margin: 0 auto;}
#bo_v_cont b{font-weight: var(--fw-6);}