@charset "utf-8";/* 기본프로그램 사용자모듈 메뉴 - PC */
.all_m_btn { padding:10px; background:#323337; } 
.all_m_btn img { position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer; } 
.all_m_btn .mutit { text-align:center; font-weight:900; font-size:26px; color:#fff; } 
.pro_m_wrap { display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear; } 
.pro_m_wrap .m_menu { width:200px; } 
.pro_m_wrap .bg_black { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1; } 


/* 기본프로그램 사용자모듈 메뉴 - MOBILE */
.pro_m_wrap .subleftmenu {list-style:none;margin:0;padding:0; } 
.pro_m_wrap .subleftmenu li {border-bottom:1px solid #515155;background:#323337; } 
.pro_m_wrap .subleftmenu a {display:block;color:#b5b2b2;font-size:14px;padding:11px 5px 11px 15px;font-family:'Noto Sans KR'; } 
.sub_title_m {font-size:28px !important;font-weight:bold;color:#fff !important;padding:12px 5px 12px 15px !important; } 
.pro_m_wrap .subleftmenu a:hover {background:#307dd4;color:#fff; } 
.sub_title_m:hover {background:#323337 !important;cursor:default; } 

@media all and (max-width:999px) {
	.pro_m_wrap { display:block; position:absolute; left:-100%; top:0; z-index:999; } 
	.pro_m_wrap.view { left:0; } 
}

/* font */
:root {
	--eng-font : 'Playfair Display', serif;
	--sub-font : 'Noto Serif KR', serif;
	--main-font : 'Pretendard'; 
} 

.eng { font-family: var(--eng-font) !important; } 
.sub { font-family: var(--sub-font) !important; } 

/* br */
br.only_tab {display: none;}
.sub_tab br.only_tab {display: block;}

/* basic */
.wrap { word-break: keep-all; } 
.inner { width:100%; max-width:1400px; margin:0 auto; position:relative; } 
.inner.w1800 { max-width: 1800px; } 
.inner.w1600 { max-width: 1600px; } 
.inner.blank { max-width: calc(100% - calc(calc(100% - 1400px) / 2)); } 

@media all and (max-width: 1800px) {
	.inner.w1800 { width: 93.75%; } 
}

@media all and (max-width: 1600px) {
	.inner.w1600 { width: 93.75%; } 
}

@media all and (max-width:1400px) {
	.inner { width:93.75%; } 
}

/* background */
body.main { background: url(/img/basic_background.jpg); } 
body.allMenu {height: 100vh; overflow: hidden;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * header *
 
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*-- layout --*/
#header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;box-sizing: border-box; transition: 0.75s; background-color: #fff;}  
#header .inner {display: flex;justify-content: space-between;align-items: center;height: 100px; } 
#header .left {display: flex; align-items: center; gap: 20px;}
#header .right {display: flex;align-items: center;gap: 85px; } 
/*-- logo --*/
#header .logo a {display: block; width: 215px; height: 35px; background: url(/img/header_black.png) no-repeat center center / contain;}
/*-- gnb --*/
#header .gnb > ul {display: flex;align-items: center;gap: 140px; } 
#header .gnb > ul > li > a {font-family: var(--eng-font);font-size: var(--fz-20);letter-spacing: 0.1em; color: #222; text-transform: uppercase;} 
#header .gnb .depth02 {display: none; } 
.allMenu #header .gnb { display: none; } 
/*-- all btn --*/
.allMenu #header .all_btn {transform: rotate(90deg); position: relative;} 
#header .all_btn {width: 20px;transition: 0.25s; } 
#header .all_btn span {display: block;width: 100%;height: 2px;background-color: #222; } 
#header .all_btn span:nth-child(1) {width: 60%;margin: auto;margin-right: 0; } 
#header .all_btn span + span {margin-top: 8px; } 

@media all and (max-width: 1024px) {
	#header .gnb { display: none; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * All menu *
 
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#all_menu .header-blank {padding-top: 100px;}
#all_menu {position: fixed;top: 0;left: 0;width: 100%;height: 100vh; background: url(/img/all_menu_bg.jpg) no-repeat center center / cover;color: #fff;z-index: 99;transition: 0.25s;opacity: 0;visibility: hidden; overflow-y: auto; box-sizing: border-box; padding: 100px 0; box-sizing: border-box;}  
#all_menu .gnb {text-align: right; } 
#all_menu .gnb > ul > li > a {font-family: var(--eng-font);font-weight: 700;font-size: var(--fz-26);letter-spacing: 0.1em; text-transform: uppercase;} 
#all_menu .gnb > ul > li + li {margin-top: 105px; } 
#all_menu .gnb .depth02 {margin-top: 45px; } 
#all_menu .gnb .depth02 li a {font-family: var(--eng-font);font-size: var(--fz-20);line-height: 2em;letter-spacing: 0.1em;color: #afb4b5; } 

/*--- active ---*/
.allMenu #header {background-color: transparent;}
.allMenu #header .logo a {background-image: url(/img/header_white.png);}
.allMenu #header .all_btn span {background-color: #fff;}
.allMenu #all_menu {opacity: 1;visibility: visible; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Footer *
 
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#footer { background: url(/img/footer_bg.jpg) no-repeat center center / cover; position: relative; color: #fff; } 
#footer .inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px; padding: 65px 0 55px; box-sizing: border-box; } 
#footer .flex_wrap { display: flex; gap: 35px; } 
#footer h3,
#footer ul li { font-weight: 400; font-size: var(--fz-18); line-height: 2.22em; letter-spacing: -0.045em; } 
#footer ul li { color: #9b9b9b; } 
#footer .info-btn {text-align: right;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Top Btn *
 
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#header .goose {display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; border-radius: 50%; background-color: #fff; border: 1px solid #e9e9e9; position: relative; transition: .35s;}
#header .goose:hover{transform: rotateY(180deg);}
#header .goose i {display: inline-block; background: url(/img/goose.png) no-repeat center center; background-size: 28px 33px; width: 28px; height: 33px; transition: .35s}
#header .goose span{position: absolute; transform: rotateY(180deg); font-size: 13px; text-align: center; opacity: 0; transition: .35s; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
#header .goose:hover i{opacity: 0;}
#header .goose:hover span{opacity: 1;}