@charset "utf-8";
@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');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..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: "Poppins","Pretendard","Noto Sans KR","돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal;font-style: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{outline:none;border:none;background: 0;}
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%;}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/font/woff2/Pretendard-ExtraBold.otf') format('opentype'), url('/font/woff2/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/font/woff2/Pretendard-Bold.otf') format('opentype'), url('/font/woff2/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/font/woff2/Pretendard-SemiBold.otf') format('opentype'), url('/font/woff2/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/font/woff2/Pretendard-Medium.otf') format('opentype'), url('/font/woff2/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/font/woff2/Pretendard-Regular.otf') format('opentype'), url('/font/woff2/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/font/woff2/Pretendard-Light.otf') format('opentype'), url('/font/woff2/Pretendard-Light.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/font/woff2/Pretendard-ExtraLight.otf') format('opentype'),url('/font/woff2/Pretendard-ExtraLight.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/font/woff2/Pretendard-Thin.otf') format('opentype'), url('/font/woff2/Pretendard-Thin.woff2') format('woff2');
}
/*header*/
#header{
	position:fixed;right:0;top:0;z-index:1100;
	width:100vw;/* padding: 0 80px; */box-sizing:border-box;
}
#header:after {
	content: "";
	width: 100%;
	height: 0;
	background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(15px);
    border-top: 1px solid #c6c6c6;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	transition: all 0.4s;
}
#header.mouseon:after{
	height: 90px;
}
#header.open .head .logo a{background: url(/images/common/logo2.png)no-repeat center / contain;}
.head{max-width:1600px;width:92%;margin:0 auto;height:90px;display: flex;align-items:center;justify-content:space-between;}
.head .logo{width:152px;position:relative;z-index:1100;}
.head .logo a{display:block;width:152px;height:33px;background: url(/images/common/logo2.png)no-repeat center / contain;transition:all 0.4s ease;}
.head #nav{width:calc(100% - 152px - 115px - 3.125vw);}
.head #nav>ul{display: flex;align-items:center;justify-content:flex-end;}
.head #nav>ul>li{position: relative; margin:0 1.04vw; white-space: nowrap;}
.head #nav>ul>li>a{font-size:18px;color:#000;text-align: center;font-weight:400; line-height: 90px;}
.head #nav>ul>li:hover>a, .on .head #nav>ul>li:hover>a{color:#ef4423;}
.head #nav>ul>li>.sub{
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 800px;
}
.head #nav>ul>li>.sub ul{
	display: flex;
	justify-content: center;
}
.head #nav>ul>li>.sub li{
	padding: 0 1.04vw;
	position: relative;
	display: inline-block;
}
.head #nav>ul>li>.sub li:before{position: absolute;content:"";width: 1px;height: 12px;background: #9c8e86;
top:50%;right:0;transform:translate(0,-50%);}
.head #nav>ul>li>.sub li:last-child{padding-right:0;}
.head #nav>ul>li>.sub li:last-child:before{width:0;}
.head #nav>ul>li>.sub li a{
text-align: center;
	position:relative;
	display:block;
	width:100%;
	line-height: 90px;
	padding:0px 0;	
	white-space:nowrap;
	font-size:18px;color:rgba(0,0,0,0.8);font-weight:400;
	font-family: "Poppins";
}
.head #nav>ul>li>.sub li:hover a{
	color:#ef4423;
}
.head .gnb{display: flex;align-items:center;margin-left: 3.125vw;}
.head .gnb>.lang>a{
text-indent:-9999px;
display: block;background: url(/images/common/lang_bk.png)no-repeat center / contain;width: 33px;height: 33px;
}
.head .gnb>.btnMenu{position: relative;z-index:1100;margin-left: 2vw;width:43px;height:26px;}
.head .gnb>.btnMenu>div{width:100%;height:4px;background: #000;margin-bottom: 7px;transition:width 0.4s;}
.head .gnb>.btnMenu>div:last-child{margin-bottom: 0;}

/*openmenu*/
.head .gnb>.hamburger_btn.openmenu{}
.head .gnb>.hamburger_btn.openmenu>div>span{background: #222222 !important;}





.wh.head .logo a{background: url(/images/common/logo1.png)no-repeat center;transition:all 0.4s ease;}
.wh.head #nav>ul>li>a{color:#fff;font-weight:400;}
.wh.head .gnb>.btnMenu>div{background: #fff;}
.wh.head .gnb>.lang>a{
display: block;background: url(/images/common/lang.png)no-repeat center / contain;
}
#header.on{background: #fff;}
.on .head .logo a{background: url(/images/common/logo2.png)no-repeat center;transition:all 0.4s ease;}
.on .head #nav>ul>li>a{color:#000;}
.on .head .gnb>.lang>a{
display: block;background: url(/images/common/lang_bk.png)no-repeat center / contain;
}
.on .head .gnb>.btnMenu>div{background: #000;}


@media screen and (max-width:1399px){
#header{width:100%;}
.head .logo{width:125px;}
.head .logo a{background-size:contain !important;width:125px;}
.head .gnb{margin-left: 0;}
.head .gnb>.lang>a{width:28px;height:28px;}
}
@media screen and (max-width:1280px){
.head #nav{opacity:0;visibility:hidden;display: none;}
}
@media screen and (max-width:989px){
#header{width:100%;}
.head{height: 75px;}
.head .logo{width:105px;}
.head .logo a{background-size:contain !important;width:105px;}
.head .gnb{margin-left: 0;}
.head .gnb>.lang>a{width:24px;height:24px;}
.head .gnb>.btnMenu{width:35px;}
.head .gnb>.btnMenu>div{height: 3px;}
}


/* sub nav */
.sub_nav{
display:none;
	box-sizing:border-box;
	position:absolute;left:0;top:90px;
	width:100%;
	padding:30px 7.5%;
	background:rgba(255,255,255,0.3);
	backdrop-filter:blur(15px);
	border-top:1px solid #c6c6c6;
	/* box-shadow:0 1px 0 #ddd inset; */
}
.sub_nav .menuwrap{display:none;}
.sub_nav .menuwrap>div{display:flex;align-items:center;width:auto;}


.sub_nav .menuwrap>div ul{
	display:flex;flex-wrap:nowrap;
	align-items:center;
	box-sizing:border-box;
	
	position: relative;
}

.sub_nav .menuwrap:nth-child(1)>div ul{left:26%;}
.sub_nav .menuwrap:nth-child(2)>div ul{left:45%;}
.sub_nav .menuwrap:nth-child(3)>div ul{left:57%;}
.sub_nav .menuwrap:nth-child(4)>div ul{left:67%;}
.sub_nav .menuwrap:nth-child(5)>div ul{left:65%;}
.sub_nav .menuwrap:nth-child(6)>div ul{left:74.5%;}

.sub_nav .menuwrap>div ul li{/* opacity:0; */width:auto;padding:0 1.04vw;position: relative;}
.sub_nav .menuwrap>div ul li:before{position: absolute;content:"";width: 1px;height: 12px;background: #9c8e86;
top:50%;right:0;transform:translate(0,-50%);}
.sub_nav .menuwrap>div ul li:last-child{padding-right:0;}
.sub_nav .menuwrap>div ul li:last-child:before{width:0;}
.sub_nav .menuwrap>div ul li a{
text-align: center;
	position:relative;
	display:block;
	width:100%;
	padding:0px 0;	
	white-space:nowrap;
	font-size:18px;color:rgba(0,0,0,0.8);font-weight:400;
	font-family: "Poppins";
}
.sub_nav .menuwrap>div ul li:hover a{
	color:#ef4423;
}

/*allmenu*/
#allmenu {position: fixed;top:0;left:0;width:100%;height: 100vh;background:#fff;z-index:1000;display:none;}
#allmenu .bg{
	position: absolute;content:'';
	background: #fff url(/images/common/allmenu_bg.png)no-repeat center;
	width:100%;height:100%;
	bottom:0;right:0;
}
#allmenu .inner {display:flex;align-items:center;width:100%;height:100%;padding:100px 5% 4.5vh;margin:0 auto;
box-sizing:border-box;}
#allmenu .inner .all_img {position: relative;z-index:1100;width:36%;max-width:620px;height:100%;}
#allmenu .inner .all_img.mo{display: none;}
#allmenu .inner .all_img img {width:100%;height: 100%;}
#allmenu .inner .gnb {position: relative;z-index:1100;width:56%;height: 100%;display: flex;align-items: center;box-sizing:border-box;padding-left: 5.2vw;}
#allmenu .inner .gnb .small_img{
	overflow:hidden;position:absolute;
	right:-2.6vw;bottom:0;
	border-radius:50px;
	max-width:330px;
	width:17.18vw;
}
#allmenu .inner .gnb > ul {position: relative;z-index:10;display:flex;flex-wrap:wrap;width:100%;align-items:start;
gap:6.2vw 3.65vw;
}
#allmenu .inner .gnb > ul > li {width: calc((100% - 3.65vw * 2) / 3);box-sizing:border-box;}

#allmenu .inner .gnb > ul > li > a {position: relative;display: block;font-size:28px;box-sizing:border-box;padding-bottom: 24px;
font-weight:600;color:#111111;font-family:"Poppins";letter-spacing:-0.025em;}
#allmenu .inner .gnb > ul > li > a:before{
	position: absolute;content:'';
	width:100%;height:1px;
	background: #797d7f;
	bottom:0;left:0;
}
#allmenu .inner .gnb > ul > li .lnb {padding-top:30px;}
#allmenu .inner .gnb > ul > li .lnb > ul > li {}
#allmenu .inner .gnb > ul > li .lnb > ul > li + li {margin-top:7px;}
#allmenu .inner .gnb > ul > li .lnb > ul > li > a{display: block;font-size:18px;letter-spacing:-0.01em;color:rgba(0,0,0,0.7);transition:all 0.1s;font-weight: 400;
font-family: "Poppins","Pretendard", "Noto Sans KR", sans-serif;position: relative;}

#allmenu .inner .gnb > ul > li:hover > a{color:#ef4423;}
#allmenu .inner .gnb > ul > li:hover > a:before{background:#ef4423 ;}
#allmenu .inner .gnb > ul > li .lnb > ul > li:hover > a{color:#ef4423;font-weight: 500;transition:all 0.2s;transform:translateX(2px);}
#allmenu .inner .gnb > ul > li.active > a{color:#ef4423;}
#allmenu .inner .gnb > ul > li.active > a:before{background:#ef4423;}

/**/
.open .head .pc_nav{display: none;}
.open .head .gnb .btnMenu.openmenu{}
.open .head .gnb .btnMenu.openmenu>div{width:34px;height:3px;background: #000;transform:translateY(6px) rotate(45deg);margin-bottom: 0;
transition:transform 0.4s ease-in-out;}
.open .head .gnb .btnMenu.openmenu>div:nth-child(2){opacity:0;}
.open .head .gnb .btnMenu.openmenu>div:nth-child(3){transform:translateY(0px) rotate(-45deg);
transition:transform 0.4s ease-in-out;}
.open .head .gnb .btnMenu.openmenu>div>span{display: none;}


/*allmenu motion*/

#allmenu .inner .all_img{opacity:0;}
#allmenu .inner .gnb .small_img{opacity:0;}
#allmenu .inner .gnb > ul > li{opacity:0;}

#allmenu.on .inner .all_img{
	animation-name: fadeImgLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
	animation-delay:0.05s;
}
#allmenu.on .inner .gnb .small_img{
	animation-name: fadeSimg;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
	animation-delay:0.35s;
}
@keyframes fadeSimg{
 0%{transform:translate3d(20%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
#allmenu.on .inner .gnb > ul > li{
	animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
	animation-delay:0.1s;
}
#allmenu.on .inner .gnb > ul > li:nth-child(2){animation-delay:0.15s;}
#allmenu.on .inner .gnb > ul > li:nth-child(3){animation-delay:0.2s;}
#allmenu.on .inner .gnb > ul > li:nth-child(4){animation-delay:0.25s;}
#allmenu.on .inner .gnb > ul > li:nth-child(5){animation-delay:0.3s;}
#allmenu.on .inner .gnb > ul > li:nth-child(6){animation-delay:0.35s;}
@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(70%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeRight2{
 0%{transform:translate3d(40%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 100px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}

@media screen and (max-width:1399px){
/*allmenu*/
#allmenu .inner .gnb{padding-left: 4vw;}
#allmenu .inner .gnb > ul {gap:5vw 2.5vw;}
#allmenu .inner .gnb > ul > li{width:calc((100% - 2.5vw * 2) / 3);}
#allmenu .inner .gnb > ul > li > a{padding-bottom: 20px;font-size:24px;}
#allmenu .inner .gnb > ul > li .lnb{padding-top: 25px;}
#allmenu .inner .gnb > ul > li .lnb > ul > li > a{font-size:16px;}
#allmenu .inner .all_img{height:auto;}

}
@media screen and (max-width:1280px){
/*allmenu*/
	/* #allmenu .inner{display: block;}
	 #allmenu .inner .all_img{width:100%;height:50%;max-width:100%;}  */
	#allmenu .inner{padding:100px 2% 4.5vh;}
}
@media screen and (max-width:990px){
/*allmenu*/
	#allmenu .inner{display: block;}
	 #allmenu .inner .all_img{ width:100%; height:50%;max-width:100%;margin:0 auto;}  
	 #allmenu .inner .all_img img{
	 display: block;
    margin: 0 auto;
   width:auto;
    height: 100%;
    object-fit: contain;
	 }
	 #allmenu .inner .all_img.mo{display: block;}
	 #allmenu .inner .all_img.pt{display: none;}
	 #allmenu .inner .gnb{width:100%;height:50%;align-items:start;box-sizing:border-box;padding:4vh 0;}
	 #allmenu .inner .gnb > ul{
		display: block;
		position: relative;
	 }
	 #allmenu .inner .gnb > ul > li{width:100%;margin-right: 0;margin:2vh 0; width:50%;}
	 #allmenu .inner .gnb > ul > li > a{
	 position: relative;
	 width:50%;padding-bottom: 0;font-size:min(3.5vw, 25px);width:100%;
	 padding-left: 4vw;}
	  #allmenu .inner .gnb > ul > li > a:before{width:4px;height:60%;left:0;top:50%;transform:translateY(-50%);background: #ef4423;
	  opacity:0;
	  }
	 #allmenu .inner .gnb > ul > li.act > a:before{
	 opacity:1;
	 
	 }
	 #allmenu .inner .gnb > ul > li .lnb{
	 width:100%;
	 padding-left: 4vw;
	margin-top: min(20px, 2vh);
padding-top: 0;
	z-index:2000;
	 display: none; 
	 
	}
	
	#allmenu .inner .gnb > ul > li .lnb > ul > li > a{font-size:min(2.2vw, 15px);}
	#allmenu .inner .gnb > ul > li .lnb > ul{}

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

	
	/*allmenu*/+
	#allmenu .inner{padding:80px 2% 4.5vh;}
	
}
@media screen and (max-width:600px){
/*allmenu*/
	#allmenu .inner .gnb > ul > li > a{font-size:clamp(20px,6vw, 26px);}
	#allmenu .inner .gnb > ul > li .lnb > ul > li > a{font-size:min(3vw, 15px);}
	#allmenu .inner .all_img img{width:100%;object-fit:fill;}
	#allmenu .inner .gnb > ul > li .lnb > ul > li + li{margin-top: 4px;}
	
}