@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


/*Common*/
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;word-break:keep-all;
-webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option,button{
	color:#555;
	font-family:"Cormorant Garamond","Pretendard","돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
img{max-width:100%;}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font1{font-family:"Pretendard";}
.font1{font-family:"Noto Sans KR";}
.font2{font-family:"Cormorant Garamond";}




/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}

@media(max-width:767px){
	/* 메인 레이어 팝업 */
	.main_layer_popup{width:96%!important;left:50%!important;top:50px!important;transform:translateX(-50%)}
	.main_layer_popup .popupContent{height:100%!important}
	.main_layer_popup img{width:100%}
}



#wrap{overflow:hidden;}


/* header */
#header{
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;height:110px;
	transition:all 0.4s;
}
#header:after{
	display:block;content:"";
	width:100%;height:90px;
	position:absolute;left:0;top:100%;
	background:#eeeae2;
	transform-origin:top;
	transform:scaleY(0);
	transition:all 0.4s;
}
.head{
	position:relative;
	padding:0 5%;
	text-align:center;
}
.head h1{position:absolute;left:5%;top:36px;z-index:2000;}
.head h1 a{
	display:block;
	width:128px;height:42px;
	background:url(/images/common/logo1.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
	transition:all 0.4s;
}
.head .btnMenu{
	position:absolute;right:5%;top:45px;z-index:2000;
	display:flex;flex-wrap:wrap;justify-content:flex-end;
	width:50px;
	cursor:pointer;
}
.head .btnMenu>div{
	overflow:hidden;
	width:100%;height:2px;
	margin-bottom:9px;
	background:#fff;
	transition:all 0.6s;
}
.head .btnMenu>div:nth-child(2){width:80%;}
.head .btnMenu.openmenu>div:nth-child(1){transform:rotate(45deg) translateY(15.5px);}
.head .btnMenu.openmenu>div:nth-child(2){opacity:0;}
.head .btnMenu.openmenu>div:nth-child(3){transform:rotate(-45deg) translateY(-15.5px);}

.head .pcNav{}
.head .pcNav>ul{display:flex;align-items:center;justify-content:center;}
.head .pcNav>ul>li{position:relative;margin:0 3.5vw;}
.head .pcNav>ul>li>a{
	font-family:"Pretendard";font-size:17px;color:#fff;font-weight:500;line-height:110px;
}
.head .pcNav>ul>li>.subMenu{
	display:none;
	position:absolute;left:0;top:100%;z-index:10;
}
.head .pcNav>ul>li>.subMenu>ul{display:flex;}
.head .pcNav>ul>li>.subMenu>ul>li{
	position:relative;
	padding-right:23px;margin-right:23px;
	line-height:90px;
}
.head .pcNav>ul>li>.subMenu>ul>li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#a6a39e;
	position:absolute;right:0;top:50%;
	margin-top:-7px;
}
.head .pcNav>ul>li>.subMenu>ul>li:last-child:after{display:none;}
.head .pcNav>ul>li>.subMenu>ul>li>a{
	font-family:"Pretendard";font-size:18px;color:#555;
}



@media(max-width:1399px){

	.head .pcNav{display:none;}

}
@media(max-width:812px){
	
	#header{height:80px;}
	.head h1{top:24px;}
	.head h1 a{	height:32px;}
	.head .btnMenu{width:40px;top:28px;}

}


#header.on{background:#f5f3ee;}
#header.on:after{transform:scaleY(1);}
#header.on .head h1 a{
	background:url(/images/common/logo2.png) no-repeat;
	background-size:contain;
}
#header.on .head .pcNav>ul>li>a{color:#000;}
#header.on .head .btnMenu>div{background:#000;}


.scroll #header{background:#f5f3ee;}
.scroll #header .head h1 a{
	background:url(/images/common/logo2.png) no-repeat;
	background-size:contain;
}
.scroll #header .head .pcNav>ul>li>a{color:#000;}
.scroll #header .head .btnMenu>div{background:#000;}


#header.all{background:#f5f3ee;}
#header.all .head h1 a{
	background:url(/images/common/logo2.png) no-repeat;
	background-size:contain;
}
#header.all .head .btnMenu>div{background:#000;}




/* allmenu */
.allMenu{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100vh;
	background:#f5f3ee;
	visibility: hidden;opacity:0;
}
.allMenu .conwrap{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:110px 0;
}
.allMenu .conwrap .img{width:41.666%;height:100%;}
.allMenu .conwrap .img>div{
	width:100%;height:100%;
	background:url(/images/common/all_img.jpg) no-repeat;
	background-size:cover;
}
.allMenu .conwrap .menu{
	box-sizing:border-box;
	width:calc(100% - 41.666%);
	padding:0 0 0 8%;
}
.allMenu .conwrap .menu>ul{}
.allMenu .conwrap .menu>ul>li{transition:all 0.4s;}
.allMenu .conwrap .menu>ul>li>a{
	font-family:"Cormorant Garamond";font-size:96px;color:#000;
}
.allMenu .conwrap .menu>ul>li .sub{display:none;}
.allMenu .conwrap .menu>ul>li .sub>ul{display:flex;}
.allMenu .conwrap .menu>ul>li .sub>ul>li{
	position:relative;
	padding-right:23px;margin-right:23px;
}
.allMenu .conwrap .menu>ul>li .sub>ul>li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#a6a39e;
	position:absolute;right:0;top:50%;
	margin-top:-7px;
}
.allMenu .conwrap .menu>ul>li .sub>ul>li:last-child:after{display:none;}
.allMenu .conwrap .menu>ul>li .sub>ul>li>a{font-family:"Pretendard";font-size:18px;color:#555;}
.allMenu .conwrap .menu>ul>li .sub>ul>li>a:hover{color:#000;}
.allMenu .conwrap .menu>ul>li.act{padding-bottom:20px;}


@media(max-width:812px){
	
	.allMenu .conwrap .img{display:none;}
	.allMenu .conwrap .menu{width:100%;}
	.allMenu .conwrap .menu>ul>li{width:100%;}
	.allMenu .conwrap .menu>ul>li>a{font-size:14vw;}
	.allMenu .conwrap .menu>ul>li .sub>ul>li>a{font-size:3vw;}

}




.allMenu .conwrap .img>div{transform:scale(1.1);filter: blur(10px);}
.allMenu .conwrap .menu>ul>li>a{display:block;transform:translateX(60px);opacity:0;filter: blur(10px);}

.allMenu.open{visibility: visible;opacity:1;transition: opacity 0s, visibility 0s;}
.allMenu.open .conwrap .img>div{animation:allAni1 2s 0.15s;animation-fill-mode:forwards;}
.allMenu.open .conwrap .menu>ul>li:nth-child(1)>a{animation:allAni2 1.6s 0.4s;animation-fill-mode:forwards;}
.allMenu.open .conwrap .menu>ul>li:nth-child(2)>a{animation:allAni2 1.6s 0.5s;animation-fill-mode:forwards;}
.allMenu.open .conwrap .menu>ul>li:nth-child(3)>a{animation:allAni2 1.6s 0.6s;animation-fill-mode:forwards;}
.allMenu.open .conwrap .menu>ul>li:nth-child(4)>a{animation:allAni2 1.6s 0.7s;animation-fill-mode:forwards;}
.allMenu.open .conwrap .menu>ul>li:nth-child(5)>a{animation:allAni2 1.6s 0.8s;animation-fill-mode:forwards;}



@keyframes allAni1{
	0%{transform:scale(1.1);filter: blur(10px);}
	100%{transform:scale(1);filter: blur(0px);}
}
@keyframes allAni2{
	0%{transform:translateX(60px);opacity:0;filter: blur(10px);}
	100%{transform:translateX(0);opacity:1;filter: blur(0px);}
}

@keyframes allClose1{
	0%{transform:scale(1);filter: blur(0px);}
	100%{transform:scale(1.1);filter: blur(10px);}
}
@keyframes allClose2{
	0%{transform:translateX(0);opacity:1;filter: blur(0);}
	100%{transform:translateX(60px);opacity:0;filter: blur(10px);}
}

.allMenu.close{transition: opacity 1.1s 1.6s, visibility 0.2s 2.2s;}
.allMenu.close .conwrap .img>div{animation:allClose1 2s 0.8s;animation-fill-mode:backwards;}
.allMenu.close .conwrap .menu>ul>li:nth-child(1)>a{animation:allClose2 1.6s 0.8s;animation-fill-mode:backwards;}
.allMenu.close .conwrap .menu>ul>li:nth-child(2)>a{animation:allClose2 1.6s 0.7s;animation-fill-mode:backwards;}
.allMenu.close .conwrap .menu>ul>li:nth-child(3)>a{animation:allClose2 1.6s 0.6s;animation-fill-mode:backwards;}
.allMenu.close .conwrap .menu>ul>li:nth-child(4)>a{animation:allClose2 1.6s 0.5s;animation-fill-mode:backwards;}
.allMenu.close .conwrap .menu>ul>li:nth-child(5)>a{animation:allClose2 1.6s 0.4s;animation-fill-mode:backwards;}







/* btnMore */
.btnMore{
	display:flex;align-items:center;
	height:46px;
}
.btnMore span{font-size:17px;color:#000;font-weight:600;}
.btnMore i{
	display:block;
	width:46px;height:46px;
	margin-left:12px;
	border:1px solid #000;border-radius:50%;
	background:url(/images/common/btnMore_arr2.png) no-repeat center;
	transition:all 0.4s;
}
.btnMore:hover i{
	display:block;
	width:46px;height:46px;
	margin-left:12px;
	border:1px solid #000;border-radius:50%;
	background:#000 url(/images/common/btnMore_arr1.png) no-repeat center;
}
.btnMore.wh span{color:#fff;}
.btnMore.wh i{
	border:1px solid #fff;border-radius:50%;
	background:url(/images/common/btnMore_arr1.png) no-repeat center;
}
.btnMore.wh:hover i{
	border:1px solid #000;
	background:#000 url(/images/common/btnMore_arr1.png) no-repeat center;
}





/* footer */
#footer{position:relative;z-index:100;padding:60px 5%;background:#1a1a1a;}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;}
.foot .logo{width:128px;}
.foot .contact{
	display:flex;
	box-sizing:border-box;
	width:calc(100% - 128px - 330px);
	padding:0 90px;
}
.foot .contact>div{width:35%;}
.foot .contact dl{display:flex;margin-bottom:15px;}
.foot .contact dl:last-child{margin-bottom:0;}
.foot .contact dl dt{
	position:relative;
	width:150px;
	font-family:"Pretendard";font-size:16px;color:#fff;font-weight:500;
}
.foot .contact dl dt:after{
	display:block;content:"";
	width:30px;height:1px;
	background:#5f5f5f;
	position:absolute;right:0;bottom:2px;
}
.foot .contact dl dd{
	width:calc(100% - 150px);
	box-sizing:border-box;
	padding-left:25px;
	font-family:"Pretendard";font-size:16px;color:rgba(255,255,255,0.6);font-weight:500;
}
.foot .contact>div:nth-child(2) dl dt{width:120px;}
.foot .contact>div:nth-child(2) dl dd{width:calc(100% - 120px);}
.foot .copy{
	width:330px;
	margin:60px 0 0;
	font-family:"Pretendard";font-size:16px;color:#969696;text-align:right;
}

@media(max-width:1720px){

	.foot .contact>div{width:45%;}

}
@media(max-width:1540px){

	.foot .contact>div{width:50%;}

}
@media(max-width:1399px){
	
	.foot .contact{display:block;width:calc(100% - 128px);}
	.foot .contact>div{width:100%;}
	.foot .contact>div:nth-child(1){margin-bottom:15px;}
	.foot .contact>div:nth-child(2) dl dt{width:150px;}
	.foot .contact>div:nth-child(2) dl dd{width:calc(100% - 150px);}

}
@media(max-width:1080px){

	.foot .contact{
		box-sizing:border-box;		
		padding:0 90px;
	}
	.foot .copy{width:100%;text-align:left;}

}
@media(max-width:812px){
	
	.foot .logo img{width:auto;height:30px;}
	.foot .contact{display:block;width:100%;padding:40px 0 0;}	
	.foot .contact dl dt{font-size:14px;}
	.foot .contact dl dd{font-size:14px;}
	.foot .copy{font-size:12px;}

}