@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
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:"Wix Madefor Display","Noto Sans KR","돋움",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%;}
.flex-center{
display: flex; align-items: center; justify-content: center;
}
:root{
--kr : "Noto Sans KR";
--wd : "Wix Madefor Display";
--bd : "border-box";
--bk7: rgba(0,0,0,0.7);
--mf : 15px;
--fulls: 100%;
}



html.hidden{overflow:hidden !important;}

#bg_black {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3000;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
}




/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;top:-100px;}

#header:after {
	display: block;
	content: "";
	width: 100%;
	height: 360px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	transform-origin: top;
	transform: scaleY(0);
	transition: all 0.4s;
	z-index: -1;
}

.head{
	position:relative;
	height:90px;
	text-align:center;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.head h1{position:absolute;left:4.68%;top:27px;z-index:2000;}
.head h1 a{
	display:block;
	width:84px;height:32px;
	background:url(/images/common/logo1.png) no-repeat center / contain;
	transition: all 0.4s;
	text-indent: -9999px;
}
.head .pcNav{
/* background: rgba(0,0,0,0.1);backdrop-filter:blur(80px); */
position: relative;height: 90px;transition: all 0.4s;}

.head .pcNav>ul{display:flex;justify-content:center;position: relative;}
.head .pcNav>ul:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #ccc;
	z-index:1999;
	display: none;
}
.head .pcNav>ul>li{width: 200px;}
/* .head .pcNav>ul>li:hover{box-shadow:0 2px 0 #23bef7;} */
.head .pcNav>ul>li>a{
	display: inline-block;
	font-family:"Wix Madefor Display", "Noto Sans KR";font-size:20px;color:#fff;line-height:90px; height: 90px; width: 100%;
	font-weight: 500;
}
.head .pcNav>ul>li:hover>a{
	color: #fff;
}


.head .pcNav>ul>li>ul{
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	height: 360px;
	border-left: 1px solid #eee;
	display: none;
}
.head .pcNav>ul>li>ul:hover{
	background: #f6f6f6;
}
.head .pcNav>ul>li:last-child>ul{
	border-right: 1px solid #eee;
}
.head .pcNav>ul>li>ul>li{
	margin: 21px 0;
}
.head .pcNav>ul>li>ul>li>a{
	font-size: 16px;
	font-weight: 400;
	color: rgba(0,0,0,0.5);
	white-space: nowrap;
}
.head .pcNav>ul>li>ul>li>a:hover{
	font-weight: 500;
	color: rgba(0,0,0,1);
}





.head .gnb{
	display:flex;align-items:center;
	position:absolute;right:4.68%;top:32px;
	z-index:2000;
}
.head .gnb:before{
position: absolute;content:'';
width:1px;height:26px;
background: rgba(255,255,255,0.2);
top:50%;
transform:translateY(-50%);
left:0;
display: none;
}
.head .gnb .lang{box-sizing:border-box;
padding-left: 35px;position: relative;display: flex;margin-left: 38px;margin-right:3vw;}
.head .gnb .lang:before{
position: absolute;content:'';
top:50%;left:0;transform:translateY(-50%);
background: url(/images/common/lang_icon.png)no-repeat center / contain;
width:18px;height:18px;
}
.head .gnb .lang>li{margin-right: 10px;}
.head .gnb .lang>li>a{
color:rgba(255,255,255,0.3);
font-family: "Wix Madefor Display";
font-size:16px;
font-weight: 400;
}
.head .gnb .lang>li.on>a{color:#fff;}
.head .gnb .lang>li:last-child{margin-right: 0;}

.head .gnb .btnMenu{
	position: relative;
	z-index: 2001;
	width:36px;
	cursor:pointer;
}
.head .gnb .btnMenu>div{
	width:100%;height:3px;
	margin-bottom:8px;
	background:#fff;
	
}
.head .gnb .btnMenu>div:nth-child(1){width:66.7%;float:right;}
.head .gnb .btnMenu>div:nth-child(2){float:right;}
.head .gnb .btnMenu>div:nth-child(3){float:left;width:66.7%;margin-bottom:0;}

.open .head .gnb .btnMenu.openmenu>div{color:#fff !important;}

.head .gnb .btnMenu.openmenu>div:nth-child(1){width:100%;float:right;transform:rotate(45deg) translateY(8px);}
.head .gnb .btnMenu.openmenu>div:nth-child(2){width:0;}
.head .gnb .btnMenu.openmenu>div:nth-child(3){float:left;width:100%;margin-bottom:0;transform:rotate(-45deg) translateY(-8px);}


.head{border-bottom: 1px solid #cccccc;;}
.on .head{background: #fff;}
.on .head .pcNav{background: #fff;backdrop-filter:blur(0);}
.on .head .pcNav>ul>li>a{color:#000;}
.on .head .pcNav>ul>li:hover>a{color:#000 !important;}
.on .head .gnb .lang>li.on>a{color:#000;}
.on .head .gnb .lang>li>a{color:rgba(0,0,0,0.3);}
.on .head .gnb .lang:before{mix-blend-mode:difference;filter:grayscale(100%);}
.on .head .gnb .btnMenu>div{background: #000;}
.on.open .head .gnb .btnMenu>div{background: #fff !important;}
.on.open .head .gnb .lang>li.on>a{color:#fff !important;}
.on.open .head .gnb .lang>li>a{color:rgba(255,255,255,0.3) !important;}
/*nav .lnb*/
.head .pcNav>ul>li .lnb{
position: absolute;
top:100%;
left:0;
width:100%;
background:#fff;
/* padding:65px 0 100px; */

opacity: 0;
visibility: hidden;
transition:0.3s;
border-radius:0 0 100px 100px;
overflow:hidden;

}
.head .pcNav>ul>li:hover>.lnb {opacity:1;visibility: visible;}
/* .head .pcNav>ul>li>.lnb {opacity:1;visibility: visible;} */
.head .pcNav>ul>li .lnb .inner {display: flex;width:100%;height:100%;max-width:100%;margin:0 auto;padding:53px 0 80px;}
.head .pcNav>ul>li .lnb .gnb_tit {width:23.2%;box-sizing:border-box;
padding-left: 4.68vw;padding-right: 2.76vw;
display: flex;flex-direction:column;align-items:start;justify-content:flex-end;border-right:1px solid #cccccc;
}
.head .pcNav>ul>li .lnb .gnb_tit>.icon{
	width:49px;height:49px;
	background: url(/images/common/allmenu_icon1.png)no-repeat;
}
.head .pcNav>ul>li .lnb .gnb_tit>strong{
	display: block;margin-top: 35px;
	font-size:34px;color:#000;font-weight: bold;
}
.head .pcNav>ul>li .lnb .title-img{
	width:20.93%;max-width:402px;margin-left: 3.6%;
}
.head .pcNav>ul>li .lnb .title-img .img{
	border-radius:31px;overflow:hidden;
	height:252px;
}
.head .pcNav>ul>li .lnb .title-img .img>div{
	width:100%;height:100%;background: url(/images/common/allmenu_title_img1.png)no-repeat center / cover;
}
.head .pcNav>ul>li:nth-child(2) .lnb .title-img .img>div{background: url(/images/common/nav_title_img2.png)no-repeat center / cover;}
.head .pcNav>ul>li:nth-child(3) .lnb .title-img .img>div{background: url(/images/page/sub_visual3.png)no-repeat right center / cover;}
.head .pcNav>ul>li:nth-child(4) .lnb .title-img .img>div{background: url(/images/page/sub_visual4.png)no-repeat center / cover;}
.head .pcNav>ul>li:nth-child(5) .lnb .title-img .img>div{background: url(/images/page/sub_visual5.jpg)no-repeat center / cover;}
.head .pcNav>ul>li .lnb .lnb_l {display: flex;align-items: start;flex-wrap: wrap;width:calc(100% - 23.2% - 20.93% - 3.6%);box-sizing:border-box;
padding:0 3.177vw 0;padding-right: 18%;align-content:start;}
.head .pcNav>ul>li .lnb .lnb_l>li {width:50%;padding:20px 20px;}
.head .pcNav>ul>li .lnb .lnb_l>li a {display: block;letter-spacing:-0.02em;text-align: left;
	text-transform: uppercase;font-size:22px;color:rgba(0,0,0,0.4);font-weight: 500;font-family: "Noto Sans KR";
}
.head .pcNav>ul>li .lnb .lnb_l>li:hover a{color:#000;font-weight: 600;}

@media screen and (max-width:1640px){
.head .pcNav>ul>li .lnb .gnb_tit{padding-left: 4vw;}
}

@media screen and (max-width:1500px){
	.head .pcNav>ul>li{width:160px;}
	.head .pcNav>ul>li .lnb .lnb_l>li a{font-size:18px;}
	.head .pcNav>ul>li .lnb .title-img .img{height:200px;}
	.head .pcNav>ul>li .lnb .inner{padding:40px 0 60px;}
	.head .gnb .lang{margin-left: 28px;margin-right: 2vw;}
}
@media screen and (max-width:1400px){
	.head .pcNav>ul>li .lnb .lnb_l{padding-right: 6%;}
}
@media screen and (max-width:1200px){
.head .pcNav{display: none !important;}
}
@media screen and (max-width:768px){
.head{height:80px;}
	.head h1{top:24px;}
	.head h1 a{width:68px;height:28px;}
	.head .gnb{top:26px;}
	.head .gnb .lang>li>a{font-size:12px;}
	.head .gnb .btnMenu{width:24px;}
	.head .gnb .btnMenu>div{height: 2px;}
	.head .gnb .lang{margin-right: 4vw;}
	.head .gnb .btnMenu.openmenu>div:nth-child(1){margin-bottom: 0;transform:rotate(45deg) translateX(2px) translateY(2px);}
	.head .gnb .btnMenu.openmenu>div:nth-child(3){margin-bottom: 0;transform:rotate(-45deg) translateX(0) translateY(0px);}
}

/*allMenu*/
.allMenu{
	transform:scale(0);
	position:fixed;left:0;top:0;z-index:100;
	width:100%;height:100vh;
	background-color: rgba(0, 0, 0, 0.3); /* 반투명 배경 */
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);transform: scale(0) translateZ(0); /* GPU 가속 활성화 */
}
.allMenu.open{transform:scale(1) translateZ(0);transition:transform 0s;}

.allMenu:before{
	display:none !important;content:"";
	width:100%;height:100%;
	/* background:rgba(255, 255, 255, 0.2); */
	background:rgba(0,0, 0, 0.3);
	backdrop-filter:blur(80px);  -webkit-backdrop-filter: blur(80px);
	/* background: url(/images/common/allmenu_bg.png); */
	position:absolute;left:0;top:0;
	opacity:0;transition:all 0.5s;
}
.allMenu.open:before{opacity:1;}
.allMenu .innerwrap{display:flex;align-items:center;position:relative;z-index:10;max-width:100%;width:100%;height:100%;}
.allMenu .innerwrap>ul{width:80%;max-width:1480px;margin:0 auto;}
.allMenu .innerwrap>ul>li{
	position: relative;
	display:flex;align-items:center;
	padding:3.5vh 0;
	
}
.allMenu .innerwrap>ul>li>a{
	width:363px;
	display: block;
	font-family:"Wix Madefor Display";font-size:40px;color:#fff;font-weight:bold;
}
.allMenu .innerwrap>ul>li>a:hover{}
.allMenu .innerwrap>ul>li>ul{
	display:flex;
	width:calc(100% - 363px);
}
.allMenu .innerwrap>ul>li>ul>li{margin-right:1.5vw;}
.allMenu .innerwrap>ul>li>ul>li>a{font-family:"Noto Sans KR";font-weight: 400;font-size:18px;color:rgba(255,255,255,0.6);}
.allMenu .innerwrap>ul>li>ul>li>a:hover{text-decoration:underline;color:rgba(255,255,255,1);color:#fff;font-weight: 400;
text-underline-offset:5px;
}

/*allmenu motion*/
/* .allMenu .innerwrap>ul>li>a{opacity:0;transform:translateX(-10px);}
.allMenu.open .innerwrap>ul>li>a{opacity:1;transform:translateX(0);transition:transform 0.8s ease 0.1s;} */

.allMenu .innerwrap>ul>li:before{
	position: absolute;
	bottom:0;left:0;
	content:'';
	background: rgba(255,255,255,0.2);
	width:100%;
	height: 1px;
	width:0;
}
.allMenu .innerwrap>ul>li:nth-child(1):after{
	position: absolute;
	top:0;left:0;
	content:'';
	background: rgba(255,255,255,0.2);
	width:100%;
	height: 1px;
	width:0;
}
.allMenu.open .innerwrap>ul>li:nth-child(1):after,
.allMenu.open .innerwrap>ul>li:before{
	width:100%;
	transition:width 2s ease-in-out;
}

.allMenu .innerwrap>ul>li>ul>li{opacity:0;}
.allMenu.open .innerwrap>ul>li>ul>li{
display: block;
animation-name: fadeLeftText;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.1s;}
.allMenu.open .innerwrap>ul>li>ul>li:nth-child(2){animation-delay:0.2s;}
.allMenu.open .innerwrap>ul>li>ul>li:nth-child(3){animation-delay:0.3s;}
.allMenu.open .innerwrap>ul>li>ul>li:nth-child(4){animation-delay:0.4s;}
.allMenu.open .innerwrap>ul>li>ul>li:nth-child(5){animation-delay:0.5s;}
.allMenu.open .innerwrap>ul>li>ul>li:nth-child(6){animation-delay:0.6s;}

.allMenu .innerwrap>ul>li>a{opacity:0;}
.allMenu.open .innerwrap>ul>li>a{
animation-name: fadeIn;animation-duration:0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.01s;
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
 @keyframes fadeLeftText{
 0%{transform:translate3d(-30px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}

@media screen and (max-width:1400px){
	.allMenu .innerwrap>ul{width:94%;}
}
@media screen and (max-width:1200px){
	.allMenu .innerwrap>ul>li{flex-wrap:wrap;}
	.allMenu .innerwrap>ul>li>a{position: relative;width:100%;}
	.allMenu .innerwrap>ul>li>a:before{
		position: absolute;content:'';
		width:26px;height:15px;
		background: url(/images/common/allmenu_arr.png)no-repeat center;
		background-size:cover;
		right:0;top:50%;transform:translateY(-50%);
		transition: transform 0.3s ease;
	}
	.allMenu .innerwrap>ul>li.act>a:before{transform:translateY(-50%) rotate(180deg);transition: transform 0.3s ease;}
	.allMenu .innerwrap>ul>li>ul{display: none;width:100%;margin-top:10px;}
	.allMenu.open .innerwrap>ul>li>ul>li{margin-top: 10px;display:inline-block;}
}
@media screen and (max-width:768px){
.allMenu{background-color: rgba(0, 0, 0, 0.3); /* 반투명 배경 */}
.allMenu .innerwrap>ul>li{padding:3vh 0;}
.allMenu .innerwrap>ul>li>ul>li{margin-right: 0;width:50%;float:left;}
.allMenu .innerwrap>ul>li>a{font-size:clamp(20px, 6vw, 28px);}
.allMenu .innerwrap>ul>li>a:before{width:15px;height:8px;}
.allMenu .innerwrap>ul>li>ul>li>a{font-size:clamp(14px, 5vw, 16px);}
}

/*footer*/
.foot{width:100%;background: #1a1a1a;box-sizing:border-box;padding:80px 3.646vw 40px;}
.foot * {box-sizing:border-box;}
.foot_inner{position: relative;}
.foot .topwrap{border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 40px;box-sizing:border-box;}
.foot .topwrap .logo{max-width:100px;margin-bottom: 35px;}
.foot .topwrap .address{width:100%;}
.foot .topwrap .address li.flex{display: flex;align-items:start;}
.foot .topwrap .address li, .foot .topwrap .address li>div{font-size:18px;color:rgba(255,255,255,0.7);font-family: "Noto Sans KR";font-weight: 400;}
.foot .topwrap .address li>div>span{font-family: "Wix Madefor Display";}
.foot .topwrap .address li>div{position: relative;padding:0 11px;}
.foot .topwrap .address li>div:before{
	position: absolute;content:'';
	background: rgba(255,255,255,0.3);
	width:1px;height:12px;
	top:8px;
	left:0;
	display: none;
}
.foot .topwrap .address li{padding-bottom: 2px;}
.foot .topwrap .address li>div:first-child{padding-left: 0;}
.foot .topwrap .address li>div:first-child:before{display: none;}
.foot .topwrap .address li>div:last-child{padding-right: 0;}
.foot .botwrap{margin-top: 40px;}
.foot .botwrap .copy{width:100%;font-size:18px;color:rgba(255,255,255,0.2);font-family: "Wix Madefor Display";font-weight: 400;}


@media screen and (max-width: 640px){
	.foot{padding-top: 40px;}
	.foot .topwrap .logo{margin-bottom: 20px;}
	.foot .topwrap .logo>img{max-width:85px;}
	.foot .topwrap .address li, .foot .topwrap .address li>div{font-size:15px;}
	.foot .topwrap .address li.flex{flex-wrap:wrap;}
	.foot .botwrap{margin-top: 24px;}
	.foot .botwrap .copy{font-size:14px;}
	.foot .topwrap{padding-bottom: 22px;}
}
@media screen and (max-width: 360px){
	.foot .topwrap .address li, .foot .topwrap .address li>div{font-size:12px;}
}