@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');


/*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:#000;
	font-family:"pretendard","돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal; word-break: keep-all;
}
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:#000;text-decoration:none;cursor:pointer}
a:hover{color:#000;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";}
.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%}
}


#wrap{overflow:hidden;position: relative;}
.innerwrap{position: relative; max-width:1640px;width:92%;margin:0 auto;}




/* header */
#header{position:fixed;left:0;top:0;width:100%;height:120px;z-index:1000; transition: all 0.3s;}
/* #header:before{
	display:block;content:"";
	width:100%;height:100%;
	background:#fff;
	position:absolute;left:0;top:0;
	transform:scaleY(0);transform-origin:top;
	transition:all 0.4s;
} */
.head{
	position:relative;
	width:92%;
	margin:0 auto;
	text-align:center;
}
.head h1{position:absolute;left:0;top:26px;z-index:1000;}
.head h1 a{
	display:block;
	width:162px;height:48px;
	background:url(/images/common/logo2.png) no-repeat center / contain;
	text-indent:-9999px;
}
.head .btnMenu{
	position:absolute;right:0;top:46px;z-index:3000;
	width:40px;height:22px;
	cursor:pointer;
}
.head .btnMenu>div{
	width:calc(100% - 6px);height:3px;
	margin-bottom:6px;
	background:#fff;
	transition: all 0.3s;
}
.head .btnMenu>div:nth-child(1){margin-left:6px;}
.head .btnMenu>div:nth-child(2){}
.head .btnMenu>div:nth-child(3){margin-left:6px;}

.head .btnMenu.open>div:nth-child(1){transform: rotate(45deg) translate(8px, 7px);}
.head .btnMenu.open>div:nth-child(2){opacity: 0;}
.head .btnMenu.open>div:nth-child(3){transform: rotate(-45deg) translate(6px, -4px);}

.head .pcNav{}
.head .pcNav>ul{display:flex;align-items:center;justify-content:center;position:relative;z-index:100;}
.head .pcNav>ul>li{
	display:flex;align-items:center;justify-content:center;
	height:120px;
	margin:0 32px;
}
.head .pcNav>ul>li>a{
	display:block;
	padding:12px 10px;
	font-size:19px;color:#fff;
}



#header.on{background: #fff;}
#header.on .head h1 a{background:url(/images/common/logo1.png) no-repeat center / contain;}
#header.on .pcNav>ul>li>a{color:#000;}
#header.on .head .btnMenu>div{background:#000;}

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


@media (max-width: 1399px){
	#header{height: 70px;}
	.head h1{top: 19px;}
	.head h1 a{width:103px;height:31px;}
	.head .pcNav{display: none;}
	.head .btnMenu{width: 26px;top: 29px;}
	.head .btnMenu>div{width: 100%; height: 2px;}
	.head .btnMenu>div:nth-child(1){margin-left: 0;}
	.head .btnMenu>div:nth-child(2){margin-left: -4px;}
	.head .btnMenu>div:nth-child(3){margin-left: 0;}
		.head .btnMenu.open>div:nth-child(3) {
		transform: rotate(-45deg) translate(4px, -4px);
	}
}

@media (max-width: 812px){
	.head .pcNav{display: none;}
}




/**/
.subMenu{
	display:none;
	position:absolute;left:0;top:100%;
	width:100%;
	background:#fff;
}
.subMenu:before{
	display:block;content:"";
	width:calc(100% - 140px);height:1px;
	background:#ddd;
	position:absolute;left:70px;top:0;
}
.subMenu .conwrap{
	max-width:1640px;
	width:94%;
	margin:0 auto;padding:35px 0;
	height:304px;
}
.subMenu .conwrap .boxwrap{display:none;}
.subMenu .conwrap .boxwrap>div{display:flex;align-items:flex-start;}
.subMenu .conwrap .boxwrap>div .title{
	overflow:hidden;
	position:relative;
	width:367px;height:234px;
	border-radius:13px;
	
}
.subMenu .conwrap .boxwrap>div .title .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.subMenu .conwrap .boxwrap:nth-child(1)>div .title .bg{
	background:url(/images/common/subMenu_bg1.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .conwrap .boxwrap:nth-child(2)>div .title .bg{
	background:url(/images/common/subMenu_bg3.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .conwrap .boxwrap:nth-child(3)>div .title .bg{
	background:url(/images/common/subMenu_bg4.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .conwrap .boxwrap:nth-child(4)>div .title .bg{
	background:url(/images/common/subMenu_bg6.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .conwrap .boxwrap:nth-child(5)>div .title .bg{
	background:url(/images/common/subMenu_bg5.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .conwrap .boxwrap:nth-child(6)>div .title .bg{
	background:url(/images/common/subMenu_bg6.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .conwrap .boxwrap>div .title>div{	
	display:flex;align-items:center;
	position:relative;z-index:100;
	width:100%;height:100%;
	box-sizing:border-box;
	padding:0 35px;
}
.subMenu .conwrap .boxwrap>div .title .tit{font-size:29px;color:#fff;font-weight:500;}
.subMenu .conwrap .boxwrap>div .title .txt{margin-top:18px;font-size:17px;color:rgba(255,255,255,0.8);line-height:1.7em;}
.subMenu .conwrap .boxwrap>div ul{
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	width:calc(100% - 367px);
	padding:0 118px;
}
.subMenu .conwrap .boxwrap>div ul li{
	width:28%;
	margin-right:3%;
	border-bottom:1px solid #ccc;
}
.subMenu .conwrap .boxwrap>div ul li:nth-child(3n){margin-right:0;}
.subMenu .conwrap .boxwrap>div ul li a{
	display:flex;align-items:center;
	position:relative;
	padding:25px 9.5px;
	font-size:19px;color:#000;
}
.subMenu .conwrap .boxwrap>div ul li a:after{
	display:block;content:"";
	width:24px;height:24px;
	background:url(/images/common/subMenu_arr.png) no-repeat;
	background-size:cover;
	position:absolute;right:9.5px;top:50%;
	margin-top:-12px;
	border-radius:50%;
}
.subMenu .conwrap .boxwrap>div ul li:hover a{color:#266ef0;}
.subMenu .conwrap .boxwrap>div ul li:hover a:after{
	background:#000 url(/images/common/subMenu_arr2.png) no-repeat;
	background-size:cover;
}




/* allMenu */
.allMenu{
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;height:100vh;
	background:rgba(0,0,0,0.4);
	backdrop-filter: blur(15px);
	display: none;
	transition: all 1s;
}

.allMenu>.conwrap{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:0 5%;
}
.allMenu>.conwrap>ul{width:100%;}
.allMenu>.conwrap>ul>li{
	display:flex;align-items:center;
	padding:10px 0;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.allMenu>.conwrap>ul>li:last-child{border:0;}
.allMenu>.conwrap>ul>li>a{
	width:500px;
	font-size:87px;font-weight:500;
	color: transparent; 
	-webkit-text-stroke: 1px white;
	transition:all 0.4s;
}
.allMenu>.conwrap>ul>li>.sub{
	visibility:hidden;
	width:calc(100% - 500px);
}
.allMenu>.conwrap>ul>li>.sub>ul{
	display:flex;align-items:center;gap:80px;
	width:100%;
}
.allMenu>.conwrap>ul>li>.sub>ul>li{
	opacity:0;
	transform:translateX(20px);
}

@media (min-width:1400px){
	.allMenu>.conwrap>ul>li:hover>.sub{visibility:visible;}
	.allMenu>.conwrap>ul>li:hover>.sub>ul>li{opacity:1;transform:translateX(0px);}
}

.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(1){transition:all 0.4s 0.1s;}
.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(2){transition:all 0.4s 0.15s;}
.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(3){transition:all 0.4s 0.2s;}
.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(4){transition:all 0.4s 0.25s;}
.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(5){transition:all 0.4s 0.3s;}
.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(6){transition:all 0.4s 0.35s;}
.allMenu>.conwrap>ul>li>.sub>ul>li:nth-child(7){transition:all 0.4s 0.4s;}
.allMenu>.conwrap>ul>li>.sub>ul>li>a{position: relative;font-size:19px;color:#fff;}
.allMenu>.conwrap>ul>li>.sub>ul>li>a:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff;
	transition: all 0.3s;
}
.allMenu>.conwrap>ul>li>.sub>ul>li>a:hover:after{
	width: 100%;
}
@media (min-width:1400px){
.allMenu>.conwrap>ul>li:hover>a{
	background: linear-gradient(135deg, 
		#c9d6ff 0%, #e2e2e2 25%, #ffffff 50%, 
		#e2e2e2 75%, #c9d6ff 100%
	);
	background-size: 200% 200%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
	animation: liquid 3s ease infinite;
	filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.2)) contrast(1.1) brightness(1.1);
	transform:translateX(15px);
}
@keyframes liquid {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}
}

@media (max-width: 1399px){
	.allMenu>.conwrap>ul>li{
		flex-direction: column;
		align-items: normal;
	}
	.allMenu>.conwrap>ul>li>a{
		width: 100%;
		font-size: 80px;
		-webkit-text-stroke: 0.2px white;
	}
	.allMenu>.conwrap>ul>li.on>a{
		color: #fff;
	}
	.allMenu>.conwrap>ul>li>.sub{
		visibility: visible;
		width: 100%;
		margin-top: 10px;
		display: none;
	}
	.allMenu>.conwrap>ul>li>.sub>ul{
		align-items: normal;
		flex-wrap: wrap;
		column-gap: 60px;
		row-gap: 10px;
	}
	.allMenu>.conwrap>ul>li>.sub>ul>li{
		opacity: 1;
		transform: translate(0);
	}
	.allMenu>.conwrap>ul>li>.sub>ul>li>a{font-size: 17px;}
}


@media (max-width: 812px){
	.allMenu>.conwrap>ul>li>a{font-size: 40px;}
	.allMenu>.conwrap>ul>li>.sub>ul>li>a{font-size: 15px;}
}

/* footer */
#footer{padding:80px 0;background:#111;}
.foot{max-width:1780px;width:92%;margin:0 auto;}
.foot .footTop{
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
.foot .footTop>h1{width:300px;}
.foot .footTop>ul{position:relative;padding:0 26px;}
.foot .footTop>ul:before{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.3);
	position:absolute;left:0;top:0;
}
.foot .footTop>ul>li{
	margin-bottom:10px;
	font-size:17px;color:rgba(255,255,255,0.7);
}
.foot .footTop>ul>li:last-child{margin-bottom:0;}
.foot .footTop>ul>li>a{font-size:17px;color:rgba(255,255,255,0.7);}
.foot .footTop>ul:nth-child(2){width:250px;}
.foot .footTop>ul:nth-child(3){width:350px;}
.foot .footTop>ul:nth-child(4){width:calc(100% - 300px - 250px - 350px - 200px);}
.foot .footTop>.family{position: relative;width: fit-content;}
.foot .footTop>.family>a{
	position: relative;
	display:flex;align-items:center;
	width:200px;height:56px;
	box-sizing:border-box;
	padding:0 26px;
	font-size:15px;color:#fff;
	border:1px solid rgba(255,255,255,0.4);border-radius:50px;
}
.foot .footTop>.family>a:after{
	content: "";
	position: absolute;
	right: 26px;
	top: 26px;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	transform: rotate(-45deg);
	transform-origin: center center;
}
.foot .footTop>.family>a.on:after{
	transform: rotate(-225deg);
}
.foot .footTop>.family>ul{
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	background: #000;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	display: none;
}
.foot .footTop>.family>ul>li{
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.foot .footTop>.family>ul>li:last-child{border: none;}
.foot .footTop>.family>ul>li a{
	display: inline-block;
	width: 100%;
	padding: 10px 26px;
	font-size: 14px;
	color: #aaa;
}
.foot .footTop>.family>ul>li a:hover{
	color: #266EF0;
}

.foot .copy{
	padding:48px 0 0;margin-top:48px;
	border-top:1px solid rgba(255,255,255,0.3);
	font-size:17px;color:rgba(255,255,255,0.7);
}
.foot .copy a{color:rgba(255,255,255,0.7);font-size:17px;}

@media (max-width:1399px){
	#footer{padding: 50px 0;}
	.foot .footTop{flex-direction: column; gap: 30px;}
	.foot .footTop>ul{width: 100% !important;padding: 0 15px;}
	.foot .footTop>ul>li{font-size: 14px;}
	.foot .footTop>ul>li>a{font-size: 14px;}
	.foot .copy{font-size: 14px;}
}


.layerPop{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	max-width: 1200px;
	padding: 100px 60px;
	background: #fff;
	border-radius: 13px;
	z-index: 500;
	display: none;
}
.layerPop .x_btn{
	position: absolute;
	right: 35px;
	top: 35px;
}
.layerPop .tit{
	text-align: center;
	margin-bottom: 40px;
	font-size: 34px;
	font-weight: 500;
}
.layerPop .con{
	width: 100%;
	padding: 50px 40px;
	background: #f2f2f2;
	border-radius: 13px;
}
.layerPop .con .inner{
	width: 100%;
	height: 20vh;
	min-height: 250px;
	font-size: var(--font-size-18);
	line-height: 1.6em;
	color: #666;
	overflow-y: auto;
}

.dim{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 100;
	display: none;
}

@media (max-width:812px){
	.layerPop{padding: 40px 4%;}
	.layerPop .tit{font-size: 22px; margin-bottom: 20px;}
	.layerPop .con{padding: 20px;}
	.layerPop .x_btn{width: 20px; right: 20px; top: 20px;}
}


.top_btn{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	background: rgba(199,199,199,0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,0.7);
}
.top_btn i{
	display: block;
	width: 29px;
	height: 29px;
	background: url(/images/common/top_btn.png) no-repeat center / contain;
	transition: all 0.3s;
}
.top_btn:hover i{
	background: url(/images/common/top_btn2.png) no-repeat center / contain;
}