@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
@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');
}
@font-face {
	font-family: 'Lora-Italic';
	font-weight: 400;
	font-display: swap;
	font-style:italic;
	src: local('Lora-Italic'), url('/font/woff2/Lora-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Lora-MediumItalic';
	font-weight: 500;
	font-display: swap;
	font-style:italic;
	src: local('Lora-MediumItalic'), url('/font/woff2/Lora-MediumItalic.ttf') format('truetype');
}

/*Common*/
*{margin:0;padding:0;overscroll-behavior: none;}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;word-break:break-all;overscroll-behavior: none;
-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","Pretendard","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%;}
/*header nav-up, down*/
header.nav-down{transition:all 0.4s ease-in-out;}
header.bl{background: #bcbcbc;}
header.nav-up{transform:translateY(-100%);transition:all 0.4s ease-in-out;}
/* header */
header{position:fixed;left:0;top:0;width:100%;z-index:3100;transition:all 0.4s;}
.head{max-width:1760px;width:94%;margin:0 auto;display: flex;align-items:center;justify-content:space-between;height:130px;}
.head h1{z-index:10000;}
.head h1 a{
	display:block;
	width:150px;height:52px;
	background:url(/images/common/logo1.png) no-repeat center;
	background-size:contain;
	text-indent:-9999px;
	transition:all 0.3s;	
}
.head nav>ul{display: flex;gap:50px;}
.head nav>ul>li{position:relative;}
.head nav>ul>li>a{
	color:rgba(255,255,255,0.8);font-size:12px;font-weight: 600;font-family: "Wix Madefor Display";
}
.head nav>ul>li>ul{
	display:none;
	position:absolute;left:0;top:0;
	width:130px;
	padding-top:40px;
}
.head nav>ul>li:before{
	display:block;content:"";
	width:1px;height:105px;
	background:rgba(255,255,255,0.5);
	position:absolute;left:-14px;top:0;
	transform-origin:top;
	transform:scaleY(0);transition:all 0.6s;
}
.head nav>ul>li:nth-child(2):before,
.head nav>ul>li:nth-child(4):before{display:none !important;}
.head nav>ul>li>ul>li{opacity:0;transform:translateY(-10px);margin-bottom:5px;transition:all 0.6s 0.4s;}
.head nav>ul>li>ul>li:last-child{margin-bottom:0;}
.head nav>ul>li>ul>li>a{font-family: "Wix Madefor Display";font-size:12px;color:#fff;font-weight:600;}

.head nav>ul>li.on:before{transform:scaleY(1);transition:all 0.6s;}
.head nav>ul>li.on>ul>li{opacity:1;transform:translateY(0);transition:all 0.6s 1.2s;}

.btnMenu{display:none;}

@media (max-width:1000px){
.head nav{display:none;}
.btnMenu{
		display:block;
		width:26px;
		cursor:pointer;
		position:relative;z-index:2000;
	}
	.btnMenu>div{
		width:100%;height:2px;
		margin-bottom:5px;
		background:#fff;
		transition:all 0.6s;
	}
	.btnMenu.openmenu>div:nth-child(1){transform:rotate(45deg) translateY(9.5px);}
	.btnMenu.openmenu>div:nth-child(2){opacity:0;}
	.btnMenu.openmenu>div:nth-child(3){transform:rotate(-45deg) translateY(-9.5px);}
}

@media(max-width:812px){
	.head{height:80px;}
	.head h1 a{
		width:100px;height:32px;
		background:url(/images/common/logo1.png) no-repeat;
		background-size:contain;
	}
	
	
}


.allMenu{
	overflow:hidden;
	position:fixed;right:-100%;top:0;
	background:rgba(0,0,0,0.95);
	width:70%;height:100vh;
	box-sizing:border-box;
	padding:100px 25px;
	text-align:right;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
	transition:all 0.6s;
	display: flex;
	align-items:center;
	justify-content:center;
}
.allMenu.open{right:0}
.allMenu>ul{width:94%;}
.allMenu>ul>li{
	position:relative;
	overflow:hidden;
	padding-bottom: 5vh;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
/* .allMenu>ul>li:after{
	display:block;content:"";
	width:1px;height:2vh;
	background:#fff;
	position:absolute;right:0;top:5px;
} */
.allMenu>ul>li:last-child{margin-bottom:0;border-bottom: 0;}
.allMenu>ul>li>a{width:100%;padding:5vh 0 0;display: block;font-size:4.7vw;color:#fff;font-weight:600;text-align: center;font-family: "Wix Madefor Display";}
.allMenu>ul>li .dep2{display:none;margin-top: 2.2vh;}
.allMenu>ul>li .dep2>ul>li{margin-bottom:5px;}
.allMenu>ul>li .dep2>ul>li:last-child{margin-bottom:0;}
.allMenu>ul>li .dep2>ul>li>a{text-align: center;display: block;width:100%;font-size:3.4vw;color:#fff;
font-family: "Wix Madefor Display";font-weight: 500;
}
.allMenu>ul>li.act:after{height:calc(100% - 15px - 30px + 7px);}

@media screen and (max-width:1399px){
.allMenu{width:100%;}
}
@media screen and (max-width:812px){
.allMenu>ul>li>a{padding-top: 3vh;}
.allMenu>ul>li{padding-bottom: 3vh;}
}
@media screen and (max-width:450px){
.allMenu>ul>li>a{font-size:6.5vw;color:#fff;font-weight:600;}
.allMenu>ul>li .dep2>ul>li>a{font-size:5.5vw;color:#fff;}
}



/* footer */
/* footer */
footer{width:100%;z-index:50;transition:all 0.4s;background: #222;}
footer .footwrap{
	position: relative;max-width:1760px;width:94%;margin:0 auto;padding:30px 0;
	display: flex;align-items:center;justify-content:space-between;
}
footer .footwrap .copy{
	font-size:13px;color:rgba(255,255,255,0.8);font-family: "Wix Madefor Display";font-weight: 500;
	line-height: 1.6em;
}
footer .footwrap .copy .made{
font:inherit;color:inherit;transition:all 0.2s ease;
}
footer .footwrap .copy .made:hover{font-weight: bold;color:#1bd30a;}
footer .footwrap .links{display: flex;align-items:center;}
footer .footwrap .links .bar{display: block;margin:0 26px;width: 1px;height: 8px;background: rgba(255,255,255,0.5);}
footer .footwrap .links a{
	display:block;
	font-size:13px;color:rgba(255,255,255,0.8);font-family: "Wix Madefor Display";font-weight: 600;
}


@media(max-width:812px){
	footer .footwrap .copy{width:65%;font-size:11px;}
	footer .footwrap .links{width:30%;justify-content:flex-end;}
	footer .footwrap .links .bar{margin:0 10px;}	
	footer .footwrap .links .insta{width:17px;height:17px;}
	footer .footwrap .links a{font-size:11px;}
}