@charset "utf-8";

@import url(../js/swiper/swiper-bundle.min.css);
@import url(aos.css);

@font-face {
  font-family:'Pretendard';
  font-style:normal;
  font-weight:200;
  src: url(../font/Pretendard-Thin.woff) format('woff');
}
@font-face {
  font-family:'Pretendard';
  font-style:normal;
  font-weight:300;
  src: url(../font/Pretendard-Light.woff) format('woff');
}
@font-face {
  font-family:'Pretendard';
  font-style:normal;
  font-weight:400;
  src: url(../font/Pretendard-Regular.woff) format('woff');
}
@font-face {
  font-family:'Pretendard';
  font-style:normal;
  font-weight:500;
  src: url(../font/Pretendard-Medium.woff) format('woff');
}
@font-face {
  font-family:'Pretendard';
  font-style:normal;
  font-weight:600;
  src: url(../font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
  font-family:'Pretendard';
  font-style:normal;
  font-weight:700;
  src: url(../font/Pretendard-Bold.woff) format('woff');
}

/* reset */
* {margin:0;padding:0;box-sizing:border-box;}
html,body {width:100%;height:100%;min-height:100%;background:#fff;}
body,input,select,textarea,button,label {font-size:18px;font-family:'Pretendard','Malgun Gothic',sans-serif;color:#262626;}
ul,ol,li{list-style:none;}
table {border-spacing:0;border:0;border-collapse:collapse;}
table td {word-wrap:break-word;word-break:break-all;}
img,fieldset,abbr {border:0;}
img {max-width:100%;}
button {border:0;cursor:pointer}
address,caption,cite,code,em {font-style:normal;}
img,input,select,textarea,button,label {vertical-align:middle;}
caption,legend {width:1px;height:1px;margin-top:-1px;line-height:1px;text-indent:-9999px;overflow:hidden;}
header,section,nav,hgroup,footer,aside,article,figure {display:block;}
a {color:#262626;text-decoration:none;}
a:hover {color:#cf242a;text-decoration:none;}
*::-webkit-scrollbar {width:8px;height:8px;}
*::-webkit-scrollbar-button {width:0;height:0;}
*::-webkit-scrollbar-track {background:#E9E9E9;}
*::-webkit-scrollbar-thumb {background:#848484;}
*::-webkit-scrollbar-thumb:hover {background:#575656;}

/* wrap */
#wrap {min-width:1440px;}

/* header */
#header {position:fixed;left:0;right:0;top:0;height:100px;padding:0 140px 0 80px;line-height:20px;text-align:center;z-index:100;background:#fff;}
#header h1 {position:absolute;left:80px;top:50%;display:inline-block;width:182px;height:50px;z-index:2002;transform:translateY(-50%);background:url(../images/logo.png) no-repeat 0 0;background-size:100%;text-indent:-9999px;overflow:hidden;}
#header .all-menu {display:none;}
@media only all and (max-width:1700px) {
  #header {padding:0 40px 0 80px;}
}
@media only all and (max-width:1300px) {
  #header {padding:0 40px;}
  #header h1 {left:40px;}
}
@media only all and (max-width:1024px) {
  #wrap {min-width:320px;}
  #header {height:80px;padding:0;text-align:center;}
  #header h1 {position:relative;left:auto;width:160px;height:45px;}
  #header .all-menu {position:absolute;top:18px;right:30px;display:block;width:42px;height:42px;overflow:hidden;text-indent:-9999px;background:#fff url(../images/ico_allmenu.png) no-repeat 50% 50%;z-index:102;background-size:24px;}
}
@media only all and (max-width:767px) {
    #header {height:60px;}
    #header h1 {width:120px;height:34px;}
    #header .all-menu {top:9px;right:15px;}
}

/* gnb */
#gnb {width:100%;z-index:2001;}
#gnb > ul {display:flex;justify-content:center;}
#gnb > ul > li .before {opacity:1!important;transform:translateY(0px)!important;overflow:hidden;}
#gnb > ul > li > a {display:block;height:100px;padding:0 40px;color:#555;font-size:18px;font-weight:600;text-align:center;display:flex;align-items:center;}
#gnb > ul > li > a span {position:relative;display:block;transition:transform 0.2s;transform-origin:100% 0%;}
#gnb > ul > li > a span:before {position:absolute;top:100%;width:100%;left:0;content:attr(data-text);}
#gnb > ul > li:hover span {transform:translateY(-100%);transform-origin:0% 0%;}
#gnb > ul > li > a:hover {color:#cf242a;}
#gnb > ul > li > a.active {color:#cf242a;}
@media only all and (max-width:1700px) {
  #gnb > ul {justify-content:end;}
}
@media only all and (max-width:1300px) {
  #gnb > ul > li > a {padding:0 20px;}
}
@media only all and (max-width:1024px) {
  #gnb {display:none;}
}

/* aside menu */
.aside-wrap {display:none;}
.aside-nav {width:100%;height:100%;min-height:inherit;position:fixed;top:0;right:0;opacity:0;z-index:1200;background:rgba(0, 0, 0, 0.8);display:none;}
.aside-nav .aside-inner {height:100%;padding-top:80px;overflow-y:auto;display:flex;align-items:center;justify-content:center;text-align:center;}
.aside-nav h2 {position:absolute;top:17px;display:inline-block;width:160px;height:45px;background:url(../images/logo_white.png) no-repeat 0 0;background-size:100%;text-indent:-9999px;overflow:hidden;}
.aside-nav .lnb > li {overflow:hidden;padding:20px 0;animation-fill-mode:both;animation-name:fadeBigInUp;animation-duration:0.5s;}
.aside-nav .lnb > li > a {display:block;font-size:24px;line-height:1.2;font-weight:700;color:#fff;font-weight:700;}
.aside-nav.current .lnb li:nth-child(1) {animation-delay:0.1s;}
.aside-nav.current .lnb li:nth-child(2) {animation-delay:0.3s;}
.aside-nav.current .lnb li:nth-child(3) {animation-delay:0.5s;}
.aside-nav.current .lnb li:nth-child(4) {animation-delay:0.7s;}
.aside-nav.current .lnb li:nth-child(5) {animation-delay:0.9s;}
.aside-nav.current .lnb li:nth-child(6) {animation-delay:1.1s;}
.aside-nav .close {position:absolute;top:18px;right:30px;}
.aside-nav .close .all-menu {display:inline-block;width:42px;height:42px;overflow:hidden;text-indent:-999px;background:#fff url(../images/ico_navclose.png) no-repeat 50% 50%;background-size:18px;border-radius:42px;}
.page-overlay {display:none;position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;min-height:inherit;background:#000;z-index:1100;}
@media only all and (max-width:1024px) {
  .aside-wrap {display:block;}
}
@media only all and (max-width:767px) {
  .aside-nav .aside-inner {padding-top:60px;}
  .aside-nav h2 {top:13px;width:120px;height:34px;}
  .aside-nav .lnb > li {padding:15px 0;}
  .aside-nav .close {top:12px;right:19px;}
  .aside-nav .close .all-menu {width:36px;height:36px;}
}

/* contents */
#contents {position:relative;padding-top:100px;line-height:1.6;background:#fff;overflow:hidden;min-height:500px;}
#contents:after {content:"";display:block;clear:both;}
@media only all and (max-width:1024px) {
  #contents {padding-top:80px;line-height:1.4;}
}
@media only all and (max-width:767px) {
  #contents {padding-top:60px;}
}

/* footer */
#footer {background:#F3F3F3;line-height:1.4;}
#footer .inner {display:flex;justify-content:space-between;align-items:end;width:1440px;margin:0 auto;padding:50px 0;}
#footer .footer-logo {width:137px;height:38px;background:url(../images/footer_logo.png) no-repeat 0 0;background-size:100%;text-indent:-9999px;overflow:hidden;}
#footer address {margin-top:18px;font-size:16px;color:#777;letter-spacing:-0.5px;}
#footer address span {display:block;font-weight:600;margin-bottom:4px;}
#footer .copyright {font-size:14px;color:#777;}
@media only all and (max-width:1440px) {
  #footer .inner {padding:50px 40px;}
}
@media only all and (max-width:1024px) {
  #footer .inner {display:block;width:auto;padding:40px 20px;}
}
@media only all and (max-width:767px) {
  #footer .footer-logo {width:105px;height:30px;}
  #footer address {margin-top:15px;font-size:14px;}
  #footer .copyright {font-size:12px;}
}

.section .inner {width:1440px;margin:0 auto;}
.section h2 {display:inline-block;height:30px;line-height:30px;padding:0 15px;color:#121212;font-size:18px;font-weight:500;border-radius:30px;background:#fff;border:1px solid #6B6B6B;}
.section .desc {margin-top:25px;}
.section .desc dt {color:#000;font-size:58px;font-weight:600;line-height:1;}
.section .desc dd {margin-top:25px;color:#262626;font-size:20px;line-height:1.5;}

@media only all and (max-width:1024px) {
  .section .inner {width:auto;}
}
@media only all and (max-width:767px) {
  .section h2 {font-size:16px;}
  .section .desc {margin-top:20px;}
  .section .desc dt {font-size:40px;}
  .section .desc dd {margin-top:20px;font-size:17px;}
  .section .desc dd br {display:none;}
}

/* about */
.main-section1 {position:relative;}
.main-section1 .inner {padding:100px 0;overflow:hidden;}
.main-section1 .txt {line-height:1;}
.main-section1 .txt dt {color:#262626;font-size:80px;font-weight:600;letter-spacing:-4px;overflow:hidden;}
.main-section1 .txt dt span {display:inline-block;padding:0 2px;}
.main-section1 .txt dd {margin-top:40px;color:#555;font-size:36px;font-weight:500;letter-spacing:-1.8px;overflow:hidden;}
.main-section1 .txt dd span {display:inline-block;padding:0 2px;}
.main-section1 .about-slider li.swiper-slide-active .txt dt span {animation-fill-mode:both;animation-name:fadeBigInUp;animation-delay:0.2s;animation-duration:0.5s;}
.main-section1 .about-slider li.swiper-slide-active .txt dd span {animation-fill-mode:both;animation-name:fadeBigInUp;animation-delay:0.6s;animation-duration:0.5s;}
.main-section1 .about-slider li {display:flex;justify-content:space-between;align-items:center;height:680px;background-color:#fff;}
.main-section1 .about-slider li .img-box {position:relative;}
.main-section1 .about-slider li .img {display:inline-block;position:absolute;animation-fill-mode:both;animation-duration:1.2s;background-size:100% !important;}
.main-section1 .about-slider li.item1 .img-box {width:570px;height:460px;}
.main-section1 .about-slider li.swiper-slide-active.item1 .img1 {top:0;right:120px;width:54px;height:52px;background:url(../images/ico_about1_1.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:2s;}
.main-section1 .about-slider li.swiper-slide-active.item1 .img2 {top:40px;right:0;width:93px;height:93px;background:url(../images/ico_about1_2.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1.8s;}
.main-section1 .about-slider li.swiper-slide-active.item1 .img3 {top:285px;left:0;width:110px;height:110px;background:url(../images/ico_about1_3.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1.5s;}
.main-section1 .about-slider li.swiper-slide-active.item1 .img4 {top:80px;left:55px;width:425px;height:343px;background:url(../images/ico_about1_5.png) no-repeat 0 0;animation-name:jello;animation-delay:0.1s;}
.main-section1 .about-slider li.swiper-slide-active.item1 .img5 {top:263px;left:304px;width:248px;height:200px;background:url(../images/ico_about1_4.png) no-repeat 0 0;animation-name:jello;animation-delay:1s;}
.main-section1 .about-slider li.item2 .img-box {width:523px;height:400px;}
.main-section1 .about-slider li.swiper-slide-active.item2 .img1 {top:0;left:0;width:523px;height:400px;background:url(../images/ico_about2_1.png) no-repeat 0 0;animation-name:fadeBigInUp;animation-delay:0.5s;}
.main-section1 .about-slider li.swiper-slide-active.item2 .img2 {bottom:-25px;left:-62px;width:124px;height:124px;background:url(../images/ico_about2_2.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1s;}
.main-section1 .about-slider li.item3 .img-box {width:540px;height:540px;}
.main-section1 .about-slider li.swiper-slide-active.item3 .img1 {top:20px;left:134px;width:334px;height:520px;background:url(../images/ico_about3_1.png) no-repeat 0 0;animation-name:fadeBigInUp;animation-delay:0.5s;}
.main-section1 .about-slider li.swiper-slide-active.item3 .img2 {bottom:45px;right:20px;width:120px;height:116px;background:url(../images/ico_about3_2.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1.2s;}
.main-section1 .about-slider li.swiper-slide-active.item3 .img3 {top:325px;left:0;width:122px;height:122px;background:url(../images/ico_about3_4.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1.8s;}
.main-section1 .about-slider li.swiper-slide-active.item3 .img4 {top:0;right:0;width:47px;height:46px;background:url(../images/ico_about3_3.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:0.8s;}
.main-section1 .about-slider li.item4 .img-box {width:565px;height:490px;}
.main-section1 .about-slider li.swiper-slide-active.item4 .img1 {top:80px;right:0;width:431px;height:234px;background:url(../images/ico_about4_1.png) no-repeat 0 0;animation-name:jello;animation-delay:0.1s;}
.main-section1 .about-slider li.swiper-slide-active.item4 .img2 {top:50px;left:0;width:477px;height:410px;background:url(../images/ico_about4_2.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:0.7s;}
.main-section1 .about-slider li.swiper-slide-active.item4 .img3 {top:0;right:55px;width:158px;height:157px;background:url(../images/ico_about4_3.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1.2s;}
.main-section1 .about-slider li.swiper-slide-active.item4 .img4 {bottom:78px;left:14px;width:101px;height:101px;background:url(../images/ico_about4_4.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:1.7s;}
.main-section1 .about-slider li.swiper-slide-active.item4 .img5 {bottom:0;left:135px;width:158px;height:158px;background:url(../images/ico_about4_5.png) no-repeat 0 0;animation-name:bounceIn;animation-delay:2.4s;}
@keyframes fadeBigInUp {
  0% {opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
@media only all and (max-width:1440px) {
  .main-section1 .inner {padding:150px 40px 50px;}
}
@media only all and (max-width:1024px) {
  .main-section1 .about-slider li {display:block;height:auto;}
  .main-section1 .about-slider li .img-box {margin:100px auto 0;}
}
@media only all and (max-width:767px) {
  .main-section1 .inner {padding:100px 20px 30px;}
  .main-section1 .txt dt {font-size:38px;letter-spacing:-2px;}
  .main-section1 .txt dd {margin-top:30px;font-size:20px;letter-spacing:-1px;}
  .main-section1 .about-slider li {height:auto;}
  .main-section1 .about-slider li .img-box {margin:50px auto 0;}
  .main-section1 .about-slider li.item1 .img-box {width:320px;height:240px;}
  .main-section1 .about-slider li.swiper-slide-active.item1 .img1 {right:60px;width:34px;height:34px;}
  .main-section1 .about-slider li.swiper-slide-active.item1 .img2 {top:33px;width:46px;height:46px;}
  .main-section1 .about-slider li.swiper-slide-active.item1 .img3 {top:162px;width:69px;height:69px;}
  .main-section1 .about-slider li.swiper-slide-active.item1 .img4 {top:48px;left:33px;width:233px;height:189px;}
  .main-section1 .about-slider li.swiper-slide-active.item1 .img5 {top:140px;left:169px;width:139px;height:114px;}
  .main-section1 .about-slider li.item2 .img-box {width:320px;height:240px;}
  .main-section1 .about-slider li.swiper-slide-active.item2 .img1 {top:0;left:30px;width:283px;height:240px;}
  .main-section1 .about-slider li.swiper-slide-active.item2 .img2 {bottom:72px;left:0;width:65px;height:65px;}
  .main-section1 .about-slider li.item3 .img-box {width:320px;height:240px;}
  .main-section1 .about-slider li.swiper-slide-active.item3 .img1 {top:15px;left:82px;width:187px;height:293px;}
  .main-section1 .about-slider li.swiper-slide-active.item3 .img2 {bottom:5px;right:29px;width:64px;height:64px;}
  .main-section1 .about-slider li.swiper-slide-active.item3 .img3 {top:182px;width:79px;height:79px;}
  .main-section1 .about-slider li.swiper-slide-active.item3 .img4 {width:30px;height:30px;}
  .main-section1 .about-slider li.item4 .img-box {width:320px;height:240px;}
  .main-section1 .about-slider li.swiper-slide-active.item4 .img1 {top:28px;width:268px;height:148px;}
  .main-section1 .about-slider li.swiper-slide-active.item4 .img2 {top:27px;width:273px;height:237px;}
  .main-section1 .about-slider li.swiper-slide-active.item4 .img3 {right:55px;width:83px;height:83px;}
  .main-section1 .about-slider li.swiper-slide-active.item4 .img4 {bottom:62px;left:7px;width:60px;height:60px;}
  .main-section1 .about-slider li.swiper-slide-active.item4 .img5 {bottom:19px;left:78px;width:92px;height:92px;}
}

/* business */
.main-section2 {background-color:#fff;}
.main-section2 .inner {padding:100px 0 150px;text-align:center;}
.main-section2 .work-list {display:flex;justify-content:center;margin-top:160px;}
.main-section2 .work-list > li {padding-top:245px;width:calc(100%/3);line-height:1;}
.main-section2 .work-list > li + li {margin-left:90px;}
.main-section2 .work-list .item1 {background:url(../images/ico_business1.png) no-repeat 50% 0;}
.main-section2 .work-list .item2 {background:url(../images/ico_business2.png) no-repeat 50% 0;}
.main-section2 .work-list .item3 {background:url(../images/ico_business3.png) no-repeat 50% 0;}
.main-section2 .work-list li dt {color:#000;font-size:26px;font-weight:600;}
.main-section2 .work-list li dd {margin-top:25px;color:#262626;font-size:18px;letter-spacing:-1px;}
.main-section2 .work-list li dd li {color:#777;font-size:16px;line-height:30px;letter-spacing:-0.8px;}
.main-section2 .work-list li dd li:before {content:"";display:inline-block;width:3px;height:3px;margin:0 10px 2px 0;background:#777;border-radius:3px;vertical-align:middle;}
@media only all and (max-width:1440px) {
  .main-section2 .inner {padding:100px 40px 150px;}
  .main-section2 .work-list {display:block;}
  .main-section2 .work-list > li {padding-top:245px;width:100%;margin-top:80px;}
  .main-section2 .work-list > li:first-child {margin-top:0;}
  .main-section2 .work-list > li + li {margin-left:0;}
}
@media only all and (max-width:767px) {
  .main-section2 .inner {padding:80px 20px;}
  .main-section2 .work-list {margin-top:80px;}
  .main-section2 .work-list > li {padding-top:230px;margin-top:60px;}
  .main-section2 .work-list li dt {font-size:20px;}
  .main-section2 .work-list li dd {margin-top:15px;font-size:16px;}
  .main-section2 .work-list li dd li {font-size:14px;line-height:26px;}
  .main-section2 .work-list li dd li:before {margin:0 5px 2px 0;}
}

/* solution */
.main-section3 {background-color:#F7F7FC;}
.main-section3 .inner {padding:200px 0;display:flex;justify-content:space-between;align-items:center;}
.main-section3 .solution-tab {display:flex;margin:100px 0 65px;}
.main-section3 .solution-tab li {margin:0 4px;}
.main-section3 .solution-tab li a {display:flex;align-items:center;justify-content:center;height:50px;padding:0 30px;font-size:16px;color:#212121;font-weight:600;border:1px solid #212121;border-radius:50px;letter-spacing:-0.8px;background-color:#fff;transition:all 0.3s;}
.main-section3 .solution-tab li.on a,.main-section3 .solution-tab li a:hover {color:#fff;border:1px solid #212121;background-color:#212121;}
.main-section3 .tab-cont {display:none;}
.main-section3 .info dt {font-size:36px;color:#000;font-weight:600;letter-spacing:-1.8px;margin-bottom:12px;}
.main-section3 .info dd {font-size:20px;color:#000;letter-spacing:-1px;}
.main-section3 .info dd.dd01 {color:#5479F7;margin-top:15px;}
.main-section3 .link {position:relative;display:inline-block;margin-top:60px;padding-right:35px;font-size:18px;color:#262626;border-bottom:1px solid #000;font-weight:500;line-height:1.8;letter-spacing:-0.9px;background:url(../images/ico_arrow.png) no-repeat 97% 50%;transition:all 0.2s;}
.main-section3 .link:hover {color:#cf242a;border-bottom:1px solid #cf242a;background:url(../images/ico_arrow_on.png) no-repeat 100% 50%;}
.main-section3 .solution-img {width:667px;height:539px;flex:none;background:url(../images/solution_img.png) no-repeat 100% 60%;}
@media only all and (max-width:1440px) {
  .main-section3 .inner {padding:200px 40px;}
}
@media only all and (max-width:1024px) {
  .main-section3 .inner {display:block;}
  .main-section3 .solution-img {margin:100px auto 0;}
}
@media only all and (max-width:767px) {
  .main-section3 .inner {padding:100px 20px 80px;}
  .main-section3 .solution-tab {margin:50px 0 35px;}
  .main-section3 .solution-tab li {margin:0 3px;}
  .main-section3 .solution-tab li a {padding:0 15px;font-size:14px;line-height:1.2;text-align: center;}
  .main-section3 .info dt {font-size:24px;color:#000;}
  .main-section3 .info dd {font-size:17px;}
  .main-section3 .link {margin-top:30px;padding-right:35px;font-size:16px;}
  .main-section3 .solution-img {width:auto;height:76vw;margin-top:50px;background:url(../images/solution_img.png) no-repeat 100% 60%;background-size:100%;}
}

/* History */
.main-section4 {background-color:#1E2024;}
.main-section4 .inner {padding:200px 0;display:flex;justify-content:space-between;align-items:center;}
.main-section4 h2 {color:#fff;border:1px solid #6B6B6B;background-color:transparent;}
.main-section4 .desc {margin-top:25px;}
.main-section4 .desc dt {font-size:40px;color:#fff;letter-spacing:-2px;font-weight:400;}
.main-section4 .desc dt span {display:block;font-size:50px;font-weight:500;margin-bottom:20px;}
.main-section4 .desc dd {margin-top:20px;color:#6B6B6B;font-size:18px;letter-spacing:-0.9px;}
.main-section4 .link {position:relative;display:inline-block;margin-top:80px;padding-right:35px;font-size:18px;color:#fff;border-bottom:1px solid #fff;font-weight:500;line-height:1.8;letter-spacing:-0.9px;background:url(../images/ico_arrow_white.png) no-repeat 97% 50%;transition:all 0.2s;}
.main-section4 .link:hover {color:#cf242a;border-bottom:1px solid #cf242a;background:url(../images/ico_arrow_white_on.png) no-repeat 100% 50%;}
.main-section4 .history-list {width:560px;flex:none;}
.main-section4 .history-list li {display:flex;align-items:center;color:#fff;margin:28px 0;}
.main-section4 .history-list li .date {flex:none;width:130px;color:#ACACAC;font-size:18px;font-weight:500;letter-spacing:-0.9px;}
.main-section4 .history-list li .txt {color:#fff;font-size:20px;letter-spacing:-1px;}
.main-section4 .history-list li em {margin-left:30px;color:#86A0F8;font-weight:600;letter-spacing:-0.9px;}
.history-wrap {position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.7);display:none;}
.history-wrap .history-block {position:absolute;top:50%;left:50%;width:80%;overflow:hidden;transform:translate(-50%,-50%);}
.history-wrap .inner-box {padding:90px 30px 60px;background:#fff url(../images/bg_history.png) no-repeat left 10% bottom 98px;animation-fill-mode:both;animation-name:fadeBigInUp;animation-duration:0.5s;}
.history-wrap .history-scroll {overflow-y:auto;max-height:calc(100vh - 32rem);display:flex;justify-content:end;padding:0 20px;}
.history-wrap .year-tab {position:fixed;left:10%;}
.history-wrap .year-tab li {display:none;color:#262626;font-size:36px;letter-spacing:-1.8px;line-height:1;}
.history-wrap .year-tab li.active {display:block;}
.history-wrap .year-tab li strong {display:block;font-size:80px;font-weight:700;letter-spacing:-4px;margin-top:12px;}
.history-wrap .year-tab li strong em {display:block;font-size:60px;letter-spacing:-3px;margin-top:10px;}
.history-wrap .history-list-wrap {width:50%;}
.history-wrap .history-list2 {margin-bottom:70px;}
.history-wrap .history-list2:last-child {padding-bottom:280px;}
.history-wrap .history-list2 li {display:flex;font-size:20px;line-height:36px;letter-spacing:-1px;font-weight:500;margin-bottom:20px;}
.history-wrap .history-list2 li .date {flex:none;width:80px;color:#555;margin-right:50px;}
.history-wrap .history-list2 li .txt {color:#262626;}
.history-wrap .history-list2 li em {margin-left:20px;color:#777;font-size:18px;flex:none;}
.history-wrap .history-close {position:absolute;right:15px;top:15px;display:inline-block;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:url('../images/history_close.png') no-repeat 50% 50%;}
@media only all and (max-width:1440px) {
  .main-section4 .inner {padding:200px 40px;}
  .history-wrap .history-block {width:90%;}
}
@media only all and (max-width:1200px) {
  .history-wrap .history-list-wrap {width:60%;}
}
@media only all and (max-width:1024px) {
  .main-section4 .inner {display:block;}
  .main-section4 .history-list {width:auto;margin-top:100px;}
  .history-wrap .inner-box {background-size:20vw;}
  .history-wrap .year-tab {left:40px;}
  .history-wrap .year-tab li {font-size:30px;letter-spacing:-1px;}
  .history-wrap .year-tab li strong {font-size:60px;}
  .history-wrap .year-tab li strong em {font-size:40px;}
  .history-wrap .history-list-wrap {width:70%;}
}
@media only all and (max-width:767px) {
  .main-section4 .inner {padding:100px 20px 80px;}
  .main-section4 .desc dt {font-size:28px;letter-spacing:-1px;}
  .main-section4 .desc dt span {font-size:40px;margin-bottom:15px;}
  .main-section4 .desc dd {margin-top:15px;font-size:16px;letter-spacing:0;}
  .main-section4 .desc dd br {display:none;}
  .main-section4 .link {margin-top:40px;font-size:16px;}
  .main-section4 .history-list {margin-top:50px;}
  .main-section4 .history-list li {display:block;margin:20px 0;}
  .main-section4 .history-list li .date {display:inline-block;width:65px;font-size:16px;}
  .main-section4 .history-list li .txt {font-size:17px;}
  .main-section4 .history-list li em {display:block;margin-left:69px;}
  .history-wrap .inner-box {padding:60px 0 30px;background:#fff url(../images/bg_history.png) no-repeat left 10% bottom 60px;background-size:20vw;}
  .history-wrap .history-scroll {max-height:calc(100vh - 15rem);padding:0 10px;}
  .history-wrap .year-tab {left:20px;}
  .history-wrap .year-tab li {font-size:18px;}
  .history-wrap .year-tab li strong {font-size:34px;}
  .history-wrap .year-tab li strong em {font-size:24px;}
  .history-wrap .history-list-wrap {width:68%;}
  .history-wrap .history-list2 {margin-bottom:50px;}
  .history-wrap .history-list2 li {display:block;font-size:16px;line-height:24px;margin-bottom:20px;}
  .history-wrap .history-list2 li .date {display:block;width:auto;margin-right:0;}
  .history-wrap .history-list2 li em {margin-left:0;font-size:14px;}
  .history-wrap .history-close {right:15px;top:15px;width:30px;height:30px;background-size:100%;}
}

/* Portfolio */
.main-section5 {background-color:#fff;}
.main-section5 .portfolio-wrap {position:relative;padding:200px 0 200px 700px;}
.main-section5 .portfolio-wrap .txt-wrap {width:630px;position:absolute;left:100px;top:50%;transform:translateY(-50%);}
.main-section5 .portfolio-wrap .slider-wrap {overflow:hidden;}
.main-section5 .portfolio-wrap .portfolio-slider li {width:auto;}
.main-section5 .portfolio-wrap .portfolio-slider .tit {color:#262626;font-size:20px;font-weight:600;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-section5 .portfolio-wrap .portfolio-slider .date {color:#777;font-size:16px;font-weight:500;letter-spacing:-1px;}
.main-section5 .portfolio-wrap .portfolio-slider .thumb {margin-top:35px;}
@media only all and (max-width:1440px) {
  .main-section5 .portfolio-wrap .txt-wrap {left:40px;}
  .main-section5 .portfolio-wrap .portfolio-slider li {width:400px;}
}
@media only all and (max-width:1024px) {
  .main-section5 .portfolio-wrap {padding:200px 40px;}
  .main-section5 .portfolio-wrap .txt-wrap {width:auto;position:relative;left:auto;top:auto;transform:none;}
  .main-section5 .portfolio-wrap .slider-wrap {margin-top:50px;}
}
@media only all and (max-width:767px) {
  .main-section5 .portfolio-wrap {padding:100px 20px;}
  .main-section5 .portfolio-wrap .slider-wrap {margin-top:30px;overflow:inherit;}
  .main-section5 .portfolio-wrap .portfolio-slider li {width:260px;}
  .main-section5 .portfolio-wrap .portfolio-slider .tit {font-size:17px;}
  .main-section5 .portfolio-wrap .portfolio-slider .date {font-size:14px;}
  .main-section5 .portfolio-wrap .portfolio-slider .thumb {margin-top:25px;}
}

/* client */
.main-client {background-color:#1E2024;}
.main-client .inner {width:1440px;margin:0 auto;padding:100px 0;}
.main-client .client-slider {overflow:hidden;text-align:center;}
.main-client .client-slider .swiper-wrapper {align-items:center;}
@media only all and (max-width:1440px) {
  .main-client .inner {padding:100px 40px;}
}
@media only all and (max-width:1024px) {
  .main-client .inner {width:auto;}
}
@media only all and (max-width:767px) {
  .main-client .inner {padding:50px 20px;}
  .main-client .client-slider li {padding:0 20px;}
}

/* Contact */
.main-section6 {background-color:#fff;}
.main-section6 .inner {padding:150px 0;}
.main-section6 .contact-header {display:flex;justify-content:space-between;align-items:end;}
.main-section6 .desc dd {letter-spacing:-1px;}
.main-section6 .address {padding-left:20px;color:#262626;font-size:18px;letter-spacing:-0.8px;line-height:1.2;border-left:1px solid #262626;}
.main-section6 .address span {display:block;margin-top:8px;}
.main-section6 .address span:first-child {margin-top:0;}
.main-section6 .map-area {margin-top:100px;border:1px solid #e1e1e1;}
.main-section6 .map-area img {width:100%;height:100%;}
@media only all and (max-width:1440px) {
  .main-section6 .inner {padding:150px 40px;}
}
@media only all and (max-width:1024px) {
  .main-section6 .contact-header {display:block;}
  .main-section6 .address {margin-top:30px;}
}
@media only all and (max-width:767px) {
  .main-section6 .inner {padding:90px 20px;}
  .main-section6 .address {font-size:16px;}
  .main-section6 .map-area {margin-top:50px;}
}