@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=Wix+Madefor+Display:wght@400..800&display=swap');



/*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:#222;
	font-family:"Noto Sans KR","돋움",dotum,sans-serif; word-break: keep-all;
	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:#222;text-decoration:none;cursor:pointer}
a:hover{color:#222;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%;}




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


/* header */
#header{position:fixed;left:0;top:0;width:100%; height: 110px; z-index:1000;transition:all 0.4s;}
#header.nav-up{transform:translateY(-150%);}
#header:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
	display: none;
}
.head{
	position:relative;
	width:100%;height:100%;
	text-align:center;
}
.head h1{position:absolute;left:4%;top:40px;z-index:3000;}
.head h1 a{
	display:block;
	width:192px;height:32px;
	background:url(/images/common/logo1.png) no-repeat center / contain;
	text-indent:-9999px;transition:all 0.4s;
}

.head .pcNav{position:relative;z-index:2000;}
.head .pcNav>ul{display:flex;justify-content:center;}
.head .pcNav>ul>li{position:relative;margin:0 33px;}
.head .pcNav>ul>li>a{
	position:relative; display: inline-block;
	font-family:"Wix Madefor Display";font-size:17px;color:#fff;font-weight:400;height: 110px; line-height:110px;
	transition:all 0.3s;
}
.head .pcNav>ul>li.active>a{
	font-weight: 600;
}
.head .pcNav>ul>li>a:after{
	content:"";
	width: 17px; height: 16px;
	background:url(/images/common/head_icon.png) no-repeat center / contain;
	position:absolute;left:50%; top: calc(100% - 8px); transform: translateX(-50%);
	opacity: 0;transition:all 0.4s;
}
.head .pcNav>ul>li.active>a:after{opacity: 1;}


/* sub nav */
.sub_nav{
	display:none;
	box-sizing:border-box;
	position:absolute;left:0;top:100%;
	width:100%;
	padding:40px 4% 80px;
	background: #ffffff;
}
.sub_nav .menuwrap{display:none;}
.sub_nav .menuwrap > div{
	display: flex;
}
.sub_nav .menuwrap > div .dep1{
	width: 25%;
}
.sub_nav .menuwrap > div .dep1 span{
	position: relative;
	padding-left: 22px;
	font-family: "Wix Madefor Display";
	font-size: 17px;
}
.sub_nav .menuwrap > div .dep1 span:after{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #000;
}
.sub_nav .menuwrap > div .dep2{
	width: calc(100% - 25% - 444px);
	padding: 0 80px;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
.sub_nav .menuwrap > div .dep2 ul{
	width: 460px;
	display: flex;
	flex-wrap: wrap;
}
.sub_nav .menuwrap > div .dep2 li{
	width: 50%;
	margin-bottom: 25px;
}
.sub_nav .menuwrap > div .dep2 li:nth-last-child(-n+2){
	margin-bottom: 0;
}
.sub_nav .menuwrap > div .dep2 li a{
	font-size: 20px;
	color: #666;
}
.sub_nav .menuwrap > div .dep2 li a:hover{
	font-weight: 600;
	color: #000;
}
.sub_nav .menuwrap > div .img{
	width: 444px;
	height: 298px;
	border-radius: 30px;
	background: url(/images/common/submenu_img1.jpg) no-repeat center / cover;
}






.head .gnb{
	position:absolute;right:4%;top:35px;
	display:flex;align-items:center;
}
.head .gnb .language{
	position: relative;
	z-index: 2000;
}
.head .gnb .language>a{
	display:block;
	width:32px;height:32px;
	background:url(/images/common/btn_lang.png) no-repeat center / contain;
	transition:all 0.3s;
}
.head .gnb .language>ul{
	display:none;
	position:absolute;left:50%;top:100%;z-index:2000;
	transform:translateX(-50%);margin-top:10px;
	border-radius: 10px;
	overflow: hidden;
}
.head .gnb .language>ul>li{}
.head .gnb .language>ul>li>a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:70px;height:35px;
	line-height: 35px;
	background: #f4f1ed;
	font-family:"Wix Madefor Display";
	font-size:15px;
	font-weight: 700;
	color:#000;
	text-align:center;
}
.head .gnb .language>ul>li>a:hover{
	background:#dbd9d6;
}
.head .gnb .btnMenu{	
	position:relative;z-index:5000;
	width:34px;
	margin-left:44px;
	cursor:pointer;
}
.head .gnb .btnMenu>div{
	width:100%;height:3px;
	margin-bottom:8px;
	background:#fff;
	transition:all 0.3s;
}
.head .gnb .btnMenu>div:nth-child(1){width:75%;}
.head .gnb .btnMenu>div:nth-child(3){width:75%; margin-bottom: 0;}

.head .gnb .btnMenu.open>div:nth-child(1){width: 100%;transform:rotate(45deg) translate(8px,8px); background: #000;}
.head .gnb .btnMenu.open>div:nth-child(2){opacity:0;}
.head .gnb .btnMenu.open>div:nth-child(3){width: 100%;transform:rotate(-45deg) translate(6px,-8px);background: #000;}


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

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



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


@media (max-width: 812px){
	#header{height: 70px;}
	.head h1{top: 25px;}
	.head h1 a{width: 140px; height: 23px;}
	.head .gnb{top: 20px;}
	.head .gnb .language>a{width: 25px; height: 25px;}
	.head .gnb .btnMenu{margin-left: 18px;width: 30px;}
	.head .gnb .btnMenu>div{height: 2px; margin-bottom: 6px;}
	.head .gnb .btnMenu.open>div:nth-child(1){transform: rotate(45deg) translate(8px, 6px);}
	.head .gnb .btnMenu.open>div:nth-child(3){transform: rotate(-45deg) translate(6px, -3px);}
}




.allmenuBg {
	display: block;
	width: 46px;
	height: 46px;
	background: #f9f9f9;
	border-radius: 50%;
	position: absolute;
	left: calc(97% - 23px);
	top: 46px;
	z-index: 1000;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.8s ease-in-out;
}
.allmenuBg.open{
	transform: translate(-50%, -50%) scale(150);
}
.allmenu{
	position:fixed;right:0;top:0;z-index:2000;
	width:100%;height:100vh;
	background:#f9f9f9;
	transform: scale(0);
}
.allmenu.open {
	transform: scale(1);
	transition: all 0s 0.8s;
}
.allmenu:after{
	content: "";
	position: absolute;
	right: -150px;
	bottom: -30px;
	width: 759px;
	height: 759px;
	background: url(/images/common/allmenu_bg.png) no-repeat center / contain;
	transform: translateY(100px);
	z-index: -1;
}
.allmenu .inner {
	display: flex;
	align-items: center;
	width: 92%;
	height: 100%;
	max-width: 1740px;
	margin: 0 auto;
	box-sizing: border-box;
}
.allmenu .inner .imgwrap{
	position: relative;
	width: 32%;
	border-radius: 50px;
	overflow: hidden;
}
.allmenu .inner .imgwrap img{width: 100%;}
.allmenu .inner .imgwrap .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.allmenu .inner .allmenuwrap{
	width:calc(100% - 32% - 6%);
	height:100%;
	margin-left: 6%;
	box-sizing:border-box;
	position:relative;
}
.allmenu .allmenuwrap{display:flex;align-items:center;position: relative;}
.allmenu .allmenuwrap>ul{display:flex;flex-wrap:wrap;width:100%;}
.allmenu .allmenuwrap>ul>li{
	position:relative;
	box-sizing:border-box;
	width:33.3333%;
	padding-left: 40px;
}
.allmenu .allmenuwrap>ul>li:nth-child(1),
.allmenu .allmenuwrap>ul>li:nth-child(2),
.allmenu .allmenuwrap>ul>li:nth-child(3){padding-bottom: 100px;}
.allmenu .allmenuwrap>ul>li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(0,0,0,0.1);
}
.allmenu .allmenuwrap>ul>li>a{font-family:"Montserrat";display:inline-block;font-size:26px;color:#000; font-weight: 600;}
.allmenu .allmenuwrap>ul>li>a.on{color: #1575bb;}
.allmenu .allmenuwrap>ul>li>ul{display:block; margin-top: 35px;}
.allmenu .allmenuwrap>ul>li>ul>li{margin-bottom:10px;}
.allmenu .allmenuwrap>ul>li>ul>li>a{display: inline-block; font-size:17px;color:rgba(0,0,0,0.6);}
.allmenu .allmenuwrap>ul>li>ul>li>a:hover{font-weight: 600;color: #000;}
.allmenu .allmenuwrap>ul>li>ul>li>ul{padding:10px 0 0 10px;}
.allmenu .allmenuwrap>ul>li>ul>li>ul>li{
	position:relative;
	padding-left:10px;
}
.allmenu .allmenuwrap>ul>li>ul>li>ul>li:before{
	display:block;content:"";
	width:4px;height:1px;
	background:#555;
	position:absolute;left:0;top:12px;
}
.allmenu .allmenuwrap>ul>li>ul>li>ul>li>a{font-size:16px;color:rgba(0,0,0,0.5);}


.allmenu .allmenuwrap>ul>li{opacity: 0; transform: translateY(40px);}
.allmenu.open .allmenuwrap>ul>li{opacity: 1; transform: translateY(0);}

.allmenu .allmenuwrap>ul>li:nth-child(1){transition: all 1.2s 0.5s;}
.allmenu .allmenuwrap>ul>li:nth-child(2){transition: all 1.2s 0.6s;}
.allmenu .allmenuwrap>ul>li:nth-child(3){transition: all 1.2s 0.7s;}
.allmenu .allmenuwrap>ul>li:nth-child(4){transition: all 1.2s 0.8s;}
.allmenu .allmenuwrap>ul>li:nth-child(5){transition: all 1.2s 0.9s;}
.allmenu .allmenuwrap>ul>li:nth-child(6){transition: all 1.2s 1s;}





@media screen and (max-width: 1399px){
	.allmenu .inner{justify-content: center;}
	.allmenu .inner .imgwrap{display: none;}
	.allmenu .inner .allmenuwrap{width: 100%; margin: 0;}
}
@media (max-width: 812px){
	.allmenu:after {right: -124px;bottom: -77px;width: 481px;}
	.allmenu .allmenuwrap>ul{flex-direction: column;}
	.allmenu .allmenuwrap>ul>li{width: 100%;padding: 15px 0 !important; border-top: 1px solid #ccc;}
	.allmenu .allmenuwrap>ul>li>a{position: relative; display:block;font-size: 22px;}
	.allmenu .allmenuwrap>ul>li>ul{margin-top: 8px; display: none;}
	.allmenu .allmenuwrap>ul>li>ul>li{margin-bottom: 3px;display: inline-block; width: 49%;}
	.allmenu .allmenuwrap>ul>li>ul>li>a{font-size: 15px;}
	.allmenu .allmenuwrap>ul>li:before{left: 0; top: 5px; height: 18px;}
	.allmenu .allmenuwrap>ul>li>a.on{color: #000;}
	.allmenu .allmenuwrap>ul>li:after{display: none;}
	.allmenu .allmenuwrap>ul>li>a:after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 11px;
		height: 7px;
		background: url(/images/common/allmenu_arr.png) no-repeat center / contain;
	}
	.allmenu .allmenuwrap>ul>li>a.on:after {
		transform: translateY(-50%) rotate(180deg);
	}
	.allmenu .allmenuwrap>ul>li:nth-child(1){transition: all 1.2s 0.8s;}
	.allmenu .allmenuwrap>ul>li:nth-child(2){transition: all 1.2s 0.85s;}
	.allmenu .allmenuwrap>ul>li:nth-child(3){transition: all 1.2s 0.9s;}
	.allmenu .allmenuwrap>ul>li:nth-child(4){transition: all 1.2s 0.95s;}
	.allmenu .allmenuwrap>ul>li:nth-child(5){transition: all 1.2s 1s;}
	.allmenu .allmenuwrap>ul>li:nth-child(6){transition: all 1.2s 1.05s;}
}



#footer{
	padding: 0 4% 70px;
	background: #111111;
	box-sizing: border-box;
}
.foot{
	width: 100%;
}
.foot .top{
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.foot .top li{
	position: relative;
	display: inline-block;
	margin-right: 30px;
}
.foot .top li:after{
	content: "";
	position: absolute;
	right: -16px;
	top: 7px;
	width: 1px;
	height: 14px;
	background: #737577;
}
.foot .top li:last-child:after{
	display: none;
}
.foot .top li a{
	font-size: 18px;
	color: #b0b0b0;
}
.foot .top li:first-child a{
	font-weight: 600;
	color: #fff;
}
.foot .bot{
	display: flex;
	margin-top: 40px;
}
.foot .bot .ft_logo{
	width: 290px;
}
.foot .bot .info{
	width: calc(100% - 290px - 370px);
}
.foot .bot .info > div{
	width: 715px;
	display: flex;
	flex-wrap: wrap;
}
.foot .bot .info > div p{
	font-size: 18px;
	line-height: 1.6em;
	color: #b0b0b0;
	margin-right: 25px;
}
.foot .bot .info > div p:last-child{
	margin-right: 0;}
}
.foot .bot .copy{
	width: 370px;
}
.foot .bot .copy .copyright{
	font-size: 18px;
	color: #b0b0b0;
}
.foot .bot .copy .sns{
	margin-top: 30px;
	display: flex;justify-content:flex-end;gap:10px;
}
.foot .bot .copy .sns li{
	display: inline-block;
}


@media (max-width: 1399px){
	.foot .bot{flex-direction: column;}
	.foot .bot .ft_logo{margin-bottom: 30px;}
	.foot .bot .info{width: 100%;}
	.foot .bot .info > div{width: 100%;}
	.foot .bot .copy{width: 100%;}
}

@media (max-width: 812px){
	#footer{padding: 0 4% 25px;}
	.foot .bot .ft_logo{width: 140px;}
	.foot .top li{margin-right: 15px;}
	.foot .top li a{font-size: 13px;}
	.foot .top li:after{height: 11px;right: -10px;top: 6px;}
	.foot .bot .info > div p{font-size: 15px;}
	.foot .bot .copy .copyright{font-size: 15px;}
}