@charset "utf-8";


*{margin: 0; padding: 0; box-sizing: border-box;}

/* 회원가입 로그인/로그아웃*/
.member_menu{display: block;margin: auto;right: 0;position: relative;text-align: right;background: #604d38;width: 100%;top: 0;z-index: 1000;}
.member_menu .member_subbox{max-width: 78%;margin: auto;}
.member_menu .member_subbox .subbox_in_out {display: inline-flex;}
.member_menu  a{color: #fff;font-family: 'Pretendard-Regular';font-size: 15px;letter-spacing: -0.5px;/* padding-bottom: 5px; */}
.member_menu  li{display: inline-block;position: relative;margin: 0 0px;}

.member_menu .id_menu{margin-top: 5px;color: #fff;font-size: 15px;}

.member_menu span{display: block;width: 1px;height: 17px;background: #fff;position: relative;margin: 10px 5px;}

.level_cms{margin-top: 0;}
.hd .main-menu-wrap .sns-wrap .level_cms a {padding: 5px 4px;font-family: 'Pretendard-Regular';background: rgba(68,105,99,0.65);}
/* 회원가입 로그인/로그아웃*/


/*헤더*/
.hd{position: fixed;z-index: 15;width: 100%;top: 0;left: 0;/* pointer-events: none; */}
.hd .hd-fixed-wrap{padding-top: 11px;position: relative;z-index: 20;max-width: 90%;margin: auto;}
.hd .hd-fixed-wrap .inner-con{display: flex; justify-content: space-between; align-items: center;}
.hd .hd-fixed-wrap .logo{display: inline-flex;width: 135px;pointer-events: all;position: relative;left: -47%;right: 0;/* margin: auto; */}
.hd .hd-fixed-wrap .logo img{display: block;width: 100%;transition: 0.8s;/* left: 25px; */}
.hd .hd-fixed-wrap .logo img.logo_white{opacity: 0;position: absolute;top: 0;}
.hd .hd-fixed-wrap .menu-btn {/* font-family: "Caudex",sans-serif; */font-size: 13px;font-weight: 400;color: #000000;pointer-events: all;position: relative;overflow: hidden;}
/* .hd .hd-fixed-wrap .menu-btn::after{content: ""; display: block; width: 100%; height: 1px; background-color: #000; transition: 0.8s;} */

.hd .hd-fixed-wrap .menu-btn {display: flex;flex-flow: column;align-items: center;justify-content: center;pointer-events: all;overflow: hidden;width: 50px;}
.hd .hd-fixed-wrap .menu-btn .btn{width: 30px;height: 30px;position: relative;display: block;cursor: pointer;}
.hd .hd-fixed-wrap .menu-btn .btn .line{width: 100%; height: 1px; background-color: white; display: block; transition: 0.4s; position: absolute; top: 50%;}
.hd .hd-fixed-wrap .menu-btn .btn .line1{transform: translateY(-6px);}
.hd .hd-fixed-wrap .menu-btn .btn .line3{transform: translateY(6px);}
.hd .hd-fixed-wrap .menu-btn .txt {color: #fff;font-size: 12px;}
.hd .hd-fixed-wrap .logo img.logo_white{opacity: 1;}
.hd .hd-fixed-wrap .logo img.logo_black{opacity: 0;}
.hd .hd-fixed-wrap .menu-btn .txt .txt1{display: block;}
.hd .hd-fixed-wrap .menu-btn .txt .txt2{display: none;;}
	

.hd .main-menu-wrap{width: 100vw;height: 100vh; opacity: 0;pointer-events: none;transition: 1.2s;position: absolute;top: 0;left: 0;}

.hd.on .main-menu-wrap{opacity: 1; pointer-events: all;}
.hd .main-menu-wrap .menu-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 15;width: 100%;}
.hd .main-menu-wrap .menu-wrap li {margin-bottom: 15px;}
.hd .main-menu-wrap .menu-wrap > li > a{font-size: 34px;font-family: "Mulish", sans-serif;line-height: 1.6;color: #fff;letter-spacing: -0.5PX;}
.hd .main-menu-wrap .menu-wrap > li > .color {color: #e3b243;}
.hd .main-menu-wrap .menu-wrap > li > .event {color: #fff; background: rgba(244,114,114,0.5); padding: 3px 20px;}
.hd .main-menu-wrap .menu-wrap .sub-menu{display: flex;justify-content: center;height: 0;overflow: hidden;transition: 0.6s;font-size: 15px;color: #fff;}
.hd .main-menu-wrap .menu-wrap li.on .sub-menu{height: 1.6em;}


.hd .main-menu-wrap .menu-wrap > li.on > a {border-bottom: 1px solid #fff;}


.hd .main-menu-wrap .menu-wrap .sub-menu a{font-size: 15px;margin: 0 8px;color: #fff;cursor: pointer;}
.hd .main-menu-wrap .menu-background-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #1c1c1c;}
.hd .main-menu-wrap .menu-background-wrap li{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 1.6s; opacity: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
.hd .main-menu-wrap .menu-background-wrap li.on{opacity: 0.50;}
.hd .main-menu-wrap .menu-wrap .sub-menu a:hover {border-bottom: 1px solid;}

.hd .hd-fixed-wrap .menu_rev_btn{pointer-events: all;font-size: 12px;color: #fff;cursor: pointer;}


.hd .hd-fixed-wrap .menu-btn{transition: 0.8s;}
.hd.on .hd-fixed-wrap .menu-btn{color: white;}
.hd.on .hd-fixed-wrap .logo img.logo_white{opacity: 1;}
.hd.on .hd-fixed-wrap .logo img.logo_black{opacity: 0;}
.hd.on .hd-fixed-wrap .menu-btn .line-wrap .line{background: white;}

.hd.on .hd-fixed-wrap .menu-btn .btn .line1{transform: rotate(45deg);}
.hd.on .hd-fixed-wrap .menu-btn .btn .line2{opacity: 0;}
.hd.on .hd-fixed-wrap .menu-btn .btn .line3{transform: rotate(-45deg);}
.hd.on .hd-fixed-wrap .menu-btn .txt1{display: none;}
.hd.on .hd-fixed-wrap .menu-btn .txt2{display: block;}
.hd.on .hd-logo{opacity: 0;}


.hd.down .hd-fixed-wrap .menu-btn .btn .line{background: black;}
.hd.down .hd-fixed-wrap .menu-btn .txt{color: black;}
.hd.down .hd-fixed-wrap .logo img.logo_white{opacity: 0;}
.hd.down .hd-fixed-wrap .logo img.logo_black{opacity: 1;}
.hd.down .hd-fixed-wrap .menu_rev_btn{color: #2B2B2B;}
.hd.down.on .hd-fixed-wrap .menu_rev_btn{color: #fff;}
.hd.down.on .hd-fixed-wrap .menu-btn .btn .line{background: white;}
.hd.down.on .hd-fixed-wrap .menu-btn .txt{color: white;}
.hd.down.on .hd-fixed-wrap .logo img.logo_white{opacity: 1;}
.hd.down.on .hd-fixed-wrap .logo img.logo_black{opacity: 0;}

.hd.nev_nd .hd-fixed-wrap .menu-btn .btn .line{background-color: #000;}
.hd.nev_nd .hd-fixed-wrap .menu-btn .txt .txt1 {color: #000;}
.hd.nev_nd .hd-fixed-wrap .logo img.logo_black{opacity: 1;}
.hd.nev_nd .hd-fixed-wrap .logo img.logo_white{opacity: 0;}
.hd.nev_nd .hd-fixed-wrap .menu_rev_btn{color: #000;}

.hd.nev_nd.on .hd-fixed-wrap .menu-btn .btn .line{background-color: #fff;}
.hd.nev_nd.on .hd-fixed-wrap .menu-btn .txt .txt1 {background-color: #fff;}
.hd.nev_nd.on .hd-fixed-wrap .logo img.logo_black{opacity: 0;}
.hd.nev_nd.on .hd-fixed-wrap .logo img.logo_white{opacity: 1;}
.hd.nev_nd.on .hd-fixed-wrap .menu_rev_btn{color: #fff;}

/*헤더*/



/* 하단 */

	
.footer .boxs {max-width: 85%;margin: auto;width: 100%;height: 50%;position: relative;display: flow-root;left: 0;right: 0;}

.footer .boxs .boxs-tit {margin: 0 auto;padding-top: 60px;padding-bottom: 30px;position: relative;z-index: 2;}
.footer .boxs .boxs-tit h5 {font-family: 'Aboreto', cursive;font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: 2px;}
.footer .boxs .boxs-tit .line {width: 100%;height: 1px;background-color: rgb(0 0 0 / 30%);margin: 10px 0;display: block;}
.footer .boxs .boxs-con {margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding-bottom: 33px;position: relative;z-index: 2;}
.footer .boxs .boxs-con .left {text-align: center;}
.footer .boxs .boxs-con .left h5 {font-family: 'Aboreto', cursive;font-size: 25px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 20px;}
.footer .boxs .boxs-con .left ul {  display: flex;  align-items: center; flex-wrap: wrap;}
.footer .boxs .boxs-con .left ul li {width: 33%;text-align: center;margin-bottom: 7px;}
.footer .boxs .boxs-con .left ul li a {display: inline-block;font-family: 'Aboreto', cursive;font-size: 14px;font-style: normal;font-weight: 300;letter-spacing: -0.5px;}
.footer .boxs .boxs-con .cet { text-align: center;}
.footer .boxs .boxs-con .cet img {width: 70%;/* height: 38px; */object-fit: cover;/* margin-bottom: 48px; */}
.footer .boxs .boxs-con .cet a {display: flex;align-items: center;justify-content: center;gap: 20px;font-family: Pretendard-Medium;font-size: 23px;font-style: normal;font-weight: 500;margin-bottom: 5%;width: 230px;color: #755a5a;}
.footer .boxs .boxs-con .cet a i {font-size: 20px;width: 9%;}
.footer .boxs .boxs-con .right h5 {font-family: 'Aboreto', cursive;font-size: 25px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 25px;text-align: right;}
.footer .boxs .boxs-con .right p {text-align: right;font-family: 'Pretendard-Regular';font-size: 13.5px;font-style: normal;font-weight: 400;line-height: 30px;letter-spacing: -0.5px;}
.footer .boxs .boxs-con .right p b {font-weight: 600;letter-spacing: 2px;color: #a16c53;}	
.footer .boxs .cop_info {text-align: center;margin-bottom: 2%;}
.footer .boxs .cop_info .sub {font-size: 13px;letter-spacing: 0px;font-family: 'Pretendard-Regular';font-weight: 100;}
.footer .boxs .cop_info 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;}


.top-btn{/*height: -2px;*/position: absolute;right: 30px;bottom: 15px;font-size: 17px;z-index: 10;cursor:pointer;color: #fff;background: #000;width: 40px;height: 40px;text-align: center;line-height: 2.2;}

/* media */
@media all and (max-width : 1480px){
	
	.hd .hd-fixed-wrap{max-width: 95%;}
	
	.hd .hd-fixed-wrap .logo{width: 110px;}
	
	.hd .main-menu-wrap .menu-wrap{top: 55%;}
	.hd .main-menu-wrap .menu-wrap > li > a{font-size:35px;}
	.hd .main-menu-wrap .menu-wrap .sub-menu a{font-size: 14px;display: block;width: 100%;}
	
	
}

@media all and (max-width : 1025px){
	
	.hd.down {background: #f4f3ef; padding-bottom: 6.5px;}
	
	.hd .hd-fixed-wrap .logo{left: -40%;}
	
	
	.hd .main-menu-wrap .menu-wrap{width: 100%;}
	.hd .main-menu-wrap .menu-wrap li.on .sub-menu{height: auto;}
    .hd .main-menu-wrap .menu-wrap .sub-menu{height: auto;flex-wrap: wrap;margin-bottom: 0;}
    .hd .main-menu-wrap .menu-wrap .sub-menu li{margin-bottom: 8px;}
	
	
	.footer .boxs{max-width: 95%;}
	.hd .main-menu-wrap .menu-wrap > li > a{font-size: 25px;}
	.hd .main-menu-wrap .menu-wrap li{margin-bottom: 5px;}
	
}


@media all and (max-width : 980px){
	
	.footer .boxs .boxs-con{display: block; text-align: center;}
	.footer .boxs .boxs-con .left{display: none;}
	.footer .boxs .boxs-con .right {margin-top: 5%;}
	.footer .boxs .boxs-con .right h5{display: none;}
	.footer .boxs .boxs-con .right p{text-align: center;}
	.footer .boxs .boxs-con .cet{display: inline-block;margin: auto; text-align: center;}
	.footer .boxs .boxs-tit h5{text-align: center;}
	
	.top-btn{display: none !important;}
	
	.hd .main-menu-wrap .menu-wrap{top: 50%;}

	/* 회원가입 메뉴바 */
	.member_menu .member_subbox{max-width: 100%; text-align: center;}
	.member_menu span:last-child{ display: none;}
	
	.hd .hd-fixed-wrap .logo{left: -43%;}

}


@media all and (max-width : 600px){
	
	.hd .hd-fixed-wrap{padding-top: 10px;}
	.hd .main-menu-wrap .menu-wrap > li > a{font-size: 20px;}
	.hd .main-menu-wrap .menu-wrap .sub-menu a{font-size: 12px;margin: 0 5px;text-align: left;}
	
	.footer .boxs .boxs-con .cet img{width: 50%;}
	
	/* 회원가입 메뉴바*/
	.member_menu .id_menu{font-size: 10px; letter-spacing: -0.5px; margin-top: 10px;}
	.member_menu a{font-size: 10px;}
}


@media all and (max-width : 455px){
	.hd .hd-fixed-wrap .logo{width: 100px;}
	
	.hd .main-menu-wrap .menu-wrap .sub-menu a{margin: 0 5px;font-size: 13.5px;}
	.hd .main-menu-wrap .menu-wrap li{margin-bottom: 10px;}
	
	.footer .boxs .boxs-con .right p{font-size: 12.5px;}

	.hd .hd-fixed-wrap .logo{left: -40%;}
}


@media all and (max-width : 360px){
	
	.hd .hd-fixed-wrap .menu-btn .btn{width: 25px; height: 25px;}
	.hd .hd-fixed-wrap .menu-btn .txt{font-size: 10px;}
	
	.hd .main-menu-wrap .menu-wrap li{margin-bottom: 5px;}
	.hd .main-menu-wrap .menu-wrap .sub-menu a{font-size: 11.5px;}
	.hd .main-menu-wrap .menu-wrap .sub-menu li{margin-bottom: 4px;}
	
	.hd .hd-fixed-wrap .menu_rev_btn{font-size: 10px;}
	
	
	.hd .main-menu-wrap .menu-wrap{top: 60%;}
	.hd .main-menu-wrap .menu-wrap .sub-menu{margin-bottom: 12.5px;}
}



/* 해상도 */