/*-----------------------------------------------------*/
/* header */
/*-----------------------------------------------------*/
#header {
 position:absolute;
 top:0;
 right:0;
 left:0;
 z-index:99999;
}
#header.scroll {
 position:fixed;
 margin-top:-92px;
}
#header .header-area {
 padding:40px 0 50px 0;
 background:rgba(255,255,255,1);
}
@media screen and (max-width:1024px) {
 #header {
  border-bottom:1px solid #ddd;
 }
 #header.scroll {
  margin-top:0;
 }
 #header .header-area {
  padding:10px 0;
 }
}
#header .header-area .logo {
 position:absolute;
 width:100%;
 text-align:center;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
@media screen and (max-width:1024px) {
 #header .header-area .logo {
  position:static;
  left:auto;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
 }
}
/*-----------------------------------------------------*/
/* global_area */
/*-----------------------------------------------------*/
#header .header-area .global_area {
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
#header .header-area .global_area li {
 display:inline-block;
 width:100px;
 position:relative;
 vertical-align:middle;
 text-align:center;
}
#header .header-area .global_area li:before {
 content:'';
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 width:1px;
 height:36px;
}
#header .header-area .global_area li:first-child:before {
 display:none;
}
#header .header-area .global_area li a {
 display:block;
 padding:0 10px;
}
#header .header-area .global_area li a i {
 font-size:24px;
 color:#555;
 padding-top:30px;
}
#header .header-area .global_area li a p {
 font-size:12px;
 color:#777;
}
@media screen and (max-width:1024px) {
 #header .header-area .global_area {
  display:none;
 }
}
@media screen and (max-width:1280px) {
 #header .header-area .global_area li {
  width:90px;
 }
}
/*-----------------------------------------------------*/
/* GNB */
/*-----------------------------------------------------*/
#header .gnb_area {
 text-align:center;
 position:relative;
 border-top:1px solid rgba(0, 0, 0, 0);
 border-bottom:1px solid rgba(0, 0, 0, 0);
 background:rgba(0,0,0,0.6);
 z-index:1000;
}
@media screen and (max-width:1024px) {
 #header .gnb_area {
  display:none;
 }
}
#header .gnb_area .depth01 {
 float:left;
 width:20%;
 position:relative;
}
#header .gnb_area .depth01:before {
 content:'';
 width:1px;
 height:20px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 background:#777;
}
#header .gnb_area .depth01.m_5:after {
 content:'';
 width:1px;
 height:20px;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
#header .gnb_area .depth01.m_5 .depth02:after {
 content:'';
 position:absolute;
 right:0;
 top:30px;
 bottom:30px;
 width:1px;
 background:#ddd;
}
#header .gnb_area .depth01>a {
 display:block;
 height:58px;
 line-height:58px;
 font-family:'Montserrat','Noto Sans KR',sans-serif;
 font-size:19px;
 font-weight:500;
 -webkit-transition:0.3s;
 -o-transition:0.3s;
 transition:0.3s;
 color:#fff;
 position:relative;
}
@media screen and (max-width:1280px) {
 #header .gnb_area .depth01>a {
  font-size:16px;
 }
}
#header .gnb_area .depth01>a.on,#header .gnb_area .depth01>a.active {
 color:#0ca0ea;
}
#header .gnb_area .depth02 {
 display:none;
 position:absolute;
 left:0;
 right:0;
 bottom:auto;
 padding:15px 30px 140px;
 text-align:left;
 z-index:300;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
#header .gnb_area .depth02:before {
 content:'';
 position:absolute;
 left:0;
 top:30px;
 bottom:30px;
 width:1px;
 background:#ddd;
}
#header .gnb_area .depth02>li:hover>a {
 color:#0ca0ea;
}
#header .gnb_area .depth02>li>a {
 display:inline-block;
 font-weight:400;
 font-size:16px;
 color:#333;
 letter-spacing:-0.4px;
 padding:0 0 5px 0;
}
@media screen and (max-width:1280px) {
 #header .gnb_area .depth02>li>a {
  font-size:14px;
 }
}
#header .gnb_area .depth02>li>a:hover,#header .gnb_area .depth02>li>a.on {
 color:#0ca0ea;
}
#header .sub_gnb_bg {
 display:none;
 position:absolute;
 left:0;
 right:0;
 bottom:auto;
 background: rgba(255, 255, 255, 0.8);
 z-index:200;
}
/*-----------------------------------------------------*/
/* Btn Nav */
/*-----------------------------------------------------*/
@media screen and (min-width:1025px) {
  #header .btn_nav i {display:none;}
}
@media screen and (max-width:1024px) {
 #header .btn_nav {
  cursor:pointer;
  position:absolute;
  right:10px;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  text-align:center;
  background:#555
 }
 #header .btn_nav i {
  font-size:28px;
  color:#fff;
  line-height:40px;
 }
}
@media screen and (max-width:1024px) {
 .mo_nav_bg {
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1000;
  background:rgba(0,0,0,0.6);
 }
}
/*-----------------------------------------------------*/
/* Gnb Mobile */ 
/*-----------------------------------------------------*/
.gnb_mobile {
 display:none;
 background:#fff;
 right:-100%;
 position:fixed;
 top:0;
 width:100%;
 height:100%;
 max-width:500px;
 z-index:99999999;
 -webkit-transition:0.5s ease;
 -o-transition:0.5s ease;
 transition:0.5s ease;
}

@media screen and (max-width:1024px) {
 .gnb_mobile.on {
  display:block;
  right:0;
  -webkit-transition:0.5s;
  -o-transition:0.5s;
  transition:0.5s;
  -webkit-box-shadow:5px 20px 15px rgba(0,0,0,0.3);
  box-shadow:5px 20px 15px rgba(0,0,0,0.3);
 }
}
.gnb_mobile .btn_nav_off {
 display:block;
 position:absolute;
 text-align:center;
 width:40px;
 height:40px;
 left:-40px;
 top:10px;
 z-index:10000;
}
.gnb_mobile .btn_nav_off i {
 line-height:40px;
 font-size:28px;
 color:#fff;
}
@media screen and (max-width:500px) {
 .gnb_mobile .btn_nav_off {
  left:0;
  top:0;
 }
 .gnb_mobile .btn_nav_off i {
  color:#333;
 }
}
.gnb_mobile .mo_top {
 position:relative;
 background:#fff;
 border-bottom:1px solid #ddd;
}

.gnb_mobile .mo_top .global_area {
 margin-left:40%;
 font-size:0;
}
@media screen and (max-width:500px) {
 .gnb_mobile .mo_top .global_area {
  margin-left:0;
  border-top:1px solid #ddd;
 }
}
.gnb_mobile .mo_top .global_area li {
 display:inline-block;
 vertical-align:middle;
 text-align:center;
 width:33.33%;
 position:relative;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border-left:1px solid #ddd;
}
.gnb_mobile .mo_top .global_area li a {
 display:block;
 padding:13px 0;
}
.gnb_mobile .mo_top .global_area li a i {
 font-size:24px;
 color:#555;
}
.gnb_mobile .mo_top .global_area li a p {
 margin-top:5px;
 font-size:13px;
 color:#555;
}
.gnb_mobile .mo_gnb .depth01 {
 text-align:left;
}
.gnb_mobile .mo_gnb .depth01>a {
 color:#333;
 display:block;
 font-weight:700;
 padding:15px;
 font-size:14px;
 border-bottom:1px solid #ddd;
 position:relative;
}
.gnb_mobile .mo_gnb .depth01>a:after {
 content:'\e943';
 position:absolute;
 font-family:'xeicon' !important;
 color:#666;
 right:15px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
.gnb_mobile .mo_gnb .depth01>a.selected1 {
 background:#003471;
 border-color:#003471;
 color:#fff;
}
.gnb_mobile .mo_gnb .depth01>a.selected1:after {
 content:'\e946';
 color:#fff;
}
.gnb_mobile .mo_gnb .depth02 {
 background:#fff;
}
.gnb_mobile .mo_gnb .depth02>li>a {
 display:block;
 padding:10px 15px;
 font-size:13px;
 color:#333;
 border-bottom:1px solid #ededed;
}
.gnb_mobile .mo_top .global_area {
 display:flex;
 justify-content:space-between;
}
.gnb_mobile .mo_top .global_area li {
 max-width:50%;
 flex:1 0 33.33%;
}
.wrapper {
 margin:0 auto;
 width:100%;
 max-width:1200px;
 position:relative;
}