@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@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;box-sizing:border-box;}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#111;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:"Poppins","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%;}
.viewCon a{font-family:inherit;color:inherit;font-size:inherit;}


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

.font1{font-family:"Noto Sans KR";}
.font2{font-family:"Montserrat";}




/*로딩 이미지*/
#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%}
}

/* 로딩스피너 */
#loadingIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	display: none;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid rgba(0, 0, 0, 0.2);
	border-top: 4px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


@keyframes rotateBg{
	0%{transform:translate(-50%,-50%) scale(4) rotate(0);}
	100%{transform:translate(-50%,-50%) scale(4) rotate(360deg);}
}
.bgGradi{
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;	
	background:url(/images/main/gradation-yunjun.png) no-repeat center /cover;
	transform:translate(-50%,-50%);
	animation:rotateBg 30s infinite linear;
}




/* header */
#header{
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;height:90px;
  transition: transform 0.4s;
}
#header:before{
	display:block;content:"";
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transition:all 0.4s;
}
.head{
	position:relative;
	width:94%;height:100%;
	margin:0 auto;
	text-align:center;
}
.head h1{position:absolute;left:0;top:23.81px;}
.head h1 a{
	display:block;
	width:175px;aspect-ratio:175/44.3;
	text-indent:-9999px;
	background:url(/images/common/logo1.png) no-repeat;
	background-size:contain;
}
.head .btnMenu{
	position:absolute;right:0;top:33px;z-index:5000;
	width:34px;height:20px;
	cursor:pointer;
}
.head .btnMenu>div{
	width:100%;height:2px;
	margin-bottom:7px;
	background:#fff;
	transition:all 0.24s;
}
.head .btnMenu.openmenu>div:nth-child(1){transform:translate(0,9px) rotate(45deg);}
.head .btnMenu.openmenu>div:nth-child(2){opacity:0;}
.head .btnMenu.openmenu>div:nth-child(3){transform:translate(0,-9px) rotate(-45deg);}
.head .pcNav{}
.head .pcNav>ul{display:flex;align-items:center;justify-content:center;height:90px;gap:5vw;}
.head .pcNav>ul>li{position:relative;height:100%;}
.head .pcNav>ul>li>a{
	display:flex;align-items:center;justify-content:center;
	height:100%;
	font-family:"pretendard";font-size:var(--font-size-18);color:#fff;font-weight:500;
}
.head .pcNav>ul>li>ul{
	display:none;
	position:absolute;left:50%;top:100%;
	transform:translate(-50%,0px);
	width:200px;
	padding:24px;
	box-sizing:border-box;	
	backdrop-filter: blur(40px);background: rgba(255, 255, 255, 0.23);
}
.head .pcNav>ul>li>ul>li>a{
	display:flex;align-items:center;justify-content:space-between;
	position:relative;
	width:100%;height:56px;
	font-size:var(--font-size-18);font-weight:600;color:rgba(255,255,255,0.4);transition:all 0.24s;
}
.head .pcNav>ul>li>ul>li>a i{
	display:block;
	position:absolute;right:0;top:50%;
	width:26px;height:26px;
	margin-top:-13px;
	background:url(/images/common/sub_arr.png) no-repeat center / cover;
	opacity:0.4;
	transition:all 0.24s;
}
.head .pcNav>ul>li>ul>li:hover>a{color:#fff;}
.head .pcNav>ul>li>ul>li:hover>a i{opacity:1;}



#header.scroll:before{backdrop-filter: blur(40px);background: rgba(255, 255, 255, 0.23);}




/* allMenu */
.allMenu{
	visibility:hidden;
	display:flex;align-items:center;
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;height:100vh;
	background:rgba(190, 190, 190, 0.22);
	backdrop-filter: blur(60px);
	transition:all 1s;
	opacity:0;
}
.allMenu.open{visibility:visible;opacity:1;}
.allMenu>ul{width:100%;}
.allMenu>ul>li{
	display:flex;align-items:center;
	position:relative;
	padding:60px 7%;
}
.allMenu>ul>li:last-child{border:0;}
.allMenu>ul>li:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.3);
	position:absolute;left:0;bottom:0;
	transform-origin:left;
}
.allMenu>ul>li>a{
	width:125px;
	font-size:var(--font-size-36);color:#fff;font-weight:600;
}
.allMenu>ul>li>ul{
	display:flex;gap:80px;
	box-sizing:border-box;
	width:calc(100% - 125px);
	padding-left:10vw;
}
.allMenu>ul>li>ul>li{}
.allMenu>ul>li>ul>li>a{font-size:var(--font-size-22);color:rgba(255,255,255,0.6);}
.allMenu>ul>li>ul>li>a:hover{font-weight:500;color:#fff;}



.allMenu>ul>li:after{transform:scaleX(0);}
.allMenu>ul>li>a{opacity:0;transform:translateX(40px);}
.allMenu>ul>li>ul>li{opacity:0;transform:translateX(40px);}

.allMenu.open>ul>li:after{transform:scaleX(1);transition:all 1.4s 0.3s;}
.allMenu.open>ul>li>a{opacity:1;transform:translateX(0);transition:all 1.4s 0.3s;}
.allMenu.open>ul>li>ul>li{opacity:1;transform:translateX(0);}
.allMenu.open>ul>li>ul>li:nth-child(1){transition:all 1.4s 0.6s;}
.allMenu.open>ul>li>ul>li:nth-child(2){transition:all 1.4s 0.7s;}
.allMenu.open>ul>li>ul>li:nth-child(3){transition:all 1.4s 0.8s;}
.allMenu.open>ul>li>ul>li:nth-child(4){transition:all 1.4s 0.9s;}
.allMenu.open>ul>li>ul>li:nth-child(5){transition:all 1.4s 1s;}




/* btnMore */
.btnMore{
	overflow:hidden;
	display:inline-flex;align-items:center;justify-content:center;gap:17px;
	position:relative;
	width:160px;height:56px;
	padding:12px 35px;
	border:1px solid rgba(255,255,255,0.6);border-radius:30px;
	font-family: Pretendard;font-size:var(--font-size-12);color:#fff;
}
.btnMore:before{
	display:block;content:"";
	width:100%;height:100%;
	background:#ea5515;
	position:absolute;left:0;top:0;
	transform-origin:left;
	transform:scaleX(0);
	transition:all 0.4s;
}
.btnMore span{position:relative;z-index:10;width:calc(100% - 8px);}
.btnMore i{
	display:inline-block;
	position:relative;z-index:10;
	width:8px;aspect-ratio:1/1;
	background:url(/images/common/more_arr.png) no-repeat;
	background-size:cover;
}
.btnMore:hover{border:1px solid #ea5515;color:#fff;}
.btnMore:hover:before{transform:scaleX(1);}



/* footer */
#footer{background:#111;}
.foot{
	display:flex;align-items:flex-end;justify-content:space-between;
	padding:60px 3%;	
}
.foot .con{
	padding:0 40px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.foot .con address{
	margin-top:46px;
}
.foot .con address dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.foot .con address dl dt {
  color: #fff;
  font-family: Pretendard;font-size:var(--font-size-18);line-height:30px;
  min-width: 100px;
}
.foot .con address dl dd {
  font-family: Pretendard;font-size:var(--font-size-18);line-height:30px;
  color:#fff;opacity:0.7;
}
.foot .con address dl dd span {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.foot .con address dl dd span::before{
  content: "";
  width: 1px;
  height: 80%;
  background-color: #fff;
  opacity: 0.7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.foot .copy{font-family: Pretendard;font-size:var(--font-size-18);color:#f4f4f4;opacity:0.3;}





@media(max-width:1399px){

	.head .pcNav{display:none;}
	.allMenu>ul>li>ul{gap:50px;}
	.foot {flex-direction: column;align-items: flex-start;}
	.foot .con {width: 100%;padding: 0;padding-bottom: 20px;border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.foot .con address dl {align-items: flex-start;}
	.foot .con address dl dd span {display: block;margin-left: 0;padding-left: 0;}
	.foot .con address dl dd span::before {display: none;}
	.foot .copy {margin: 20px;}
}
@media(max-width:812px){
	
	#header{height:70px;}
	.head h1 a{width:120px;}
	.head .btnMenu{top:26px;}
	
	.allMenu>ul>li{display:block;padding:20px 0 20px 5%;}
	.allMenu>ul>li>ul{width:100%;padding:0;margin-top:20px;gap:20px;}
	.allMenu>ul>li>ul>li>a{font-size:var(--font-size-16);}

	.foot{display:block;}
	.foot .con{border:0;padding:0;}
	.footLogo img{height:30px;}
	.foot .con address{margin:20px 0 10px;font-size:var(--font-size-14);line-height:150%;}
	.foot .con address dl{align-items:flex-start;}
	.foot .con address dl dt{min-width:60px;font-size:var(--font-size-14);}
	.foot .con address dl dd{font-size:var(--font-size-14);}
	.foot .con address dl dd span{display:block;padding:0;margin:0;font-size:var(--font-size-14);}
	.foot .con address dl dd span:before{display:none;}
	.foot .copy{font-size:var(--font-size-12);}

	.btnMore{height:46px;}

}



.btnTop{
	position:fixed;right:2%;top:85%;z-index:1000;
	width:60px;height:60px;
	background:url(/images/common/btn_top.png) no-repeat center / cover;
	transition:all 0.4s;
}