@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Lora:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');

/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll;overflow-x:hidden;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-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:"Lora", "sans-serif";
	font-size:16px;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:"Lora";}
.font2{font-family:"Cormorant Garamond";}
#wrap{
	position:relative;
	width:100%;
	overflow:hidden;
}



/* header */
#header{
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;
	text-align:center;
}
.head{position:relative;width:100%;padding:40px 0;transition:all 0.6s;}
.head h1{display:inline-block;}
.head h1 a{
	display:block;
	width:166px;height:27px;
	background:url(/images/common/logo1.png) no-repeat;
	text-indent:-9999px;
}
.head .menu{
	position:absolute;left:2%;top:46px;
	display:flex;
	transition:all 0.6s;
}
.head .menu li{margin-right:15px;}
.head .menu li a{font-size:14px;color:rgba(255,255,255,0.8);}
.head .gnb{
	display:flex;align-items:center;
	position:absolute;right:2%;top:38px;
	transition:all 0.6s;
}
.head .gnb .language{position: relative;margin-right:40px;cursor:pointer;}
.head .gnb .language>a{
	display:block;
	width:29px;height:29px;
	background:url(/images/common/icon_lang.png) no-repeat;
	text-indent:-9999px;
}
.head .gnb .language>ul{
width:70px;display: none;
position: absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
}
.head .gnb .language>ul>li{
	margin: 0;
	width:100%;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 5px 0;
}

.head .gnb .language>ul>li:last-child{border-top:0;}
.head .gnb .language>ul>li>a{
display: block;
font-size:14px;
text-align: center;
    color: #000;
}
.head .gnb .language>ul>li:hover a{font-weight: 500;}
.head .gnb .btn_menu{
	position:relative;z-index:1000;
	width:26px;height:26px;
	cursor:pointer;
}
.head .gnb .btn_menu>div{
	position:relative;
	width:100%;height:4px;
	margin-bottom:7px;
}
.head .gnb .btn_menu>div:before{
	display:block;content:"";
	width:4px;height:4px;
	background:#fff;
	position:absolute;left:0;top:0;
}
.head .gnb .btn_menu>div:after{
	display:block;content:"";
	width:4px;height:4px;
	background:#fff;
	position:absolute;right:0;top:0;
}
.head .gnb .btn_menu>div span{
	display:block;content:"";
	width:4px;height:4px;
	background:#fff;
	position:absolute;left:50%;top:0;margin-left:-2px;
}
.head .gnb .btn_menu>div:nth-child(2) span{display:none;}
.head .gnb .btn_menu>div:nth-child(3){margin-bottom:0;}


@media(max-width:767px){
	#header{text-align:left;}
	.head h1{margin-left:3%;}
	.head .menu{display:none;}
	.head .gnb{right:3%;}
}

@media screen and (max-width:420px){
.head .gnb .language{margin-right: 12px;}
.head .gnb .language>ul>li>a{font-size:13px;}
}



/*allmenu*/
.allmenuBg{
	display:block;
	width:46px;height:46px;
	background:rgba(0,0,0,0.9);
	border-radius:50%;
	position:absolute;left:calc(97% - 0px);top:36px;z-index:1000;
	transform:translate(-50%,-50%) scale(0);
	transition:all 0.8s ease-in-out;
}
.allmenuBg.on{transform:translate(-50%,-50%) scale(100);}
.allmenu{
	position:absolute;left:0;top:0;z-index:2000;
	box-sizing:border-box;
	width:100%;height:100vh;
	transform:scale(0);
	text-align:center;
}
.allmenu.open{transform:scale(1);transition:transform 0s 0.8s;}
/*close*/
.allmenu.open > .all_close{
	position: absolute;top:40px;right:2%;
	cursor:pointer;
	border:0;background:0;
	z-index:5000;
}
.allmenu.open > .all_close > div{
	display:block;position: relative;
	width:100%;height:2px;
	margin-bottom:6px;
	transition:all 0.4s;	
}
.allmenu.open > .all_close > div:nth-child(1){width:100%;transform: translateY(8px) rotate(45deg);transition:all 0.4s;	}
.allmenu.open > .all_close > div:nth-child(2){opacity:0;}
.allmenu.open > .all_close > div:nth-child(3){width:100%;transform: translateY(-8px) rotate(-45deg);transition:all 0.4s;	}


.allmenu .allmenuwrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.allmenu .allmenuwrap>ul{display:flex;justify-content:flex-start;position:relative;width:100%;height:100%;flex-wrap:wrap;}
.allmenu .allmenuwrap>ul>li{
	position:relative;
	width:100%;height:20%;
	border-bottom:1px solid rgba(255,255,255,0.2);
	text-align:left;
}
.allmenu .allmenuwrap>ul>li>a{
	display:flex;align-items:center;
	position:relative;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:0 5% 0;
	font-family:"Cormorant Garamond";
	font-size:96px;color:#fff;font-weight:600;line-height:0.8em;
}
.allmenu .allmenuwrap>ul>li>a span{position:relative;display:inline-block;}
.allmenu .allmenuwrap>ul>li>a span:after{
	display:block;content:"";
	width:0;height:4px;
	background:#fff;
	position:absolute;left:0;bottom:-3px;
	transform-origin:left;
	transform:scaleX(0);
	transition:all 0.6s;
}
.allmenu .allmenuwrap>ul>li:hover>a span:after{width:100%;transform:scaleX(1);}
/* .allmenu .allmenuwrap>ul>li:nth-child(even)>a{justify-content:flex-end;text-align:right;} */

.allmenu .allmenuwrap>ul>li>ul{overflow:hidden;display:block;position:absolute;top:50%;transform:translateY(-50%);
left:60%;width:40%;
}
/* .allmenu .allmenuwrap>ul>li:nth-child(odd)>ul{right:5%;} */
/* .allmenu .allmenuwrap>ul>li:nth-child(even)>ul{left:5%;} */
.allmenu .allmenuwrap>ul>li>ul>li{display:inline-block;margin-bottom:10px;opacity:0;transform:translateY(40px);}
.allmenu .allmenuwrap>ul>li>ul>li:last-child{margin-bottom:0;}
.allmenu .allmenuwrap>ul>li>ul>li>a{
	display:block;text-align: left !important;position: relative;
	color:rgba(255,255,255,0.7);font-size:18px;font-weight: 300;
	box-sizing:border-box;padding-right:40px;
}
/* .allmenu .allmenuwrap>ul>li:nth-child(odd)>ul>li>a{padding-left:40px;}
.allmenu .allmenuwrap>ul>li:nth-child(even)>ul>li>a{padding-right:40px;} */
.allmenu .allmenuwrap>ul>li>ul>li>a:hover{color:#fff;font-weight: 400;transition: all 0.1s ease-in-out;}
.allmenu .allmenuwrap>ul>li>ul.depth3_list{
overflow:hidden;display:block;position:absolute;top:70%;transform:translateY(-50%);left:62%;width:40%;
display: none;}
.allmenu .allmenuwrap>ul>li>ul.depth3_list>li{position: relative;box-sizing:border-box;padding-left:15px;}
.allmenu .allmenuwrap>ul>li>ul.depth3_list>li:before{
position: absolute;content:'';width:5px;height:1px;top:11px;left:0px;background: url(/images/common/depth3_bar.png)no-repeat center;
}


@media screen and (max-width: 1620px){
.allmenu .allmenuwrap>ul>li>a{font-size:82px;}
}

@media(max-width:1400px){
	.allmenu .allmenuwrap>ul{display:block;position:relative;height:auto;}
	.allmenu .allmenuwrap>ul>li{box-sizing:border-box;height:auto;padding:40px 0;}
	.allmenu .allmenuwrap>ul>li>a{justify-content:center;font-size:60px;height:auto;text-align:center;}
	.allmenu .allmenuwrap>ul>li:nth-child(even)>a{justify-content:center;text-align:center;}
	.allmenu .allmenuwrap>ul>li:hover>a span:after{transform:scaleX(0);}
	.allmenu .allmenuwrap>ul>li.act>a span:after{width:100%;transform:scaleX(1);}
	.allmenu .allmenuwrap>ul>li>ul{
		display:none;
		position:static;width:100%;text-align:center;justify-content:center;margin-top:30px;
		transform: translateY(-0%);
	}
	.allmenu .allmenuwrap>ul>li:nth-child(odd)>ul>li>a{padding-left:0px;}
	.allmenu .allmenuwrap>ul>li:nth-child(even)>ul>li>a{padding-right:0px;}
	.allmenu .allmenuwrap>ul>li>ul>li>a{margin:0 20px;}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list{
		position: static;
		width: 100%;
		text-align:center;
		justify-content: center;
		margin-top: 7px;
		transform: translateY(-0%);
		display: none;
	}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list>li{margin-bottom: 3px;padding-left:1px;}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list>li:before{top:6px;}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list>li>a{font-size:13px;padding-right:10px;}
}
@media(max-width:900px){
	
	.allmenu .allmenuwrap>ul>li{padding:30px 0;}
	.allmenu .allmenuwrap>ul>li>a{font-size:34px;}
	.allmenu .allmenuwrap>ul>li>ul>li>a{margin:0 10px;font-size:15px;}
}
@media screen and (max-width: 460px){
.allmenu .allmenuwrap>ul>li>ul>li>a{font-size:13px;padding-right:9px;}
.allmenu .allmenuwrap>ul>li>ul.depth3_list{
		position: static;
		width: 100%;
		text-align:center;
		justify-content: center;
		margin-top: 5px;
		transform: translateY(-0%);
		display: none;
	}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list>li{margin-bottom: 2px;padding-left:0px;}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list>li:before{top:5px;}
	.allmenu .allmenuwrap>ul>li>ul.depth3_list>li>a{font-size:11px;padding-right:10px;}
}




/*motion*/
.allmenu.open:before{top:40%;transition:all 1.4s 0.7s;}
.allmenu.open .allmenuwrap>ul>li:after{height:100%;transition:height 1s 0.7s ease;}
.allmenu.open .allmenuwrap>ul>li>a, .allmenu.open .allmenuwrap>ul>h1>a{transform:translateY(0);opacity:1;transition:all 1s 0.7s;}
.allmenu.open .allmenuwrap>ul>li>ul>li{opacity:1;transform:translateY(0);}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(1){transition:all 1s 0.8s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(2){transition:all 1s 0.9s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(3){transition:all 1s 1.0s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(4){transition:all 1s 1.1s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(5){transition:all 1s 1.2s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(6){transition:all 1s 1.3s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(7){transition:all 1s 1.4s;}




/**/
#header.scroll{background:rgba(0,0,0,0.7);}
#header.scroll .head{padding:22px 0;}
#header.scroll .head .menu{top:25px;}
#header.scroll .head .gnb{top:21px;}
#header.scroll .allmenu.open > .all_close{top:23px;}




/* footer */
#footer{}
#footer .partner{
	padding:55px 0;
	border-top:1px solid #ddd;
}
#footer .partner .swiper-wrapper{
	display:flex;align-items:center;
	transition-timing-function: linear;
}
#footer .partner .swiper-slide{width:100px;text-align:center;}
#footer .partner .swiper-slide img{display: block;}
.foot{
	display:flex;justify-content:space-between;align-items:start;
	position:relative;
	padding:60px 6%;background:#000;
}
.foot .foot_logo{width:158px;}
.foot .info{
	box-sizing:border-box;
	width:calc(100% - 158px - 50px);
	padding:0 7%;
}
.foot .info dl{display:flex;margin-bottom:10px;}
.foot .info dl dt{width:175px;color:rgba(255,255,255,0.8);}
.foot .info dl dd{width:calc(100% - 175px);color:rgba(255,255,255,0.8);}
.foot .copy{font-size:14px;color:rgba(255,255,255,0.6);margin-top: 30px;}
.foot .sns{display: flex;align-items:center;}
.foot .sns>li{margin-right: 8px;display: none;}
.foot .sns>li:last-child{margin-right: 0;}
.foot .sns>li:first-child{display: block;}
.foot .sns .snsbtn{width: 50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,0.6);
display: flex;align-items:center;justify-content:center;}
.foot .sns .snsbtn img{max-width:100%;}
.foot .btn_top{
	position:absolute;right:0;top:60px;
}


@media(max-width:1220px){
	#footer .partner{padding:35px 0;}
	.foot{display: block;position: relative;}
	.foot .info{width:100%;padding:0;margin-top:45px;}
	.foot .sns{box-sizing:border-box;width:100%;padding:0;margin-top: 40px;}
	.foot .sns{padding:0;position: static;width:166px;margin-top: 45px;}
	.foot .sns .snsbtn{width: 50px;height:50px;box-sizing:border-box;}
	.foot .sns .snsbtn img{max-width:100%;}
}
@media(max-width:767px){
	#footer .partner{padding:15px 0;}
	#footer .partner .swiper-slide{box-sizing:border-box;width:60px;text-align:center;}
	#footer .partner .swiper-slide img{display:inline-block;width:100%;height:auto}
	.foot{display:block;position: relative;}
	.foot .info{width:100%;margin:35px 0 0px;padding:0;}
	.foot .info dl{display:block;}
	.foot .info dl dt{margin-bottom: 5px;font-size:14px;}
	.foot .info dl dd{width:100%;font-size:14px;}
	.foot .copy{font-size:13px;}
	.foot .sns{padding:0;/* position: absolute;top:60px;right:6%; */position: static;width:136px;margin-top: 30px;}
	.foot .sns .snsbtn{width: 40px;height:40px;box-sizing:border-box;}
	.foot .sns .snsbtn img{transform:scale(0.8);}

	#footer .partner .swiper-slide.m_w1{padding:0 2%}

}