@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;}
.wrap2 { clear: both; width: 100%; max-width: 1200px; padding: 0 50px; margin: 0 auto; }

@media only screen and (max-width:767px) {
  .wrap { padding:0 15px;}
  .wrap2 { max-width: 100%; padding: 0 15px !important; }



}
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:80px;  padding:0 20px;  border-bottom:1px solid rgba(255,255,255,0.3);  transition-property:border-bottom-color, background-color;  transition-duration:0.2s;  background:rgba(0,0,0,0.2);}
/* html:not(.ios-web).modal-on .header {z-index:-100;} */
.header.scrolled,
.header.nav-on {/*border-bottom-color:#ccc;*/  background:#2b5db2;}
@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:80px;  z-index:10;  position:relative;}
.header .logo a {display:block;  width:184px;  height:80px;  line-height:70px;   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;}
/* .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:79px;  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;/*메뉴 하나당 30px*/  border-color:#ccc;  background:white;}
/* .header.nav-on .gnb-pc {background:white;} */
.header .gnb-pc > ul {width:100%;  max-width:1000px;  height:79px;  margin:0 auto;    transition:all 0.3s;  position:relative;} /*max-width:800px;*/
.header.nav-on .gnb-pc > ul {height:320px;}
.header .gnb-pc > ul > li {float:left;  width:14.2857%;  height:79px;  text-align:center;} /*width:16.666666666666666666666666666667%*/
.header.nav-on .gnb-pc > ul > li {height:auto;}
.header .gnb-pc > ul > li a.gnb-category {display:block;  width:100%;  line-height:80px;  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:0px;  right:50%;  background:#fff600;  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:0px;  left:50%;  background:#fff600;  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 .gnb-pc ul.menulist li:last-child { border-left:unset; }*/

.header.nav-on .gnb-pc ul.menulist li {border-left-color:#e1e1e1;}
.header .gnb-pc > ul > li:nth-child(7) ul.menulist li {border-right:1px solid transparent;}
.header.nav-on .gnb-pc > ul > li:nth-child(7) 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.menulist li.line2 a {line-height:16px;  padding:0px 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;}

@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:16.666666666666666666666666666667%;}
  .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;}
}


/* 임상참여 버튼 */
.header .phocus {line-height:80px;  font-size:0;  position:absolute;  top:0;  right:140px;  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: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: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:white;  /*transition:background-color 0.3s;*/}
.lnb-pc.fixed {position:fixed;  z-index:1000;  background:#2b5db2;  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:-1px;}
.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;  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:#557dc2;  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:#2b5db2;}
/*.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:white;}
.lnb-pc .lnb-menu ul.lnb-list li {width:100%;  overflow:hidden;}
.lnb-pc .lnb-menu ul.lnb-list li a {display:block;  width:100%;  line-height:50px;  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:#263151;  position:relative;  z-index:0;}
.footer .wrap {min-height:120px;  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:165px;}
@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:62.5%;}
/* 푸터 내용 - 푸터 메뉴 */
.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:#686f86;  vertical-align:top;}
.footer .footer-cont ul.footer-menu li a {display:inline-block;  font-size:16px;  color:#898e9e;  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 .info-end:before {content:'|';  font-size:14px;  color:#686f86;  margin:0 7px 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:#9599a7;}
@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:#36446d;}
  .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;}
}

/* 패밀리사이트 */
.footer .footer-select {float:right;  width:200px;  height:42px;  position:relative;}
.footer .footer-select span {display:block;  width:100%;  padding:0 15px;  border:1px solid #777;  font-size:13px;  color:#bababa;  line-height:40px;  font-weight:300;  letter-spacing:0;  cursor:pointer;  transition:all 0.3s;  position:relative;}
.footer .footer-select span:after {content:'';  position:absolute;  top:50%;  right:15px;  transform:translateY(-50%);  display:block;  width:12px;  height:6px;  background:url(../img/family-expand.png) no-repeat center center;}
.footer .footer-select.open span {border-color:#ccc;  color:#ccc;}
.footer .footer-select.open span:after {background-image: url(../img/family-expand-open.png);}
.footer .footer-select ul {position:absolute;  bottom:42px;  right:0;  z-index:100;  width:100%;  height:0;  max-height:248px;  border:1px solid transparent;  border-bottom:0;  background:#2b2c2f;  overflow-y:auto;}
.footer .footer-select.open ul {border-color:#ccc;}
.footer .footer-select ul::-webkit-scrollbar {width:5px;}
.footer .footer-select ul::-webkit-scrollbar-track {width:5px;  background:transparent;}
.footer .footer-select ul::-webkit-scrollbar-thumb {background:white;}
.footer .footer-select ul li {width:100%;}
.footer .footer-select ul li:last-child a {border-bottom:0;}
.footer .footer-select ul li a {display:block;  width:100%;  padding:0 15px;  font-size:13px;  color:#bababa;  line-height:40px;  border-bottom:1px solid #535353;  font-weight:300;  transition:all 0.2s;}
.footer .footer-select ul li a:hover {color:white;  background:#3d3d3d;}
@media only screen and (max-width:1024px) {
  .footer .footer-select {float:left;  width:33.33333333%;  height:42px;  margin:0 auto 20px;}
  .footer .footer-select span {line-height:40px;}
  .footer .footer-select span i {line-height:40px;}
  .footer .footer-select ul {bottom:42px;}
  .footer .footer-select ul li a {line-height:40px;}
}
@media only screen and (max-width:767px) {
  .footer .footer-select {clear:both;  float:none;  width:100%;}

}