@charset "utf-8";
.main_wrap {}
.main_wrap > article {padding: 7.5em 0;}

.marti00 {padding: 0 !important; position: relative; background: url(../../images/main/main_visual.jpg) no-repeat; height: 60.63em;}

.mv_box {display:flex; align-items: center; height: 100%;	}

.marti00 .slogan {width: 52%; margin-bottom: 3.5em; padding-left: 20px;} 
.marti00 .slogan p {font-size:4.69em; line-height: 1.2; color: #012145;}
.marti00 .slogan p.t1 {}
.marti00 .slogan p.t2 {}
.marti00 .slogan p.t2 * {display: block; font-weight: 700;}

.marti00 .box {width: 43.25%; margin-top: 7.5em; position: relative;}
.marti00 .owl-carousel .owl-stage-outer {overflow: inherit;}
.marti00 .owl-carousel .owl-item {opacity: 0; position: relative; }
.marti00 .owl-carousel .owl-item:before {content: ''; display: block; position: absolute; left:0px; bottom: -108px; width: 832px; height: 801px; background:url(../../images/main/main_visual_before.png) no-repeat; transition:.3s; opacity: 0;}
.marti00 .owl-carousel .owl-item.active {opacity: 1; } 
.marti00 .owl-carousel .owl-item.active:before {opacity: 1;}
.marti00 .owl-carousel .owl-item img {border-radius:50%; overflow: hidden; box-shadow:5px 5px 10px rgbA(0,0,0,0.1);}

.marti00 .owl-theme .owl-nav.disabled+.owl-dots {margin: 0;position: absolute;bottom: 5em;left: 0%;text-align: center;display:flex;flex-wrap: wrap;justify-content: space-between;}

.marti00 .owl-theme .owl-nav {width: 245px; margin: 0; display:flex; position: absolute; left: -113%; bottom: 12.7em; } 
.marti00 .owl-theme .owl-nav [class*=owl-] {display: block; font-size: 0; width: 9px; height: 12px; margin: 0; padding: 0;}
.marti00 .owl-theme .owl-nav .owl-prev {background: url(../../images/main/prev.png) no-repeat; background-size:100%;}
.marti00 .owl-theme .owl-nav .owl-next {background: url(../../images/main/next.png) no-repeat; background-size:100%; margin-left: 227px;}
.marti00 .owl-theme .owl-nav .owl-prev:hover {background: url(../../images/main/prev.png) no-repeat; background-size:100%}
.marti00 .owl-theme .owl-nav .owl-next:hover {background: url(../../images/main/next.png) no-repeat; background-size:100%;}

.marti00 .owl-theme .owl-dots {display:flex; position: absolute;	left: -104.5%; bottom: 13em; }
.marti00 .owl-theme .owl-dots .owl-dot {display: block;width: 43px;height: 1px;position: relative;}
.marti00 .owl-theme .owl-dots .owl-dot span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;position: relative;background: #d1d1d1;text-indent: -9999px; margin: 0;transition:.3s;}
.marti00 .owl-theme .owl-dots .owl-dot.active span,
.marti00 .owl-theme .owl-dots .owl-dot:hover span {background:#333 ;}

.slider-counter {display:flex; position: absolute; left: -109.5%; bottom: 12.1em; }
.slider-counter > div {width: 15px; font-size: 15px; font-weight: 700;}
.slider-counter > div.current {margin-right: 165px;}

.marti00 .button {position: relative; margin-top: 7px; margin-left: 42px; z-index: 1;}
.marti00 .button > div {cursor:pointer; width: 9px; position: absolute;}
.marti00 .button > div {display: none;}
.marti00 .button > div.play {display: none;}
.marti00 .button > div.on {display: block;}

.m_title {text-align: center; margin-bottom: 3.75em;}
.m_title h1 {font-size: 3em; line-height: 1.4; font-weight: 700; color: #333; text-transform:uppercase;}
.m_title p {margin-top: 1.13em;}

.marti01 ul {display:flex;}
.marti01 ul li {box-sizing:border-box; width:22.5%; height: 31.25em; border:1px solid #ddd; transition:.3s; margin-right: 3.125%;}
.marti01 ul li:last-child {margin-right: 0;}
.marti01 ul li a {display:flex;flex-direction: column;align-items: center;justify-content: center; width: 100%; height: 100%;  box-sizing:border-box; padding:0 3.75em 0.63em; text-align: center;}
.marti01 ul li a figure {margin-bottom: 2.81em;}
.marti01 ul li a h1 {font-size: 1.56em; font-weight: 600; color: #333;}
.marti01 ul li a p {margin:0em 0 1.56em;}
.marti01 ul li a h2 {display:flex;flex-direction: column;align-items: center;justify-content: center; width: 8.13em; height: 2.5em; font-size: 0.94em; font-weight: 600; color: #003067;  transition:.3s; box-sizing:border-box; border:1px solid rgba(255,255,255,0);}

.marti01 ul li:hover {box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
.marti01 ul li:hover h2 {border:1px solid rgba(0,48,103,0.2);}

.main_wrap > article.marti02 {padding: 0 0 75px;}
.marti02 { background: url(../../images/main/marti02_bg.jpg) no-repeat; background-size:cover;}
.marti02 .item {display:flex; margin-top: 130px;}
.marti02 .item .img {width: 50%; padding-left: 8.6%;}
.marti02 .item .img img {max-width:570px;}
.marti02 .item .text {width: 50%; position: relative; box-sizing:border-box; padding-top: 87px; padding-left: 50px; margin-top: 90px;} 
.marti02 .item .text h1 {position: absolute; left: -10px; top: -10px; font-size: 150px; font-weight: 700; color: rgba(51,51,51,0.1); line-height: 1;}
.marti02 .item .text h2 {font-size: 50px; font-weight: 700; color: #333; line-height: 1.2; margin-bottom: 25px;}
.marti02 .item .text p {box-sizing:border-box; padding-right: 210px; margin:5px 0 40px;}
.marti02 .item .text a {font-size: 15px; font-weight: 600; color: #fff; width: 200px; height: 60px; background: #003067; display:flex;align-items: center; box-sizing:border-box; padding-left: 25px; transition:.3s; }
.marti02 .item .text a:hover {background: #000; }

.marti02 .owl-theme .owl-nav {width: 100%; margin: 0; display:flex; position:absolute; left:0; top:51.3%; transform:translate(0,-50%);} 
.marti02 .owl-theme .owl-nav [class*=owl-] {position: absolute; display: block; font-size: 0; width: 42px; height: 82px; margin: 0; padding: 0;}
.marti02 .owl-theme .owl-nav .owl-prev {left: -42px; background: url(../../images/main/marti02_prev.png) no-repeat; background-size:100%;}
.marti02 .owl-theme .owl-nav .owl-next {right:-42px; background: url(../../images/main/marti02_next.png) no-repeat; background-size:100%; }
.marti02 .owl-theme .owl-nav .owl-prev:hover {background: url(../../images/main/marti02_prev.png) no-repeat; background-size:100%}
.marti02 .owl-theme .owl-nav .owl-next:hover {background: url(../../images/main/marti02_next.png) no-repeat; background-size:100%;}

.marti03 .box {position: relative;}

.marti03 .owl-carousel .owl-stage-outer {overflow:inherit;}
.marti03 .owl-carousel.owl-drag .owl-item {opacity: 0; transition:.3s;}
.marti03 .owl-carousel.owl-drag .owl-item.active {opacity: 1;}

.marti03  .owl-carousel.owl-drag .owl-item a {pointer-events: none;cursor: default;}
.marti03  .owl-carousel.owl-drag .owl-item.active a {pointer-events: auto;cursor: pointer;}

.marti03 .item a {transition:.3s;}
.marti03 .item a:hover {box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
.marti03 .item a:hover img {transform:scale(1.2);}

.marti03 .item figure {overflow: hidden; box-sizing:border-box; border:1px solid #ddd;}
.marti03 .item figure img {transition:.3s;}
.marti03 .text {height: 240px; box-sizing:border-box; padding: 35px 40px; border:1px solid #ddd; border-top: 0;}
.marti03 .text h1 {font-family:'Noto Sans KR'; font-size: 15px; font-weight: 400; color: #999;}
.marti03 .text p {font-size: 18px; font-weight: 600; line-height: 1.55; color: #333; margin:13px 0 15px;  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;   }
.marti03 .text span {font-size: 15px; font-weight: 600; color: #003067;}

.marti03 .more_bt {position: absolute; top: -90px; right: 0px;}
.marti03 .more_bt a {line-height: 1; font-size: 35px; font-weight: 600; color: #003067; transition:.3s;}
.marti03 .more_bt a:hover {opacity: 0.6;}

.marti03  .owl-nav {margin: 0; display:flex; position:absolute; right:40px; top:-80px;} 
.marti03  .owl-nav [class*=owl-] {display: block; font-size: 0; width: 11px; height: 16px; margin: 0; padding: 0;}
.marti03  .owl-nav .owl-prev {background: url(../../images/main/marti03_prev.png) no-repeat; background-size:100%; margin-right: 25px;}
.marti03  .owl-nav .owl-next {background: url(../../images/main/marti03_next.png) no-repeat; background-size:100%; }
.marti03  .owl-nav .owl-prev:hover {background: url(../../images/main/marti03_prev.png) no-repeat; background-size:100%}
.marti03  .owl-nav .owl-next:hover {background: url(../../images/main/marti03_next.png) no-repeat; background-size:100%;}

.marti04 {width: 100%; height: 400px; background: url(../../images/main/marti04_bg.jpg) no-repeat;  background-size:cover; text-align: center;}
.marti04 h1 {font-size: 50px; line-height: 1.4; font-weight: 700; color: #fff;}
.marti04 a {transition:.3s; width:200px; height: 60px; display:flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.3); color: #fff; font-size: 16px; font-weight: 400; margin:20px auto 0;}
.marti04 a:hover {background: #003067;}