.hd{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;padding: 5px  0 0;transition: 0.8s;border-bottom: 1px solid rgba(255,255,255,0.22);}
.hd .inner-con{display: flex;justify-content: space-between;align-items: flex-start;max-width: 80%;margin: auto;}

.hd .logo{width: 18%;display: block;transition: 0.8s;/* padding-top: 8px; */}
.hd .logo .logo_w{width: 100%; display: block;} .hd .logo .logo_b{display: none; width: 100%;}
.hd .main-menu-wrap{display: flex;align-items: flex-start;margin-top: 15px;}
.hd .main-menu-wrap .sns-wrap{display: flex;align-items: center;/* margin-left: 20px; */margin-top: 6px;}
.hd .main-menu-wrap .sns-wrap li{margin-left: 20px;}
.hd .main-menu-wrap .sns-wrap li a{font-size: 12px;color: #ffffff;border: 1px solid #fff;padding: 9px 7px;font-family: "Aboreto", system-ui;;letter-spacing: -0.5px; transition: 0.4s;}
.hd .main-menu-wrap .sns-wrap li a:hover { background: #f4dabd; border: 1px solid #f4dabd; color: #355752; transition: 0.4s;}


.insta_btn01 {width: 15%;display: block;line-height: 0;}

.hd .main-menu-wrap .menu-wrap{display: flex; align-items: flex-start; text-align: center;}
.hd .main-menu-wrap .menu-wrap > li{min-width: 155px;/* padding: 0 30px; */}
.hd .main-menu-wrap .menu-wrap > li > a{line-height: 40px;font-family: "Aboreto", system-ui;;color: #ffffff;font-size: 17px;letter-spacing: 0px;font-weight: 100;}
.hd .main-menu-wrap .menu-wrap li a{/* color: #000; */}
.hd .main-menu-wrap .menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.8s;}
.hd .main-menu-wrap .menu-wrap .sub-menu li {font-size: 13px;font-weight: 600;color: #fff; padding-bottom: 2px; transition: 0.55s;}
.hd .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 14px;line-height: 2.35;font-weight: 400;color: #fff;transition: 0.6s;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
.hd .main-menu-wrap .menu-wrap .sub-menu li a:hover{color: #f4dabd;  transform: 0.3s;}
.hd .main-menu-wrap .menu-wrap .menu-list:hover .on {color: #f4dabd; transition: 0.55s;}

.hd .main-menu-wrap .menu-wrap .sub_me {background: #f4dabd;color: #3c635d !important;}

.hd.fixed{background-color: #3c635d;}
.hd.fixed .logo{/* width: 13%; */}
.hd.fixed .logo .logo_w, .hd.on .logo .logo_w {display: none;}
.hd.fixed .logo .logo_b, .hd.on .logo .logo_b {display: block;}
.hd.fixed .main-menu-wrap .menu-wrap > li > a {color: #ffffff;}

.hd.on{background-color: #355752; padding-bottom: 35px;  color: #000;}

/*.hd.on .main-menu-wrap .menu-wrap li a{color: #000;}

.hd.on .main-menu-wrap .sns-wrap li a {border: 1px solid #000; color: #000;}*/
.hd.fixed .main-menu-wrap .sns-wrap li a {/* border: 1px solid #000; *//* color: #000; */}


.hd .m-menu-btn{display: none}

.hd .main-menu-wrap .sns-wrap .insta{width: 23px;}
.instagram{ background: linear-gradient(to right top, #861657, #ffa69e); color: transparent; -webkit-background-clip: text;}
.mo_tel{display: none;}


.hd-btn {  position: unset; }
.eng{display:inline-block;font-family: "Montserrat";font-weight: 500;}
.ko {display: none;letter-spacing: -0.2px;line-height: 0;color: #333;font-family: 'Pretendard-Regular';}


.hd.on .eng {color: #333;}
.hd.on .ko { color: #333;}

.hd-btn:hover .eng { display: none;}
.hd-btn:hover .ko { display:inline-block; font-size:15px;}


/* 하단 */
#footer{padding: 70px 0 60px;background: #3c635d;position: relative;z-index: 10;}
	
#footer .max-wid{ max-width: 80%; width: 100%; margin: 0 auto; }
#footer .flex-box{ display: flex; justify-content: space-between; }
#footer .line .box2{/* width: 40%; */color: #e1d8cf;font-family: 'NanumSquareNeo';font-size: 12px;}
#footer .line .box2 a{color: #e1d8cf;font-family: 'NanumSquareNeo';letter-spacing: 2px;font-weight: 200;}
#footer .line .box2 a b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_b.png");vertical-align: middle;width: 20px;height: 20px;background-size: cover;background-position: center;margin: 0 1px 4px 4px;}

#footer .boxs{padding-bottom: 30px;}
#footer .boxs .flex-box{ align-items: flex-end; position: relative; }
#footer .boxs .box1 p{color: #ffffff;font-size: 16px;font-weight: 300;padding-top: 3%;letter-spacing: -0.5px;font-family: 'Freesentation-4Regular';margin-bottom: 1.5%;}
#footer .boxs .box1 {width: 60%;top: 5%;text-align: justify;}

#footer .boxs .box1 img{width: 50%;margin-bottom: 5%;}
#footer .boxs .box1 p.bold{ font-size: 6rem; font-weight: 400; }
#footer .boxs .box1 .form{ max-width: 490px; width: 100%; margin-top: 40px; position: relative; }
#footer .boxs .box1 .form input{ width: 100%; height: 60px; font-family: var(--engFont); font-size: 1.8rem; font-weight: 300; color: #fff; padding: 0 20px; padding-right: 85px; background: rgba(255, 216, 207, 0.1); border: 1px solid #fff; border-radius: 10px; outline: none; }
#footer .boxs .box1 .form input::placeholder{ color: #fff; }
#footer .boxs .box1 .form span{ display: inline-block; width: 2px; height: 20px; background: #fff; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); opacity: 0; animation: cursor 1.2s step-end infinite; }
#footer .boxs .box1 .form button{ height: 100%; padding: 0; padding-right: 30px; border: none; background: none; position: absolute; top: 50%; right: 0; z-index: 10; transform: translateY(-50%); }
#footer .boxs .box1 .form button img{ max-height: calc(100% - 20px); }

#footer .boxs .box1 .form.value input + span{ animation: none; }
#footer .boxs .box1 .form input:focus + span{ animation: none; }

#footer .boxs .sns{/* display: flex; */margin-top: 17px;position: relative;/* float: right; */}
#footer .boxs .sns li{align-items: center;height: 35px;background: #3c635d;border: 1px solid #fff;position: relative;width: 167px;line-height: 2.8;right: 0; transition: 0.5s;}
#footer .boxs .sns li i {color: #ffffff;font-size: 16px;margin-left: 20px;line-height: 2;}
#footer .boxs .sns li:not(:last-of-type){margin-right: 20px;}
#footer .boxs .sns li a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;color: #ffffff;text-align: center;margin-left: 18px;font-weight: bold;}  
#footer .boxs .sns:hover li {background: #07c57f; transition: 0.5s;}

#footer .boxs .sns li img {width: 18px;margin-left: 15px;margin-top: 5px;}
#footer .fa-instagram {font-weight: 600;}

#footer .boxs .box2 {width: 50%;}
#footer .boxs .box2 dl{display: flex;font-size: 13px;font-family: 'NanumSquareNeo';letter-spacing: -0.5px;}
#footer .boxs .box2 dl dt{font-weight: 600;color: #f4dabd;margin-right: 10px;letter-spacing: 1px;}
#footer .boxs .box2 dl dd{font-weight: 300;color: #fff;}

#footer .boxs .box2 .dl div{ display: flex; flex-wrap: wrap; gap: 10px 0; }
#footer .boxs .box2 .dl div:not(:first-of-type){ margin-top: 10px; }
#footer .boxs .box2 .dl div dl{padding: 0 15px;position: relative;}
#footer .boxs .box2 .dl div dl::after{ content: ""; width: 1px; height: 15px; background: #fff; opacity: 0.2; position: absolute; top: 45%; right: 0; transform: translateY(-50%); }
#footer .boxs .box2 .dl div dl:first-of-type{ padding-left: 0; }
#footer .boxs .box2 .dl div dl:last-of-type::after{ display: none; }
#footer .boxs .box2 .dl > dl{ margin-top: 10px; }


#footer .line02{padding-top: 13px;border-top: 1px solid rgba(225, 216, 207, 0.5);}
#footer .line02 .flex-box{ align-items: center; } 
#footer .line02 .box1{ display: flex; align-items: flex-end; }
#footer .logo{ display: inline-block; position: relative; }
#footer .logo a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; } 
#footer .copyright{font-family: "Aboreto", system-ui;;font-size: 14px;font-weight: 100;color: #fff;letter-spacing: -0.5px;text-transform: uppercase;}

#footer .nav ul{ display: flex; justify-content: space-between; }
#footer .nav ul li a{ font-family: var(--engFont); font-size: 1.8rem; font-weight: 500; color: var(--mainColor); }

.footer_menu{height: auto !important;}
.footer_menu .fp-tableCell {height: auto !important;}




/* media */

@media all and (max-width : 1685px){
	.hd .main-menu-wrap{margin-top: 7px;}
	
	#footer .boxs .box1 img{width: 66%;margin-bottom: 7%;}
	#footer .boxs .box2{width: 85%;}
	
	#footer .boxs .box2 .dl div dl{padding: 0 10px;}
}

@media all and (max-width : 1480px){

	
	
	
}

@media all and (max-width : 1025px){
	
	.hd .inner-con {max-width: 95%;} 
	.hd{padding: 20px 0;}
	
	.hd .main-menu-wrap .menu-wrap li .eng{color: #222;}
	
	.hd.click .logo .logo_b{display: block;} .hd.click .logo .logo_w {display: none;}
    
	
    .hd .m-menu-btn{display: block; position: relative; z-index: 5;}
    .hd .main-menu-wrap .sns-wrap::before{display: none;}
    .hd .main-menu-wrap .sns-wrap li{margin-left: 10px;}
    .hd .main-menu-wrap .sns-wrap li .icon-ico_blog:before{font-size: 15px;}
    .hd .logo{position: absolute;z-index: 5;left: 0;right: 0;margin: -10px auto 0; width: 30%;} 
	.mo_tel{display: block;}
	.insta_btn01{width: 80%;}
	.hd .main-menu-wrap .sns-wrap .insta{width: 23px;}

    .hd .m-menu-btn{width: 30px; height: 30px; position: relative; cursor: pointer;}
    .hd .m-menu-btn .line{width: 100%; height: 1px; background-color: #fff;  display: block; position: absolute; transition: 0.6s;}
    .hd .m-menu-btn .line1{transform: translateY(-8px);}
    .hd .m-menu-btn .line3{transform: translateY(8px);}
    .hd .main-menu-wrap .sns-wrap{margin-top: 0; z-index: 10;}
	
	.hd .main-menu-wrap .menu-wrap .sub_me{display: block;}

    .hd .main-menu-wrap .menu-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;flex-flow: column;align-items: flex-start;background-color: #355752; text-align: left;padding-top: 110px;transform: translateX(-100%);transition: 0.8s;}
	.hd .main-menu-wrap .menu-wrap li{display: inline-block;width: auto;}
	.hd .main-menu-wrap .menu-wrap li a{font-size: 27px;display: block;width: 100%;} 
    .hd .main-menu-wrap .menu-wrap > li > a {/* padding-left: 25px; *//* border-bottom: 1px solid #ccc; *//* width: 95%; */margin: auto;text-align: center;}
    .hd .main-menu-wrap .menu-wrap > li > a::after{}
    .hd .main-menu-wrap .menu-wrap .sub-menu{height: auto !important;/* padding-left: 25px; */text-align: center;}
    .hd .main-menu-wrap .menu-wrap .sub-menu a{display: inline-block;margin-right: 16px;}
    .hd .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 20px;}
    .hd .main-menu-wrap .menu-wrap > li{width: 100%;min-width: 0;margin-bottom: 22px;}

    .hd.click .main-menu-wrap .menu-wrap{transform: translateX(0);}
	.hd.click .m-menu-btn .line{ background-color: #fff;}
    .hd.click .m-menu-btn .line1{transform: rotate(45deg);}
    .hd.click .m-menu-btn .line2{opacity: 0;}
    .hd.click .m-menu-btn .line3{transform: rotate(-45deg);}
    
/*	.hd .main-menu-wrap{margin-top: -10px;}*/
	
	#footer .max-wid{max-width: 95%;}
	
	#footer .boxs .flex-box{display: block;}
	#footer .boxs .box1 img{margin: auto; display: block; text-align: center;}
	#footer .boxs .box1{width: 100%;}
	#footer .boxs .box2{width: 100%; margin: auto; display: block;}
	#footer .boxs .box2 .dl {margin:auto;}
	
/*	#footer .boxs .sns li a{margin-left: 0;}*/
	
}


@media all and (max-width : 980px){
	
	
	
	#footer .boxs .box1 p{display: none;}
	#footer .boxs .box1{margin-bottom: 30px; text-align: center;}
	#footer .boxs .box1 img{width: 35.5%;}
	
	#footer .boxs .box2{text-align: center;}
	#footer .boxs .box2 .dl div{display: block;text-align: center;}
	#footer .boxs .box2 .dl div dl{display: block; padding: 0; font-size: 16.5px;}
	#footer .boxs .box2 .dl div dl::after{display: none;}
	#footer .boxs .box2 .dl > dl{display: inline-block; margin-top: 0;}
	#footer .boxs .box2 dl dt{display: inline-block;}
	#footer .boxs .box2 dl dd{display: inline-block;}
	#footer .boxs .sns {display: inline-flex; max-width: 100%; margin-top: 35px;}
	#footer .boxs .box2 .dl div:not(:first-of-type){margin-top: 0;}
	

	#footer .line02 .flex-box{display: block;}
	#footer .line02 .box1{display: block;}
	
	#footer .line02 .box1{text-align: center;}
	#footer .line .box2{text-align: center;}
	
	#footer .boxs .sns li i, #footer .boxs .sns li img{margin-left: 11px;left: 0;position: absolute;}
}


@media all and (max-width : 600px){
	
	.hd .logo{width: 45%;}
	.hd .main-menu-wrap .sns-wrap li a{font-size: 11px;}
	.hd .main-menu-wrap{margin-top: 0;}
	.hd .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 15px;  margin: 0 5.5px;}
	
	#footer{padding: 30px 0 20px;}
	#footer .boxs .box2 .dl div dl{font-size: 12px;}
	#footer .boxs .box1 img{width: 50%;}
	
}


@media all and (max-width : 455px){
	
	.hd .main-menu-wrap{margin-top: -5px;}
	.hd .main-menu-wrap .sns-wrap li a{font-size: 10px; padding: 9px 5px;}
	
	
	

}


@media all and (max-width : 360px){
	
}



/* 해상도 */