@charset "UTF-8";


/*
 페이지 공통요소

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

 */

html, body {min-width:320px;}
html:not(.ios-web).modal-on,
html:not(.ios-web) body.modal-on {overflow:hidden; position:relative;	z-index:0;}

/* 0. 기본세팅 */
#contents {overflow:hidden;  position:relative;  z-index:0;}
.sub#contents {background:white;}
/* html:not(.ios-web).modal-on #contents {z-index:1000;} */
#skip-navi {width:0;  height:0;  font-size:0;  overflow:hidden;}
.wrap {clear:both;  width:100%;  max-width:1200px;  padding:0 50px;  margin:0 auto;  overflow:hidden;}
@media only screen and (max-width:767px) {
  .wrap {padding:0 15px;}
}
br.m-lt-i {display:none;}
@media only screen and (max-width:767px) {
  br.m-lt-i {display:inline;}
}


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

/* 헤더 로고 */
.header .logo {float:left;  height:70px;  z-index:10;  position:relative;}
.header .logo a {display:block;  width:205px;  height:70px;  line-height:60px;   background-position:left center;  background-repeat:no-repeat;  -webkit-background-size:184px;  background-size:184px;  transition:all 0.3s;}
.header.scrolled .logo a,
.header.nav-on .logo a {color:white;  /*background-image:url(../img/header-logo.png);*/}
.header .logo a img {width:100%;  vertical-align:middle;  transition:all 0.3s; height:50px}/*현담윤 임시*/
/* .header.scrolled .logo a img,
.header.nav-on .logo a img {opacity:0;} */
@media only screen and (max-width:1199px) {
  .header .logo a {width:160px;  -webkit-background-size:130px;  background-size:130px;}
}
@media only screen and (max-width:767px) {
  .header .logo {height:54px;}
  .header .logo a {height:54px;  line-height:44px;}
}

/* 헤더 유틸리티 메뉴 */
.header .util {float:right;  width:auto;  padding:20px 0;  z-index:10;  position:relative;  overflow:hidden;}
/* 사이트맵 버튼/모바일 내비게이션 열기 버튼 */
.header .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 .util .open-nav-btn:hover {border-color:white;}
.header .util .open-nav-btn i {font-size:20px;  line-height:40px;}
/* .header.scrolled .util .open-nav-btn,
.header.nav-on .util .open-nav-btn {color:#777;} */
/* .header.scrolled .util .open-nav-btn:hover,
.header.nav-on .util .open-nav-btn:hover {border-color:#ddd;} */
/* 언어 선택 */
.header .util .lang {float:left;  width:60px;  margin-left:10px;  border:1px solid transparent;  transition:all 0.3s;}
.header .util .lang:hover {border-color:white;}
.header .util .lang.lang-on {border-color:#e1e1e1;  background:white;}
.header .util .lang span {display:block;  width:100%;  padding:0 10px;  font-size:12px;  color:white;  line-height:38px;  font-weight:300;  letter-spacing:0;  cursor:pointer;}
.header .util .lang span i {float:right;  font-size:8px;  line-height:38px;}
.header .util .lang.lang-on span {color:#333 !important;}
.header.scrolled .util .lang span,
.header.nav-on .util .lang span {color:white;}
.header.scrolled .util .lang:hover,
.header.nav-on .util .lang:hover {border-color:#ddd;}
.header .util .lang ul {width:100%;  height:0;  overflow:hidden;}
.header .util .lang ul li {overflow:hidden;}
.header .util .lang ul li a {display:block;  width:100%;  text-align:center;  line-height:30px;  font-size:12px;  color:transparent;  font-weight:300;}
.header .util .lang.lang-on ul li a {color:#777;}
.header .util .lang ul li a:hover {color:red;}
.header .util a {color:white;}
@media only screen and (max-width:1023px) {
  .header .util .open-nav-btn:hover {border-color:transparent;}
  .header.scrolled .util .open-nav-btn:hover,
  .header.nav-on .util .open-nav-btn:hover {border-color:transparent;}
  .lang {display:none;}
}
@media only screen and (max-width:767px) {
  .header .util {padding:0;}
  .header .util .open-nav-btn {width:54px;  height:54px;}
  .header .util .open-nav-btn i {line-height:54px;}
}

/* 헤더 데스크탑 내비게이션 */
.mobile-device .header .gnb-pc {display:none;}
.header .gnb-pc {position:absolute;  top:0;  left:0;  z-index:0;  width:100%;  height:70px;  padding:0 170px;  transition:all 0.3s;}
.header .gnb-pc:before {content:'';  display:block;  position:absolute;  top:80px;  left:0;  width:100%;  height:0;  border-bottom:1px solid transparent;  transition:all 0.3s;}
.header.nav-on .gnb-pc:before {/*height:240px;  border-color:#ccc;  background:white;*/}	/*현담윤 주석 헤더 서브매뉴 사용X*/
/* .header.nav-on .gnb-pc {background:white;} */
.header .gnb-pc > ul {width:100%;  max-width:800px;  height:70px;  margin:0 auto;    transition:all 0.3s;  position:relative;}
.header.nav-on .gnb-pc > ul {height:320px;}
.header .gnb-pc > ul > li {float:left;  width:33.333333333333%;  height:70px;  text-align:center;}
.header.nav-on .gnb-pc > ul > li {height:auto;}
.header .gnb-pc > ul > li a.gnb-category {display:block;  width:100%;  line-height:57px;  font-size:18px;  color:white;  position:relative;}
/* .en .header .gnb-pc > ul > li:last-child a.gnb-category {line-height:20px;  padding:20px 0;} */
.header.scrolled .gnb-pc > ul > li a.gnb-category,
.header.nav-on .gnb-pc > ul > li a.gnb-category {color:white;}

.header .gnb-pc > ul > li.phocus a.gnb-category:hover {border-color:white;}

.header .gnb-pc > ul > li:not(.phocus) a.gnb-category:before {content:'';  display:block;  width:0;  height:2px;  position:absolute;  bottom:11px;  right:50%;  background:#fff;  transition:all 0.3s;}
.header .gnb-pc > ul > li:not(.phocus) a.gnb-category:after {content:'';  display:block;  width:0;  height:2px;  position:absolute;  bottom:11px;  left:50%;  background:#fff;  transition:all 0.3s;}

.header .gnb-pc > ul > li:not(.phocus):nth-child(3) a.gnb-category:before {content:'';  display:block;  width:0;  height:2px;  position:absolute;  bottom:8px;  right:50%;  background:#fff;  transition:all 0.3s;}
.header .gnb-pc > ul > li:not(.phocus):nth-child(3) a.gnb-category:after {content:'';  display:block;  width:0;  height:2px;  position:absolute;  bottom:8px;  left:50%;  background:#fff;  transition:all 0.3s;}

.header .gnb-pc > ul > li:not(.phocus):hover a.gnb-category:before {width:50%;}
.header .gnb-pc > ul > li:not(.phocus):hover a.gnb-category:after {width:50%;}
.header .gnb-pc ul.menulist {width:100%;  height:0;  overflow:hidden;  opacity:0;  transform:translateY(20px);  transition:all 0.3s;}
.header.nav-on .gnb-pc > ul ul.menulist {height:auto;  padding:30px 0;  opacity:1;  transform:translateY(0);}
.header .gnb-pc ul.menulist li {width:100%;  height:30px;  border-left:1px solid transparent;  transition:border-color 0.3s;}
.header.nav-on .gnb-pc ul.menulist li {border-left-color:#e1e1e1;}
.header .gnb-pc > ul > li:nth-child(6) ul.menulist li {border-right:1px solid transparent;}
.header.nav-on .gnb-pc > ul > li:nth-child(6) ul.menulist li {border-right-color:#e1e1e1;}
.header .gnb-pc ul.menulist li a {display:block;  width:100%;  font-size:14px;  color:transparent;  line-height:30px;  transition:color 0.3s;}
.header.nav-on .gnb-pc ul.menulist li a {color:#777;}
.header .gnb-pc ul.menulist li a:hover {color:#2b5db2;}
/* .en .header.nav-on .gnb-pc:before {height:420px;} */
.en .header .gnb-pc ul.menulist li.line2 {height:auto;}
.en .header .gnb-pc ul.menulist.line2 li:last-child {height:30px;}
.en .header .gnb-pc ul.menulist li.line2 a {line-height:16px;  padding:7px 0;}
.en .header .gnb-pc > ul > li:nth-child(1) ul.menulist li:nth-child(5).line2-2 br {display:none;}
.en .header .gnb-pc > ul > li:nth-child(3) ul.menulist li.line2-2 br {display:none;}
.util{display:none;}

/*세버튼*/
.header .menu1 img, .header .menu2 img, .header .menu3 img { width: 94px; margin-top: 10px; }


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


/* 임상참여 버튼 */
.header .phocus {line-height:70px;  font-size:0;  position:absolute;  top:0;  right:20px;  z-index:10;}
.header .phocus a.phocus-btn {display:inline-block;  width:auto;  height:auto;  padding:0 10px;  border-radius:2px;  border:1px solid white;  font-size:16px;  color:white;  font-weight:300;  line-height:40px;  vertical-align:middle;  transition:all 0.3s;}
.header .phocus a.phocus-btn:hover {background:white;  color:#333;}
@media only screen and (max-width:1199px) {
  .header .phocus a.phocus-btn {font-size:14px;  padding:0 4px;  line-height:30px;}
  html.en:not(.mobile-device) .header .phocus a.phocus-btn {width:70px;  font-size:14px;  line-height:16px;  padding:5px;  text-align:center;}
}
@media only screen and (max-width:1023px) {
  .header .phocus {right:80px;}
/*  .header .phocus a.phocus-btn {font-size:16px;  padding:0 10px;  line-height:40px;}
  html.en:not(.mobile-device) .header .phocus a.phocus-btn {width:auto;  padding:0 10px;  font-size:16px;  line-height:40px;}*/
}
@media only screen and (max-width:767px) {
  .header .phocus {right:54px;  line-height:54px;}
  html.en:not(.mobile-device) .header .phocus a.phocus-btn,
  html.en .header .phocus a.phocus-btn {width:70px;  font-size:14px;  line-height:16px;  padding:5px;  text-align:center;}
}



/* 헤더 사이트맵 모달 및 모바일 내비게이션 */
/* 사이트맵 */
.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:40px;  font-size:32px;  color:#fafafa;  line-height:40px;}
.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:10px;  margin-bottom:10px;  font-size:20px;  color:#91ce00;  line-height:20px;  border-bottom:1px solid #91ce00;}
.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:16px;  color:#e8e8e8;  line-height:30px;  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:#91ce00;}
.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:250px;  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:40px;}
  .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:180px;  vertical-align:bottom;}
  .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:0;  right:15px;  font-size:12px;  color:#555;  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:40px;  padding:0 15px;  border-bottom:1px solid #e1e1e1;  font-size:18px;  color:#333;  font-weight:400;  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:14px;  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.lang-ko a:before {content:"한국어";  background-image:url(../img/partner-map-korea.svg);}
  .gnb-m .m-lang li.lang-en a:before {content:"english";  background-image:url(../img/partner-map-america.svg);}
  .gnb-m .m-lang li.m-lang-bar span {width:50px; color:#ccc; font-weight:300;}

}







/* 2. 서브비주얼과 LNB */
/* 서브페이지 비주얼 */
/* .subbody .parallax-mirror:before {content:'';  display:block;  width:100%;  height:100%;  position:absolute;  top:0;  left:0;  z-index:10;  background:rgba(0,0,0,0.4);} */
.sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);}
.subbody .parallax-slider {z-index:0;}
.subbody .sv-title {width:100%;  max-width:540px;  height:50px;  position:absolute;  top:50%;  left:50%;  z-index:0;  transform:translate(-50%,0);  font-size:0;  text-align:center;  /*line-height:50px;*/}
.subbody .sv-title img {height:48px;}
.subbody .sv-title span.sv-text {display:block;  width:100%;  font-size:18px;  color:white;  padding-top:10px;  font-weight:300;  letter-spacing:0;  line-height:30px;}
.sv {width:100%;  min-height:400px;  background:transparent;  position:relative;}
.sv h2.sv-text {font-size:0;  line-height:48px;  position:absolute;  top:50%;  left:50%;  transform:translate(-50%, 0);}
@media only screen and (max-width:1023px) {
  /* .sv:before {content:'';  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.4);} */
}
@media only screen and (max-width:767px) {
  .sv {min-height:300px;  background-size:auto 300px !important;  background-attachment:fixed;  background-position:center top !important;  position:relative;}
  .subbody .sv-title {height:30px;}
  .subbody .sv-title img {height:30px;}
  .subbody .sv-title span.sv-text {font-size:12px;  line-height:20px;}
}




/* 서브페이지 서브메뉴 lnb */
.lnb-pc {clear:both;  position:absolute;  top:0;  /*left:0;*/  z-index:300;  width:100%;  height:51px;  border-bottom:1px solid #e1e1e1;  background:#fdf9f9;  /*transition:background-color 0.3s;*/}
.jk_lnb-pc{height:102px;}
@media only screen and (max-width:767px) {
	.lnb-pc {height:102px !important;}
}
.lnb-pc.fixed {position:fixed;  z-index:1000;  background:#e22f26;  border-bottom:0;}
.lnb-pc .wrap {padding:0;}
.lnb-pc .lnb-box {float:left;  overflow:hidden;}
.lnb-pc .lnb-home {width:50px;  border-left:1px solid #e1e1e1;  border-right:1px solid #e1e1e1;}
.lnb-pc.fixed .lnb-home {border-color:#557dc2;}
.lnb-pc .lnb-home a {display:block;  width:100%;  font-size:0;  color:#777;  text-align:center;  transition:all 0.2s;}
.lnb-pc.fixed .lnb-home a {color:white;}
.lnb-pc .lnb-home a:hover {color:#fff600;}
.lnb-pc .lnb-home a i {font-size:20px;  line-height:50px;}
.lnb-pc .lnb-menu {width:200px;  margin-left:0px;}
.en .lnb-pc .lnb-menu {width:260px;}
.lnb-pc .lnb-menu span.nowpage {display:block;  width:100%;  line-height:50px;  border-right:1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding:0 15px;  font-size:15px;  color:#555;  font-weight:300;  transition:color 0.2s;  cursor:pointer;}
.lnb-pc.policy .lnb-menu.depth1 {display:none;}
/*.lnb-pc.policy .lnb-menu.depth1 span.nowpage {cursor:auto;}*/
.lnb-pc.fixed .lnb-menu span.nowpage {border-color:#FFF;  color:white;}
/*.lnb-pc.policy .lnb-menu.depth1 span.nowpage i {display:none;}*/
.lnb-pc .lnb-menu span.nowpage i {float:right;  line-height:50px;  transition:transform 0.4s;}
.lnb-pc .lnb-menu span.nowpage:hover {color:#e22f26;}
/*.lnb-pc.policy .lnb-menu.depth1 span.nowpage:hover {color:#555;}*/

.lnb-pc .lnb-menu.toggle-open span.nowpage i {transform:rotate(180deg);}
.lnb-pc.fixed .lnb-menu span.nowpage:hover {color:#fff600;}
.lnb-pc .lnb-menu ul.lnb-list {width:100%;  height:0;  margin-top:1px;  border:1px solid transparent;  border-top:0;  overflow:hidden;}
.lnb-pc .lnb-menu.toggle-open ul.lnb-list {border-color:#e1e1e1;  background:#fdf9f9; overflow-y: scroll;}
.lnb-pc .lnb-menu ul.lnb-list li {width:100%;  overflow:hidden; background: #fdf9f9;}
.lnb-pc .lnb-menu ul.lnb-list li:hover{background: #BCBCBC;}
.lnb-pc .lnb-menu ul.lnb-list li a {display:block;  width:100%;  line-height:40px;  padding-left:15px;  font-size:15px;  color:#777;  font-weight:300;  transition:all 0.3s;}
.lnb-pc .lnb-menu ul.lnb-list li a:hover {color:#2b5db2;}
@media only screen and (max-width:1023px) {
  .lnb-pc .wrap {padding:0 50px;}
}
@media only screen and (max-width:767px) {
  .lnb-pc .wrap {padding:0;}
  .lnb-pc .lnb-box {float:none;}
  .lnb-pc .lnb-home {display:none;}
  .lnb-pc .lnb-menu {width:100%;  margin-left:0;}
  .en .lnb-pc .lnb-menu {width:100%;}
  .lnb-pc .lnb-menu.depth1 {/*display:none;*/}
  .lnb-pc .lnb-menu span.nowpage {border-right:0;}
  .lnb-pc .lnb-menu span.nowpage:hover {color:inherit;}
/*  .lnb-pc .lnb-menu ul.lnb-list {background:#f8f8f8;}*/
}








/* TOP 버튼 */
.top-btn {opacity:0;  position:fixed;  bottom:30px;  right:50px;  z-index:200;  width:42px;  height:42px;  border-radius:1px;  background:#484848;  transition-property:opacity, bottom;  transition-duration:0.3s;}
.top-btn.on {opacity:1;  bottom:50px;}
.top-btn.on.fixed {position:absolute;}
.top-btn a {display:block;  width:100%;  height:100%;  padding:5px 0;  font-size:11px;  color:white;  line-height:14px;  text-align:center;  font-weight:300;  letter-spacing:0;}
.top-btn a i {display:inline-block;  font-size:9px;  line-height:9px;}
@media only screen and (max-width:767px) {
  /* .top-btn {display:none;} */
  .top-btn {right:15px;}
  .top-btn.on.fixed {bottom:15px;}
}









/* 3. FOOTER */
.footer {clear:both;  width:100%;  /*min-height:240px;*/  padding:65px 0;  background:#5d3222;  position:relative;  z-index:0;}/*263151*/
.footer .wrap {min-height:160px;  padding:0;  overflow:visible;  position:relative;  z-index:0;}
.en .footer .wrap {min-height:160px;}
@media only screen and (max-width:1199px) {
  .footer .wrap {min-height:0;  padding:0 50px;  overflow:hidden;}
}
@media only screen and (max-width:1024px) {
  .footer {padding:40px 0;}
}
@media only screen and (max-width:767px) {
  .footer .wrap {padding:0 20px;}
}

/* 푸터 로고 */
.footer .footer-logo {float:left;  width:22%;  font-size:0;  padding-top:45px;}
/*.en .footer .footer-logo {padding-top:55px;}*/
.footer .footer-logo img {width:220px;}
@media only screen and (max-width:1199px) {
  .footer .footer-logo {float:none;  width:100%;  padding-top:0;  margin-bottom:20px;}
}
@media only screen and (max-width:1024px) {
  .footer .footer-logo {float:none;  width:100%;  text-align:center;}
}
@media only screen and (max-width:767px) {
  .footer .footer-logo {width:100%;  padding:0 10px;}
}

/* 푸터 - 코스닥 이미지 */
.footer .kosdaq-wrap {position:absolute;  /*bottom:10px;*/top:50%;  transform:translateY(-50%);  right:0;  width:auto;  font-size:0;}
.footer .kosdaq-wrap img {width:100%;  max-width:132px;}
@media only screen and (max-width:1199px) {
  .footer .kosdaq-wrap {right:50px;}
}
@media only screen and (max-width:1024px) {
  .footer .kosdaq-wrap {position:static;  float:none;  width:100%;  padding-top:40px;  text-align:center;  transform:translateY(0);}
}
@media only screen and (max-width:767px) {
  .footer .kosdaq-wrap {width:100%;  padding:40px 10px 0;}
}

/* 푸터 내용 */
.footer .footer-cont {float:left;  width:65%;}
/* 푸터 내용 - 푸터 메뉴 */
.footer .footer-cont ul.footer-menu {width:100%;  margin-bottom:30px;  overflow:hidden;}
.footer .footer-cont ul.footer-menu li {float:left;  width:auto;  height:20px;  font-size:0;  line-height:20px;}
.footer .footer-cont ul.footer-menu li:last-child:after {display:none;}
.footer .footer-cont ul.footer-menu li:after {content:'|';  display:inline-block;  margin:0 15px;  font-size:14px;  color:#b93300;  vertical-align:top;}
.footer .footer-cont ul.footer-menu li a {display:inline-block;  font-size:16px;  color:#e9aa92;  line-height:20px;  font-weight:300;}
.footer .footer-cont ul.footer-menu li a:hover {color:#eaeaea}
/* .footer .footer-cont ul.footer-menu li:nth-child(2) a {color:white;} */
/* 푸터 내용 - 푸터 정보 */
.footer .footer-cont .footer-info {width:100%;  overflow:hidden;}
.footer .footer-cont .footer-info > span {font-size:16px;  color:#dadada;  line-height:35px;  letter-spacing:-0.5px;  font-weight:300;  word-break:keep-all;}
.footer .footer-cont .footer-info > span a {color:#dadada !important;}
/* .footer .footer-cont .footer-info > span.info-first {display:block;} */
.footer .footer-cont .footer-info span.footer-address {display:inline-block;}
.footer .footer-cont .footer-info span.footer-address:before {content:':';  margin:0 5px;}
.footer .footer-cont .footer-info span.footer-address br {display:none;}
/*.footer .footer-cont .footer-info > span:not(.info-first):before {content:'|';  font-size:14px;  color:#b93300;  margin:0 5px;}*/
.en .footer .footer-cont .footer-info > span.info-phone:before {display:none;}
.footer .footer-cont .footer-info > span a.phone {color:#dadada;}
/* .footer .footer-cont .footer-info span:after {content:'';  margin-right:10px;} */
.footer .footer-cont .footer-info span.info-end + span {clear:left;}
.footer .footer-cont .footer-info span.info-end {color:#dadada !important;}
.footer .footer-cont .footer-info span.copyright {display:block;  letter-spacing:0;  color:#ffc107;}
@media only screen and (max-width:1199px) {
  .footer .footer-cont {float:left;  width:760px;}
}
@media only screen and (max-width:1024px) {
  .footer .footer-cont {clear:both;  float:none;  width:100%;}
  .footer .footer-cont ul.footer-menu {margin-bottom:20px;}
  .footer .footer-cont ul.footer-menu li {width:32.666666666666666666666666666667%;  height:auto;  margin-bottom:10px;  text-align:center;}
  .footer .footer-cont ul.footer-menu li:after {display:none;}
  .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 1%;}
  .footer .footer-cont ul.footer-menu li a {display:block;  line-height:40px;  color:#9aa0b5;  background:#efd9d9;}
  .footer .footer-cont .footer-info {text-align:center;}
}
@media only screen and (max-width:850px) {
  .en .footer .footer-cont ul.footer-menu li a {font-size:14px;}
  .footer .footer-cont .footer-info span.info-first {display:block;}
  .footer .footer-cont .footer-info > span:not(.info-end):before {display:none;}
}
@media only screen and (max-width:767px) {
  .footer .footer-cont ul.footer-menu {margin-bottom:10px;}
  .footer .footer-cont ul.footer-menu li {margin-bottom:5px;}
  .en .footer .footer-cont ul.footer-menu li {width:100%;}
  .en .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}
  .footer .footer-cont ul.footer-menu li a {font-size:14px;  letter-spacing:-0.5px;  font-weight:300;}
  .footer .footer-cont .footer-info > span {float:none;  /*display:block;*/  font-size:14px;}
  .footer .footer-cont .footer-info span.footer-address {display:block;  line-height:20px;}
  .footer .footer-cont .footer-info span.footer-address:before {display:none}
  .footer .footer-cont .footer-info span.footer-address br {display:inline;}
  /* .footer .footer-cont .footer-info > span:not(.info-first):before {display:none;} */
  .footer .footer-cont .footer-info span.copyright {line-height:20px;}
}
@media only screen and (max-width:500px) {
  .footer .footer-cont ul.footer-menu li {width:100%;}
  .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}
}


/*index CSS이동*/
@charset "UTF-8";
/* 메인비주얼 */
.mv {width:100%;  height:100vh;  position:relative;  z-index:0;}
html:not(.ios-web).modal-on .mv {z-index:-1000 !important;}
.mv ul.mv-slide-img {position:absolute;  z-index:0;  width:100%;  height:100%;  overflow:hidden;}
.mv ul.mv-slide-img li {width:100%;  height:100%;  /*background-position:center;  background-repeat:no-repeat;  -webkit-background-size:cover;  background-size:cover;  transform:scale(1.3);  transition:transform 0.8s;*/  position:absolute;  top:0;}
.mv ul.mv-slide-img li .imgbox {position:absolute;  top:0;  left:0;  width:100%;  height:100%;   z-index:1;  font-size:0;  opacity:0;}
.mv ul.mv-slide-img li .imgbox img {height:100%;}
/* .mv ul.mv-slide-img li:not(.active) .imgbox img {transform:scale(1) !important;  transition-duration:100ms !important;}
.mv ul.mv-slide-img li.active .imgbox img {transition-duration:8000ms !important;} */
.mv ul.mv-slide-img li .hidden-image {position:absolute;  width:100%;  height:100%;  bottom:0px;}
.mv ul.mv-slide-img li video {position:absolute;  top:0;  left:0;  width:100%;  height:100%;  font-size:0;  display:block !important;}
.mv ul.mv-slide-img li .imgbox video + img {display:none;}
@media only screen and (max-width:1023px) {
  .mv {height:72vh !important;}
  .mv ul.mv-slide-img {height:100% !important;}
  .mv ul.mv-slide-img li {height:100% !important;}
  .mv ul.mv-slide-img li .imgbox {left:0;  margin-left:0 !important;  -webkit-background-size:cover;  background-size:cover;  background-repeat:no-repeat;  background-position:left;}
  .mv ul.mv-slide-img li video {display:none !important;}
  .mv ul.mv-slide-img li .imgbox img {display:inline;}
  .mv ul.mv-slide-img li .imgbox video + img {display:inline;}
}

.mv-cont-outer {display:none;  width:100%;  height:100%;  position:absolute;  top:0;  left:0;  z-index:100;  /*background:url(../img/dot_5.png) repeat left top;*/}
/* .mv ul.mv-slide-img li.active .mv-cont-outer {display:table;} */
.mv-cont-outer.on {display:table;}
.mv-cont-outer .mv-cont-inner {display:table-cell;  width:100%;  height:100%;  padding-top:113px;  text-align:center;  vertical-align:middle;  position:relative;}
.mv-cont-outer .mv-cont-inner .slogan {display:block;  width:100%;  max-width:1050px;  transform:translate(0,40px);  opacity:0;  padding-bottom:30px;  margin:0 auto;  font-size:43px;  font-weight:700;  color:#fff;  font-style:italic;}
.mv-cont-outer .mv-cont-inner .text {display:inline-block;  width:100%;  max-width:1050px;  transform:translate(0,40px);  opacity:0;  margin-bottom:180px;  font-size:24px;  font-weight:300;  color:#fff;  font-style:italic;  word-break:keep-all;}
.mv-cont-outer .mv-cont-inner a {display:inline-block;  width:290px;  height:55px;  border:1px solid #fff;  line-height:53px;  font-size:18px;  color:#fff;  transition-duration:0.3s;	transition-property:color, background-color;}
.mv-cont-outer .mv-cont-inner a:hover {color:#333;  background:white;}
@media only screen and (max-width:1280px) {
  .mv-cont-outer .mv-cont-inner .slogan {max-width:820px;}
  .mv-cont-outer .mv-cont-inner .text {max-width:820px;}
  .mv-cont-outer .mv-cont-inner span img{width:100%}
}
@media only screen and (max-width:1199px) {
  .mv-cont-outer .mv-cont-inner .slogan {max-width:770px;}
  .mv-cont-outer .mv-cont-inner .text {max-width:770px;}
  .mv-cont-outer .mv-cont-inner span img{width:100%}
}
@media only screen and (max-width:1023px) {
  .mv-cont-outer .mv-cont-inner {padding-top:50px;  padding-left:50px;  padding-right:50px;}
  .mv-cont-outer .mv-cont-inner .slogan {font-size:32px; max-width:520px;}
  .mv-cont-outer .mv-cont-inner .text {font-size:16px;  margin-bottom:50px; max-width:400px;}
  .mv-cont-outer .mv-cont-inner a {display:none;}
  .mv-cont-outer .mv-cont-inner span img{width:100%}
}
@media only screen and (max-width:767px) {
  .mv-cont-outer .mv-cont-inner {padding-top:50px;  padding-left:15px;  padding-right:15px;}
  .mv-cont-outer .mv-cont-inner .slogan {font-size:25px; max-width:420px;}
  .mv-cont-outer .mv-cont-inner .text {max-width:400px;  font-size:14px;  margin-bottom:50px; max-width:350px;}
}

.mv-cover {width:100%;  height:0;  /*position:absolute;  bottom:0;  left:0;  z-index:100;*/}
.mv-control {/*position:absolute;  bottom:0;  left:0;  z-index:200;*/  width:100%;  height:0;}
.mv-control .mv-btn {position:absolute;  /*bottom:425px;*/top:50%;  z-index:100;  transform:translateY(-50%);  width:47px;  height:95px;}
.mv-control .mv-btn a {display:block;  width:100%;  height:100%;  font-size:0;}
.mv-control .mv-left {left: 50px; background:url(../img/mv-left-btn.png) no-repeat left center; }
.mv-control .mv-right {right: 50px; background:url(../img/mv-right-btn.png) no-repeat right center; }
@media only screen and (max-width:1023px) {
  .mv-control {display:none;}

}

.mv-pager {position:absolute;  left:0;  bottom:25px;  z-index:200;  width:100%;  line-height:28px;  text-align:center;}
.mv-pager .pager-item {display:inline-block;  vertical-align:middle;  font-size:0;  line-height:0;}
.mv-pager .mv-mouse {margin-right:10px;  font-size:0;}
.mv-pager a {width:17px;  height:17px;  border-radius:50%;  border:3px solid white;  margin-right:8px;  font-size:0;  transition:all 0.3s;}
.mv-pager a:hover,
.mv-pager a.on {background:white;}
@media only screen and (max-width:1023px) {
  .mv-pager .mv-mouse {display:none;}

}
.mv-pager .mv-auto-btn a {display:inline-block;  width:22px;  height:22px;  margin:0;  border-radius:0;  border:1px solid white;  transition:all 0.3s;}
.mv-pager .mv-stop {background:url(../img/pause-white.png) no-repeat center center;}
.mv-pager .mv-play {background:url(../img/play-white.png) no-repeat center center;}
.mv-pager .mv-stop:hover,
.mv-pager .mv-stop.on {background:white url(../img/pause-on.png) no-repeat center center;}
.mv-pager .mv-play:hover,
.mv-pager .mv-play.on {background:white url(../img/play-on.png) no-repeat center center;}


/* 메인페이지 컨텐츠 공통 요소 */
.mc-section {clear:both;  width:100%;  padding:125px 0 160px;  overflow:hidden;  position:relative;}
.mc-section .wrap {padding:0;  position:relative;}
.mc-title {clear:both;  width:100%;  padding-bottom:70px;  font-size:0;  text-align:center;}
.mc-title:before {content:'';  display:inline-block;  width:78px;  height:9px;  margin-bottom:15px;  background:#434343;}
.mc-title h2 {width:100%;  font-size:40px;  color:#343434;  line-height:40px;  margin-bottom:10px;  font-weight:500;}
.mc-title p {width:100%;  font-size:16px;  color:#4e4e4e;  line-height:20px;  font-weight:300;}
.mc-contents {width:100%;  overflow:hidden;}
@media only screen and (max-width:1199px) {
  .mc-section .wrap {padding:0 50px;}
}
@media only screen and (max-width:1023px) {
  .mc-section {padding:110px 0 160px;}
  .mc-title h2 {font-size:34px;}
}
@media only screen and (max-width:767px) {
  .mc-section {padding:60px 0 90px;}
  .mc-section .wrap {padding:0 15px;}
  .mc-title {padding:0 15px 60px;}
  .mc-title:before {width:45px;  height:5px;}
  .mc-title h2 {font-size:30px;  line-height:30px;}
  .mc-title p {font-size:14px;}
}