@charset "euc-kr";
@charset "utf-8";

html ::selection{ background-color:#c4bb9f; color:#fff;}

::-webkit-scrollbar {width: 6.5px;}
::-webkit-scrollbar-thumb {background-color: #696969;}
::-webkit-scrollbar-track {background-color: #a9a9a9; }
input:focus { outline: none; -webkit-tap-highlight-color : transparent !important; }

/* ---- */


*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%;position: relative;font-family: "Poppins","Nanum Gothic",sans-serif;line-height: 1.8; background-color: #f4eee8;color: #7e5439;}
main{position: relative; overflow: hidden;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color:#333;}
table{outline: 0px; border-spacing: 0px;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0; outline:none;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow:inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}


.scroll {position:absolute; top:45%; right:4vmin; width:.15px; height:10%; background:rgba(0,0,0,.5); animation: none; z-index:99; display: none;}
.scroll::before {content:''; display:block; height: 100%; background:rgba(255,255,255,1); animation: sdb 2s cubic-bezier(0.79, 0, 0.15, 1) infinite;}

.scroll span {position:absolute; margin-left:1px; bottom:-1.5em; left:50%; transform: rotate(-90deg) translateX(-50%);}
.scroll span::after{content: ""; display: block; width: 6px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0; transform: rotate(40deg); transform-origin: top left;}
.scroll span::before{content: ""; display: block; width: 6px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0; transform: rotate(-40deg); transform-origin: bottom left;}


@-webkit-keyframes sdb {
	0% {
		transform: scaleY(0);
		transform-origin: 0 0;
	}
	40% {
		transform: scaleY(.99);
		transform-origin: 0 0;
	}
	40.01% {
		transform: scaleY(1);
		transform-origin: 0 100%;
	}
	80% {
		transform: scaleY(0);
		transform-origin: 0 100%;
	}
	100% {
		transform: scaleY(0);
		transform-origin: 0 100%;
	}
}

@-webkit-keyframes sdw {
    0% {
		transform: rotate(0deg)
	}
    50% {
		transform: rotate(3deg)
	}
    90% {
		transform: rotate(0deg)
	}
    100% {
		transform: rotate(0deg)
	}
}


.bgimg {background-size:cover;background-position: center;background-repeat:no-repeat;backface-visibility: hidden;image-rendering: pixelated;}
.con_wrap {/*overflow:hidden;*/}
.con_wrap .img_area {position: relative;}
.con_wrap .img_area.no_slide {height:auto; padding-bottom:25%;}
.con_wrap .img_area.no_slide::after {display:none;}
.img_area .m_slide .item {width:100vw; height:100vh; z-index:0;}

.item_bg{height: 80vh;}

.img_area .slide_txt {position:absolute;top:50%;left:50%;width:80vw;transform:translate(-50%, -50%);color:#fff;text-align: left;font-family:'Montserrat';text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);z-index:9;}
/*.img_area .slide_txt h3 {font-family: 'Amalina Regular'; font-size:calc(3.5rem + 1.17vw);}*/
.img_area .slide_txt .eng {font-size: 13px;font-weight:200;letter-spacing: 0.30em;text-transform: uppercase;margin-bottom: 13px;font-family: 'Marcellus', serif;}
.img_area .slide_txt .kor {font-size: 16px;font-weight: 100;line-height: 1.8;margin-top: 0;font-family: 'NotoSerifKR';text-shadow: -1px 1px 5px #606060;}
.img_area .slide_txt a {display:inline-block; margin-top:.8vw; padding:.2vw 3vw .4vw; font-size:.3em; letter-spacing:0.1em; font-weight:700; border:1px solid #fff; border-radius:20px; font-family:'open sans'; text-align:middle; text-shadow:none;}
.img_area .slide_txt a:hover {background:rgba(0,0,0,.3)}
.img_area .slide_txt a span {font-size:1.5em;}

.img_area .slide_txt h3 {
    font-family: 'Athena-Regular';
    font-weight: 100;
    font-size: 45px;
    -webkit-animation: slideTextAni 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;
    animation: slideTextAni 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;
    padding-left: 0;
    padding-top: 0;
    text-transform: uppercase;
}

.img_area .slide_txt h3  small {font-family: 'NotoSerifKR'; }

@-webkit-keyframes slideTextAni {
	from {
		opacity:0;
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1;
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes slideTextAni {
	from {
		opacity:0;
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1;
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}

.img_area .slide_txt.sub h3 {font-family: 'Cormorant Garamond', serif; font-size: calc(1.573rem + 1.25vw); text-transform: uppercase; font-weight: normal; letter-spacing:.22em;}
.img_area .slide_txt.sub .kor {font-size: 1.8rem;}

.paging_custom {position: absolute;width: 8em;right: 0;left: 0;bottom: 6em;z-index:10;margin: auto;}

.paging_custom .swiper-pagination-fraction {font-family: 'SUIT';font-size: 17px;font-weight: 400;color:#fff;bottom: -0.1em;pointer-events: none;}


/*.img_area .swiper-button {position: absolute; top: 50%; right: 0;}*/
.img_area .swiper-button-prev,
.img_area .swiper-button-next {width: 9px;height: 16px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size:200%;color: #fff;font-size: 20px;position: absolute;font-weight: bold;}
.img_area .swiper-button-next {/* background:url('/web/img/btn_next.png'); */left: auto;right: 0;}
.img_area .swiper-button-prev {/* background:url('/web/img/btn_prev.png'); */left:0;right: auto;}


/* media */

@media (max-width:1700px) {

}


@media (max-width:1440px) { 
	
	.bgimg {image-rendering: auto;}
	
	.img_area .slide_txt .eng{letter-spacing: 0.10em; margin-bottom: 0;}
	.img_area .slide_txt .kor{font-size: 14px;}
	
	.img_area .slide_txt h3{font-size: 35px;}
	
}

@media (max-width:800px) {

.img_area .m_slide .item {height: 345px;}
	
	.img_area .slide_txt .eng{font-size: 10px;}
	.img_area .slide_txt h3{font-size: 20px;}
	.img_area .slide_txt .kor{font-size: 12px;}
	
	.img_area .slide_txt{display: none;}

}