@charset "UTF-8";


/*
 페이지 공통요소

 0. 기본세팅
 1. HEDAER
 2. 서브비주얼과 LNB
 * TOP 버튼
 3. FOOTER

 */

html, body {min-width:320px;}

/* 0. 기본세팅 */
#skip-navi {width:0;  height:0;  font-size:0;  overflow:hidden;}

br.m-lt-i {display:none;}
@media only screen and (max-width:767px) {
  br.m-lt-i {display:inline;}
}

/* 1. HEADER (header_new)*/
/* 헤더 header */
.header_new { position:fixed;  top:0;  left:0;  z-index:999;  width:100%;  height:94px;  padding:0 20px;  border-bottom:1px solid rgba(255,255,255,0);  transition-property:border-bottom-color, background-color;  transition-duration:0.2s;  background:rgba(0,0,0,0); }
/* html:not(.ios-web).modal-on .header {z-index:-100;} */
.header_new.scrolled,
.header_new.nav-on {/*border-bottom-color:#ccc;*/  background:#222;}
@media only screen and (max-width:1199px) {
  .header_new {padding:0 20px;}
}
@media only screen and (max-width:767px) {
  .header_new {height:54px;  padding-left:15px;  padding-right:0;}
}

/* 헤더 로고 */
.header_new .logo {float:left;  height:80px;  z-index:10;  position:relative; margin-top: 10px; margin-left: 15px; }
.header_new .logo a {display:block;  width:300px;  height:80px;  line-height:65px;   background-position:left center;  background-repeat:no-repeat;  -webkit-background-size:184px;  background-size:184px;  transition:all 0.3s;}
.header_new.scrolled .logo a,
.header_new.nav-on .logo a {color:white;  /*background-image:url(../img/header-logo.png);*/}
.header_new .logo a img {width:100%;  vertical-align:middle;  transition:all 0.3s;}
/* .header_new.scrolled .logo a img,
.header_new.nav-on .logo a img {opacity:0;} */
@media only screen and (max-width:1199px) {
  .header_new .logo a {width:250px;  -webkit-background-size:130px;  background-size:130px;}
}
@media only screen and (max-width:767px) {
  .header_new .logo {height:54px; margin-top: 10px; margin-left: 0px; }
  .header_new .logo a {height:54px;  line-height:30px;}

}
@media only screen and (max-width:520px) {
	.header_new .logo {  }
	.header_new .logo a { width: 215px; }
}
/* 헤더 유틸리티 메뉴 */
.header_new .util {float:right;  width:auto;  padding:20px 0;  z-index:10;  position:relative;  overflow:hidden;}
/* 사이트맵 버튼/모바일 내비게이션 열기 버튼 */
.header_new .util .open-nav-btn {float:left;  width:40px;  height:40px;  border-radius:2px;  border:1px solid transparent;  text-align:center;  line-height:0;  font-size:0;  color:white;  cursor:pointer;  transition:all 0.3s;}
.header_new .util .open-nav-btn:hover {border-color:white;}
.header_new .util .open-nav-btn i {font-size:28px;  line-height:40px;}

@media only screen and (max-width:767px) {
  .header_new .util {padding:0;}
  .header_new .util .open-nav-btn {width:54px;  height:54px;}
  .header_new .util .open-nav-btn i {line-height:54px;}
}

/* 헤더 데스크탑 내비게이션 */
.mobile-device .header_new .gnb-pc {display:none;}
.header_new .gnb-pc {position:absolute;  top:0;  left:0;  z-index:0;  width:100%;  height:94px;  padding:0 170px;  transition:all 0.3s;}
.header_new .gnb-pc:before {content:'';  display:block;  position:absolute;  top:94px;  left:0;  width:100%;  height:0;  border-bottom:1px solid transparent;  transition:all 0.3s;} /*gnb hover 시 등장하는 dropdown menu 하단 라인 위치 height로 수정*/
.header_new.nav-on .gnb-pc:before {height:270px;/*메뉴 하나당 30px*/  border-color:#ccc;  background:white;}
/* .header_new.nav-on .gnb-pc {background:white;} */
.header_new .gnb-pc > ul {width:100%;  max-width:800px;  height:79px;  margin:0 auto;    transition:all 0.3s;  position:relative;}
.header_new.nav-on .gnb-pc > ul {height:320px;}
.header_new .gnb-pc > ul > li {float:left;  width:20%;  height:79px;  text-align:center;}
.header_new.nav-on .gnb-pc > ul > li {height:auto;}
.header_new .gnb-pc > ul > li a.gnb-category {display:block;  width:100%;  line-height:94px;  font-size:22px;  color:white;  position:relative; letter-spacing: -0.5px; font-weight: 600; }
/* .en .header_new .gnb-pc > ul > li:last-child a.gnb-category {line-height:20px;  padding:20px 0;} */
.header_new.scrolled .gnb-pc > ul > li a.gnb-category,
.header_new.nav-on .gnb-pc > ul > li a.gnb-category {color:white;}
.header_new .gnb-pc > ul > li.phocus a.gnb-category:hover {border-color:white;}

.header_new .gnb-pc > ul > li:not(.phocus) a.gnb-category:before {content:'';  display:block;  width:0;  height:2px;  position:absolute;  bottom:0px;  right:50%;  background:#f1bf7e;  transition:all 0.3s;}
.header_new .gnb-pc > ul > li:not(.phocus) a.gnb-category:after {content:'';  display:block;  width:0;  height:2px;  position:absolute;  bottom:0px;  left:50%;  background:#f1bf7e;  transition:all 0.3s;}
.header_new .gnb-pc > ul > li:not(.phocus):hover a.gnb-category:before {width:50%;}
.header_new .gnb-pc > ul > li:not(.phocus):hover a.gnb-category:after {width:50%;}
.header_new .gnb-pc ul.menulist {width:100%;  height:0;  overflow:hidden;  opacity:0;  transform:translateY(20px);  transition:all 0.3s;} /*height 안됨*/
.header_new.nav-on .gnb-pc > ul ul.menulist {height:auto;  padding:30px 0;  opacity:1;  transform:translateY(0);} /*2뎁스메뉴 위치 위로 이동시킬 수 있음*/
.header_new .gnb-pc ul.menulist li {width:100%;  height:32px;  border-left:1px solid transparent;  transition:border-color 0.3s;}

.header_new.nav-on .gnb-pc ul.menulist li {border-left-color:#e1e1e1;}
.header_new .gnb-pc > ul > li:nth-child(5) ul.menulist li {border-right:1px solid transparent;}
.header_new.nav-on .gnb-pc > ul > li:nth-child(5) ul.menulist li {border-right-color:#e1e1e1;}
.header_new .gnb-pc ul.menulist li a {display:block;  width:100%;  font-size:18px;  color:transparent;  line-height:30px;  transition:color 0.3s;}
.header_new.nav-on .gnb-pc ul.menulist li a {color:#777;}
.header_new .gnb-pc ul.menulist li a:hover {color:#ad7b61;}
/* .en .header_new.nav-on .gnb-pc:before {height:420px;} */
.en .header_new .gnb-pc ul.menulist li.line2 {height:auto;}

.en .header_new .gnb-pc ul.menulist.line2 li:last-child {height:30px;}
.en .header_new .gnb-pc ul.menulist li.line2 a {line-height:16px;  padding:7px 0;}

.en .header_new .gnb-pc > ul > li:nth-child(1) ul.menulist li:nth-child(5).line2-2 br {display:none;}
.en .header_new .gnb-pc > ul > li:nth-child(3) ul.menulist li.line2-2 br {display:none;}

@media only screen and (max-width:1500px) {
	.header_new .gnb-pc { left:50%; transform: translateX(-40%); }
}

@media only screen and (max-width:1279px) {
  .en .header_new.nav-on .gnb-pc:before {height:260px;}
  .header_new .gnb-pc > ul {max-width:620px;}
  .en .header_new .gnb-pc > ul {height:340px;}
  .header_new .gnb-pc > ul > li {width:20%;}
  .header_new .gnb-pc > ul > li a.gnb-category {font-size:19px;}
  .en .header_new .gnb-pc ul.menulist li.line2-2 {height:auto;}
  .en .header_new .gnb-pc > ul > li:nth-child(1) ul.menulist li:nth-child(5).line2-2 br,
  .en .header_new .gnb-pc > ul > li:nth-child(3) ul.menulist li.line2-2 br {display:inline;}
  .en .header_new .gnb-pc > ul > li:nth-child(2) ul.menulist li:last-child,
  .en .header_new .gnb-pc > ul > li:nth-child(4) ul.menulist li:last-child,
  .en .header_new .gnb-pc > ul > li:nth-child(5) ul.menulist li:last-child,
  .en .header_new .gnb-pc > ul > li:nth-child(6) ul.menulist li:last-child {height:45px;}
  .en .header_new .gnb-pc ul.menulist li.line2-2 a {line-height:16px;  padding:7px 0;}
}
@media only screen and (max-width:1060px) {
  .header_new .gnb-pc > ul {max-width:600px;}
}
@media only screen and (max-width:1024px) {
  .header_new .gnb-pc {display:none;}
  .gnb-pc ul {display:none;}
}


/* 헤더 사이트맵 모달 및 모바일 내비게이션 */
/* 사이트맵 */
.gnb-m {display:none;  opacity:0;}
.gnb-m.sitemap-on {display:table;  position:fixed;  top:0;  left:0;  z-index:100;  width:100%;  height:100%;  background:rgba(36,36,36,0.98);}
.gnb-m.sitemap-on .gnb-m-inner {display:table-cell;  width:100%;  height:100%;  vertical-align:middle;  text-align:center;  font-size:0;}
.gnb-m.sitemap-on .gnb-m-inner .gnb-m-wrap {display:inline-block;  width:100%;  max-width:924px;  overflow:hidden;}
.gnb-m.sitemap-on .gnb-m-header {width:100%;  overflow:hidden;  position:relative;}
.gnb-m.sitemap-on .gnb-m-header .m-logo {display:none;}
.gnb-m.sitemap-on .gnb-m-header h2 {width:100%;  margin-bottom:60px;  font-size:32px;  color:#fafafa;  line-height:40px;}
.gnb-m.sitemap-on .gnb-m-header h2 img { width:125px; }
.en .gnb-m.sitemap-on .gnb-m-header h2 {font-weight:400;  letter-spacing:0;}
.gnb-m span.gnb-m-close {display:none;  opacity:0;  transition:transform .3s;}
.gnb-m.sitemap-on .gnb-m-header span.gnb-m-close {position:absolute;  top:0;  right:0;  z-index:1;  display:block;  width:40px;  height:40px;  font-size:0;  text-align:center;  line-height:40px;  cursor:pointer;  opacity:1;}
.gnb-m.sitemap-on .gnb-m-header span.gnb-m-close:hover {transform:rotate(90deg);}
.gnb-m.sitemap-on .gnb-m-header span.gnb-m-close img {width:32px;  height:32px;  vertical-align:middle;}
.gnb-m.sitemap-on ul.gnb-m-list {width:100%;  overflow:hidden;  text-align:left;}
.gnb-m.sitemap-on ul.gnb-m-list i {display:none;}
.gnb-m.sitemap-on ul.gnb-m-list > li {float:left;  width:21.875%;  height:281px;  margin-right:4.1666666666666666666666666666667%;  overflow:hidden;}
.gnb-m.sitemap-on ul.gnb-m-list > li:nth-child(1) {height:502px;}
.gnb-m.sitemap-on ul.gnb-m-list > li:nth-child(4),
.gnb-m.sitemap-on ul.gnb-m-list > li:nth-child(6) {margin-right:0;}
.gnb-m.sitemap-on span.gnb-category {display:block;  width:100%;  padding-bottom:14px;  margin-bottom:10px;  font-size:24px;  color:#f1bf7e;  line-height:24px;  border-bottom:1px solid #f1bf7e; font-weight: 600; }
.en .gnb-m.sitemap-on span.gnb-category {font-size:18px;}
.gnb-m.sitemap-on ul.menulist {width:100%;  overflow:hidden;}
.gnb-m.sitemap-on ul.menulist li {width:100%;  font-size:16px;  color:#e8e8e8;  line-height:30px;  font-weight:300;  letter-spacing:-0.5px;}
.mobile-device .gnb-m.sitemap-on ul.menulist li {line-height:40px;}
.gnb-m.sitemap-on ul.menulist li span.gnb-3depth,
.gnb-m.sitemap-on ul.menulist li a {display:block;  width:100%;  font-size:20px;  color:#e8e8e8;  line-height:42px;  font-weight:300;  letter-spacing:-0.5px;}
.en .gnb-m.sitemap-on ul.gnb-m-list > li:last-child ul.menulist li:nth-child(1) a {font-size:15px;}
.mobile-device .gnb-m.sitemap-on ul.menulist li span.gnb-3depth,
.mobile-device .gnb-m.sitemap-on ul.menulist li a {line-height:40px;}
.gnb-m.sitemap-on ul.menulist li a:hover {color:#f1bf7e;}
.gnb-m.sitemap-on ul.gnb-m-depth3 {width:100%;  overflow:hidden;}
.gnb-m.sitemap-on ul.gnb-m-depth3 li {width:100%;  text-indent:-10px;  padding-left:20px;}
.gnb-m.sitemap-on ul.gnb-m-depth3 li a {font-size:14px;}
.gnb-m.sitemap-on ul.gnb-m-depth3 li a:before {content:'-';  margin-right:7px;  font-size:14px;  color:#e8e8e8;  line-height:30px;  letter-spacing:0;}
.gnb-m .m-lang {display:none;}

/* 모바일 내비게이션 */
@media only screen and (max-width:1023px) {
  .gnb-m.m-nav-on {display:block;  position:fixed;  top:0;  right:0;  z-index:9999;  width:100%;  height:100%;  background:rgba(0,0,0,0.8);  overflow:hidden;}
  .gnb-m.m-nav-on .gnb-m-inner {width:100%;  height:100%;  position:relative;}
  .gnb-m .gnb-m-inner > span.gnb-m-close {display:block;  position:absolute;  top:15px;  right:0;  width:50px;  height:50px;  text-align:center;  line-height:50px;  font-size:0;  cursor:pointer;}
  .gnb-m.m-nav-on .gnb-m-inner > span.gnb-m-close img {width:35px; height:35px; vertical-align:middle;}
  .gnb-m .gnb-m-inner .gnb-m-wrap {display:block;  position:absolute;  top:0;  right:-250px;  width:300px;  height:100%;  background:white;  overflow-x:hidden;  overflow-y:auto;}
  .gnb-m.m-nav-on .gnb-m-inner .gnb-m-wrap::-webkit-scrollbar {width:0;}
  .gnb-m.m-nav-on .gnb-m-inner .gnb-m-wrap::-webkit-scrollbar-track {width:0;  background:transparent;}
  .gnb-m.m-nav-on .gnb-m-inner .gnb-m-wrap::-webkit-scrollbar-thumb {background:white;}
  .gnb-m.m-nav-on .gnb-m-header {width:100%;  margin-bottom:0px;}
  .gnb-m.m-nav-on .gnb-m-header a.m-logo {display:block;  width:100%;  line-height:80px;  font-size:0;  text-align:center;}
  .gnb-m.m-nav-on .gnb-m-header a.m-logo img {width:100%;  max-width:220px;  vertical-align:middle;}
  .gnb-m.m-nav-on .gnb-m-header h2 {display:none;}
  .gnb-m.m-nav-on ul.gnb-m-list {width:100%;  min-height:calc(100% - 180px);  border-top:1px solid #e1e1e1;  overflow:hidden;}
  .gnb-m.m-nav-on ul.gnb-m-list i {position:absolute;  top:8px;  right:15px;  font-size:18px;  color:rgba(0,0,0,0.7);  line-height:40px;}
  .gnb-m.m-nav-on ul.gnb-m-list li {width:100%;  overflow:hidden;  position:relative;}
  .gnb-m.m-nav-on ul.gnb-m-list li span.gnb-category {display:block;  width:100%;  line-height:55px;  padding:0 15px;  border-bottom:1px solid #e1e1e1;  font-size:20px;  color:#333;  font-weight:700;  letter-spacing:-1px;  cursor:pointer;}
  .gnb-m.m-nav-on ul.menulist {width:100%;  height:0;  overflow:hidden;  background:#f8f8f8;}
  .gnb-m.m-nav-on ul.menulist li span,
  .gnb-m.m-nav-on ul.menulist li a {display:block;  width:100%;  line-height:40px;  border-bottom:1px solid #e1e1e1;  padding:0 30px;  font-size:18px;  color:#777;}
  .gnb-m.m-nav-on ul.gnb-m-depth3 {width:100%;  height:0;  overflow:hidden;  background:#efefef;}
  .gnb-m.m-nav-on ul.gnb-m-depth3 li a {display:block;  width:100%;  padding:0 45px;  overflow:hidden;}
  .gnb-m .m-lang {display:block;  width:100%;  height:60px;  font-size:0;  text-align:center;  line-height:60px;}
  .gnb-m .m-lang li {display:inline-block;  width:68px;  height:20px;  color:#aaa;  font-weight:300;  line-height:20px;  vertical-align:middle;}
  .gnb-m .m-lang li a {display:block;  width:100%;  line-height:20px; font-size:0;}
  .gnb-m .m-lang li span {font-size:16px;  color:#333;  letter-spacing:0;  font-weight:400; vertical-align:middle;}
  .gnb-m .m-lang li a:before {display:inline-block;  width:32px; height:21px; margin-right:3px; background-position:center; background-repeat:no-repeat;vertical-align:middle;}
  .gnb-m .m-lang li.m-lang-bar span {width:50px; color:#ccc; font-weight:300;}

}