@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
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:"Inter","Noto Sans SC", "Noto Sans KR","돋움",dotum,sans-serif; word-break:break-word;word-wrap:normal;
	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%;}
.dn{display: none;}

#wrap{overflow:hidden;}


/* header */
#header{position:fixed;left:0;top:0;width:100%;z-index:1000;transition:all 0.8s;}
.head{position:relative;height:100px;text-align:center;
/* background: url(/images/common/head_bg.png)no-repeat center; */
}
.head h1{position:absolute;left:4%;top:28px;z-index:3000;}
.head h1 a{
	display:block;
	width:139px;height:44px;
	background:url(/images/common/logo1.png) no-repeat center;
	text-indent:-9999px;
}
.head .pc_nav{}
.head .pc_nav>ul{display:inline-flex;}
.head .pc_nav>ul>li{margin:0 50px;}
.head .pc_nav>ul>li>a{
	font-family:"Inter";font-size:20px;color:#fff;font-weight:400;line-height:100px;
}

.head .gnb{display:flex;align-items:center;position:absolute;right:4%;top:30px;z-index:3000;}
.head .gnb>ul{display:flex;}
.head .gnb>ul>li{
	position:relative;
	padding-right:10px;margin-right:8px;
	
}
.head .gnb>ul>li:after{
	display:block;content:"";
	width:1px;height:10px;
	background:rgba(255,255,255,0.3);
	position:absolute;right:0;top:3px;
}
.head .gnb>ul>li:last-child:after{display:none;}
.head .gnb>ul>li>a{display:block;font-family:"Inter";font-size:12px;color:#fff;font-weight: 500;}
.head .gnb>ul>li.language{position:relative;box-sizing:border-box;z-index:3000;
	width:70px;height:40px;border-radius:20px;
	border:1px solid rgba(255,255,255,0.65);
	display: flex;align-items:center;
	text-align: center;justify-content:center;
	}
.head .gnb>ul>li.language>a{
position: relative;cursor:pointer;
margin:0;padding-right:6px;}
.head .gnb>ul>li.language>a:after{
	display:block;content:"";
	width:4px;height:4px;
	border-right:1px solid rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.9);
	position:absolute;right:-8px;top:50%;margin-top:-4px;
	transform:rotate(45deg);
	transition:all 0.24s;
}
.head .gnb>ul>li.language.on>a:after{transform:rotate(225deg);margin-top: -2px;}
.head .gnb>ul>li.language>ul{
	display:none;
	position:absolute;left:50%;top:100%;z-index:1000;
	transform:translateX(-50%);margin-top:10px;
}
.head .gnb>ul>li.language>ul>li{margin-bottom:5px;}
.head .gnb>ul>li.language>ul>li>a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:64px;height:32px;
	border:1px solid #fff;border-radius:16px;
	font-family:"Inter";font-size:12px;color:#fff;font-weight: 500;text-align:center;
}
.head .gnb>ul>li.language>ul>li>a:hover{
	background:#e6ff75;border:1px solid #e6ff75;color:#000;
}
.head .gnb .btn_menu{
	width:32px;height:22px;
	margin-left:25px;
	position: relative;z-index:5000;
	cursor:pointer;
}
.head .gnb .btn_menu>div{
	height:2px;
	background:#fff;
	transition:all 0.4s;
	margin-bottom: 5px;
}
.head .gnb .btn_menu>div:nth-child(1){float:right;width:87.5%;}
.head .gnb .btn_menu>div:nth-child(2){float:left;width:87.5%;}
.head .gnb .btn_menu>div:nth-child(3){float:right;width:87.5%;}
.head .gnb .btn_menu>div:nth-child(4){float:left;width:87.5%;margin-bottom: 0;}

/* .head .gnb .btn_menu.openmenu>div{transition:all 0.4s;}
.head .gnb .btn_menu.openmenu>div:nth-child(1){width:100%;transform:rotate(45deg) translateY(8px);}
.head .gnb .btn_menu.openmenu>div:nth-child(2){width:0%;margin:0;}
.head .gnb .btn_menu.openmenu>div:nth-child(3){width:100%;transform:rotate(-45deg) translateX(-6px) translateY(-2px);} */

/*bl head*/
.bl .head h1 a{
	background:url(/images/common/logo2.png) no-repeat center;
}
.bl .head .pc_nav>ul>li>a{color:#121212;font-weight: 500;}
.bl .head .gnb>ul>li.language{border:1px solid rgba(0,0,0,0.65);}
.bl .head .gnb>ul>li>a{color:#000;font-weight: 500;}
.bl .head .gnb>ul>li.language>a:after{border-right:1px solid rgba(0,0,0,0.9);border-bottom: 1px solid rgba(0,0,0,0.9);}
 .bl .head .gnb>ul>li.language>ul>li>a {border: 1px solid rgba(0,0,0,0.65); color: #000;}
.bl .head .gnb .btn_menu>div{background: #121212;}
.bl .head .gnb .btn_menu.openmenu>div{background: #fff;}
 #header.on{}
  .on .head h1 a{
	background:url(/images/common/logo2.png) no-repeat center / contain;
}
.on .head{background: #f2f2f2;}
.on .head .pc_nav>ul>li>a{color:#000;font-weight: 500;font-family: "Inter";}
.on .head .gnb>ul>li>a{color:#000;}
.on .head .gnb .btn_menu>div{background:#000;}
.on .head .gnb>ul>li.language{border:1px solid rgba(0,0,0,0.65);}
.on .head .gnb>ul>li:after{background:rgba(0,0,0,0.3);top:3px;}
.on .head .gnb>ul>li.language>a:after{
	border-right:1px solid rgba(0,0,0,0.9);border-bottom:1px solid rgba(0,0,0,0.9);
}
.on .head .gnb>ul>li.language>ul>li>a{border:1px solid #000;color:#000;}
.on .head .gnb>ul>li.language>ul>li>a:hover{border:1px solid #e6ff75;color:#000;} 

.scroll .head{background: #f2f2f2;}
.scroll .head .pc_nav>ul>li>a{color:#000;font-weight: 500;font-family: "Inter";}
.scroll .head .gnb>ul>li>a{color:#000;}
.scroll .head .gnb .btn_menu>div{background:#000;}
.scroll .head .gnb>ul>li.language{border:1px solid rgba(0,0,0,0.65);}
.scroll .head .gnb>ul>li:after{background:rgba(0,0,0,0.3);top:3px;}
.scroll .head .gnb>ul>li.language>a:after{
	border-right:1px solid rgba(0,0,0,0.9);border-bottom:1px solid rgba(0,0,0,0.9);
}
.scroll .head .gnb>ul>li.language>ul>li>a{border:1px solid #000;color:#000;}
.scroll .head .gnb>ul>li.language>ul>li>a:hover{border:1px solid #e60012;color:#fff;} 

.head .gnb>ul>li.language.open{border:1px solid #000 !important;}
.head .gnb>ul>li.language.open>a{position: relative;z-index:3000;color:#000;}
.head .gnb>ul>li.language.open>a:after{
	border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.head .gnb .btn_menu.openmenu>div{}

@media screen and (max-width:1200px){
	.head .pc_nav{display: none !important;}
}
@media screen and (max-width:813px){
	.head{height:85px;}
	.head h1, .bl .head h1{top:22px;}
	.head .gnb, .bl .head .gnb{top:22px;}
	.head .gnb .btn_menu{margin-left: 10px;}
	.head h1 a, .bl .head h1 a{background-size:contain;width:115px;height:43px;}
	.head .gnb>ul>li.language{transform:scale(0.9);}
	.head .gnb>ul>li{margin-right: 2px;}
	
}

/* sub nav */
.sub_nav{
	display:none;
	box-sizing:border-box;
	position:absolute;left:0;top:100%;
	width:100%;
	padding:40px 5%;
	background:#f2f2f2;
	box-shadow:0 1px 0 #ddd inset;
	z-index: -1;
}
.sub_nav:before{
	position: absolute;content:'';
	background: #f2f2f2 url(/images/common/subnav_bg.png)no-repeat center;
	right:0;bottom:0;
	width:100%;height:391px;
}
.sub_nav .menuwrap{display:none;}
.sub_nav .menuwrap>div{display:flex;align-items:center;width:100%;}
.sub_nav .menuwrap>div .title{
	box-sizing:border-box;
	width:380px;height:215px;overflow:hidden;border-radius:14px;
	font-family:"Inter";color:#fff;
	position: relative;
	display: flex;align-items:center;justify-content:center;
}

.sub_nav .menuwrap>div .title h5{
	font-family:"Inter";color:#fff;font-size:34px;font-weight: 500;
}

.sub_nav .menuwrap>div .title .main_cate{font-family:"Noto Sans KR";color:#fff;font-size:28px;font-weight: bold;margin-bottom: 20px;}
.sub_nav .menuwrap>div .title .main_desc{font-family:"Noto Sans KR";color:#fff;font-size:18px;font-weight: 300;line-height: 1.6em;}
.sub_nav .menuwrap:nth-child(1)>div .title{background:url(/images/page/sub_visual1.jpg) no-repeat center;}
.sub_nav .menuwrap:nth-child(2)>div .title{background:url(/images/page/sub_visual2.png) no-repeat center;}
.sub_nav .menuwrap:nth-child(2)>div .title.on{background:url(/images/page/sub_visual22.png) no-repeat center;}
.sub_nav .menuwrap:nth-child(3)>div .title{background:url(/images/page/sub_visual3.png) no-repeat 70% 22%;}
.sub_nav .menuwrap:nth-child(3)>div .title.on{background:url(/images/page/sub_visual32.png) no-repeat center;}
.sub_nav .menuwrap:nth-child(3)>div .title.on2{background:url(/images/page/sub_visual33.png) no-repeat center;}
.sub_nav .menuwrap:nth-child(4)>div .title.on{background:url(/images/page/sub_visual41.jpg) no-repeat right 20% bottom 30%;}
.sub_nav .menuwrap:nth-child(4)>div .title{background:url(/images/page/drop_menu4.jpg) no-repeat center;}
.sub_nav .menuwrap:nth-child(5)>div .title{background:url(/images/page/sub_visual4.png) no-repeat center;}
.sub_nav .menuwrap>div ul{
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	width:calc(100% - 380px);
	padding-left:80px;
	max-width:1190px;
}
.sub_nav .menuwrap>div ul li{width:calc((100% - 140px) / 3);margin:0px 70px 0 0;}
.sub_nav .menuwrap>div ul li:nth-child(3n){margin-right:0;}
.sub_nav .menuwrap>div ul li a{
	position:relative;
	display:block;
	width:100%;
	padding:20px 0 20px;
	border-bottom:1px solid #cccccc;
	font-size:17px;color:#000;font-weight:400;	
	font-family: "Inter","Noto Sans SC", "Noto Sans KR", sans-serif;
	background:url(/images/common/all_arr1.png) no-repeat calc(100% - 10px) center;
}
.sub_nav .menuwrap>div ul li:hover a{
	color:#000;font-weight:500;
	background:url(/images/common/all_arr2.png) no-repeat calc(100% - 10px) center;
}


/*allmenu*/
.allmenuBg{
	display:block;
	width:100%;height:100vh;
	background:#04051e url(/images/common/allmenu_bg2.jpg)no-repeat center / cover;
	position:absolute;top:0;left:0;z-index:1001;
	transform:translate(0%,-100%);
	
	transition:all 0.65s ease-in-out;
}
.allmenuBg.on{opacity:1;transform:translate(0%,0%);}
.allmenu{
	position:absolute;left:0;top:0;z-index:1001;
	box-sizing:border-box;
	width:100%;height:100vh;
	transform:scale(0);
	text-align:center;
}
.allmenu.open{transform:scale(1);transition:transform 0s 0.8s;}

.allmenu:before{
	display:none !important;content:"";
	width:601px;height:506px;
	background:url(/images/common/allmenu_line.png) no-repeat;
	background-size:cover;
	position:absolute;top:0;left:0;
	opacity:0;
	transform:translateX(-100%);
}
.allmenu .allmenuwrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position: relative;}
.allmenu .allmenuwrap .line{position: absolute;width:1px;height:100%;background: #ccc;}
.allmenu .allmenuwrap .line1{top:0;left:25%;}
.allmenu .allmenuwrap .line2{top:0;left:50%;}
.allmenu .allmenuwrap .line3{top:0;left:75%;}
.allmenu .allmenuwrap .line4{top:0;left:80%;display: none;}
.allmenu .allmenuwrap>ul{display:flex;justify-content:center;position:relative;width:100%;z-index:3000;}
.allmenu .allmenuwrap>ul:before{
	display:block;content:"";
	width:200%;height:1px;
	background:#ddd;
	position:absolute;left:-20%;top:80px;
	transform-origin:left;
	transform:scaleX(0);
	transition:all 1s;
	display: none;
}
.allmenu.open .allmenuwrap>ul:before{transform:scaleX(1);transition:all 4s 1.4s;}
.allmenu .allmenuwrap>ul>li{position:relative;width:25%;box-sizing:border-box;padding-left:3.125vw;}
.allmenu .allmenuwrap>ul>li:after{
	
	transition:all 0.4s;
}
.allmenu .allmenuwrap>ul>li>a{
	display:block;
	font-size:34px;color:#000;font-weight:500;
	font-family: "Inter";
	transform:translateY(40px);opacity:0;
	text-align: left;
}

.allmenu .allmenuwrap>ul>li>ul{margin-top:50px;}
.allmenu .allmenuwrap>ul>li>ul>li{text-align: left;margin-bottom:20px;opacity:0;transform:translateY(40px);
margin-bottom: 3.5vh;}
.allmenu .allmenuwrap>ul>li>ul>li:last-child{margin-bottom:0;}
.allmenu .allmenuwrap>ul>li>ul>li>a{
	display:inline-block;
	font-size:22px;font-family: "Inter","Noto Sans SC";
	font-weight: 500;color:#000;
}
.allmenu .allmenuwrap>ul>li>ul>li>a:hover{/* color:#fff; */box-shadow:0 1px 0 #000;}
.allmenu .allmenuwrap>ul>li>ul>li>.depth3{margin-top: 25px;}
.allmenu .allmenuwrap>ul>li>ul>li>.depth3>li{margin-bottom: 6px;}
.allmenu .allmenuwrap>ul>li>ul>li>.depth3>li>a{
font-size:17px;font-family: "Noto Sans SC","Noto Sans KR", sans-serif;font-weight: 400;color:rgba(0,0,0,0.6);}
.allmenu .allmenuwrap>ul>li>ul>li>.depth3>li>a:hover{/* color:#fff; */box-shadow:0 1px 0 #000;}

.allmenu.open:before{transform:translateX(0);opacity:1;transition:all 1.4s 0.7s;}
.allmenu.open .allmenuwrap>ul>li>a{transform:translateY(0);opacity:1;transition:all 1s 0.7s;}
.allmenu.open .allmenuwrap>ul>li>ul>li{opacity:1;transform:translateY(0);}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(1){opacity:1;transform:translateY(0);transition:all 1s 0.8s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(2){opacity:1;transform:translateY(0);transition:all 1s 0.9s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(3){opacity:1;transform:translateY(0);transition:all 1s 1.0s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(4){opacity:1;transform:translateY(0);transition:all 1s 1.1s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(5){opacity:1;transform:translateY(0);transition:all 1s 1.2s;}
.allmenu .allmenuwrap .line{height:0%;}
.allmenu.open .allmenuwrap .line{height:100%;transition:height 2s 0.8s;}


.head .gnb .btn_menu.openmenu>div{width:100%; background: #000 !important;}
.head .gnb .btn_menu.openmenu>div:nth-child(2),
.head .gnb .btn_menu.openmenu>div:nth-child(3){opacity:0;}
.head .gnb .btn_menu.openmenu>div:nth-child(1){transform:translateY(10px) rotate(45deg);}
.head .gnb .btn_menu.openmenu>div:nth-child(4){transform:translateY(-10px) rotate(-45deg);}
/*footer*/
#footer{width:100%;box-sizing:border-box;}
#footer * {box-sizing:border-box;}
#footer .foot{background: #1a1a1a;padding:50px 0;}
#footer .foot .inner{
	width:96%;max-width:1720px;margin:0 auto;
	border-left:1px solid #767676;
	padding-left: 28px;
}
#footer .foot .address{}
#footer .foot .address li{margin-bottom: 8px;}
#footer .foot .address li.flex{display: flex;align-items:center;}
#footer .foot .address li.flex>div:first-child{margin-right: 10px;}
#footer .foot .address li>div{font-size:17px;color:rgba(255,255,255,0.7);}
#footer .foot .address li>div .en{
	font-family: "Wix Madefor Display", sans-serif;
}
#footer .foot .copy{
	font-family: "Wix Madefor Display", sans-serif;
	font-size:16px;color:rgba(255,255,255,0.5);
	margin-top: 30px;
}





/**/
.main_layer_popup{
	overflow:hidden;
	height:auto !important;
	border-radius:15px;
}
.pop_today_close{
	position:relative;
	border:0;outline:0;background:0;
}
.pop_today_close.btn1{padding-left:35px;font-size:16px;color:#555;}
.pop_today_close.btn1:before{
	display:block;content:"";
	width:25px;height:25px;
	box-sizing:border-box;
	border-radius:50%;
	border:1px solid #ddd;background:#fff;
	position:absolute;left:0;top:0;
}
.pop_today_close.btn2{font-size:16px;color:#000;}
.pop_today_close.btn2 img{vertical-align:top;margin:5px 0 0 0;}










@media screen and (max-width:1399px){
	.head .pc_nav>ul>li>a{font-size:19px;}
	.sub_nav .menuwrap>div ul{padding-left: 50px;}
	.head .pc_nav>ul>li{margin:0 45px;}
	.sub_nav .menuwrap>div .title h5{font-size:28px;}
	.sub_nav .menuwrap>div ul li{width:calc((100% - 80px) / 3);margin:0px 40px 0 0;}

	/*footer*/
	#footer{}
	#footer .foot{background: #1a1a1a;padding:50px 0;}
	#footer .foot .inner{
		width:96%;max-width:1720px;margin:0 auto;
		border-left:1px solid #767676;
		padding-left: 28px;
	}
	#footer .foot .address{}
	#footer .foot .address li{margin-bottom: 8px;}
	#footer .foot .address li.flex{display: flex;align-items:center;}
	#footer .foot .address li.flex>div:first-child{margin-right: 10px;}
	#footer .foot .address li>div{font-size:17px;color:rgba(255,255,255,0.7);}
	#footer .foot .address li>div .en{
		font-family: "Wix Madefor Display", sans-serif;
	}
	#footer .foot .copy{
		font-family: "Wix Madefor Display", sans-serif;
		font-size:16px;color:rgba(255,255,255,0.5);
		margin-top: 30px;
	}
}

@media screen and (max-width:1200px){
	.allmenu .allmenuwrap>ul>li>a{font-size:28px;}
	.allmenu .allmenuwrap>ul>li>ul{margin-top: 5vh;}
	.allmenu .allmenuwrap>ul>li>ul>li>a{font-size:18px;}
	.allmenu .allmenuwrap>ul>li>ul>li>.depth3{margin-top: 2vh;}
	.allmenu .allmenuwrap>ul>li>ul>li>.depth3>li>a{font-size:15px;}
}

@media screen and (max-width:990px){
	.allmenu.open .allmenuwrap .line{display: none;}
	.allmenu.open .allmenuwrap .line2{display: block;left:50%;}
	.allmenu .allmenuwrap>ul{flex-wrap:wrap;}
	
	.allmenu .allmenuwrap>ul>li{width:100%;position: relative;padding-left: 4vw;margin-bottom: 4vh;}
	.allmenu .allmenuwrap>ul>li>ul{
		position: absolute;left:50%;top:4px;
		width:50%;box-sizing:border-box;
		transform:translate(-0%, 0%);z-index:1200;
		margin-top: 0;
		padding-left: 4vw;
		display: none;
	}
	.allmenu .allmenuwrap>ul>li>a{font-size:clamp(28px, 4vw, 34px);}
	.allmenu .allmenuwrap>ul>li>ul>li>a{display: block;box-sizing:border-box;position: relative;font-size:clamp(17px, 2.4vw, 22px);}
	.allmenu .allmenuwrap>ul>li>ul>li>a:hover{/* color:#fff;*/box-shadow:0 0px 0 #000 ;} 
	.allmenu .allmenuwrap>ul>li>ul>li>a.m_btn:before{
		position: absolute;content:'';
		background: url(/images/common/allmenu_mo_arr.png)no-repeat center;
		width:24px;height:14px;
		top:50%;right:4vw;;transform:translate(0, -50%) scale(0.8);
		background-size:cover;
		transition:transform 0.3s ease;
		mix-blend-mode: difference;
		display: none;
	}
	.allmenu .allmenuwrap>ul>li>ul>li>.depth3{display: none;}

	.allmenu .allmenuwrap>ul>li>ul>li.open a.m_btn:before{
		transform:translate(0, -50%) scale(0.8) rotate(180deg);
		transition:transform 0.3s ease;
	}
	.allmenu .allmenuwrap>ul>li>ul>li>.depth3>li>a{font-size:clamp(15px, 1.7vw, 17px);}
}

@media screen and (max-width:812px){
	.allmenu .allmenuwrap>ul>li>ul>li>a.m_btn:before{
	transform:translate(0, -50%) scale(0.65);
	}
	.allmenu .allmenuwrap>ul>li>ul>li>.depth3{display: none;}

	.allmenu .allmenuwrap>ul>li>ul>li.open a.m_btn:before{
		transform:translate(0, -50%) scale(0.65) rotate(180deg);
	}
/*footer*/
	#footer .foot .inner{padding-left: 20px;}
	#footer .foot .address li>div{font-size:14px;}


	.main_layer_popup{left:0 !important;top:0 !important; width:100% !important;height:auto !important}

}

@media screen and (max-width:380px){
	.allmenu .allmenuwrap>ul>li>a{font-size:clamp(21px, 4vw, 24px);}
	.allmenu .allmenuwrap>ul>li>ul>li{margin-bottom: 3vh;}
	.allmenu .allmenuwrap>ul>li>ul>li>a{font-size:clamp(15px, 2.2vw, 17px);}
	.allmenu .allmenuwrap>ul>li>ul>li>.depth3>li>a{font-size:clamp(14px, 1.6vw, 15px);}
}