@charset "utf-8";


/**************reset.css**************/
body, html{ margin:0; padding:0; width:100%; height:100%; position:relative; right:0; transition:right 0.4s; }
-webkit-::selection{ background-color:#a18b69; color:#fff; }
-moz-::selection{ background-color:#a18b69; color:#fff; }
-o-::selection{ background-color:#a18b69; color:#fff; }
::selection{ background-color:#a18b69; color:#fff; }
/*body, html{
	-ms-user-select:none; 
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}*/
body, input, textarea, select, button, table {
	font-family:'noto', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif !important;
	-webkit-font-smoothing:antialiased;
}
body.slided{ right:300px; transition:right 0.4s; }
img, fieldset, button { border:0 }
img{ -ms-user-select:none;  -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; }
ul, ol, li { margin:0; padding:0; list-style:none; }
em, address { font-style:normal; }
form, fieldset, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }
img{ max-width:100%; }
a, a:hover, a:active, a:focus{ text-decoration:none; }
input:focus, button:focus, a:focus{ outline:0 !important; }




/***********scrollbar***********/
body::-webkit-scrollbar { /*width:5px;*/ display:none; background-color:transparent; position:fixed; z-index:999999; }
body::-moz-scrollbar { /*width:5px;*/ display:none; background-color:transparent; position:fixed; z-index:999999; }
body::-webkit-scrollbar-track{ background-color:#666; }
body::-moz-scrollbar-track{ background-color:#666; }
body::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.4);  border-radius:20px; }
body::-moz-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.4);  border-radius:20px; }





/**************header.css**************/
#header, #header *{ box-sizing:border-box; font-family:'pt', sans-serif; }
#header{ position:absolute; z-index:9997; top:0; left:0; width:100%; padding:15px 40px; background-color:transparent; box-shadow:0 0 0 0 rgba(0,0,0,0); transition:0.3s background-color, 0.3s box-shadow; }
#header.fixed{ position:fixed; transform:translate(0, -100%); background-color:rgba(255,255,255,0.7); backdrop-filter:blur(7px); box-shadow:0 0 5px 0 rgba(0,0,0,.1); animation:0.4s slideDown forwards; }
#header > .hd_con{ width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
#header > .hd_con > .hd_logo{ position:relative; z-index:999999; display:flex; align-items:center; gap:15px; pointer-events:auto; }
#header > .hd_con > .hd_logo > a.symbol{ display:block; -webkit-mask-image:url(../img/gen/hd_logo.svg); }
#header > .hd_con > .hd_logo > a.logo{ display:block; -webkit-mask-image:url(../img/gen/hd_logo2.svg); opacity:0; transform:translate(15px, 0); transition:0.5s opacity, 0.5s transform; }
#header > .hd_con > .hd_logo:hover > a.logo{ opacity:1; transform:translate(0, 0); }
#header > .hd_con > .hd_logo > a > svg{ display:block; height:60px; }
#header > .hd_con > .hd_logo > a > svg > path{ fill:#ddd; }

@keyframes slideDown{
  0%{ transform:translate(0, -100%); }
  100%{ transform:translate(0, 0); }
}

.hd_rt{ position:relative; z-index:999999; display:flex; align-items:center; gap:30px; }

.hd_lang{ position:relative; z-index:1; display:flex; align-items:center; gap:7px; }
.hd_lang > a{ display:block; line-height:1em; pointer-events:auto; cursor:pointer; font-size:18px; font-weight:600; color:#ddd; line-height:1em; }
.hd_lang > a.active{ color:#F59D05; }
.hd_lang > a > svg{ height:14px; width:auto; display:block; }
.hd_lang > a > svg > *{ fill:#ddd; }
.hd_lang > a.active > svg > *{ fill:#F59D05; }
.hd_lang > .lang_bar{ width:1px; height:12px; background-color:#ddd; transform:rotate(15deg); }

.hd_sns{ display:flex; gap:5px; align-items:center; pointer-events:auto; }
.hd_sns > li > a{ display:block; font-size:24px; color:#ddd; line-height:1em; }
.hd_sns > li:hover > a{ color:#F59D05; }
.hd_sns > li > a > i{ display:block; }

.hd_mn{ display:none; position:relative; z-index:1; width:26px; height:21px; pointer-events:auto; cursor:pointer; }
.hd_mn > .mn_ic{ position:absolute; z-index:1; top:10px; left:50%; width:100%; height:1px; background-color:#ddd; }
#header.fixed .hd_mn > .mn_ic{ background-color:#333; }
#header.fixed .hd_mn.act > .mn_ic{ background-color:#ddd; }
.hd_mn > .mn_ic.ic_01{ margin:0 0 0 -13px; transition:0s opacity, 0.5s; }
.hd_mn > .mn_ic.ic_02{ margin:-10px 0 0 -13px; transition:0.5s margin 0.5s, 0.5s transform 0s; }
.hd_mn > .mn_ic.ic_03{ margin:10px 0 0 -13px; transition:0.5s margin 0.5s, 0.5s transform 0s; }
.hd_mn.act > .mn_ic.ic_01{ opacity:0; }
.hd_mn.act > .mn_ic.ic_02{ margin:-0.5px 0 0 -13px; transform:rotate(45deg); transition:0.5s margin 0s, 0.5s transform 0.5s; }
.hd_mn.act > .mn_ic.ic_03{ margin:-0.5px 0 0 -13px; transform:rotate(-45deg); transition:0.5s margin 0s, 0.5s transform 0.5s; }


/* pnb */
#pnb > ul{ pointer-events:auto; display:flex; gap:30px; }
#pnb > ul > li{ position:relative; z-index:1; display:inline-block; font-size:18px; font-weight:500; color:#fff; }
#header.fixed #pnb > ul > li{ color:#333; }
#pnb > ul > li > a{ display:block; font-size:inherit; font-weight:inherit; color:inherit; line-height:1em; transition:0.3s color; }
#pnb > ul > li:hover > a{ color:#F59D05; }
#pnb > ul > li > ul{ display:none; position:absolute; z-index:1; top:100%; left:0; padding:7px 0; }
#pnb > ul > li > ul > li{ font-size:16px; font-weight:400; color:#fff; white-space:nowrap; }
#pnb > ul > li > ul > li > a{ display:block; font-size:inherit; font-weight:inherit; color:inherit; padding:7px 0; line-height:1em; }
#pnb > ul > li > ul > li:hover > a{ color:#F59D05; }


/* gnb */
.gnb_wrap, .gnb_wrap *{ box-sizing:border-box; }
.gnb_wrap{ position:fixed; z-index:9996; top:0; left:0; height:100vh; width:100%; -webkit-clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); transition:0.7s -webkit-clip-path 0s; }
.gnb_wrap.act{ -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transition:0.7s -webkit-clip-path 0.2s; }

.gnb_fr{ position:relative; width:100%; height:100%; background-color:rgba(0,0,0,0.85); backdrop-filter:blur(7px); padding:100px 15px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:auto; scrollbar-width:none; }
.gnb_fr::-webkit-scrollbar{ display: none; }

.gnb_tp{ width:min(800px, 100%); padding:0 0 20px; flex:1 auto; display:flex; align-items:center; justify-content:center; }
#gnb{ width:100%; position:relative; z-index:5; }
#gnb > ul{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
#gnb > ul > li{ flex:1; }
#gnb > ul > li > a{ position:relative; z-index:1; display:block; font-family:'gt',sans-serif; font-size:30px; font-weight:400; color:#f7f7f7; line-height:0.7em; text-align:center; text-transform:uppercase; padding:0 0 10px; transition:0.4s all; }
#gnb > ul > li > a:hover{ color:#F59D05; }
#gnb > ul > li > a:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent 0%, #F59D05 50%, transparent 100%); opacity:0; transform:scaleX(0); transition:0.4s all; }
#gnb > ul > li > a:hover:after{ opacity:1; transform:scaleX(1); }
#gnb > ul > li > ul > li > a{ display:block; font-family:'pt'; font-size:18px; font-weight:500; color:#f7f7f7; line-height:0.7em; }

.gnb_bt{ width:min(800px, 100%); border-top:1px solid rgba(255,255,255,0.2); padding-top:20px; display:flex; justify-content:space-between; align-items:center; }
.gnb_bt > .copy{ font-family:'pt',sans-serif; font-size:14px; font-weight:300; color:#ddd; }
.gnb_sns{ display:flex; gap:5px; }
.gnb_sns > li > a{ font-size:24px; color:#ddd; line-height:1em; }
.gnb_sns > li:hover > a{ color:#F59D05; }

@media(max-width:991px){
  #header{ padding:15px 15px; }
  #header > .hd_con > .hd_logo{ gap:10px; }
  #header > .hd_con > .hd_logo > a > svg, #header.fixed > .hd_con > .hd_logo > a > svg{ height:50px; }
  
  .hd_rt{ gap:20px; }
  
  #pnb{ display:none; }
  .hd_sns{ display:none; }
  
  .hd_mn{ display:block; }
  #gnb > ul > li > a{ font-size:24px; }
}
@media(max-width:768px){
  #header{ padding:10px 15px; }
  #header > .hd_con > .hd_logo > a > svg, #header.fixed > .hd_con > .hd_logo > a > svg{ height:40px; }

  .hd_rt{ gap:15px; }

  .hd_lang{ gap:5px; }

  .hd_mn{ width:20px; height:15px; }
  .hd_mn > .mn_ic{ top:7px; }
  .hd_mn > .mn_ic.ic_01{ margin:0 0 0 -10px; }
  .hd_mn > .mn_ic.ic_02{ margin:-7px 0 0 -10px; }
  .hd_mn > .mn_ic.ic_03{ margin:7px 0 0 -10px; }
  .hd_mn.act > .mn_ic.ic_02{ margin:0 0 0 -10px; }
  .hd_mn.act > .mn_ic.ic_03{ margin:0 0 0 -10px; }

  #gnb > ul{ flex-direction:column; }
  #gnb > ul{ gap:40px; }
}





/**************footer.css**************/
#footer{ padding:60px 40px 100px; background-color:#ece8e1; }
#footer, #footer *{ box-sizing:border-box; font-family:'pt', sans-serif; }
#footer > .ft_con{ max-width:1840px; width:100%; margin:0 auto; }

.ft_tw{ display:flex; flex-flow:row wrap; gap:80px; justify-content:space-between; }
.ft_cs{ font-size:14px; font-weight:300; color:#666; line-height:1em; }
.ft_cs > strong{ font-weight:600; margin-right:15px; }
.ft_mn{ display:flex; gap:20px; text-align:right; }
.ft_mn > li > a{ font-size:14px; font-weight:300; color:#666; line-height:1em; }
.ft_mn > li:hover > a{ color:#a18b69; }
.ft_lg{ width:min(200px, 100%); margin-bottom:20px; }
.ft_lg > img{ display:block; width:100%; height:auto; }

.ft_bw{ margin-top:40px; padding-top:30px; border-top:1px solid #ccc; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; }
.ft_if{ font-weight:300; color:#888; cursor:pointer; }
.ft_if > h4{ font-size:14px; font-weight:inherit; }
.ft_if > .info{ display:flex; flex-flow:row wrap; gap:5px 10px; max-width:850px; font-size:13px; margin-top:5px; }
.ft_cp{ font-size:14px; font-weight:300; color:#888; white-space:nowrap; }

.ft_sns{ display:flex; gap:5px; }
.ft_sns > li > a{ display:block; font-size:28px; color:#666; line-height:1em; }
.ft_sns > li:hover > a{ color:#a18b69; }
.ft_sns > li > a > i{ display:block; font-family:"Phosphor-Light" !important; }

@media(max-width:991px){
  #footer{ padding:30px 15px 80px; }
  .ft_tw{ flex-direction:column; gap:40px; }
  .ft_cs > strong{ display:block; margin-bottom:5px; }
  
  .ft_bw{ margin-top:20px; padding-top:15px; flex-direction:column; gap:15px; }
}
@media(max-width:768px){
  .ft_if > h4{ font-size:12px; }
  .ft_if > .info{ font-size:12px; }
  .ft_cp{ font-size:12px; }
  .ft_sns > li > a{ font-size:24px; }
}
@media(max-width:500px){
  .ft_lg{ order:-1; }
  .ft_mn{ gap:10px; flex-direction:column; text-align:unset; }
}




















/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:100;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:300;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:400;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:500;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:700;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:900;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}



@font-face {
  font-family: 'pt';
  font-weight:45 920;
  font-style: normal;
  font-display: swap;
  src: local('Pretendard Variable'), url('../font/pt/PretendardVariable.woff2') format('woff2-variations');
}


@font-face {
  font-family: 'gt';
  font-weight:300;
  font-style: normal;
  font-display: swap;
  src: url('../font/gt/Title_Light.woff') format('woff');
}
@font-face {
  font-family: 'gt';
  font-weight:500;
  font-style: normal;
  font-display: swap;
  src: url('../font/gt/Title_Medium.woff') format('woff');
}
@font-face {
  font-family: 'gt';
  font-weight:600;
  font-style: normal;
  font-display: swap;
  src: url('../font/gt/Title_Bold.woff') format('woff');
}