/*header */
.hd{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;/* padding-top: 5px; */}
.hd .logo{/* float: left; */position: absolute;transition: 1.2s;width: 9.5%;top: 8px;left: 0;right: 0;margin: auto;z-index: 9999;text-align: center;}

.hd .logo img{transition: 1.2s; width: 100%; display: block;}
.hd .logo .logo_c{position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.hd .sns-wrap{position: absolute;right: 0;top: 8px;}
.hd .sns-wrap li{float: left;margin-left: 0;position: relative;z-index: 9;text-align: center;margin-left: 6px;line-height: 1.5;padding: 5px;border-radius: 5px;}


.hd .sns-wrap .sns_01 {background: #877368;}
.hd .sns-wrap .sns_02 {background: #bf4f49;}



.hd .sns-wrap li .fa-n{font-weight: 600;}
.sns_mo{display: none;}
.hd .sns-wrap li a {color:#fff;z-index: 50;}
.hd .sns-wrap li a span {font-size: 11px;display: block;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
.hd .sns-wrap li img{transition: 1.2s;width: 49px;filter: #fff;}
.hd .sns-wrap li .ico_c{position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0;}
.hd .main-menu-wrap{text-align: center;transform: rotate(0.03deg);/* float: left; */text-align: center;width: 75%;margin: auto;left: 0;right: 0;}
.hd .main-menu-wrap::before{content: "";display: block;height: 1px;background-color: white;transform: translateY(68px);transition: 1.2s;opacity: 0.4;}
.hd .main-menu-wrap > ul{display: inline-block;}
.hd .main-menu-wrap > ul > li{float: left; width: 150px;}
.hd .main-menu-wrap > ul > li > a{display: block;font-family: 'Pretendard-Regular';font-weight: 400;font-size: 14px;padding-top: 15px;padding-bottom: 25px;}

.hd .main-menu-wrap > ul > li:nth-child(3) {margin-right: 150px;}


.hd .main-menu-wrap a{color: #fffbf7;transition: 1.2s;}
.hd .main-menu-wrap .sub-menu{padding-top: 10px; transition: 1.2s; transition-delay: 0s;}
.hd .main-menu-wrap .sub-menu a{font-size: 13.5px;font-weight: 300;font-family: 'Pretendard-Regular';letter-spacing: -0.2px;}
.hd .main-menu-wrap .sub-menu a:hover {color:#ebc6b0;}
.hd .sub-menu{height: 0; overflow: hidden;}
.hd .white-box{position: absolute;top: 0;left: 0;width: 100%;height: 525px;transform-origin: top;background-color: rgba(255,255,255,0.9);z-index: 0;transform: scaleY(0);transition: 1.2s;transition-delay: 0.25s;}

.hd .main-menu-wrap .sub-menu .subbox { display: inline-grid; width: 48%  }

.inner-con{position: relative; max-width: 1300px; margin: 0 auto;}
.hd .inner-con{max-width: 1690px;}


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


/* ko&en */
.hd-btn {  position: unset; }
.eng{display:inline-block;}
.ko {display: none;letter-spacing: -0.2px;line-height: 0;}
.hd-btn:hover .eng { display: none;}
.hd-btn:hover .ko { display:inline-block; font-size:15px;}
/* ko&en */

.hd.fixed.down {background: #fff;}
/*.hd.fixed.over {background: #262626;}*/


/*ft*/
.ft{background: #ffffff;}
.ft .footer-box{padding: 20px 0 50px;}
.ft .footer-box .inner-con{display: block;max-width: 1350px;text-align: center;}
.ft .footer-box .ft-tel{font-size: 21px;font-weight: bold;font-family: 'Arita';color: #976e5e;letter-spacing: 2px;\: 1px solid #bdaaaa;padding-bottom: 10px;display: inline;margin: auto;left: 0;right: 0;text-align: center;}
.ft .footer-box .txt{/* display: flex; */justify-content: space-between;width: 100%;margin-top: 20px;}
.ft .footer-box .txt .ft-txt-wrap{text-align: center;}

.ft .footer-box .txt img {width: auto;display: none;}
.ft .footer-box .txt h5{font-size: 19px;font-weight: bold;color: #976e5e;margin: 12px 0 15px;font-family: 'Arita';opacity: 0.8;text-transform: capitalize;letter-spacing: 3px;}
.ft .footer-box .txt p{font-size: 13px;font-weight: 400;color: #5a5a5a;line-height: 2;margin-bottom: 22px;opacity: 0.9;letter-spacing: 0.5px;font-family: 'Pretendard-Regular';}
.ft .footer-box .txt p span{display: block;}
.ft .footer-box .txt p span img{width: 30px; display: block; margin-left: 5px;}
.ft .footer-box .nav .list{text-align: center;}
.ft .footer-box .nav .list .main-menu > li > a{font-size: 17px;font-family: 'Pretendard-Regular';font-weight: 900;color: #1f4e6f;opacity: 0.8;letter-spacing: 1px;}

.ft .footer-box .nav .list{display: flex; align-items: flex-start;}
.ft .footer-box .nav .list .menu-list{display: flex; align-items: flex-start;}
.ft .footer-box .nav .list .main-menu{margin: 0 15px;}
.ft .footer-box .nav .list .main-menu .sub-menu{margin-top: 10px;}
.ft .footer-box .nav .list .main-menu .sub-menu a{font-size: 13px;font-weight: 400;color: #5a5a5a;line-height: 1.6;font-family: 'Pretendard-Regular';}

.ft .ft-info-depth2{padding-top: 30px; border-top: 1px solid #e4e4e4; padding-bottom: 35px;}
.ft .ft-info-depth2 .ft-inner{display: flex; justify-content: space-between;}
.ft .ft-info-depth2 h5{font-size: 12px; font-weight: 400; color: #716c55;}
.ft .ft-info-depth2 h5 a{color: #716c55;}
.ft .ft-info-depth2 .login{font-size: 14px; font-family: "Noto Sans KR";color: #716c55;}
.ft .ft-info-depth2 .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #716c55;}

.ft .address p:last-of-type img{width: 30px;}
.footer .add-info img{width: 25px;}

.top-btn{width: 4%;/*height: -2px;*/position: absolute;right: 0%;bottom: 50px;font-size: 15px;color: #838383;z-index: 10;cursor:pointer}



.copyright a b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_s.png");vertical-align: middle;width: 20px;height: 20px;background-size: cover;background-position: center;margin: 0 4px 4px 4px;}


/* media */

@media all and (max-width : 1790px){
    .hd .inner-con{width: calc(100% - 100px);}
}

@media (max-width: 1450px){
    .hd .inner-con{width: calc(100% - 135px);}
	.inner-con{max-width:1250px;}
	.hd .main-menu-wrap > ul > li:nth-child(3) {margin-right: 100px;}
	.hd .logo{width: 11%;} .hd.fixed .logo{/* margin-top: 0px !important; */}
}

@media all and (max-width : 1500px){
    .hd .inner-con{width: calc(100% - 135px);}
	.inner-con{max-width:1250px;}
}

@media all and (max-width : 1375px){
	.inner-con{max-width:1120px;} .hd.fixed .logo, .hd .logo{/* width: 10%; *//* left: 45.99%; */margin-top: 0px;}  .hd .main-menu-wrap {width: 100%;}
	
	.hd .sns-wrap li{line-height: 1.35; padding: 3.5px;}
	.hd .sns-wrap li a span{font-size: 10px;}
	
}

@media all and (max-width : 1285px){ 	
	.hd .main-menu-wrap > ul > li{width:135px;}

	
	.hd .main-menu-wrap > ul{width: 100%;}
	.hd .main-menu-wrap > ul > li{width: 16% !important;}
	
}

@media all and (min-width : 1025px){
	
	
    .hd.over .white-box{transform: scaleY(1); transition-delay: 0s;}
    .hd.over .main-menu-wrap .sub-menu{transition-delay: 0.4s;}
    .hd.over .main-menu-wrap::before{background-color: #252525;}

    .hd.over .main-menu-wrap a{color: #252525;}

    .hd.over .logo .logo_w{opacity: 0; visibility: hidden;}
    .hd.over .logo .logo_c{opacity: 1; visibility: visible;}

/*    .hd.over .sns-wrap li a{color:#252525;}*/
	.hd.over .sns-wrap li .ico_w{opacity: 0; visibility: hidden;}
    .hd.over .sns-wrap li .ico_c{opacity: 1; visibility: visible;}

    .hd .main-menu-wrap > ul > li > a::after{content: "";display: block;width: 100%;height: 1px;/* background-color: #252525; */transform: translateY(-1px);opacity: 0;transition: 0.6s;}
    .hd .main-menu-wrap > ul > li > a:hover{text-shadow: 0px 0px 1px #828288;}
    .hd .main-menu-wrap > ul > li:hover > a::after{transform: translateY(-2px); opacity: 1;}
    .hd.over .main-menu-wrap .sub-menu a:hover{text-shadow: 0px 0px 1px #828288;}

/*    .hd.fixed .main-menu-wrap::before{background-color: #252525;}
    .hd.fixed .main-menu-wrap a{color: #fff;} */
    .hd.fixed .sns-wrap li a {/* color:#383838; */}
	.hd.fixed .sns-wrap li .ico_w{opacity: 0; visibility: hidden;}
    .hd.fixed .sns-wrap li .ico_c{opacity: 1; visibility: visible;}

    .hd.fixed .logo .logo_w{/* opacity: 1; *//* visibility: hidden; */}
    .hd.fixed .logo .logo_c{/* opacity: 0; *//* visibility: visible; */}
    .hd.fixed .logo{/* margin-top: 5px; */}
    .hd.fixed{height: 70px; /*background-color: #ffffff; box-shadow: 2px 2px 7px rgba(0,0,0,0.1); */}
	
	.hd.fixed.down .main-menu-wrap a {color: #48352b;}
    .hd.fixed.down .logo .logo_w{ opacity: 0; /* visibility: hidden; */}
    .hd.fixed.down .logo .logo_c{opacity: 1;visibility: visible;}
	

}





/* small media */

@media all and (max-width : 1025px){   
	.hd .inner-con{ width: 95%; }
	
	.hd .main-menu-wrap > ul > li:nth-child(3) {margin-right: 0;}
	.inner-con{ max-width:95%;}

    .hd .logo{position: relative;z-index: 20;transition: 0.8s;margin-top: 0;width:19%;left: 0;text-align: left;right: 0;margin: revert;}
    .hd{padding-top: 15px;}    
    .hd .main-menu-wrap{width: 100vw;height: 100vh;position: fixed;margin-left: 0;float: none;top: 0;left: 0;z-index: 5;background-color: white;padding-top: 0;opacity: 0;visibility: hidden;pointer-events: none;transition: 1.2s;}
    .hd .main-menu-wrap a{color: #252525;}
    .hd .main-menu-wrap > ul > li{width: 33.3333%;margin-bottom: 0px;}
    .hd .main-menu-wrap .sub-menu{height: auto; overflow: initial;}
    .hd .main-menu-wrap .sub-menu a{font-size: 12px; line-height: 2;}
    .hd .main-menu-wrap .sub-menu{min-height: 200px;}
    .hd .main-menu-wrap .sub-menu{padding-top: 0;}

	.hd .main-menu-wrap .sub-menu .subbox{display: block; width: auto;}
	
    .hd.click .main-menu-wrap{opacity: 1;visibility: visible;pointer-events: all;padding-top: 10%;}
    .hd.click .logo img.logo_w{opacity: 0; visibility: hidden;}
    .hd.click .logo img.logo_c{opacity: 1; visibility: visible;}

    .hd .m-menu-btn{display: block;position: absolute;right: 15px;width: 30px;height: 30px;cursor: pointer;z-index: 20;top: 5%;}
    .hd .m-menu-btn .line{width: 100%; display: block; height: 1px; background-color: white; position: absolute; top: calc(50% - 0.5px); left: 0; transition: 0.8s;}
    .hd .m-menu-btn .line1{transform: translateY(-8px);}    
    .hd .m-menu-btn .line3{transform: translateY(8px);}
    .hd.click .m-menu-btn .line{background-color: #252525;}

    .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.click .logo{width: 125px;}
    .hd.click .m-menu-btn{top: 0;}

    .hd.fixed{background-color: #fff8f3 !important;padding-bottom: 15px;}
    .hd.fixed .logo{/* width: 10%; */margin-top: -4px;left: 0;right: 0;text-align: left;margin: revert;}
    .hd.fixed .m-menu-btn{top: 0px;}
    .hd.fixed .m-menu-btn .line{background-color: #252525;}    
    .hd.fixed .logo img.logo_w{opacity: 0; visibility: hidden;}
    .hd.fixed .logo img.logo_c{opacity: 1;visibility: visible;top: -4px;}

	.ft .footer-box .inner-con{max-width: 95%;}
	.ft .footer-box .nav{display: none;}
    .ft .footer-box .txt{justify-content: center; }
    .ft .footer-box .inner-con{align-items: center;}
    .ft .footer-box .txt .ft-txt-wrap{text-align: center;}
	
	.top-btn{display: none !important;}
	
	.hd .sns-wrap{right:70px;top: 0px;}  .hd.fixed .sns-wrap li a{/* color:#252525; */}
	.sns_mo{display: block;background: #515151;}
	

	
	.main-wrap .con2 .intro-section .intro-tit p{font-size: 13px;}
	
	.hd .logo{width: 125px;}
	

	.container{display: block;}
	.container .row{width: 100%;border: none !important;}
	
	

}

@media all and (max-width: 650px){    
	.hd.fixed .logo, .hd .logo{margin-top: 0;width: 31%;margin-bottom: 6px;}
	.hd.click .logo{/* width: 20%; */}
	.hd .inner-con{width:95%;}
	.hd.click .main-menu-wrap{padding-top: 20%;}
 
	.hd .main-menu-wrap > ul > li > a{padding-bottom:5px; border-bottom:1px solid  #474c51;}
	.hd .m-menu-btn{right:5px;} .hd .sns-wrap{right:50px;top: 0;}

	.hd .sns-wrap li a span {font-size: 11px;}
	
	.hd .main-menu-wrap > ul{width: 95%; margin: auto;}
	.hd .main-menu-wrap > ul > li > a{font-size: 11px; display: inline-block;}
	.hd .main-menu-wrap > ul > li{width: 100%!important;}
	.hd .main-menu-wrap .sub-menu{min-height: 0;}
	.hd .main-menu-wrap .sub-menu li{display: inline-block; margin: 0 2px;}
}


@media all and (max-width: 550px){   
	.hd.fixed .logo, .hd .logo{/* margin-top: 0; *//* width: 19%; *//* margin-bottom: 0px; */}
	.hd.click .logo{/* width: 20%; */}
	
	.ft .footer-box .ft-tel{letter-spacing: 0;}
	
}
@media all and (max-width: 480px){ 
	.hd .sns-wrap{top:0;} .hd.fixed .m-menu-btn{top: 0;}
}
@media all and (max-width: 350px){ 
	.hd .main-menu-wrap .sub-menu a{font-size: 11px; letter-spacing: -0.5px;}
}