@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap'); /* font-family: 'Italiana', serif; */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Italiana&display=swap'); /* font-family: 'Cinzel', serif; */
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); /* font-family: 'Didact Gothic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*  font-family: "Arsenal", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); /* font-family: "Jost", sans-serif; */
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css'); /* font-family: 'Jeju Myeongjo', serif */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}




@font-face{
    font-family: "Nesans";
    font-style: normal;
    font-weight: 900;
    src: local(※),
	url('/web/font/Nesans.ttf') format("truetype"),	
    url('/web/font/Nesans.eot') format("embedded-opentype"),
    url('/web/font/Nesans.woff2') format("woff2"),
    url('/web/font/Nesans.woff') format("woff")    
}

@font-face{
    font-family: "IvyMode";
    font-style: normal;
    font-weight: 900;
    src: local(※),
	url('/web/font/IvyMode.ttf') format("truetype"),	
    url('/web/font/IvyMode.eot') format("embedded-opentype"),
    url('/web/font/IvyMode.woff2') format("woff2"),
    url('/web/font/IvyMode.woff') format("woff")    
}

@font-face{
    font-family: "Avenir";
    font-style: normal;
    font-weight: 900;
    src: local(※),
	url('/web/font/Avenir.ttf') format("truetype"),	
    url('/web/font/Avenir.eot') format("embedded-opentype"),
    url('/web/font/Avenir.woff2') format("woff2"),
    url('/web/font/Avenir.woff') format("woff")    
}





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


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


/*헤더*/
.hd{position: fixed;z-index: 15;width: 100%;top: 0;left: 0;pointer-events: none;background: rgba(247,247,247,0.5);}
.hd .hd-fixed-wrap{padding: 5px 0;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: 125px;pointer-events: all;position: relative;left: 25px;/* 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: #000000;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: #000000;font-size: 12px;}
.hd .hd-fixed-wrap .logo img.logo_white{opacity: 0;}
.hd .hd-fixed-wrap .logo img.logo_black{opacity: 1;}
.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;}
.hd .main-menu-wrap .menu-wrap li {margin-bottom: 15px;}
.hd .main-menu-wrap .menu-wrap > li > a{font-size: 45px;font-family: 'Italiana', serif;line-height: 1.6;color: #fff; letter-spacing: 2px;}
.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 .sub-menu a{font-size: 17.5px;margin: 0 15px;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.5s;opacity: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.hd .main-menu-wrap .menu-background-wrap li.on{opacity: 0.35;}
.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: #000000;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.on .hd-fixed-wrap .menu-btn .btn .line{background: #fff;}
.hd.on .hd-fixed-wrap .menu-btn .txt{color: #fff;}
.hd.on .hd-fixed-wrap .menu_rev_btn{color: #fff;}


.hd.down {background: rgba(255,255,255,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_end {border-top: 1px solid rgba(0, 0, 0, 0.1);}
#footer_end > .inner_con {position: relative;padding: 40px 0;text-align: center;}
#footer_end .tit_conts .tit {display: block;font-family: "Jost", sans-serif;font-size: 20px;font-weight: 500;letter-spacing: 0px;}
#footer_end .tit_conts a {display: inline-block;font-size: 25px;font-family: 'SUIT-Regular';letter-spacing: 0;font-weight: 400;}
#footer_end .info_Txt {margin-top: 32px;}
#footer_end .txt { font-size: 0;line-height: 1.7;}
#footer_end .txt .info_business { display: inline-block; font-size: 15px;}
#footer_end .txt .info_business .info {  display: block;}
#footer_end .txt .info_address {width: 100%;/* display: inline-block; */margin: 0 10px;font-size: 15px;}
#footer_end .txt .info_address .tit {/* display: block; */font-family: "Jost", sans-serif;font-weight: 500;font-size: 14px;}
#footer_end .txt .info_address .address {font-family: 'SUIT-Regular';/* display: block; */letter-spacing: -0.5px;font-size: 17px;line-height: 2;}
#footer_end .link_admin {  float: right;}
#footer_end .link_admin a { display: block;  font-size: 13px;  padding: 5px 0;  border-bottom: 1px solid #666;}
#footer_end .copyright { padding: 22px 0;  border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; font-size: 11px;  line-height: 24px;font-family: "Lato", "Pretendard"; font-weight: 400;  letter-spacing: 0.05em;}
#footer_end .copyright a { display: inline-block;}
#footer_end .copyright 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{width: 4%;/*height: -2px;*/position: fixed;right: 0%;bottom: 10px;font-size: 15px;color: #838383;z-index: 10;cursor:pointer;text-align: center;}


/* 하단 */



/* media */

@media all and (max-width : 1485px){
	
	.hd .hd-fixed-wrap{padding: 1px 0;}
	.hd .main-menu-wrap .menu-wrap > li > a{font-size: 40px;}
}

@media all and (max-width : 1025px){
	
	.hd .hd-fixed-wrap .logo{left: 20px;}
	
	
	.hd .main-menu-wrap .menu-wrap{width: 100%;}
    .hd .main-menu-wrap .menu-wrap .sub-menu{height: auto;flex-wrap: wrap;margin-bottom: 15px;}
    .hd .main-menu-wrap .menu-wrap .sub-menu li{margin-bottom: 8px;}
	
	#footer_end > .inner_con {max-width: 95%;}
	
	.top-btn{display: none!important;}
	

}


@media all and (max-width : 600px){
	
	.hd .hd-fixed-wrap{max-width: 95%;padding-top: 10px;}
	
	footer .f_top p{font-size: 12px;}
	.hd .hd-fixed-wrap .logo{width: 100px;}
	.top-btn{display: none !important;}
	
	.hd .main-menu-wrap .menu-wrap .sub-menu a{font-size: 13px; margin: 0 10px;}
	.hd .main-menu-wrap .menu-wrap > li > a{font-size: 25px;}
	
	footer .f_top .mo_br{display: block;}
	footer .f_top span { display: none;}
	
	.hd .hd-fixed-wrap .menu_rev_btn{font-size: 11px; letter-spacing: -0.5px;}
	
	#footer_end .info_Txt{margin-top: 19.5px;}
	#footer_end .txt .info_address{font-size: 13px;margin: 0;}
}


@media all and (max-width : 455px){
	
	.hd .main-menu-wrap .menu-wrap .sub-menu a{margin: 0 5px;}
	.hd .main-menu-wrap .menu-wrap li{margin-bottom: 20px;}
}



/* 해상도 */

@media all and (max-width : 1025px){
	
	.hd .hd-fixed-wrap .logo{left: 20px;}
	
	
	.hd .main-menu-wrap .menu-wrap{width: 100%;}
    .hd .main-menu-wrap .menu-wrap .sub-menu{height: auto;flex-wrap: wrap;margin-bottom: 15px;}
    .hd .main-menu-wrap .menu-wrap .sub-menu li{margin-bottom: 8px;}
	
	#footer_end > .inner_con {max-width: 95%;}
	
	.top-btn{display: none!important;}
	

}


@media all and (max-width : 600px){
	
	.hd .hd-fixed-wrap{max-width: 95%;padding-top: 10px;}
	
	footer .f_top p{font-size: 12px;}
	.hd .hd-fixed-wrap .logo{width: 100px;}
	.top-btn{display: none !important;}
	
	.hd .main-menu-wrap .menu-wrap .sub-menu a{font-size: 16px;margin: 0 10px;}
	.hd .main-menu-wrap .menu-wrap > li > a{font-size: 35px;}
	
	footer .f_top .mo_br{display: block;}
	footer .f_top span { display: none;}
	
	.hd .hd-fixed-wrap .menu_rev_btn{font-size: 11px; letter-spacing: -0.5px;}
	
	#footer_end .info_Txt{margin-top: 19.5px;}
	#footer_end .txt .info_address{font-size: 13px;}
}


@media all and (max-width : 455px){
	
	.hd .main-menu-wrap .menu-wrap .sub-menu a{margin: 0 5px;}
	.hd .main-menu-wrap .menu-wrap li{margin-bottom: 20px;}
}



/* 해상도 */