/*hd*/
.hd{/*position: fixed;*/top: 0;left: 0;width: 100%;z-index: 50;max-width: 80%;}
.down { background-color:#fff !important; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; transition-duration:0.4s; transition-timing-function:ease;}

.hd-menu {padding-top: 15px;position: fixed;z-index: 51;transition: 0.4s;width: 100%;height: 70px;margin: auto;}
.hd-menu .inner-con{display: flex;justify-content: space-between;align-items: center;max-width: 95%;margin: auto;}
.hd-menu .hd-menu-wrap{display: none;}
.hd-menu .logo{position: absolute;left: 0;text-align: center;margin: auto;right: 0;top: 6px;opacity: 1;width: max-content;width: 11%;}
.hd-menu .logo img {width: 13vw;}
.hd-menu .logo_b {display: none;} .hd-menu .logo_w {display: block;}

.hd-menu .menu-btn{display: flex;align-items: center;cursor: pointer;background: no-repeat;border: none;}
.hd-menu .menu-btn .menu-ico{position: relative;width: 30px;height: 30px;}
.hd-menu .menu-btn .menu-ico .line{width: 100%;height: 2px;display: block;background-color: #fff;position: absolute;top: calc(50% - 1.5px);transition: 0.4s;}
.hd-menu .menu-btn .menu-ico .line1{transform: translateY(-8px);}
.hd-menu .menu-btn .menu-ico .line2{transform: translateY(8px);}
.hd-menu .menu-btn h5{font-size: 13px;font-weight: 400;margin-left: 10px;line-height: 1;/* padding-top: 0.4em; */color: #fff;}

.hd .hd-box{background-color: #f9f4ef;transform: translateY(-100%);position: fixed;top: 0;width: 100%;padding-top: 100px;transition: 0.8s;z-index: 50;margin: 0;}
.hd .hd-box .inner-con{display: flex;justify-content: space-between;padding-bottom: 25px;opacity: 0;transition: 0.8s;max-width: 85%;margin: auto;}
.hd .hd-box .list {/* display: flex; */align-items: flex-start;text-align: center;width: 150%;}
.hd .hd-box .list .box .list_txt{font-size: 19px;font-weight: 500;font-family: 'Noto Sans KR', sans-serif;letter-spacing: 2.5px;color: #735252;line-height: 1.6;display: block;text-align: left;margin-bottom: 8px;}
.hd .hd-box .list .box{margin-bottom: 16px;border-bottom: 1px solid #bfa493;}

.hd .hd-box .list .main-menu{display: flex;}
.hd .hd-box .list .main-menu .sub-menu {margin-top: 0;}
.hd .hd-box .list .main-menu .sub-menu a{font-size: 15px;color: #8f7f7f;line-height: 1.5;transition: 0.6s;font-family: 'Pretendard-Regular';text-transform: capitalize;margin: 0 15px;letter-spacing: -0.5px;}
.hd .hd-box .list .main-menu .sub-menu a:first-child{margin-left: none;}
.hd .hd-box .list .main-menu .sub-menu span {content:'';width: 2px;height: 2px;background: #67442d;position: absolute;margin-top: 10px;border-radius: 100px;}
.hd .hd-box .list .main-menu .sub-menu a:last-child::after{background: no-repeat;}


.hd .hd-box .list .main-menu .sub-menu a:hover{color: #000;}
.hd .hd-box .list .main-menu .delete-sub .sub-menu{display: none;}
.hd .hd-box .menu-img-wrap{position: relative;width: 40%;}
.hd .hd-box .menu-img-wrap li img {/* border-radius: 20px; */width: 100%;}
.hd .hd-box .menu-img-wrap li:nth-of-type(n+2){position: absolute;top: 0;left: 0;}
.hd .hd-box .menu-img-wrap li{opacity: 0; transition: 0.8s;}
.hd .hd-box .menu-img-wrap li.on{opacity: 1;}
.hd .hd-box .menu-img-wrap p {text-align: right;opacity: 0.5;color: #66432c;font-size: 10px;margin-top: 6px;}
.hd .hd-box .hd-menu-wrap{display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start;}
.hd .hd-box .sns-wrap{display: flex;}
.hd .hd-box .sns-wrap li{margin-right: 20px;}
.hd .hd-box .sns-wrap a{color: #323835; font-size: 14px; font-weight: 400; font-family: "Poppins",sans-serif; letter-spacing: 0.05em;}

.hd-sns-wrap a{font-size: 13px;border-bottom: 1px solid;line-height: 2;color: #fff;font-family: 'Aboreto', cursive;font-weight: 700;letter-spacing: -0.5px;}

.main-menu .sub_me {font-size: 13px;font-weight: 600;background: #926c64;color: #fff;padding: 1px 0;margin-top: 9px;line-height: 1.3;letter-spacing: 2px;}


.hd.click .hd-menu .menu-btn .line1{transform: rotate(45deg);}
.hd.click .hd-menu .menu-btn .line2{transform: rotate(-45deg);}
.hd.click .hd-box{transform: translateY(0);}
.hd.click .hd-box .inner-con{opacity: 1; transition-delay: 0.65s;}
.hd.click .hd-menu .logo_b {display: block;} .hd.click .hd-menu .logo_w {display: none;}
.hd.click .hd-menu .menu-btn .menu-ico .line {background: #565656;}
.hd.click .hd-menu .menu-btn h5 {color: #565656;}
.hd.click .hd-sns-wrap a {color: #565656;}

/*.hd.fixed .hd-menu{background: #ffffff;}*/
.hd.fixed .hd-menu .logo_b {display: block;} .hd.fixed .hd-menu .logo_w {display: none;}
.hd.fixed .hd-menu .menu-btn .menu-ico .line {background: #66432c;}
.hd.fixed .hd-menu .menu-btn h5 {color: #66432c;}
.hd.fixed .hd-sns-wrap a {color: #66432c;}


/* footer */


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

.foot_logo_w{width: 20%;margin: 4% 0 3%;}

footer {background: #574640;}
.footer_com {max-width: 70%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position: relative;text-align:center;color:#565656;font-family: 'Pretendard-Light';}
.footer_com a{color: #fbf0da;}
.bg-dark { background: #292929;}
.col-md-3 {width: 33%;float:left;/* margin:2% 2% 2.5% 2%; */border: 1px solid #fbf0da;border-bottom: none;border-top: none;}
.col-md-3:first-child{border-left: none;} .col-md-3:last-child{border-right: none;}
.widget .title {font-size: 12px;line-height: 24px;font-weight: 100;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 12px;color: #fbf0da;font-family: 'KOTRA_BOLD-Bold';}
.widget ul li{font-size: 13px;line-height: 1.8;letter-spacing:-0.2px;font-family: 'Pretendard-Regular';color: #fbf0da;}
.fottop{  display: block; text-align: center; width: 5%; float:right; font-size:20px;  margin: 1px auto 15px;}  

footer .f_bottom {width: 100%;font-size: 12px;padding: 50px 0 15px;TEXT-ALIGN: center;margin: auto;display: inline-block;color: #fbf0da;}
footer .f_bottom  a: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 1px 4px 4px;}
footer .f_bottom .login_btn {display: contents; padding-left: 15px;}
footer .f_bottom .login_btn a{font-weight: bold;font-family: 'Pretendard-Regular';font-size: 12px;color: #ffffff;display: block;margin-top: 5px;}
footer .f_bottom .login_btn a:before {display: none;}

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


/*-------------*/


@media all and (max-width: 1450px){
	
	.hd .hd-box{padding-top: 78px;}
	.hd .hd-box .list .box .list_txt{font-size: 17px; margin-bottom: 5px;}
	.hd .hd-box .list .main-menu .sub-menu a{font-size: 13px; margin:0 12px;}
	.hd .hd-box .list{width: 120%;}
}



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

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

@media all and (max-width: 1025px){
	.hd .hd-box {height: 100%; padding-top: 12%;}
    .hd .hd-box .inner-con{flex-flow: column; align-items: flex-end;}
    .hd .hd-box .menu-img-wrap{width: 300px; margin-top: 50px;}
    .hd .hd-box .sns-wrap{margin-top: 50px;}
    .hd .hd-box .menu-img-wrap img{width: 100%;}
	
	.hd .hd-box .list{width: 100%;}
	.hd .hd-box .list .main-menu{display: block;}
	.hd .hd-box .list .box .list_txt{text-align: center; font-size: 30px;}
	.hd .hd-box .list .main-menu .sub-menu span{display: none;}
	.hd .hd-box .list .main-menu > li{padding: 0 0px;}
	.hd .hd-box .menu-img-wrap{display: none;}
	.hd .hd-box .list .main-menu > li > a{font-size: 26px;}
    .hd .hd-box .list .main-menu .sub-menu a{font-size: 20px;}
    .hd .hd-box .hd-menu-wrap{width: 100%;}
	.hd .hd-box .list .box{border: none;}
	

    .hd-menu .menu-btn h5{font-size: 12px; padding-top: 0;}
    .hd-menu .menu-btn .menu-ico{width: 32px; height: 32px;}
    .hd-menu .logo img{display: block; width: 100%;}
    .hd-menu .logo{width: 24%;}
	
	.hd .hd-box .list .main-menu .sub-menu{display: contents;}
	
	
	footer .f_bottom{padding: 10px  0 15px;}
	.widget .title{margin-bottom: 0; letter-spacing: 3px;}
	.footer_com{width:100%;}
	.col-md-3{width:100%;float:inherit;margin:0%;border: none;margin-bottom: 12px;} .rowinfo{margin-top:15px;}
	.widget ul li{font-size:11px;}
	
	.top-btn{display: none !important;}
	
}

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


@media all and (max-width: 650px){
	.hd-menu .logo{width: 28%;}
	.hd .hd-box .list .box .list_txt{font-size: 18px; margin-bottom: 10px;}
	.hd .hd-box .list .main-menu .sub-menu a{font-size: 14px;}

}



@media all and (max-width: 485px) {
	
	.hd-menu{padding-top: 5px;}
	.hd-menu .logo{width: 30%;}
	.hd .hd-box{padding-top: 25%;}
}