@charset "UTF-8";
.parallax01 { width: 100%; height: 100%; position: relative; }

.parallax01[data-role='parallax01'] .parallax01__bar { height: 0; opacity: 0; }

.parallax01[data-role='parallax01'] .parallax01__title { bottom: -80px; opacity: 0; }

.parallax01__textarea { position: relative !important; height: 600px; z-index: 0; }

.parallax01__textarea--full { height: 100vh; background: #ffffff url(../images/parallax_fullbg.png) center 100% no-repeat; background-size: 100%; }

.parallax01__textarea--full .parallax01__inner { padding-top: 412px; }

.parallax01__inner { padding: 0px 0 240px; text-align: center; position: relative; }

.parallax01__bar { position: absolute; top: calc(100% - 180px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 120px; background-color: #000; opacity: 1; }

.parallax01__title { font-family: 'BlenderPro' !important; font-size: 48px; color: #000; font-weight: 700; line-height: 58px; letter-spacing: 9.6px; position: relative; bottom: 0; opacity: 1; }

.parallax01__title--large { font-size: 60px; line-height: 72px; font-family: 'Poppins'; color: #3a4354; }

.parallax01__title--large .title__bg { display: inline-block; width: 297px; height: 78px; color: #fff; background: url(../images/bg_museum.png) no-repeat; background-size: 100%; }

.parallax01__description { display: none; }

.parallax01__bottom { width: 100%; position: relative; background-color: #fff; }

.parallax02 { margin: 0 auto; max-width: 1920px; width: 100%; min-width: 1024px; overflow: hidden; }

@media (max-width: 1280px) { .parallax02 { padding-bottom: 100px; } }

@media (max-width: 1024px) { .parallax02 { padding-bottom: 160px; } }

.parallax02__container { position: relative; }

.parallax02__left:after { content: ''; display: block; clear: both; }

.parallax02__leftinner { padding-left: 6.25%; padding-right: 60px; width: 47%; position: relative; float: left; }

@media (max-width: 1280px) { .parallax02__leftinner { padding-left: 40px; padding-right: 0; } }

.parallax02__right { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.parallax02__right:after { content: ''; display: block; clear: both; }

.parallax02__rightinner { padding-top: 130px; padding-bottom: 150px; width: 53%; position: relative; float: right; }

.parallax02__title { font-size: 48px; letter-spacing: 9.6px; line-height: 0.83; margin-bottom: 69px; }

.parallax02__contents { font-size: 16px; line-height: 1.75; }

.parallax03 { max-width: 1920px; min-width: 1024px; width: 100%; height: 100vh; position: relative; margin: 0 auto 300px; }

.parallax03__left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.parallax03__left:after { content: ''; display: block; clear: both; }

.parallax03__leftinner { padding: 0 160px 0 180px; width: 56%; position: relative; z-index: 1; float: left; }

@media (max-width: 1280px) { .parallax03__leftinner { padding: 0 60px 0 80px; } }

.parallax03__right:after { content: ''; display: block; clear: both; }

.parallax03__rightinner { width: 44%; position: relative; float: right; }

[data-animation="active"] { overflow: hidden; }

[data-animation="left"] { opacity: 0; -webkit-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); }

[data-animation="left"].active { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

[data-animation="right"] { opacity: 0; -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); }

[data-animation="right"].active { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }

[data-animation="bottom"] { opacity: 0; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); }

[data-animation="bottom"].active { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.mainparallax { width: 100%; height: 100%; position: relative; }

.mainparallax__section { z-index: 0; min-height: 700px; position: relative !important;inset:0px auto auto 0px !important; }

.mainparallax__inner { position: relative; -webkit-transform: translateY(255px); -ms-transform: translateY(255px); transform: translateY(255px); }

.mainparallax__bottom { width: 100%; overflow: hidden; }

.mainparallax .text-line__contents { position: relative; opacity: 0; }

.mainparallax02 { width: 100%; height: 100%; position: relative; }

.mainparallax02__section { z-index: 0; height: 675px; position: relative !important; }

.mainparallax02__inner { position: relative; top: 80%; left: 50%; -webkit-transform: translate(-50%, -80%); -ms-transform: translate(-50%, -80%); transform: translate(-50%, -80%); }

.mainparallax02__bottom { width: 100%; overflow: hidden; }

.mainparallax02 .text-line__contents { position: relative; opacity: 0; }

.promotion__banner .promotion__banner--inner.active { height: 0.00001px; }

.promotion__tab { font-size: 0; }

.promotion__tab.fixed { position: fixed; top: 9px; height: 70px; left: 0; width: 100%; text-align: center; z-index: 10; }

.promotion__tab.fixed .banner__inner { position: static; display: inline-block; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: calc(50% - 70px); }

.promotion__tab.fixed .banner__inner.left { padding-right: 60px; }

.promotion__tab.fixed .banner__inner.right { padding-left: 60px; }

.promotion__tab.fixed .banner__inner .title__small { font-size: 25px; }

#boxTrigger { position: absolute; bottom: 166px; }

.popup__promotion .parallax01[data-role='parallax01'] .parallax01__title { font-family: 'Poppins' !important; }

.wrap { /*min-width: 1024px;*/ }

.wrap.en { font-family: 'NunitoSans'; }

.wrap.en .semiconductor-box__anchor { width: 200px; }

.popup.en { font-family: 'NunitoSans'; }

section[class^=z00] { position: relative; }

.main-title { position: absolute; top: 345px; right: -115px; padding-left: 190px; font-size: 14px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.main-title:before { position: absolute; left: 0; top: 50%; width: 150px; height: 1px; background-color: rgba(0, 0, 0, 0.2); content: ''; }

.main-title:after { position: absolute; left: 0; top: 50%; z-index: 1; width: 50px; height: 1px; background-color: #000; content: ''; }

.main-title--left { top: 685px; left: -170px; right: auto; padding: 0 190px 0 0; }

.main-title--left:after, .main-title--left:before { left: auto; right: 0; }

.video { overflow: hidden; width: 100%; height: 100vh; position: relative; }

.video__item { float: left; position: relative; width: 100vw; height: 100vh; }

.video__item.swiper-slide { cursor: auto !important; }

.video__contents { overflow: hidden; width: 100%; height: 0; padding-top: 77.77777%; }

.video__contents video { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; }

.video__contents.chrome video { height: 100%; }

.video__background { width: 100%; height: 100vh; background-position: 50% 50%; background-size: cover; }

.video__title { position: absolute; top: 50%; left: 0; width: 100%; font-family: 'BlenderPro' !important; font-size: 96px; font-weight: 100; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.video__title.notosans { font-size: 64px; }

.video__pageing-title { width: 400px; text-align: center; opacity: 0; position: absolute; top: 50%; left: -400px; font-family: 'NunitoSans'; font-size: 15px; font-weight: 400; line-height: 1; color: #fff; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); -webkit-transition: 1.2s ease-in-out; transition: 1.2s ease-in-out; }

.video .swiper-container-horizontal > .swiper-pagination-bullets { left: 62px; top: 50%; bottom: auto; z-index: 1; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.video .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; width: 15px; height: 50px; margin-left: -5px; padding-left: 5px; border-radius: 0; background: none !important; }

.video .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::after { content: ''; display: block; width: 1px; height: 50px; margin: 0; border-radius: 0; background-color: #fff; }

.video .swiper-slide-active .video__pageing-title { opacity: 1; left: -160px; }

.room-enrollment { overflow: hidden; position: absolute; z-index: 1; right: 25px; bottom: 40px; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 48px; -webkit-transition: .75s ease-in-out; transition: .75s ease-in-out; }

.room-enrollment:hover { width: 130px; }

.room-enrollment:hover .room-enrollment__text { opacity: 1; -webkit-transition: .5s ease-in-out .5s; transition: .5s ease-in-out .5s; }

.room-enrollment__icon { position: absolute; top: -2px; left: -2px; width: 48px; height: 48px; background: url(../images/icon_enrollment.png) no-repeat 0 0; }

.room-enrollment__text { display: inline-block; padding: 14px 0 0 55px; font-size: 14px; font-weight: 700; color: #fff; opacity: 0; }

.company-info { position: relative; overflow: hidden; }

.company-info--first { height: 650px; }

.company-info--second { height: 500px; }

.company-info--second .company-info__inner { left: auto; right: 0; }

.company-info--third { height: 800px; }

.company-info__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; color: #fff; overflow: hidden; }

.company-info__bg--type01 { background-image: url(../images/bg_company01.jpg); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition-duration:1s;-ms-transition-duration:1s; transition-duration:1s;}

.company-info__bg--type02 { background-image: url(../images/bg_company02.jpg); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition-duration:1s;-ms-transition-duration:1s; transition-duration:1s;}

.company-info__bg--type03 { background-image: url(../images/bg_company03.jpg); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition-duration:1s;-ms-transition-duration:1s; transition-duration:1s;}

.company-info__wrap { margin: 0 auto; max-width: 1180px; height: 100%; position: relative; }

.company-info__inner { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.company-info__title { margin-bottom: 33px; font-size: 40px; color: #fff; font-weight: 700; line-height: 1.25; }

.company-info__content { margin-bottom: 39px; font-size: 16px; color: #fff; line-height: 1.88; }

.company-info__anchor { display: inline-block; position: relative; z-index: 1; height: 40px; padding: 9px 77px 9px 20px; border: 2px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-weight: 700; color: #fff; }

.company-info__anchor::after { position: absolute; top: 50%; right: 22px; width: 27px; height: 12px; margin-top: -6px; background: url(../images/icon_arrow01.png) 50% 50% no-repeat; content: ''; }

.company-info__back { display: block; position: absolute; top: 50%; left: -70px; width: 110px; height: 350px; margin-top: -175px; background-color: #fff; opacity: .3 !important; }

.main-product__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.main-product__list::after { display: block; clear: both; content: ''; }

.main-product__item { overflow: hidden; -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%; }

.main-product__item:nth-child(2) { border: 1px solid #fff; border-width: 0 1px; }

.main-product__anchor { display: block; width: 100%; position: relative; height: 100%; }

.main-product__anchor::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.5); content: ''; }

.main-product__anchor:hover .main-product__background-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.main-product__anchor:hover::before { opacity: 1; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; }

.main-product__background-image { display: block; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: -webkit-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; /* &--type01{ background-image:url(../images/img_main_product01.jpg); } &--type02{ background-image:url(../images/img_main_product02.jpg); } &--type03{ background-image:url(../images/img_main_product03.jpg); } */ }

.main-product__text { position: absolute; top: 50%; left: 18.75%; -webkit-transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important; z-index: 1; font-family: 'BlenderPro' !important; font-size: 60px; font-weight: 100; line-height: 1; color: #fff; display: table-cell; vertical-align: middle; }

.semiconductor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 180px; position: relative; }

.semiconductor__left { position: relative; width: 47%; -webkit-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); opacity: 0; -webkit-transition: all 1s ease-in; transition: all 1s ease-in; }

.semiconductor__title { position: absolute; right: -39px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -60px; }

.semiconductor__title img { width: auto; }

.semiconductor__contents { position: relative; width: 100%; }

.semiconductor__contents .small { display: none; }

.semiconductor__text { position: absolute; top: calc(50% - 40px); left: 120px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; }

.semiconductor__description { font-size: 48px; font-weight: 700; line-height: 1.46; color: #f7f7f7; }

.semiconductor__right { z-index: 3; width: 53%; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); opacity: 0; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

@media (max-width: 1280px) { .semiconductor__right { padding-top: 3%; } }

.semiconductor__slide { width: 100%; position: relative; }

.semiconductor__slide .semiconductor__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; left: 120px; bottom: 138px; z-index: 2; }

.semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet { margin: 0; width: auto; height: 13px; line-height: 13px; border-radius: 0; background: transparent; opacity: 1; font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 700; position: relative; }

.semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 40px; }

.semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active { text-align: left; background: transparent; opacity: 1; font-size: 16px; color: white; font-weight: 700; }

.semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active .semiconductor__timer { display: inline-block; }

.semiconductor__timer { display: none; margin-left: 4px; width: 104px; height: 2px; }

.semiconductor__timerbar { height: 100%; background-color: #fff; -webkit-transition: width 3s linear; transition: width 3s linear; }

.semiconductor-box { position: relative; width: 100%; height: 100%; }

.semiconductor-box__item { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.semiconductor-box__list { margin: 0 auto; width: 50%; height: 100%; max-width: 480px; min-width: 360px; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.semiconductor-box__content { overflow: hidden; position: relative; width: 100%; margin-bottom: 22px; }

.semiconductor-box__content img { position: relative; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.semiconductor-box__title { position: absolute; left: 50%; top: 50%; font-family: 'BlenderPro' !important; font-size: 40px; font-weight: 700; letter-spacing: 0.75px; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.semiconductor-box__anchor { width: 152px; position: absolute; left: 50%; bottom: 90px; z-index: 1; height: 40px; padding: 9px 0 9px 22px; border: 2px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-weight: 700; color: #fff !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.semiconductor-box__anchor::after { position: absolute; top: 50%; right: 22px; width: 27px; height: 12px; margin-top: -6px; background: url(../images/icon_arrow01.png) 50% 50% no-repeat; content: ''; }

.semiconductor-box__text { position: relative; height: 150px; font-size: 18px; font-weight: 400; line-height: 1.67; text-align: center; color: #000; -webkit-transition: opacity 0.5s, bottom 0.5s; transition: opacity 0.5s, bottom 0.5s; }

.news { position: relative; }

.news__list { margin-left: 7.29%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.news__list:after { content: ''; display: block; clear: both; }

@media (max-width: 1280px) { .news__list { margin-left: 7%; } }

@media (max-width: 1024px) { .news__list { margin-left: 64px; } }

.news__item { max-width: 340px; width: 40%; float: left; overflow: hidden; }

.news__item:nth-child(even) { margin-left: 4.16%; }

.news__item:nth-child(n+3) { margin-top: 123px; }

.news__item:nth-child(n+2):after { content: ''; display: block; clear: both; }

@media (max-width: 1280px) { 
  .news__item:nth-child(even) { margin-left: 5.8%; }
  .news__item:nth-child(n+3) { margin-top: 80px; } }

@media (max-width: 1024px) { .news__item:nth-child(even) { margin-left: 30px; }
  .news__item:nth-child(n+3) { margin-top: 60px; } }

.news__item .news__thumb { background-size: cover !important; background-position: center !important; cursor: pointer; }

.news__item .news__thumb:after { content: ''; position: absolute; top: -4px; right: -10px; width: 25px; height: 15px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.news__floating { position: absolute; top: 550px; right: -3%; padding-left: 190px; font-size: 14px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.news__floating:before { position: absolute; left: 0; top: 50%; width: 150px; height: 1px; background-color: rgba(0, 0, 0, 0.2); content: ''; }

.news__floating:after { position: absolute; left: 0; top: 50%; z-index: 1; width: 50px; height: 1px; content: ''; }

@media (max-width: 1280px) { .news__floating { right: -10%; } }

@media (max-width: 1024px) { .news__floating { display: none; } }

.news__info { margin: 41px 0 29px; font-size: 0; }

@media (max-width: 1024px) { .news__info { margin: 17px 0 29px; } }

.news__info span { display: inline-block; }

.news__info span + span { position: relative; padding-left: 27px; }

.news__info span + span:after { position: absolute; top: 50%; left: 10px; width: 8px; height: 8px; margin-top: -5px; border-radius: 100%; background-color: #0061c7; content: ''; }

.news__category { font-size: 14px; color: #666; }

.news__date { font-family: 'NunitoSans'; font-size: 14px; color: #666; }

.news__title { font-size: 18px; line-height: 1.67; word-wrap: break-word; color: #000; }

.museum { position: relative; max-width: 720px; width: 100%; min-width: 430px; z-index: 1; color: #fff; }

.museum__inner { position: absolute; left: 38px; bottom: 72px; }

.museum__title { margin-bottom: 43px; font-size: 40px; }

.museum__text { font-size: 18px; line-height: 1.67; }

.z00s11 { margin-bottom: 300px; }

.z00s11:after { display: block; clear: both; content: ''; }

.z00s11 .section_wrap { float: left; }

.say-semes { padding: 230px 0 0 0px; padding-left: 0px; }

.say-semes__small-title { margin-bottom: 38px; font-size: 18px; font-weight: 700; }

.say-semes__title { margin-bottom: 48px; font-size: 40px; font-weight: 700; line-height: 1.25; }

.say-semes__text { margin-bottom: 37px; font-size: 16px; line-height: 1.88; }

.directors { max-width: 840px; width: 100%; position: relative; }

.directors__list { height: 56vw; max-height: 1050px; }

.directors__contents { position: relative; }

.directors__item.swiper-slide .directors__contents .directors__image { margin-right: 24%; }

.directors__item.swiper-slide .directors__contents .directors__image img { opacity: 0; -webkit-transform: translate(100px, 190px); -ms-transform: translate(100px, 190px); transform: translate(100px, 190px); -webkit-transition: 0.75s ease-in-out; transition: 0.75s ease-in-out; }

.directors__item.swiper-slide .directors__contents .directors__image:after { display: inline-block; width: 5000px; height: calc(100% + 20px); max-height: 600px; position: absolute; top: 0; left: 210px; z-index: -1; }

.directors__item.swiper-slide .directors__contents .directors__image.directors__01:after { content: ''; background: #4f5b6e; }

.directors__item.swiper-slide .directors__contents .directors__image.directors__02:after { content: ''; background: #155b6e; }

.directors__item.swiper-slide .directors__contents .directors__image.directors__03:after { content: ''; background: #4f5b6e; }

.directors__item.swiper-slide .directors__contents .directors__image.directors__04:after { content: ''; background: #155b6e; }

.directors__item.swiper-slide-active .directors__contents .directors__image img { opacity: 1; -webkit-transform: translate(0px, 110px); -ms-transform: translate(0px, 110px); transform: translate(0px, 110px); max-width: 440px; }

.directors__back { position: absolute; right: 0; top: 0; z-index: -1; max-width: 640px; width: calc(100% - 25%); height: 100%; }

@media (max-width: 1280px) { .directors__back { width: 95%; height: 63.6%; } }

@media (max-width: 1024px) { .directors__back { width: 390px; height: 540px; } }

.directors__image { max-width: 640px; margin-right: 24%; }

.directors__name { position: absolute; left: 49px; bottom: -80px; font-size: 24px; font-weight: 700; color: #fff; }

.directors__pagination { display: none; overflow: hidden; position: absolute; right: 0; bottom: calc(8.5% + -70px); z-index: 1; max-width: 410px; width: 48%; max-height: 350px; padding: 70px 0 70px 85px; background-color: #fff; font-family: "Nunito Sans"; font-size: 14px; font-weight: 700; line-height: 1; }

.directors__pagination .swiper-pagination-bullet { display: block; position: relative; width: 155px; height: auto; margin-bottom: 40px; background: none; }

.directors__pagination .swiper-pagination-bullet:last-child { margin-bottom: 0; }

.directors__pagination .swiper-pagination-bullet-active:after { display: block; position: absolute; right: 0; top: 5px; z-index: 5; width: 55px; height: 2px; background-color: #95abb3; content: ''; }

@media (max-width: 1280px) { .directors__pagination { display: none; } }

.story { position: relative; margin-top: 100px; margin-left: 0px; }

.story__title { margin-bottom: 28px; font-family: 'BlenderPro' !important; font-size: 30px; font-weight: 700; }

.story__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.story__list--arr { width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; }

.story__list--arr:nth-child(2) { margin-left: 20px; }

.story__item { margin-top: 20px; }

.story__item:first-child { margin-top: 0; }

.story__item--late { position: relative; z-index: 1; }

.story__anchor { display: block; position: relative; z-index: 1; }

.story__anchor:hover:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; content: ''; }

.story__text { position: absolute; bottom: 60px; left: 40px; z-index: 1; font-size: 24px; font-weight: 700; line-height: 1.5; color: #fff; }

.story__more { position: absolute; top: 15px; right: 0; z-index: 1; width: 31px; height: 12px; background: url(../images/icon_arrow03.png) 50% 50% no-repeat; }

.story .main-title { top: 66%; }

.story .main-title span { position: absolute; top: -7px; left: 220px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.story .main-title:after { background: none; }

.story .main-title .status__bar { margin-left: 40px; }

@media screen and (max-width: 1280px) { .semiconductor__title { top: 170px; }
  .semiconductor__text { -webkit-transform: translate(-80px, -50%); -ms-transform: translate(-80px, -50%); transform: translate(-80px, -50%); }
  .semiconductor__slide .semiconductor__pagination { -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); } }

@media screen and (max-width: 1024px) { .main-product__text { font-size: 39px; }
  .semiconductor__text { font-size: 40px; }
  .semiconductor__slide .semiconductor__pagination { bottom: 90px; }
  .semiconductor__contents .large { display: block; }
  .semiconductor__contents .small { display: none; } }

.animate_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.animate_bg.scroll { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.animate_bg.scroll .animate_bg--inner { position: relative; width: 5%; height: 100%; background: #fff; opacity: 0; }

.animate_bg.scroll .animate_bg--inner.move01 { -webkit-animation: move01 .58s ease-in-out; animation: move01 .58s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move02 { -webkit-animation: move01 .56s ease-in-out; animation: move01 .56s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move03 { -webkit-animation: move01 .54s ease-in-out; animation: move01 .54s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move04 { -webkit-animation: move01 .52s ease-in-out; animation: move01 .52s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move05 { -webkit-animation: move01 .5s ease-in-out; animation: move01 .5s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move06 { -webkit-animation: move01 .48s ease-in-out; animation: move01 .48s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move07 { -webkit-animation: move01 .46s ease-in-out; animation: move01 .46s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move08 { -webkit-animation: move01 .44s ease-in-out; animation: move01 .44s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move09 { -webkit-animation: move01 .42s ease-in-out; animation: move01 .42s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move10 { -webkit-animation: move01 .4s ease-in-out; animation: move01 .4s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move11 { -webkit-animation: move01 .38s ease-in-out; animation: move01 .38s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move12 { -webkit-animation: move01 .36s ease-in-out; animation: move01 .36s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move13 { -webkit-animation: move01 .34s ease-in-out; animation: move01 .34s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move14 { -webkit-animation: move01 .32s ease-in-out; animation: move01 .32s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move15 { -webkit-animation: move01 .3s ease-in-out; animation: move01 .3s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move16 { -webkit-animation: move01 .28s ease-in-out; animation: move01 .28s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move17 { -webkit-animation: move01 .26s ease-in-out; animation: move01 .26s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move18 { -webkit-animation: move01 .24s ease-in-out; animation: move01 .24s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move19 { -webkit-animation: move01 .22s ease-in-out; animation: move01 .22s ease-in-out; }

.animate_bg.scroll .animate_bg--inner.move20 { -webkit-animation: move01 .2s ease-in-out; animation: move01 .2s ease-in-out; }

@-webkit-keyframes move01 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: .8; }
  100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%);
    opacity: 9; } }

@keyframes move01 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: .8; }
  100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%);
    opacity: 9; } }

.status__bar { position: absolute; left: 0; top: 50%; height: 1px; max-width: 150px; background: #000; }

.linkArea { width: 100%; height: auto; background-color: #fafafa; padding: 31px 0 53px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.linkArea__box { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; position: relative; }

.linkArea__box:not(:first-child):before { content: ''; width: 1px; height: 158px; position: absolute; left: 0; top: 0; background-color: #e3e3e3; }

.linkArea__inner { padding: 0 9.5% 0 10.4%; display: block; cursor: pointer; min-height: 158px; color: #000; }

.linkArea__top { font-size: 20px; line-height: 1.4; font-weight: bold; margin-bottom: 7%; background: url(../images/main_linkArea_arrow_BK.png) no-repeat right 0px center; background-size: 17px 12px; }

.linkArea__bottom { font-size: 16px; line-height: 1.75; color: #666666; }

.hidden section[class^=z00], .hidden .top-button { z-index: -1; }

.main-popup { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

.main-popup__container { position: absolute; top: 50%; left: 50%; z-index: 10; width: 475px; height: 562px; margin-top: -25px; padding: 17px 16px; text-align: center; background-color: #ebebeb; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-popup__content { overflow: hidden; width: 100%; height: 528px; background: url(../images/popup_bg.png) no-repeat; }

.main-popup__check { height: 50px; margin: 17px -16px 0; background-color: #7f7f7f; }

.main-popup__close { position: absolute; right: -15px; top: -50px; width: 65px; height: 65px; background: url(../images/popup_main_close.png) no-repeat; }

.main-popup__input { position: relative; margin-right: 29px; padding-right: 25px; padding-top: 13px; text-align: right; }

.main-popup__input input { position: absolute; top: 17px; right: 0; background: url(../images/popup_chkbox.png) no-repeat; }

.main-popup__input input:checked { background: url(../images/popup_chkbox_on.png) no-repeat; }

.main-popup__input label { font-size: 14px; font-weight: 700; cursor: pointer; color: #fff; }

.main-popup .swiper-slide { height: 562px; }

.main-popup .swiper-pagination { bottom: -30px; left: 70px; width: auto; font-size: 14px; font-weight: 700; color: #fff; }

.main-popup .swiper-button-next, .main-popup .swiper-button-prev { top: auto; bottom: -29px; margin: 0; width: 31px; height: 12px; }

.main-popup .swiper-button-next { left: 104px; right: auto; background: url(../images/popup_next.png); }

.main-popup .swiper-button-prev { left: 30px; background: url(../images/popup_prev.png); }

.main-notice { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-notice__title { font-size: 26px; font-weight: 700; line-height: 1.38; letter-spacing: -1.04px; }

.main-notice__sub-title { font-size: 18px; font-weight: 700; line-height: 2; letter-spacing: -0.72px; }

.main-notice__text { margin: 30px 60px; padding: 30px 0; border: 1px solid #eaeaea; border-width: 1px 0; font-size: 16px; line-height: 1.88; letter-spacing: -0.16px; }

.main-notice__anchor { display: inline-block; width: 135px; height: 40px; font-family: 'NunitoSans'; font-size: 14px; font-weight: 700; line-height: 40px; color: #fff; background-color: #333; }

.main-popup.en { font-family: 'NunitoSans'; }

.main-popup.en .swiper-pagination { bottom: -32px; }

.main-popup.en .main-notice__text { position: relative; margin: 30px 0; border: 0; }

.main-popup.en .main-notice__text:after, .main-popup.en .main-notice__text:before { position: absolute; left: 60px; right: 60px; height: 1px; background-color: #eaeaea; content: ''; }

.main-popup.en .main-notice__text:after { top: 0; }

.main-popup.en .main-notice__text:before { bottom: 0; }

.zindex3 { z-index: 3 !important; }

body.hidden .sub__nav { z-index: 0; }

.last-section { padding-bottom: 300px !important; }

.last-section--small { padding-bottom: 210px !important; }

.sub.key { height: auto !important; }
/*.sub.key { height: 200px; }*/

.sub.key .clip { position: fixed; top: 0; width: 100%; font-size: 0; text-align: center; z-index: 3; }

.sub.key .clip .sub__title { top: 50vh; z-index: 3; }
.sub.key .clip .sub__title_location { top: 45vh; z-index: 3; color:#ffffff; font-size:18px; }

.sub.key .clip .mouse-animation { position: fixed; }

.sub.key .clip .sub__title, .sub.key .clip .mouse-animation, .sub__title_location { opacity: 1; -webkit-transition: opacity 200ms; transition: opacity 200ms; }

.sub.key .clip.active .sub__title, .sub__title_location { opacity: 0; -webkit-transition: all 200ms; transition: all 200ms; -webkit-transform: translate(-50%, -800px); -ms-transform: translate(-50%, -800px); transform: translate(-50%, -800px); }

.sub.key .clip.active .mouse-animation { opacity: 0; -webkit-transition: opacity 200ms; transition: opacity 200ms; }

.sub.key .clip > div.clipel:nth-child(1) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 5vw, 100vh, 0vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 20ms; transition-delay: 20ms; }

.sub.key .clip.active > div.clipel:nth-child(1) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 380ms; transition-delay: 380ms; }

.sub.key .clip > div.clipel:nth-child(2) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 10vw, 100vh, 5vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 40ms; transition-delay: 40ms; }

.sub.key .clip.active > div.clipel:nth-child(2) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 360ms; transition-delay: 360ms; }

.sub.key .clip > div.clipel:nth-child(3) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 15vw, 100vh, 10vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 60ms; transition-delay: 60ms; }

.sub.key .clip.active > div.clipel:nth-child(3) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 340ms; transition-delay: 340ms; }

.sub.key .clip > div.clipel:nth-child(4) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 20vw, 100vh, 15vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 80ms; transition-delay: 80ms; }

.sub.key .clip.active > div.clipel:nth-child(4) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 320ms; transition-delay: 320ms; }

.sub.key .clip > div.clipel:nth-child(5) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 25vw, 100vh, 20vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 100ms; transition-delay: 100ms; }

.sub.key .clip.active > div.clipel:nth-child(5) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 300ms; transition-delay: 300ms; }

.sub.key .clip > div.clipel:nth-child(6) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 30vw, 100vh, 25vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 120ms; transition-delay: 120ms; }

.sub.key .clip.active > div.clipel:nth-child(6) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 280ms; transition-delay: 280ms; }

.sub.key .clip > div.clipel:nth-child(7) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 35vw, 100vh, 30vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 140ms; transition-delay: 140ms; }

.sub.key .clip.active > div.clipel:nth-child(7) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 260ms; transition-delay: 260ms; }

.sub.key .clip > div.clipel:nth-child(8) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 40vw, 100vh, 35vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 160ms; transition-delay: 160ms; }

.sub.key .clip.active > div.clipel:nth-child(8) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 240ms; transition-delay: 240ms; }

.sub.key .clip > div.clipel:nth-child(9) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 45vw, 100vh, 40vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 180ms; transition-delay: 180ms; }

.sub.key .clip.active > div.clipel:nth-child(9) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 220ms; transition-delay: 220ms; }

.sub.key .clip > div.clipel:nth-child(10) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 50vw, 100vh, 45vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }

.sub.key .clip.active > div.clipel:nth-child(10) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }

.sub.key .clip > div.clipel:nth-child(11) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 55vw, 100vh, 50vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 220ms; transition-delay: 220ms; }

.sub.key .clip.active > div.clipel:nth-child(11) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 180ms; transition-delay: 180ms; }

.sub.key .clip > div.clipel:nth-child(12) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 60vw, 100vh, 55vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 240ms; transition-delay: 240ms; }

.sub.key .clip.active > div.clipel:nth-child(12) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 160ms; transition-delay: 160ms; }

.sub.key .clip > div.clipel:nth-child(13) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 65vw, 100vh, 60vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 260ms; transition-delay: 260ms; }

.sub.key .clip.active > div.clipel:nth-child(13) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 140ms; transition-delay: 140ms; }

.sub.key .clip > div.clipel:nth-child(14) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 70vw, 100vh, 65vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 280ms; transition-delay: 280ms; }

.sub.key .clip.active > div.clipel:nth-child(14) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 120ms; transition-delay: 120ms; }

.sub.key .clip > div.clipel:nth-child(15) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 75vw, 100vh, 70vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 300ms; transition-delay: 300ms; }

.sub.key .clip.active > div.clipel:nth-child(15) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 100ms; transition-delay: 100ms; }

.sub.key .clip > div.clipel:nth-child(16) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 80vw, 100vh, 75vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 320ms; transition-delay: 320ms; }

.sub.key .clip.active > div.clipel:nth-child(16) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 80ms; transition-delay: 80ms; }

.sub.key .clip > div.clipel:nth-child(17) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 85vw, 100vh, 80vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 340ms; transition-delay: 340ms; }

.sub.key .clip.active > div.clipel:nth-child(17) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 60ms; transition-delay: 60ms; }

.sub.key .clip > div.clipel:nth-child(18) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 90vw, 100vh, 85vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 360ms; transition-delay: 360ms; }

.sub.key .clip.active > div.clipel:nth-child(18) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 40ms; transition-delay: 40ms; }

.sub.key .clip > div.clipel:nth-child(19) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 95vw, 100vh, 90vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 380ms; transition-delay: 380ms; }

.sub.key .clip.active > div.clipel:nth-child(19) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 20ms; transition-delay: 20ms; }

.sub.key .clip > div.clipel:nth-child(20) { position: absolute; top: 0; width: 100%; height: 100vh; clip: rect(0px, 100vw, 100vh, 95vw); background-size: cover; background-position: center; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 400ms; transition-delay: 400ms; }

.sub.key .clip.active > div.clipel:nth-child(20) { top: -100vh; -webkit-transition: top 500ms; transition: top 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; }

.sub.key.a11s01 .clip > div.clipel { background-image: url(../images/bg_company_visual01.jpg); }		/* 기업 개요 */

.sub.key.a51s00 .clip > div.clipel { background-image: url(../images/bg_company_visual02.jpg); }		/* 경영정보 */

.sub.key.a61s00 .clip > div.clipel { background-image: url(../images/bg_company_visual03.jpg); }

.sub.key.a31s01 .clip > div.clipel { background-image: url(../images/bg_company_visual04.jpg); }		/* 경영철학 */

.sub.key.a21s01 .clip > div.clipel { background-image: url(../images/bg_company_visual05.jpg); }		/* CEO 메시지 */

.sub.key.a41s01 .clip > div.clipel { background-image: url(../images/bg_company_visual06.jpg); }		/* 연혁 및 수상실적 */

.sub.key.b20s01 .clip > div.clipel { background-image: url(../images/bg_b20.png); }

.sub.key.b30s01 .clip > div.clipel { background-image: url(../images/bg_b30.jpg); }

.sub { position: relative; height: 100vh; text-align: center; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.sub__nav { display: none; position: fixed; top: 0; width:100%; z-index: 5; } /*2024. 03. 07수정*/
/*.sub__nav { display: inline-block; position: relative; top: 33px; z-index: 5; font-size: 0; } */
/*
.sub__nav li { display: inline-block; position: relative; margin: 0 3px; }

.sub__nav li:after { content: ''; border: solid 1px #fff; opacity: 0; -webkit-transform: rotatex(90deg); -ms-transform: rotatex(90deg); transform: rotatex(90deg); -webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out; transition: opacity .25s ease-out,-webkit-transform .25s ease-out; transition: opacity .25s ease-out,transform .25s ease-out; transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out; box-shadow: 0 0 1px; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; border-radius: 100px; z-index: -1; }

.sub__nav li:first-child { margin-left: 0 !important; }

.sub__nav li:hover, .sub__nav li.actived { border-radius: 18px; }

.sub__nav li:hover:after, .sub__nav li.actived:after { opacity: 1; -webkit-transform: rotatex(0deg); -ms-transform: rotatex(0deg); transform: rotatex(0deg); }

.sub__nav li:hover a, .sub__nav li.actived a { opacity: 1; }

.sub__nav a { display: inline-block; padding: 9px 25px; font-size: 14px; font-weight: 700; color: #fff; opacity: 0.6; }
*/
.sub__title { position: absolute; top: 50%; left: 50%; font-size: 64px; font-weight: 300; text-align: center; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sub__title_location { position: absolute; top: 48%; left: 50%; font-size: 18px; font-weight: 300; text-align: center; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sub__title--black { color: #000; }

.sub__link { border-top: 1px solid rgba(255, 255, 255, 0.4); display: block; position: relative; min-width: 250px; padding: 0px 65px 0 30px; height: 54px; line-height: 54px; }

.sub__link:after { position: absolute; top: 2px; right: 0; width: 6px; height: 9px; margin-top: 16px; background: url(../images/arr_location02.png) 50% 50% no-repeat; content: ''; }

.sub__location { display: none !important; position: absolute; bottom: 72px; left: 60px; padding: 0 0 0 9px; font-size: 0; text-align: left; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.sub__location.actived { position: fixed; top: 17px; left: 10px; bottom: auto; border-radius: 27px; background-color: #f4f4f4; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08); height: 54px; -webkit-animation: locani .5s ease-in-out; animation: locani .5s ease-in-out; }

.sub__location.actived .sub__link { min-width: auto; border: none; -webkit-transition: .3s; transition: .3s; }

.sub__location.actived .sub__link:after { top: 50%; right: 10px; width: 36px; height: 36px; margin-top: -18px; background: #fff url(../images/arr_location02_gray.png) 50% 50% no-repeat; border-radius: 50%; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); }

.sub__location.actived .sub__link:before { position: absolute; top: 50%; right: -52px; width: 42px; height: 42px; margin-top: -21px; border-radius: 50%; background: #474747 url(../images/icon_click.png) 50% 50% no-repeat; -webkit-animation: click 1.3s linear infinite; animation: click 1.3s linear infinite; content: ''; }

.sub__location.actived .sub__link.closed { opacity: 0; width: 0; padding: 0; -webkit-transform: translateX(calc(-100% - 10px)); -ms-transform: translateX(calc(-100% - 10px)); transform: translateX(calc(-100% - 10px)); }

.sub__location.actived .sub__link.closed .sub__anchor, .sub__location.actived .sub__link.closed .sub__depth { display: none; }

.sub__location.actived .sub__anchor { color: #666; }

.sub__location.actived .sub__anchor:after { background: url(../images/arr_location01_gray.png) 50% 50% no-repeat; }

.sub__location.actived .sub__depth { font-weight: 700; color: #333; }

.sub__location .sub__anchor, .sub__location .sub__depth { display: inline-block; font-size: 13px; color: #fff; }

.sub__location .sub__anchor { position: relative; margin-right: 21px; }

.sub__location .sub__anchor:after { display: block; position: absolute; top: 50%; right: -15px; width: 4px; height: 8px; margin-top: -4px; background: url(../images/arr_location01.png) 50% 50% no-repeat; content: ''; }

.sub__depthbox { overflow: hidden; opacity: 0; width: 0; height: 54px; -webkit-transform: translateX(calc(-100% + 10px)); -ms-transform: translateX(calc(-100% + 10px)); transform: translateX(calc(-100% + 10px)); -webkit-transition: .35s; transition: .35s; }

.sub__depthbox:after { content: ''; display: block; clear: both; }

.sub__depthbox .sub__nav { width: auto !important; padding-right: 10px; margin-left: 10px; margin-top: 9px; float: left; position: static !important; top: auto !important; left: 0 !important; height: 45px; -webkit-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; transform: translateX(0px) !important; top: auto; }

.sub__depthbox .sub__nav li { float: left; display: none; margin: 0 5px; }

.sub__depthbox .sub__nav li.actived { border-color: #666; background-color: #fff; }

.sub__depthbox .sub__nav li.actived a { padding: 10px 20px; color: #333; }

.sub__depthbox .sub__nav a { padding: 10px 20px; color: #a8a8a8; opacity: 1; }

.sub__depthbox.actived { overflow: visible; opacity: 1; z-index: 1; width: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.sub__depthbox.actived li { display: block; }

.sub__back { float: left; width: 36px; height: 36px; margin-top: 9px; border-radius: 50%; background: url(../images/icon_sub_back.png) 0 0 no-repeat; background-size: 100% auto; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); }

.sub__titlelink, .sub__depthlink { color: inherit; }

.sub .button__arrow--round { position: absolute; right: 30px; bottom: 39px; z-index: 3; top: calc(100vh - 95px); }

@-webkit-keyframes locani { 0% { -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@keyframes locani { 0% { -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0);
    opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; } }

@media screen and (min-width: 1921px) { .sub__title { top: 40%; } }

.white-type .sub { height: 447px; }

.white-type .sub--noneTitle { height: 260px; }

.white-type .sub__nav li a { color: #000; }

.white-type .sub__nav li.actived { border: 1px solid #000; }

.white-type .sub__nav li.actived a { padding: 9px 25px; }

.white-type .sub__title { top: 242px; font-weight: 500; color: #000; font-size: 72px; }

.white-type .sub__link { padding-left: 9px; border-top: 1px solid rgba(102, 102, 102, 0.5); position: relative; display: block; }

.white-type .sub__link:after { background: url(../images/arr_location_gray.png) 50% 50% no-repeat; }

.white-type .sub__location { top: 160px; bottom: auto; border-color: rgba(102, 102, 102, 0.5); }

.white-type .sub__location.actived { top: 17px; left: 10px; }

.white-type .sub__location .sub__anchor, .white-type .sub__location .sub__depth { color: #666; }

.white-type .sub__location .sub__anchor:after, .white-type .sub__location .sub__depth:after { background: url(../images/arr_location_gray.png) 50% 50% no-repeat; }

.white-type .sub__location .sub__depthbox .sub__nav a { padding: 9px 25px; color: #666; }

.white-type .c31 .sub__location:not(.actived) { top: 160px; bottom: auto; border-color: rgba(255, 255, 255, 0.5); }

.white-type .c31 .sub__location:not(.actived).actived { top: 160px; }

.white-type .c31 .sub__location:not(.actived) .sub__link { border-color: rgba(255, 255, 255, 0.5); }

.white-type .c31 .sub__location:not(.actived) .sub__link:after { background: url(../images/arr_location02.png) 50% 50% no-repeat; }

.white-type .c31 .sub__location:not(.actived) .sub__anchor, .white-type .c31 .sub__location:not(.actived) .sub__depth { color: #fff; }

.white-type .c31 .sub__location:not(.actived) .sub__anchor:after, .white-type .c31 .sub__location:not(.actived) .sub__depth:after { background: url(../images/arr_location01.png) 50% 50% no-repeat; }

.white-type .c31 .sub__location:not(.actived) .sub__depthbox .sub__nav a { padding: 9px 25px; color: #fff; }

.wrap.en .parallax01__title { font-family: 'BlenderPro'; font-size: 48px; letter-spacing: 9.6px; }

.wrap.en .sub__title { width: 100%; font-family: 'BlenderPro'; font-size: 72px; }

.wrap.en .sub__title.notosans { font-family: 'BlenderPro' !important; }

.wrap.en .sub__nav a { padding: 9px 25px 8px; }

.wrap.en .history__title { font-size: 18px; }

.wrap.en .company__info .btn__list .button { padding-right: 59px; font-family: 'NunitoSans' !important; }

.wrap.en .product-info__anchor:after { content: 'Information'; }

.wrap.en .product-info__anchor.is-active:after { content: 'Close'; }

.wrap.en .tab__buttons--large { min-width: 662px; }

.wrap.en .button[class*=button__square] { width: auto; }

.wrap.en .table__wrap .button[class*=button__square], .wrap.en .table .button[class*=button__square] { font-weight: normal !important; }

.wrap.en .container.sustainability .sub__nav { display: none; position: relative; z-index: 4; left: 53%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.wrap.en .container.sustainability .sub__nav li { margin-left: 0 !important; }

.wrap.en .container.sustainability .sub__nav li a { padding: 9px 13px; }

.wrap.en.sticky .container.sustainability .sub__nav { position: fixed; }

.wrap.en .notice__view--top .flex .title__xlarge { line-height: 1.5; }

@media (max-width: 1024px) { .wrap.en .sub__nav { display: none !important; }
  .wrap.en .sub__location { display: none !important; } }

.white-type .wrap.en .sub .sub__title { font-weight: 400; }

@-webkit-keyframes click { from { opacity: 1; }
  to { opacity: 0.5; } }

@keyframes click { from { opacity: 1; }
  to { opacity: 0.5; } }

.a11s08 .title__small { text-transform: uppercase; }

.alls05 .business-overview__main-title { text-transform: uppercase; }

.sub.e52s01 { height: 260px; }

.d511 .sub.d511s00 { height: 260px; }

.d511 .notice__view { border-top: 0; }

.d511 .notice__view .title__small { font-size: 16px; }

.d511 .notice__view .date { font-family: 'NunitoSans'; }

.d511 .notice__view--btn { padding-bottom: 30px; }

.d511 .notice__view--contents { padding: 40px 0 26px; }

.d511 .notice__view--contents .text { margin-top: 18px; }

.d511 .notice__view--top { border-top: 2px solid #000; padding-top: 56px; padding-bottom: 53px; }

.d511 .notice__view--file { margin: 159px 0 0 11px; }

/* .wrap.en .container.sustainability .sub__nav { max-width: calc(100% - 300px); } */
.wrap.en .container.sustainability .sub__nav { max-width: calc(100% - 290px); }

.company .text-line { position: relative; padding: 513px 0 215px; }

.company .text-line__inner { position: initial; bottom: 0; }

.company .text-line__title { margin-bottom: 21px; }

.company .text-line__sub-title { margin-bottom: 0; line-height: 1; }

.company .launcher { position: relative; }

.company .table table td .notoSans.light-gray { margin-top: 25px; }

.company .table table td:first-child .notoSans.light-gray { margin-top: 36px; }

.company .flex .ai_start { margin-top: 19px; -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; word-break: keep-all; }

.company .flex__table--square { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: space-evenly; flex-direction: column; }

.company .flex__table--900 { -webkit-flex-basis: 67%; -ms-flex-preferred-size: 67%; flex-basis: 67%; }

.company .flex__table--900 .title__mid { margin-bottom: 26px; }

.company .flex .title__large, .company .flex .title__mid { font-weight: 700; padding-top: 20px;}

.company .flex .title__small--mid { margin-top: 10px; color: #010000; }

.company .flex__table--cell .title__small { color: #666; }

.company__info { text-align: center; padding:0 20px;}

.company__info--txt { margin-top: 35px; width: 526px; }

.company__info--txt p { margin-top: 27px; font-size: 18px; line-height: 15px; color: #666; }

.company__info--txt p:first-child { margin-top: 0; }

.company__info--txt p span { margin-right: 30px; line-height: 1.2;}

.company__info .title__small--mid + .company__info--txt { margin-top: 25px; }

.company__info .btn__list { margin-top: 35px; }

.company__info .btn__list .button { margin-left: 4px; }

.company__inner { max-width: 1920px; margin: 45px auto 0; }

.company__inner:first-child { margin: 0 auto; }
.company__inner:last-child {  margin: 45px auto 150px; }

.company .map__area { position: relative; display: none; margin: 50px 0 90px; height: 910px; }

.company .map__area.open { display: block; }

.company .map__area .btn__list { position: absolute; bottom: 44px; left: 243px; }
.company .mrgnb20 {margin-bottom: 20px;}

.contents { position: relative; display: block; }

.abroad { padding: 89px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.abroad:first-child { border-top: none; }

.abroad:last-child { padding-bottom: 300px; }

.abroad .flex__cell { -webkit-flex-basis: calc(100% - 33%); -ms-flex-preferred-size: calc(100% - 33%); flex-basis: calc(100% - 33%); }

.abroad .flex__cell.title { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; }

.abroad .flex__cell .title__small--mid { margin-top: 18px; }

.abroad .flex__cell .company__info--txt { margin-top: 0; width: 100%; }

.abroad .flex__cell .company__info--txt p { margin-top: 11px; line-height: 36px; }

.abroad .flex__cell .btn__list { margin-top: 58px; }

.company-overview { position: relative; height: 1000px; margin-bottom: 200px; background: url(../images/bg_company_overview01.jpg) 0 50% no-repeat; background-size: cover; }

.company-overview__wrap { position: relative; max-width: 1180px; margin: 0 auto; }

.company-overview__inner { position: absolute; right: 0; top: 295px; text-align: right; }

.company-overview__title { margin-bottom: 50px; font-size: 42px; font-weight: 700; letter-spacing: 8.4px; color: #fff; }

.company-overview__content { font-size: 16px; line-height: 1.88; color: #fff; }

.company-video { max-width: 1920px; margin: 0 auto; }

.company-video__inner { position: relative; margin-right: 19.270%; }

.company-video__item { width: 100%; height: 100%; background: url(../images/thumb_company_overview.jpg); background-size: cover; }

.company-video__controller { position: absolute; left: 50%; bottom: -30px; width: 60px; height: 60px; margin-left: -30px; }

.company-video__controller.play { background: url(../images/icon_play.png) 50% 50% no-repeat; }

.company-video__controller.pause { display: none; background: url(../images/icon_pause.png) 50% 50% no-repeat; }

.company-video.actived .company-video__controller.play { display: none; }

.company-video.actived .company-video__controller.pause { display: block; }

.company-subpage { position: absolute; left: 209px; top: 0; }

.company-subpage__title { margin-bottom: 4px; font-size: 42px; color: #000; }

.company-subpage__sub-title { font-size: 18px; font-weight: 700; color: #666; }

.production-equipment__inner { position: relative; max-width: 1340px; min-height: 390px; margin: 0 auto 230px; }

.production-equipment__inner .button__more { top: 18px; }

.production-equipment__title { margin-bottom: 35px; font-size: 32px; font-weight: 700; letter-spacing: -1.6px; color: #000; }

.production-equipment__list:after { display: block; clear: both; content: ''; }

.production-equipment__item { float: left; width: calc(25% - 15px); margin-left: 20px; }

.production-equipment__item:first-child { margin-left: 0; }

.production-equipment__thumb { margin-bottom: 23px; }

.production-equipment__anchor { font-size: 0; }

.production-equipment__anchor span { display: inline-block; position: relative; font-size: 18px; color: #666; }

.production-equipment__name { position: relative; padding-right: 27px; }

.production-equipment__name:after { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -4px; border-radius: 100%; background-color: #0061c7; content: ''; }

.management-philosophy__inner { position: relative; background-color: #fff; background-repeat: no-repeat; }

.management-philosophy__inner--type01 { height: 1000px; background-size: cover; background-position: 50% 50%; background-image: url(../images/bg_management_philosophy01.jpg); }

.management-philosophy__inner--type01 .management-philosophy__text { position: absolute; left: 50%; top: 300px; width: 100%; max-width: 1180px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.management-philosophy__inner--type01 .management-philosophy__description { font-size: 42px; font-weight: 700; line-height: 1.24; letter-spacing: 8.4px; text-align: left; color: #fff; }

.management-philosophy__inner--type02 { overflow: hidden; position: relative; max-width: 1920px; margin: 200px auto 0; }

.management-philosophy__inner--type02 .management-philosophy__bg { margin: 80px 0; }

.management-philosophy__inner--type03 { max-width: 1920px; margin: 200px auto 0; }

.management-philosophy__inner--type04 { max-width: 1920px; margin: 100px auto 0; }

.management-philosophy__inner--type04:after { display: block; clear: both; content: ''; }

.management-philosophy__inner--type04 .management-philosophy__bg { float: left; width: 50%; }

.management-philosophy__inner--type04 .management-philosophy__text { position: absolute; top: 50%; left: calc(50% + 160px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 1280px) { .management-philosophy__inner--type04 .management-philosophy__text { left: calc(50% + 30px); font-size: 15px; line-height: 1.7;letter-spacing: -0.5px; } }

.management-philosophy__inner--type05 { max-width: 1920px; margin: 100px auto 0; }

.management-philosophy__inner--type05:after { display: block; clear: both; content: ''; }

.management-philosophy__inner--type05 .management-philosophy__bg { float: right; width: 50%; }

.management-philosophy__inner--type05 .management-philosophy__text { position: absolute; top: 50%; left: calc(50% - 590px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 505px; }

@media screen and (max-width: 1280px) { .management-philosophy__inner--type05 .management-philosophy__text { left: calc(50% - 516px); font-size: 15px; line-height: 1.7; letter-spacing: -0.5px;} }

.management-philosophy__inner--type06 { max-width: 1180px; margin: 190px auto 0; }

.management-philosophy__inner--type06 .management-philosophy__wrap { width: 50%; }

.management-philosophy__inner--type06 .management-philosophy__text { width: 50%; margin-top: 100px; padding-left: 83px; }

.management-philosophy__inner--type07 { max-width: 1920px; margin: 150px auto 0; padding-right: 370px; }

.management-philosophy__text-wrap { margin: 0 0 0 370px; }

.management-philosophy__title { margin-bottom: 78px; font-size: 18px; font-weight: 700; color: #666; }

.management-philosophy__sub-title { font-size: 36px; font-weight: 700; line-height: 1.67; color: #000; }

.management-philosophy__text { font-size: 16px; line-height: 1.88; color: #000; letter-spacing: -0.5px !important;}

.management-philosophy__big-text { font-size: 30px; font-weight: 500; line-height: 1.67; }

.img__carousel { position: relative; overflow: hidden; max-width: 100% !important; }

.img__carousel .swiper-pagination { position: absolute; top: 21px; right: 22px; bottom: auto; left: auto; width: auto; }

.img__carousel .swiper-pagination .swiper-pagination-bullet { margin: 0; width: 30px; height: 30px; line-height: 27px; font-size: 14px; color: #fff; background: none; opacity: 1; border-radius: 0; }

.img__carousel .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff; }

.ceo-message__text { margin-bottom: 100px; font-size: 16px; line-height: 1.88; word-break: keep-all; }

.ceo-message__top { margin-bottom: 48px; font-size: 42px; font-weight: 700; letter-spacing: 8.4px; line-height: 1.24; }

.ceo-message__contents:after { display: block; clear: both; content: ''; }

.ceo-message__left { float: left; width: 50%; }

.ceo-message__right { float: left; width: 50%; padding: 0px 0 0 100px; }

.ceo-message__info { position: relative; font-size: 0; }

.ceo-message__info span { display: inline-block; margin-right: 10px; }

.ceo-message__date { margin-bottom: 20px; font-size: 16px; }

.ceo-message__company { font-size: 16px; }

.ceo-message__position { font-size: 18px; }

.ceo-message__name { font-size: 24px; }

.ceo-message__sign { position: absolute; left: 288px; bottom: -14px; width: 136px; height: 115px; background: url(../images/img_ceo_sign.png) 50% 50% no-repeat; }

.ceo-message__sign_en { position: absolute; left: 355px; bottom: -4px; width: 145px; height: 34px; background: url(../images/img_ceo_sign_en01.png) 50% 50% no-repeat; }

.business-overview { max-width: 1920px; margin: 0 auto 200px; }

.business-overview__inner { position: relative; margin-top: 15.416%; margin-left: 16.27%; }

.business-overview__inner .business-overview__text-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1254px; }

.business-overview__main-title { margin-bottom: 77px; font-size: 18px; font-weight: 700; color: #666; }

.business-overview__text-section:after { display: block; clear: both; content: ''; }

.business-overview__text-section .business-overview__title { font-size: 36px; font-weight: 700; line-height: 1.67; color: #000; -webkit-flex-basis: 52%; -ms-flex-preferred-size: 52%; flex-basis: 52%; padding-right: 135px; word-break: keep-all; }

.business-overview__text-section .business-overview__text { font-size: 20px; font-weight: 500; line-height: 2; color: #333; -webkit-flex-basis: 46%; -ms-flex-preferred-size: 46%; flex-basis: 46%; }

.business-overview__image { margin-top: 7.55%; margin-left: 19.270%; }

.business-overview__section { position: relative; height: 600px; margin-bottom: 100px; }

.business-overview__section:after { display: block; clear: both; content: ''; }

.business-overview__section--type01 .business-overview__bg { background-image: url(../images/bg_business_overview02.jpg); }

.business-overview__section--type01 .business-overview__content { right: 320px; }

.business-overview__section--type02 .business-overview__bg { float: right; background-image: url(../images/bg_business_overview03.jpg); }

.business-overview__section--type02 .business-overview__content { left: 370px; }

.business-overview__section--type03 .business-overview__bg { background-image: url(../images/bg_business_overview04.jpg); }

.business-overview__section--type03 .business-overview__content { right: 320px; }

.business-overview__section .business-overview__title { margin-bottom: 53px; font-size: 30px; font-weight: 700; letter-spacing: -1.5px; color: #000; }

.business-overview__section .business-overview__text { font-size: 16px; line-height: 1.88; color: #000; }

.business-overview__bg { float: left; width: 50%; height: 600px; background-position: 0% 0%; background-size: cover; background-repeat: no-repeat; }

.business-overview__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.business-overview .flex__layout { margin-top: 100px; }

@media (max-width: 1024px) { .business-overview .flex__layout { margin-top: 120px; }
  .business-overview .flex__layout:first-child { margin-top: 148px; } }

.vision { margin-bottom: 300px; }

.vision__inner { position: relative; max-width: 1180px; height: 800px; margin: 0 auto; }

.vision__content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.vision__title { margin-bottom: 66px; font-size: 18px; font-weight: 700; color: #fff; }

.vision__text { font-size: 34px; font-weight: 700; line-height: 1.59; color: #fff; }

.history .tab__buttons { max-width: 1340px; margin: 0 auto; text-align: right; }

.history__inner { max-width: 1340px; margin: 0 auto; }

.history__item:not(:first-child) { margin-top: 20px; }

.history__anchor { display: block; position: relative; }

.history__anchor span { display: inline-block; vertical-align: middle; color: #000; opacity: .6; }

.history__anchor:hover { padding: 6px 40px 10px; -webkit-transition: all .65s ease-in; transition: all .65s ease-in; }

.history__anchor:hover span { -webkit-transition: all .65s ease-in; transition: all .65s ease-in; opacity: 1; }

.history__anchor:hover .history__year { left: 40px; top: 21px; font-weight: 700; }

.history__anchor:hover .history__title { font-weight: 700; }

.history__anchor:hover .history__category { right: 40px; top: 26px; }

.history__anchor:hover:after { display: block; position: absolute; left: -50px; right: -50px; top: 0; bottom: 0; border: 1px solid #8e8e8e; border-radius: 64px; content: ''; }

.history__year { position: absolute; top: 15px; left: 0; font-family: 'NunitoSans'; font-size: 18px; }

.history__title { padding: 0 260px 0 218px; font-size: 21px; line-height: 48px; }

.history__category { position: absolute; top: 16px; right: 0; font-family: 'NunitoSans'; font-size: 16px; }

.sub__inner { max-width: 1340px; margin: 0 auto; }

.sub__inner--blink { padding: 0 46px; }

@media (max-width: 1280px) { .company .sub__inner { margin: 0 110px; } }

@media (max-width: 1024px) { .company .sub__inner { margin: 0 60px; } }

@media (max-width: 1280px) { .company .tab__panel .sub__inner { margin: 0 20px; } }

@media (max-width: 1024px) { .company .tab__panel .sub__inner { margin: 0; } }

.bg { position: relative; display: block; }

.bg__lightgray { background: #fafafa; }

.bg__lightgray.bg__blank { padding: 4.5%; }

.bg__lightgray.bg__blank.credit { padding: 4.5% !important; }

.bg__white { background-color: #fff; }

.bg__white.bg__blank { padding: 90px; }

.bg__white.bg__blank.credit { padding: 4.5% !important; }

.bg__blank { padding-bottom: 300px !important; }

@media screen and (max-width: 1280px) { .company-overview__inner { right: 60px; }
  .company-video__inner { margin-right: 110px; }
  .business-overview__inner, .vision__inner { max-width: 1060px; }
  .business-overview__text-section .business-overview__text { width: 470px; }
  .business-overview__text-section .business-overview__text br.block { display: block; }
  .business-overview__text-section .business-overview__text br { display: none; }
  .business-overview__inner { margin-left: 110px; }
  .business-overview__image { margin-left: 110px; background-position: 0 0; }
  .business-overview__section--type01 .business-overview__content { right: 110px; }
  .business-overview__section--type02 .business-overview__content { left: 110px; }
  .business-overview__section--type03 .business-overview__content { right: 110px; }
  .business-overview__section { height: 500px; }
  .business-overview__bg { height: 500px; background-position: 50% 50%; background-size: contain; }
  .vision__text { width: 675px; }
  .production-equipment__inner { width: 100%; padding: 0 40px; }
  .production-equipment__item { width: calc(25% - 15px); }
  .production-equipment__inner .button__more { right: 40px; } }

@media screen and (max-width: 1024px) { .company-overview { height: 700px; }
  .company-overview__inner { top: 145px; }
  .company-video__inner { margin-right: 60px; }
  .business-overview__inner, .vision__inner { max-width: 904px; }
  .business-overview, .vision { margin-bottom: 150px; }
  .business-overview__text-section .business-overview__text { width: 100%; margin-top: 140px; margin-left: 0; }
  .business-overview__inner .business-overview__text-section { display: block; }
  .business-overview__inner { margin-left: 60px; }
  .business-overview__image { height: 557px; margin-left: 60px; background-size: cover; }
  .business-overview__section { height: auto; padding-bottom: 570px; }
  .business-overview__content { position: static; width: 640px; margin: 0 auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .business-overview__bg { position: absolute; bottom: 0; left: 50%; margin-left: -320px; width: 640px; height: 500px; background-size: cover; }
  .vision__inner { height: 540px; }
  .production-equipment__inner { width: 100%; padding: 0 40px; }
  .production-equipment__item { width: calc(50% - 22px); margin-left: 0; margin-bottom: 40px; }
  .production-equipment__item:nth-child(2n) { margin-left: 44px; } }

.wrap.en .company-overview__title { font-size: 40px; line-height: 1.3; letter-spacing: 5.6px; text-transform: uppercase; }

.wrap.en .business-overview__text-section .business-overview__title { font-size: 34px; line-height: 1.62; }

.wrap.en .business-overview__text-section .business-overview__text { font-size: 18px; }

.wrap.en .title__layout .title__lmid--large { font-size: 28px; }

.wrap.en .ceo-message__top { font-size: 40px; line-height: 1.3; letter-spacing: 5.6px; }

.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { font-size: 40px; line-height: 52px; letter-spacing: 5.6px; text-transform: uppercase; }

.wrap.en .management-philosophy__sub-title { font-size: 34px; line-height: 1.62; }

.wrap.en .company__info--txt p span { display: inline-block; vertical-align: top; }

.wrap.en .company__info--txt p em { display: inline-block; max-width: calc(100% - 105px); text-align: left; }

.wrap.en .company .map__area .button__square--white { width: 210px; }

.wrap.en .company .table__wrap table th.v_top { line-height: 2; vertical-align: middle !important; }

.wrap.en .company .tab--default .tab__buttons { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (min-width: 1025px) and (max-width: 1280px) { .ceo-message__left { max-width: 608px; }
  .ceo-message__right { padding: 0px 0 0 68px; }
  .ceo-message__top { margin-bottom: 46px; letter-spacing: 3.36px; }
  .ceo-message__text { line-height: 1.75; } }

@media screen and (max-width: 1024px) { .ceo-message__left, .ceo-message__right { float: none; width: 100%; }
  .ceo-message__left { padding-right: 59px; }
  .ceo-message__right { padding: 75px 0 0 41px; }
  .ceo-message__top { margin-bottom: 59px; } }

.sub.c11s00 { height: 400px; }

.sub.c111s00 { height: 260px; }

.sub .search { position: absolute; bottom: 134px; right: 290px; width: 260px; }

@media (max-width: 1280px) { .sub .search { right: 110px; } }

@media (max-width: 1024px) { .sub .search { right: 40px; } }

.sub .search__wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #000; }

.sub .search__wrap input[type="text"] { padding: 0; width: 212px; height: 55px; text-indent: 12px; font-size: 14px; color: #666; border: none; }

.notice { margin-bottom: 70px; padding: 0 20px 0 40px;}

@media (max-width: 1280px) { .notice { padding: 0 20px; } }

@media (max-width: 1024px) { .notice { padding: 0 40px; } }

.notice__list {  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1024px) { .notice__list { margin-left: -25px; } }

.notice__list li { margin-bottom: 15px; padding-left: 15px; width: calc(100% / 3 - 5px); }

@media (max-width: 1024px) { .notice__list li { padding-left: 25px; width: 50%; } }

.notice__list li > a { display: block; }

.notice__list li > a:hover .notice__list--box { background-color: #838990; }

.notice__list li > a:hover .notice__list--box .notice__list--caption, .notice__list li > a:hover .notice__list--box .notice__list--title { color: #fff; }

.notice__list li > a:hover .notice__list--box .notice__list--date:before { background: #fff; }

.notice__list--half { margin-left: -40px; }

@media (max-width: 1024px) { .notice__list--half { margin-left: -40px; } }

.notice__list--half li { width: 50%; padding-left: 40px; }

.notice__list--half li .notice__list--box { padding: 50px 40px; height: 260px; }

.notice__list--box { height: 196px; padding: 40px; }

.notice__list--caption { color: #666; }

.notice__list--caption span { font-size: 14px; line-height: 30px; display: inline-block; }

.notice__list--date { position: relative; font-size: 14px; line-height: 30px; display: inline-block; margin-left: 10px; padding-left: 17px; }

.notice__list--date:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #0061c7; position: absolute; top: 9px; left: 0; }

.notice__list--title { margin-top: 28px; font-size: 18px; line-height: 36px; color: #000; }

.notice__list--title.large { margin-top: 12px; font-size: 32px; font-weight: 700; line-height: 1.5; }

.notice__list .btns { margin-top: 12px; }

.notice__list .btns .button__square { min-width: auto; text-align: center; }

.notice__view { width: 960px; margin: 0 auto; border-top: 2px solid #000; }

.notice__view--top { position: relative; padding-top: 71px; padding-bottom: 60px; border-bottom: 1px solid #e5e5e5; line-height: 1; }

.notice__view--top .flex { margin: 40px 47px 0 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.notice__view--top .flex .title__xlarge { line-height: 1.33; } /* 20240227 공지사항타이틀 수정 */

.notice__view--top .date { margin-top: 30px; font-size: 14px; color: #666; }

.notice__view--top .button_back { position: absolute; top: 76px; left: -109px; }

.notice__view--contents { padding: 40px 0 57px; line-height: 30px; }

.notice__view--contents .title__large { font-weight: 700; line-height: 1; }

.notice__view--contents .text { margin-top: 28px; }

.notice__view--contents .text__caption { height: 90px; overflow-y: auto; }

.notice__view--contents .lightGray { margin: 20px 0 135px; color: #535353; opacity: .6; }

.notice__view--contents .dot { margin-top: 25px; }

.notice__view--contents .video { height: auto; }

.notice__view--contents .video + .title__large { margin-top: 57px; }

.notice__view--file { margin: 86px 0 0 11px; }

.notice__view--img { margin-top: 78px; }

.notice__view--control { padding-top: 48px; border-top: 1px solid #e5e5e5; }

.notice__view--control .flex { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.notice__view--control .flex .btns .button__next { margin-left: 35px; }

.slider__news { max-width: 1380px; margin: -98px auto 320px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 40px; padding-right: 40px;}

@media (max-width: 1280px) { .slider__news { width: 100%; margin-bottom: 300px; } }

@media (max-width: 1024px) { .slider__news { display: block; margin-bottom: 130px; } }

.slider__news .order__2 { position: relative; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 59%; -ms-flex-preferred-size: 59%; flex-basis: 59%; }

.slider__news .order__2:after { content: ''; display: block; padding-top: 100%; }

@media (max-width: 1280px) { .slider__news .order__2 { -webkit-flex-basis: 42%; -ms-flex-preferred-size: 42%; flex-basis: 42%; } }

@media (max-width: 1024px) { .slider__news .order__2 { width: 52%; margin: 0 auto; padding-bottom: 300px; } }

.slider__news--info { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 21%; -ms-flex-preferred-size: 21%; flex-basis: 21%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 1280px) { .slider__news--info { padding-left: 5%; -webkit-flex-basis: 29%; -ms-flex-preferred-size: 29%; flex-basis: 29%; } }

@media (max-width: 1024px) { .slider__news--info { display: block; margin-top: -260px; margin-bottom: 200px; padding-left: 0; text-align: center; } }

.slider__news--info .title__xlarge { margin-top: 42px; line-height: 50px; font-size: 40px; }

.slider__news--info .title__xlarge span { display: inline-block; text-decoration: underline; font-weight: bold; }

.slider__news--info .date { margin-top: 43px; font-size: 14px; color: #666; }

.slider__news--info .button__square--black { margin-top: 42px; min-width: 136px; }

@media (max-width: 1024px) { .slider__news--info .button__square--black { display: inline-block; } }

.slider__inner { width: 790px; height: 760px; margin-top: -98px; }

.slider__inner--wrap .swiper-wrapper { width: 790px; height: 760px; margin: 0px auto; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.slider__inner--wrap .swiper-slider { width: 700px; height: 650px; position: absolute; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

.slider__inner--wrap .swiper-slider img { width: 100%; }

.slider__inner--wrap .swiper-slider.current-step { margin-left: 50px; z-index: 10; }

.slider__inner--wrap .swiper-slider.next-step { margin-top: 60px; z-index: 8; }

.slider__inner--wrap .swiper-slider.prev-step { margin: 40px 0 0 90px; z-index: 7; }

.solution__inner { position: relative; }

.solution__inner--center { overflow: hidden; max-width: 1120px; margin: 170px auto 0; padding-left: 110px; }

.solution__inner--center .solution__title { margin-bottom: 40px; font-size: 36px; font-weight: 700; line-height: 1.44; }

.solution__inner--center .solution__text { font-size: 18px; line-height: 2; }

.solution__inner:after { display: block; clear: both; content: ''; }

.solution__inner--right { margin-top: 100px; }

.solution__inner--right .solution__bg { float: left; }

.solution__inner--right .solution__content { left: 50%; padding: 0 8.5%; }

.solution__inner--left { margin-top: 100px; }

.solution__inner--left .solution__bg { float: right; }

.solution__inner--left .solution__content { right: 50%; padding: 0 8.5%; }

.solution__bar { position: absolute; left: 80px; top: -80px; width: 1px; height: 120px; background-color: #000; }

.solution__full-bg { height: 500px; margin-top: 141px; margin-bottom: 170px; background: url(../images/bg_solution01.jpg) 50% 50% no-repeat; background-size: cover; }

.solution__bg { width: 50%; height: 600px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.solution__bg--type01 { background-image: url(../images/bg_solution02.jpg); }

.solution__bg--type02 { background-image: url(../images/bg_solution03.jpg); }

.solution__bg--type03 { background-image: url(../images/bg_solution04.jpg); }

.solution__bg--type04 { background-image: url(../images/bg_solution05.jpg); }

.solution__bg--type05 { background-image: url(../images/bg_solution06.jpg); }

.solution__bg--type06 { background-image: url(../images/bg_solution07.jpg); }

.solution__bg--type07 { background-image: url(../images/bg_solution08.jpg); }

.solution__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.solution__title { margin-bottom: 58px; font-size: 30px; font-weight: 700; letter-spacing: -1.5px; }

.solution__text { margin-bottom: 50px; font-size: 16px; line-height: 1.88; word-break: keep-all; }

.product__item { overflow: hidden; position: relative; height: 1000px; background-color: #fafafa; }

.product__item:nth-child(2n) { background-color: #fff; }

.product__contents { position: absolute; left: 210px; top: 300px; z-index: 1; width: 640px; }

.product__category { margin-bottom: 19px; font-family: 'NunitoSans'; font-size: 18px; letter-spacing: 1.8px; }

.product__bar { margin-bottom: 60px; width: 12px; height: 2px; background-color: #000; }

.product__title { margin-bottom: 60px; font-family: 'BlenderPro' !important; font-size: 64px; font-weight: 700; letter-spacing: 3.2px; }

.product__text { margin-bottom: 57px; font-family: 'NunitoSans'; font-size: 16px; }

.product__image { position: absolute; right: 0; bottom: 0; max-width: 65%; }

.product__image--center { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.product__anchor i { display: inline-block; width: 12px; height: 20px; margin-right: 7px; vertical-align: -5px; background: url(../images/icon_product_question.png) no-repeat; }

.product .product-info__anchor { position: absolute; left: 40px; bottom: 40px; width: 180px; height: 52px; padding-top: 14px; padding-left: 26px; background-color: #fff; border: 1px solid #d0d0d0; border-radius: 26px; text-align: center; -webkit-transition: all 0.5s ease-in 0s,background 0s ease-in 0s !important; transition: all 0.5s ease-in 0s,background 0s ease-in 0s !important; }

.product .product-info__anchor:before { position: absolute; width: 30px; height: 30px; left: 14px; top: 10px; background: url(../images/icon_info.png) no-repeat; content: ''; }

.product .product-info__anchor:after { font-size: 18px; font-weight: 700; color: #333; content: '정보보기'; }

.product .product-info__anchor.is-active { border-color: #838990; background-color: #838990; }

.product .product-info__anchor.is-active:before { top: 19px; left: 22px; width: 12px; height: 12px; background-image: url(../images/icon_info_close.png); }

.product .product-info__anchor.is-active:after { color: #fff; content: '닫기'; }

.product .product-info__content { display: none; overflow: hidden; position: absolute; z-index: 1; bottom: 132px; left: 40px; width: 640px; padding: 49px 50px 62px; border-radius: 24px; box-shadow: 14px 14px 30px 0 rgba(0, 0, 0, 0.15); background-color: #fff; }

.product .product-info__list { margin-top: 14px; }

.product .product-info__list:last-child { margin-bottom: 61px; }

.product .product-info__title { font-family: 'BlenderPro' !important; font-size: 30px; font-weight: 700; }

.product .product-info__list ~ .product-info__title { margin-top: 45px; }

.product .product-info__item { position: relative; padding-left: 18px; font-size: 16px; font-family: 'NunitoSans'; line-height: 1.88; }

.product .product-info__item:after { position: absolute; left: 0; top: 19px; width: 8px; height: 1px; background-color: #000; content: ''; }

.product .product-info__item:after:after { content: ''; display: block; clear: both; }

.product .product-info__item--list { display: inline-block; padding-left: 0; vertical-align: top; }

.product .product-info__item--list:after { display: none; }

.product .product-info__closebtn { width: 50px; height: 50px; position: absolute; top: 34px; right: 24px; background: url("../images/icon_popup_close_BK.png") no-repeat center; background-size: 25px 25px; cursor: pointer; }

.en .product-info__anchor:after { content: 'Information'; }

.en .product-info__anchor.is-active:after { content: 'close'; }

.en .kvs .sub__title { width: auto; }

.process { padding: 150px 0 300px; background-color: #fafafa; }

.process-tab__buttons { max-width: 1340px; margin: 0 auto; font-size: 0; }

.process-tab__icon .process-tab__anchor { padding-bottom: 0; }

.process-tab__icon .process-tab__anchor strong { padding: 99px 0 25px; height: 144px; }

.process-tab__icon .process-tab__anchor strong:after { bottom: unset; top: 0; }

.process-tab__button { display: inline-block; width: calc(14.2% - 16px); }

.process-tab__button ~ .process-tab__button { margin-left: 19px; }

.process-tab__anchor { position: relative; width: 100%; line-height: 1; padding-bottom: 30px; }

.process-tab__anchor span, .process-tab__anchor strong { display: block; text-align: left; }

.process-tab__anchor span { font-size: 12px; color: #c9c9c9; }

.process-tab__anchor strong { margin-top: 16px; position: relative; font-family: 'NunitoSans'; font-size: 18px; color: #c9c9c9; padding-bottom: 93px; }

.process-tab__anchor strong[class^="icon_"]:after { content: ''; height: 57px; position: absolute; bottom: 0; left: 0; opacity: .2; }

.process-tab__anchor strong.icon_01:after { width: 28px; background: url(../images/tab01.png) no-repeat; }

.process-tab__anchor strong.icon_02:after { width: 45px; background: url(../images/tab02.png) no-repeat; }

.process-tab__anchor strong.icon_03:after { width: 56px; background: url(../images/tab03.png) no-repeat; }

.process-tab__anchor strong.icon_04:after { width: 56px; background: url(../images/tab04.png) no-repeat; }

.process-tab__anchor strong.icon_05:after { width: 57px; background: url(../images/tab05.png) no-repeat; }

.process-tab__anchor strong.icon_06:after { width: 37px; background: url(../images/tab06.png) no-repeat; }

.process-tab__anchor strong.icon_07:after { width: 63px; background: url(../images/tab07.png) no-repeat; }

.process-tab__anchor:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #c9c9c9; opacity: .4; content: ''; }

.process-tab__anchor.is-active span, .process-tab__anchor.is-active strong { font-weight: 700; color: #000; }

.process-tab__anchor.is-active:after { height: 3px; background-color: #000; opacity: 1; }

.process-tab__anchor.is-active strong[class^="icon_"]:after { opacity: 1; }

.process-tab__panel { position: relative; padding: 110px 0 0px; }

.process__half { width: 50%; }

.process__wrap { position: relative; padding: 40px 90px 0 15.25%; }

.process__content { word-break: keep-all; }

.process__title { margin-bottom: 50px; font-family: 'NunitoSans'; font-size: 32px; font-weight: 700; }

.process__text { margin-bottom: 78px; font-size: 18px; line-height: 2; }

.process__carousel { position: relative; overflow: hidden; }

.process__carousel .swiper-pagination { position: absolute; top: 20px; left: 20px; bottom: auto; right: auto; width: auto; }

.process__carousel .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px; margin: 0; line-height: 27px; font-size: 14px; color: #fff; background-color: transparent; opacity: 1; border-radius: 0; }

.process__carousel .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid #fff; }

.process .flex__table--large { max-width: 670px; }

.process .flex__table--large .title__layout { margin-right: 8%; max-width: calc(100% - 8%); }

.process__slideinner { padding-top: 68px; }

.process__bulletindex { font-size: 12px; line-height: 1; color: #c9c9c9; display: block; }

.process__bullettext { margin-top: 16px; font-family: 'NunitoSans'; font-size: 18px; color: #c9c9c9; line-height: 1; display: block; }

.process__pagination { max-width: 1340px; margin: 0 auto; font-size: 0; }

.process__pagination .swiper-pagination-bullet { padding-bottom: 30px; width: calc(14.2% - 16px); height: auto; background-color: transparent; border-radius: 0; text-align: left; opacity: 1; position: relative; display: inline-block; }

.process__pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 19px; }

.process__pagination .swiper-pagination-bullet:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #c9c9c9; opacity: .4; }

.process__pagination .swiper-pagination-bullet-active .process__bulletindex { color: #000; font-weight: 700; }

.process__pagination .swiper-pagination-bullet-active .process__bullettext { color: #000; font-weight: 700; }

.process__pagination .swiper-pagination-bullet-active:after { height: 3px; background-color: #000; opacity: 1; }

.b30 .process-tab__anchor strong { padding-bottom: 0; }

.b30 .process-tab__panel { padding-top: 68px; }

.b30 .lh30 { font-size: 18px; }

.b20 .lh30 { font-size: 18px; }

.semiconductor-process { padding: 140px 0 250px; }

.semiconductor-process__title { width: 1340px; margin: 0 auto; font-family: 'NunitoSans'; font-size: 32px; font-weight: 700; line-height: 1.5; color: #000000; }

.semiconductor-process__title span:after { top: 8px; }

.semiconductor-process__flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.semiconductor-process__flex ~ .semiconductor-process__flex { position: relative; margin-top: 84px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.semiconductor-process__flex ~ .semiconductor-process__flex .semiconductor-process__item { margin: 0 28px 0 0; }

.semiconductor-process__flex ~ .semiconductor-process__flex .semiconductor-process__item:first-child { margin: 0; }

.semiconductor-process__flex ~ .semiconductor-process__flex .semiconductor-process__item:first-child:after { display: block; }

.semiconductor-process__flex ~ .semiconductor-process__flex .semiconductor-process__item:last-child:after { display: none; }

.semiconductor-process__flex ~ .semiconductor-process__flex:after { position: absolute; right: 100px; top: -84px; width: 1px; height: 84px; background-color: #fff; content: ''; }

.semiconductor-process__hover { width: 200px; height: 200px; padding-top: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.4); }

.semiconductor-process__item { position: relative; margin-left: 28px; text-align: center; }

.semiconductor-process__item:first-child { margin-left: 0; }

.semiconductor-process__item:first-child:after, .semiconductor-process__item:first-child:before { display: none; }

.semiconductor-process__item strong, .semiconductor-process__item span { display: block; color: #fff; }

.semiconductor-process__item strong { margin-bottom: 2px; font-family: 'NunitoSans'; font-size: 16px; font-weight: 700; }

.semiconductor-process__item span { font-size: 14px; opacity: 0.4; }

.semiconductor-process__item:after { position: absolute; left: -29px; top: 100px; width: 29px; height: 1px; background-color: #fff; content: ''; }

.semiconductor-process__item--first .semiconductor-process__hover { padding-top: 36px; border-width: 5px; border-color: #fff; background-color: rgba(0, 0, 0, 0.6); }

.semiconductor-process__item--first .semiconductor-process__hover span { opacity: 1; font-weight: 500; }

.semiconductor-process__icon { display: block; height: 60px; margin-bottom: 29px; background-position: 50% 0%; background-repeat: no-repeat; }

.semiconductor-process__icon--type01 { background-image: url(../images/icon_semiconductor01.png); }

.semiconductor-process__icon--type02 { background-image: url(../images/icon_semiconductor02.png); }

.semiconductor-process__icon--type03 { background-image: url(../images/icon_semiconductor03.png); }

.semiconductor-process__icon--type04 { background-image: url(../images/icon_semiconductor04.png); }

.semiconductor-process__icon--type05 { background-image: url(../images/icon_semiconductor05.png); }

.semiconductor-process__icon--type06 { background-image: url(../images/icon_semiconductor06.png); }

.semiconductor-process__icon--type07 { background-image: url(../images/icon_semiconductor07.png); }

.semiconductor-process__icon--type08 { background-image: url(../images/icon_semiconductor08.png); }

.semiconductor-process__icon--type09 { background-image: url(../images/icon_semiconductor09.png); }

.semiconductor-process__icon--type10 { background-image: url(../images/icon_semiconductor10.png); }

.semiconductor-process__icon--type11 { background-image: url(../images/icon_semiconductor11.png); }

.semiconductor-process__icon--type12 { background-image: url(../images/icon_semiconductor12.png); }

.title__box { max-width: 999px; margin: 0 auto; padding: 255px 0 140px 30px; }

.title__box .title__large--plus { position: relative; line-height: 1.45; }

.title__box .title__large--plus:after { content: ''; width: 1px; background: #000; position: absolute; left: -29px; top: -88px; -webkit-transition: height 3s; transition: height 3s; }

.title__box .title__large--plus.active:after { height: 120px; }

.title__box .title__small { margin-top: 55px; line-height: 36px; }

.title__layout { max-width: 480px; margin-left: 16.66%; }

@media (max-width: 1280px) { .title__layout { margin-left: 60px; } }

.title__layout--left { margin-left: 0; margin-right: 16.66%; }

@media (max-width: 1280px) { .title__layout--left { margin-right: 60px; } }

.title__layout .title__lmid--large { line-height: 48px; }

.title__layout .lh30 { margin-top: 42px; word-break: keep-all; }

.title__layout .btns { margin-top: 73px; }

.title__layout--center { max-width: 412px; margin: 0 auto; }

.title__layout--center .border__top { margin-top: 25px; }

.title__layout--center .border__top .lh30 { margin-top: 25px; }

.top170 { margin-top: 170px; }

.b20s03 .parallax__sec03 .flex__layout { margin-top: 100px; }

.b20s03 .parallax__sec03 .flex__layout:first-child { margin-top: 0; }

.product.b40s02 .slider { position: static; }

.product.b40s02 .slider__nav { position: absolute; top: 0; height: 100%; width: 100%; left: 0; }

.product.b40s02 .slider__nav .slick-slide { min-width: 370px; height: 100vh; text-align: center; font-size: 64px; color: #fff; font-family: 'BlenderPro' !important; }

.product.b40s02 .slider__nav .slick-slide.slick-current { background: rgba(83, 98, 88, 0.7); }

.slider__for--inner { position: relative; }

.news-gallery { margin: 0 auto; position: relative; max-width: 790px; }

.news-gallery__navigation { width: 92px; position: absolute; bottom: 140px; right: -230px; font-size: 0; }

@media (max-width: 1280px) { .news-gallery__navigation { right: -210px; bottom: 40px; } }

@media (max-width: 1024px) { .news-gallery__navigation { bottom: 340px; } }

.news-gallery__prev { margin-right: 32px; width: 28px; height: 25px; background: url(../images/icon_slide_left.png) 0 center no-repeat; }

.news-gallery__next { width: 28px; height: 25px; background: url(../images/icon_slide_right.png) 0 center no-repeat; }

.news-gallery__inner { position: relative; }

.news-gallery__textitem { margin-right: 16px; display: none; }

.news-gallery__textitem.actived { display: block; }

.news-gallery__item { position: absolute; width: 100%; }

.news-gallery__item:nth-child(1) { z-index: 2; top: 0; left: 50px; }

@media (max-width: 1280px) { .news-gallery__item:nth-child(1) { left: 34px; } }

.news-gallery__item:nth-child(2) { z-index: 2; top: 60px; left: 0; }

@media (max-width: 1280px) { .news-gallery__item:nth-child(2) { top: 40px; } }

.news-gallery__item:nth-child(3) { z-index: 1; top: 40px; left: 90px; }

@media (max-width: 1280px) { .news-gallery__item:nth-child(3) { top: 26px; left: 61px; } }

.news-gallery__item.actived { z-index: 3; }

.news-gallery__content { text-align: center; background-color: #fff; }

.news-gallery__anchor-wrap { position: absolute; bottom: -130px; left: 0; width: 100%; font-size: 0; text-align: center; }

@media (max-width: 1280px) { .news-gallery__anchor-wrap { bottom: -110px; } }

@media (max-width: 1024px) { .news-gallery__anchor-wrap { /*bottom: 0;*/ } }

.news-gallery__anchor { position: relative; display: inline-block; width: 10px; height: 10px; cursor: pointer; }

.news-gallery__anchor + .news-gallery__anchor { margin-left: 26px; }

.news-gallery__anchor:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; background-color: #fff; content: ''; }

.news-gallery__anchor.actived:after { background-color: #000; }

.c21 .parallax01 { padding-top: 123px; }

.white-type .c21 .parallax01 { padding-top: 80px; }

.white-type .c21s00.sub { height: auto; }

.sliderInclude { height: auto; }

.sliderInclude .sub__depthbox .sub__nav { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }

.sliderInclude .sub__nav { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.sliderInclude .title__wrap { position: absolute; top: 50%; left: 50%; margin-top: 18px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sliderInclude .title__wrap .sub__title { position: relative; top: auto; left: auto; font-size: 61px; line-height: 1.31; padding-bottom: 70px; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.sliderInclude .title__wrap .title__small--mid { margin-top: 34px; color: #fff; }

.slider .arr__dot--carousel { overflow: hidden; }

.slider .arr__dot--carousel .swiper-button--wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }

.slider .arr__dot--carousel .swiper-button--wrap .swiper-button-prev, .slider .arr__dot--carousel .swiper-button--wrap .swiper-button-next { width: 45%; height: 100%; top: 0; margin-top: 0; cursor: url(../images/swiper_view.png) 27 27, pointer; }

.slider .arr__dot--carousel .swiper-button--wrap .swiper-button-prev { left: 0; background: none; }

.slider .arr__dot--carousel .swiper-button--wrap .swiper-button-next { right: 0; background: none; }

.slider .arr__dot--carousel:hover .swiper-button--wrap { display: block; }

.slider .arr__dot--carousel .swiper-pagination { bottom: 93px; }

.slider .arr__dot--carousel .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 15px; background: #fff; opacity: .4; border-radius: 0; border: 1px solid #bcbcbc;}

.slider .arr__dot--carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.slider__for--inner { position: relative; }

.blue__dot { position: relative; display: inline-block; padding-right: 24px; line-height: 1; }

.blue__dot:after { content: ''; width: 10px; height: 10px; background: #0061c7; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; border-radius: 50%; }

.square { max-width: 1340px; margin: 40px auto 0; background: url(../images/group.png) no-repeat center; }

.square__process { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.square__process--inner { position: relative; max-width: 200px; max-height: 200px; -webkit-flex-basis: 16%; -ms-flex-preferred-size: 16%; flex-basis: 16%; border-radius: 50%; /* &:first-child{ border: 3px solid #fff; color: #fff; background: rgba(0,0,0,.3); } */ }

.square__process--inner:after { content: ""; display: block; padding-top: 100%; }

.square__process--inner:nth-child(n+7) { margin-top: 165px; }

.square__process--inner.step1 { background: #fafafa url(../images/layer1.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step2 { background: #fafafa url(../images/layer2.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step3 { background: #fafafa url(../images/layer3.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step4 { background: #fafafa url(../images/layer4.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step5 { background: #fafafa url(../images/layer5.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step6 { background: #fafafa url(../images/layer6.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step7 { background: #fafafa url(../images/layer7.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step8 { background: #fafafa url(../images/layer8.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step9 { background: #fafafa url(../images/layer9.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step10 { background: #fafafa url(../images/layer10.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step11 { background: #fafafa url(../images/layer11.png) no-repeat center 40px; background-size: inherit; }

.square__process--inner.step12 { background: #fafafa url(../images/layer12.png) no-repeat center 40px; background-size: inherit; }

.square__process--text { position: absolute; left: 50%; top: 70%; -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); transform: translate(-50%, -70%); width: 100%; line-height: 1; }

.square__process--text .title__small { position: relative; color: #000; margin-top: 5px; font-size: 17px; }

.square__process--text .title__small.gray { color: #979797; }

.square__process--text .lightGray { color: #cacaca; font-size: 14px; }

.square__infoList { position: absolute; top: 220px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 15px; }

.wrap.en .process-tab__icon .process-tab__anchor strong { height: 168px; line-height: 24px; }

.kvs { -webkit-transition: 1.5s; transition: 1.5s; }

.kvs__item { width: 100%; height: 100vh; }

.kvs__wrapper .swiper-button-next, .kvs__wrapper .swiper-button-prev { width: 100px; height: 100vh; margin-top: 0; top: 0; background: rgba(0, 0, 0, 0.6); }

.kvs__wrapper .swiper-button-next { right: 0; }

.kvs__wrapper .swiper-button-prev { left: 0; }

.kvs__item { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100vh; width: calc(100% - 200px) !important; }

.kvs .sub { width: 100%; }

.kvs .sub.b2000 { background-image: url(../images/bg_b20.jpg); }

.kvs .sub.b3000 { background-image: url(../images/bg_b30.jpg); }

.kvs .sub.b4100 { background-image: url(../images/bg_b41.png); }

.kvs .sub__nav { position: absolute; top: 33px; width: auto; margin-left: -3px; text-align: center; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.kvs .sub__location { z-index: 2; }

.kvs .sub__location.actived { left: 10px; }

.kvs .sub__contents { width: 100%; min-height: 100vh; position: relative; }

.kvs__item.swiper-slide-prev { z-index: 3; }

.kvs__item.swiper-slide-prev .sub__title { right: -35px; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.kvs__item.swiper-slide-prev .sub__title .sub__titlelink { color: rgba(255, 255, 255, 0.6); }

.kvs__item.swiper-slide-next .sub__title { left: -35px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.kvs__item.swiper-slide-next .sub__title .sub__titlelink { color: rgba(255, 255, 255, 0.6); }

.kvs__item:last-child .sub__title { left: 50%; }

.c21 .flex__layout { margin-top: 103px; }

.c21 .flex__layout:first-child { margin-top: 0; }

.c21 .flex__layout:last-child { margin-bottom: 300px; }

.c21 .flex__layout .title__large { font-size: 30px; line-height: 1.33; }

.c21 .c2103 .flex__table--txt .text__small { text-align: right; }

.en .c21 .sliderInclude .title__wrap .sub__title { line-height: .9; }

.flex__table--img { -webkit-flex-basis: 67%; -ms-flex-preferred-size: 67%; flex-basis: 67%; }

.flex__table--txt { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; padding: 20px 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.flex__table--txt .text__small { text-align: left; color: #666; }

.flex__table--txt .text__small .blue__dot { margin-right: 10px; }

.flex__table--txt .title__large { margin-top: 15px; line-height: 1.3; }

.flex__table--txt .button__square.small { min-width: 120px; margin-top: 15px; text-align: center; }

.flex__table--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; }

.c31 .sub { height: 100px; display: none;}

.c31 .mainparallax { height: 1500px; text-align: center; color: #fff; background: url(../images/c31.jpg) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; }

.c31 .mainparallax .mainparallax__section { position: relative !important; height: 100vh; }

.c31 .mainparallax .text-line { visibility: visible !important; }

.c31 .mainparallax .text-line__title { padding-top: 250px; font-size: 73px; font-family: 'BlenderPro' !important; font-weight: 700; color: #fff; }

.c31 .mainparallax .text-line__vertical-line { top: 360px; background-color: #fff; }

.c31 .mainparallax .text-line__contents { margin-top: 239px; font-family: 'notoSerif'; color: #fff; }

.c31 .mainparallax .text-line .btns { margin-top: 97px; }

.c31 .mainparallax .text-line .btns .button__arr { color: #fff; border: none; background : #000;}

.c31 .mainparallax__inner { -webkit-transform: none; -ms-transform: none; transform: none; }

.blue__circle { position: relative; }

.blue__circle:after { content: ''; width: 12px; height: 12px; border: solid 3px #0058a7; border-radius: 50%; position: absolute; top: -12px; left: 1px; }

.blue__circle--center:after { top: -18px; left: 50%; margin-left: -6px; }

.museum__full { height: 1500px; background: url(../images/c31.jpg) 50% 50% no-repeat; background-size: cover; }

.sticky .header { position: fixed; height: 100px; }

.sticky .header__logoanchor { background-image: url(../images/logo2.png); }

.sticky .header__hamburgerbar, .sticky .header__hamburgerbar:after, .sticky .header__hamburgerbar:before { background-color: #000; }

.sticky .header.sticky-actived .header__logoanchor { background-image: url(../images/logo.png); }

.sticky .header.sticky-actived .header__hamburgerbar, .sticky .header.sticky-actived .header__hamburgerbar:after, .sticky .header.sticky-actived .header__hamburgerbar:before { background-color: #fff; }

.sticky .sub__nav { position: fixed; top: 33px; left: 50%; width: calc(100% - 400px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sticky .sub__nav a { color: #000; }

.sticky .sub__nav li.actived { border-color: #000; }

.semes__logo { display: inline-block; width: 148px; height: 32px; text-indent: -9999px; background: url(../images/logo.png) 50% 50% no-repeat; background-size: 100% auto; }

.semes__logo.blue { background: url(../images/logo2.png) 50% 50% no-repeat; }

.popup__promotion--header { position: absolute; top: 0; left: 0; width: 100%; padding: 36px 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; background: #fff; }

.popup__close { position: absolute; top: 36px; right: 40px; width: 24px; height: 24px; text-indent: -9999px; }

.popup__close:before, .popup__close:after { content: ''; position: absolute; top: -4px; width: 1px; height: 32px; background: #000; }

.popup__close:before { left: 11.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.popup__close:after { right: 11.5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

[data-animation="img_scale"] { -webkit-transition: .5s; transition: .5s; }

.promotion { position: relative; overflow: hidden !important; }

.promotion__bg { position: relative; height: 1000px; text-align: center; }

.promotion__bg--inner { position: absolute; top: 0; left: 0; right: 0; width: 100%; background: url(../images/promotion_bg01.jpg) 50% 50% no-repeat; background-size: cover; height: 1000px; }

.promotion__txt { height: 100%; }

.promotion__txt .title__xlarge { color: #fff; line-height: 60px; }

.promotion__txt .title__xlarge .blue__circle:after { left: 18px; }

.promotion__banner { height: 640px; padding: 0 60px; position: relative; }

.promotion__banner--inner { position: absolute; z-index: 9; bottom: 320px; width: calc(50% - 130px); height: 480px; }

.promotion__banner--inner.left { left: 50%; -webkit-transform: translateX(-100%) translateX(-60px); -ms-transform: translateX(-100%) translateX(-60px); transform: translateX(-100%) translateX(-60px); background: url(../images/promotion_banner01.png) no-repeat center center; background-size: cover; }

.promotion__banner--inner.right { right: 50%; -webkit-transform: translateX(100%) translateX(60px); -ms-transform: translateX(100%) translateX(60px); transform: translateX(100%) translateX(60px); background: url(../images/promotion_banner02.png) no-repeat center center; background-size: cover; }

.promotion__banner--inner .title__small { color: #fff; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'NunitoSans' !important; letter-spacing: 3.6px; font-size: 25px; }

.promotion__banner::after { content: ''; left: 50%; position: absolute; top: -220px; width: 1px; height: 100vh; background: #cacbd0; z-index: 1; }

.promotion__banner::before { content: ''; left: calc(50% - 9px); position: absolute; top: -232px; width: 18px; height: 18px; background: #fff; z-index: 2; }

.promotion__tab { height: 0; width: 100%; position: relative; }

.promotion__tab .banner__inner { text-align: center; position: absolute; z-index: 9; top: -158px; width: calc(50% - 130px); height: 70px; }

.promotion__tab .banner__inner .title__small { margin-top: 20px; color: #849097; opacity: 0; font-family: "NunitoSans" !important; letter-spacing: 3.6px; }

.promotion__tab .banner__inner.left { left: 50%; -webkit-transform: translateX(-100%) translateX(-60px); -ms-transform: translateX(-100%) translateX(-60px); transform: translateX(-100%) translateX(-60px); }

.promotion__tab .banner__inner.right { right: 50%; -webkit-transform: translateX(100%) translateX(60px); -ms-transform: translateX(100%) translateX(60px); transform: translateX(100%) translateX(60px); }

.promotion__tab .banner__inner--border { display: inline-block; vertical-align: top; width: 0; border-top: 3px solid #849097; }

.promotion__tab .banner__inner.active .title__small { opacity: 1; }

.promotion__tab .banner__inner.active .banner__inner--border { width: 100%; }

.since { position: relative; height: 900px; overflow: hidden; text-align: center; }

.since.line__bg:before { z-index: 1; }

.since__bg { position: absolute; top: 0; left: 0; width: 100%; height: 900px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: url("../images/history_bg.jpg") 50% 50%/cover no-repeat; }

.since__bg--2000 { background: url("../images/history_bg_02.png") 50% 50%/cover no-repeat; }

.since__bg--2020 { background: url("../images/history_bg_04.png") 50% 50%/cover no-repeat; }

.since .display__table--cell .title__xlarge { padding-left: 26px; font-size: 120px; color: #4f5b6e; }

.since .display__table--cell .title__xlarge span { color: #93877d; }

.since .display__table--cell .title__large { margin-top: 70px; color: #000; }

.since .display__table--cell .title__large span { color: #fff; }

.since .display__table--cell .title__large--spacing { line-height: 1.88; letter-spacing: 6.4px; }

.equipment-all { padding-bottom: 300px; }

.equipment-all__inner:first-child { position: relative; max-width: 1920px; margin: 230px auto 0; }

.equipment-all__inner { position: relative; max-width: 1920px; margin: 150px auto 0; }

.equipment-all__inner:after { display: block; clear: both; content: ''; }

.equipment-all__left { float: left; position: relative; width: 36.45%; }

.equipment-all__left-text { position: absolute; top: 50%; left: 50%; font-family: 'BlenderPro' !important; font-size: 60px; font-weight: 100; line-height: 1.2; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1280px) { .equipment-all__left-text { font-size: 50px; } }

.equipment-all__right { position: absolute; top: 0; bottom: 0; right: 0; width: 63.55%; height: 100%; padding: 0 139px; }

.equipment-all .equipment-process { position: absolute; top: 50%; left: 128px; right: 139px; margin-top: -11px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.equipment-all .equipment-process:after { display: block; clear: both; content: ''; }

.equipment-all .equipment-process__item { display: block; float: left; position: relative; width: calc(33.3333% - 11px); margin: 11px 0 0 11px; }

.equipment-all .equipment-process__background { display: block; }

.equipment-all .equipment-process__text { display: block; position: absolute; top: 50px; left: 50%; width: 100%; padding: 0 0 0 40px; font-family: 'BlenderPro' !important; font-size: 48px; font-weight: 100; line-height: 1.25; text-align: left; word-break: break-all; color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 1400px) { .equipment-all .equipment-process__text { font-size: 38px; } }

@media (max-width: 1280px) { .equipment-all .equipment-process__text { font-size: 30px; } }

.equipment-all .equipment-process--auto .equipment-process__item { width: 65.048%; }

.equipment-all .equipment-process--auto .equipment-process__item:nth-child(2) { float: right; }

.equipment-all .equipment-process--display { font-size: 0; }

.equipment-all .equipment-process--display .equipment-process__item { display: inline-block; float: none; width: calc(67% - 11px); vertical-align: bottom; }

.equipment-all .equipment-process--display .equipment-process__item:nth-child(2) { width: calc(33% - 11px); }

.lightGray { color: #a5a09c; }

.white { color: #fff; }

.line__bg { position: relative; }

.line__bg:before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #7f7f7f; margin-left: -.5px; }

.history__wrap { padding: 179px 6.25% 200px; }

.history__wrap.indigo { background: #2c3038; }

.history__wrap.brown { background: #454342; }

.history__wrap.gray { background: #63666a; }

.history__wrap.sky { background: #59708b; }

.history__wrap .history__tree { margin-top: 80px; padding: 0 6.25%; }

.history__wrap .history__tree.flex__end { margin-top: 0; }

.history__wrap .history__tree--inner { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }

.history__wrap .history__tree--inner .title__mid { width: 150%; margin-top: 0 !important; padding-bottom: 30px; display: inline-block; vertical-align: text-bottom; line-height: 36px !important; letter-spacing: -1.3px; font-size: 23px; }

.history__wrap .history__tree--inner .white { margin-top: 32px; line-height: 30px; }

.history__wrap .history__tree--inner .white.top60 { margin-top: 60px; color: #666; }

.history__wrap .history__tree--inner.left { padding-right: 240px; }

.history__wrap .history__tree--inner.right { margin-top: 117px; padding-left: 240px; }

.history__wrap .history__tree--inner.right__top45 { margin-top: 45px; }

.history__wrap .history__tree--inner.right__top81 { margin-top: 81px; }

.history__wrap .history__tree--inner.right .white { margin-top: 149px; }

.history__wrap .history__tree--inner.right.top0 .white { margin-top: 0; }

.history__wrap .history__tree--img { position: relative; }

.history__wrap .history__tree--img.left__bg01:before { content: ''; width: 18px; height: 18px; position: absolute; top: 50%; right: -240px; background: #fff; margin-right: -9px; margin-top: 40px; }

.history__wrap .history__tree--img.left__bg01:after { content: ''; position: absolute; top: 50%; right: -240px; width: 240px; height: 47px; background: url(../images/history_left_bg.png) 100% 50% no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 24px; }

.history__wrap .history__tree--img.left__bg01--single:before { margin-top: -9px; }

.history__wrap .history__tree--img.left__bg01--single:after { background: url(../images/history_right_bg_single.png) 0% 50% repeat-x; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: -24px; }

.history__wrap .history__tree--img.left__bg01 .slider .arr__dot--carousel .swiper-button--wrap { display: block; width: auto; height: auto; position: absolute; top: 50%; left: 0; right: 0; margin: 0; }

.history__wrap .history__tree--img.left__bg01 .slider .arr__dot--carousel .swiper-button--wrap .swiper-button-next, .history__wrap .history__tree--img.left__bg01 .slider .arr__dot--carousel .swiper-button--wrap .swiper-button-prev { margin-top: -32px; width: 64px; height: 64px; border-radius: 50%; opacity: .7; }

.history__wrap .history__tree--img.left__bg01 .slider .arr__dot--carousel .swiper-button--wrap .swiper-button-next { right: 6px; background: url(../images/slide_right_arr1.png) no-repeat; }

.history__wrap .history__tree--img.left__bg01 .slider .arr__dot--carousel .swiper-button--wrap .swiper-button-prev { left: 6px; background: url(../images/slide_left_arr1.png) no-repeat; }

.history__wrap .history__tree--img.left__bg01 .slider .arr__dot--carousel .swiper-pagination { bottom: -40px; }

.history__wrap .history__tree--img.left__bg01 .swiper-wrapper, .history__wrap .history__tree--img.left__bg01 .swiper-slide { width: 100% !important; }

.history__wrap .history__tree--img.right__bg01:before { content: ''; width: 18px; height: 18px; position: absolute; top: 50%; left: -240px; background: #fff; margin-left: -9px; margin-top: -77px; }

.history__wrap .history__tree--img.right__bg01:after { content: ''; position: absolute; top: 50%; left: -240px; width: 240px; height: 67px; background: url(../images/history_right_bg.png) 0% 50% no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -34px; }

.history__wrap .history__tree--img.right__bg01--single:before { margin-top: -9px; }

.history__wrap .history__tree--img.right__bg01--single:after { background: url(../images/history_right_bg_single.png) 0% 50% repeat-x; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.history__wrap .history__tree .history__tree--img + .white { color: #fff; }

.history__wrap .title__xxlarge { margin-top: 200px; color: #c0c0c0; font-family: 'notoserif'; }

.history__wrap .title__xxlarge:first-child { margin-top: 0; }

.scrollArea__box { position: relative; height: 1000px; overflow: hidden; }

.scrollArea__box--bg { height: 1000px; overflow: hidden; background-size: cover !important; }

.scrollArea__box.line__bg:before { height: 245px; background: #fff; z-index: 1; }

.scrollArea__box.line__bg:after { content: ''; width: 18px; height: 18px; background: #fff; position: absolute; top: 242px; left: 50%; margin-left: -9px; }

.scrollArea .title__xlarge { line-height: 60px; }

.scrollArea .black { color: #000; }

.scrollArea .txtlogo { display: inline-block; width: 224px; }

.top60 { margin-top: 60px; }

.top140 { margin-top: 140px; }

.b20s03 .swiper-button--wrap, .b30s03 .swiper-button--wrap { display: none; }

.b20s03 .flex__table--large.flex__table--half { position: relative; margin-top: 39px; -webkit-box-align: normal; -webkit-align-items: normal; -ms-flex-align: normal; align-items: normal; }

.b20s03 .flex__table--large.flex__table--half .button__square--black { position: absolute; bottom: 0; left: 0; }

.b30s03 .flex__table--large.flex__table--half { position: relative; margin-top: 50px; -webkit-box-align: normal; -webkit-align-items: normal; -ms-flex-align: normal; align-items: normal; }

.b30s03 .flex__table--large.flex__table--half .button__square--black { position: absolute; bottom: 0; left: 0; }

.swiper-button-next, .swiper-button-prev { z-index: 1; }

.popup iframe { width: 100%; height: 100%; }

.popup__content { height: 100vh; }

.transfer { position: absolute; right: 116px; top: 38px; color: #010101; font-size: 16px; font-weight: 900; font-family: 'NunitoSans'; z-index: 1; padding-right: 26px; background: url(../images/m/icon_lang.png) 100% 50% no-repeat; }

body.hidden .popup { overflow: hidden; }

#proTabSticky.fixed + .promotion__tab.space { opacity: 0; }

.question-complete { position: relative; max-width: 1340px; margin: 0 auto; padding: 222px 0 100px; border-top: 2px solid #000; border-bottom: 1px solid #d0d0d0; text-align: center; }

.question-complete:after { position: absolute; top: 102px; left: 50%; width: 68px; height: 82px; margin-left: -41px; background: url(../images/icon_complete.png) 50% 50% no-repeat; content: ''; }

.question-complete__text { font-size: 28px; font-weight: 700; line-height: 1.71; color: #000; }

.question-complete__sub-text { font-size: 18px; line-height: 2.22; color: #666; }

.customer-top { margin-bottom: 200px; }

.customer-top__list { max-width: 1340px; margin: 0 auto; }

.customer-top__list:after { display: block; clear: both; content: ''; }

.customer-top__item { float: left; position: relative; width: calc(25% - 15px); min-height: 310px; margin-left: 20px; padding: 140px 30px 0; background-color: #fafafa; }

.customer-top__item:first-child { margin-left: 0; }

.customer-top__icon { position: absolute; left: 30px; top: 35px; width: 68px; height: 68px; background-position: 50% 50%; background-repeat: no-repeat; }

.customer-top__icon--type01 { background-image: url(../images/icon_customer01.png); }

.customer-top__icon--type02 { background-image: url(../images/icon_customer02.png); }

.customer-top__icon--type03 { background-image: url(../images/icon_customer03.png); }

.customer-top__icon--type04 { background-image: url(../images/icon_customer04.png); }

.customer-top__anchor { display: inline-block; position: relative; margin-bottom: 30px; padding-right: 23px; font-size: 20px; font-weight: 700; color: #000; }

.customer-top__anchor:after { position: absolute; top: 7px; right: 0; width: 13px; height: 13px; background: url(../images/icon_customer_arrow.png) 50% 50% no-repeat; content: ''; }

.customer-top__anchor:before { content: ''; position: absolute; bottom: -5px; width: 0; height: 1px; background: #000; -webkit-transition: .35s; transition: .35s; }

.customer-top__anchor:hover:before { content: ''; position: absolute; bottom: -5px; width: 100%; height: 1px; background: #000; }

.customer-top__text { font-size: 16px; line-height: 1.75; word-break: keep-all; color: #000; }

.customer { padding: 90px 0; }

.customer--gray { background-color: #fafafa; }

.customer__wrap { max-width: 1340px; margin: 0 auto; }

.customer__wrap:after { display: block; clear: both; content: ''; }

.customer__left { float: left; width: 32%; }

.customer__right { float: right; width: 67.5%; max-width: 900px; }

.customer__right .button__arrow { margin-top: 40px; }

.customer__right .button-wrap { text-align: right; }

.customer__right .button-wrap .button__arrow { margin-top: 0; }

.customer__title { margin-bottom: 40px; font-size: 32px; font-weight: 700; color: #000; }

.customer__sub-title { margin-bottom: 56px; font-size: 24px; font-weight: 700; color: #000; }

.customer__sub-title span { font-size: 20px; }

.customer__content ~ .customer__content { margin-top: 60px; padding-top: 60px; border-top: 1px solid #e5e5e5; }

.customer__text { font-size: 18px; line-height: 1.67; word-break: keep-all; color: #000; }

.customer__text--bold { font-weight: 700; }

.customer-service { margin-top: -77px; }

.customer-service:after { display: block; clear: both; content: ''; }

.customer-service__item { float: left; width: calc(50% - 10px); margin: 0 0 20px 20px; height: 440px; padding: 100px 40px 0; background-color: #fafafa; }

.customer-service__item:nth-child(2n-1) { margin-left: 0; }

.customer-service__title { margin-bottom: 45px; font-size: 24px; font-weight: 700; color: #000; }

.customer-service__text { font-size: 18px; line-height: 1.67; color: #000; }

.customer-service .button__arrow { margin-top: 73px; }

.question-category { max-width: 1340px; margin: 0 auto 150px; font-size: 0; padding: 0 40px;}

.question-category .pualugin-select { margin-right: 30px; }

.agree { border-top: 2px solid #000; }

.agree__inner { background-color: #fafafa; }

.agree__box { padding: 40px 50px 50px; /*overflow-y: scroll; max-height: 300px;*/ }

.agree__box::-webkit-scrollbar { width: 6px; }

.agree__box::-webkit-scrollbar-thumb { background-color: #dcdcdc; }

.agree__box::-webkit-scrollbar-track { background-color: transparent; }

.agree__title { font-size: 16px; font-weight: 700; line-height: 2.86; color: #000; }

.agree__title ~ .agree__title { margin-top: 30px; }

.agree__text { font-size: 14px; line-height: 2.14; color: #000; }

.agree__content { padding-left: 20px; }

.agree .checkbox { padding: 30px 20px; border-bottom: 1px solid #d0d0d0; }

.wrap.en .f41s03 .agree__title { line-height: 30px; }

.link__buttons { border-bottom: 1px solid #dcdcdc; }

.link__buttons a { display: inline-block; padding: 15px 27px; font-size: 18px; color: #666; border-bottom: 2px solid #fff; }

.link__buttons a.active { font-weight: 500; color: #000; border-color: #000; }

.contents__policy { padding-top: 90px; }

.contents__policy .top01 { margin-top: 37px; font-weight: bold; }

.contents__policy .top02 { margin-top: 45px; color: #666; line-height: 33px; }

.contents__policy--inner { margin-top: 50px; }

.icon { display: inline-block; }

.icon__refusal { width: 68px; }

.align__center { text-align: center; }

.align__right { text-align: right; }

.policy__top { padding-bottom: 50px; }

.policy__top .title__xlarge { margin-top: 38px; }

.policy__top .text { margin-top: 42px; line-height: 30px; }

.policy__text { border-top: 2px solid #000; }

.policy__text .title__large + .title__large { margin-top: 30px; }

.policy__text--inner { padding: 100px 0 60px; border-bottom: 1px solid #e5e5e5; line-height: 30px; }

.policy__text--inner.last { padding-bottom: 100px; border-bottom: 0; }

.policy__text--inner .t_blink { margin: 30px 0 0 19px; }

.policy__text--inner .t_blink__tit { margin-left: -19px; }

.policy__text--inner .table__wrap table th, .policy__text--inner .table__wrap table td { padding-left: 30px; padding-right: 30px; font-size: 16px; color: #666; border-color: #d0d0d0; }

.policy__text--inner .table__wrap table td { line-height: 32px; }

.rfr_mark ul li { position: relative; margin-top: 5px; padding-left: 20px; }

.rfr_mark ul li:first-child { margin-top: 0; }

.rfr_mark ul li:before { content: '※'; position: absolute; top: 0; left: 0; }

.lh40 { line-height: 40px; }

.text--list { margin-top: 30px; }

.text--list li { line-height: 1.3; margin-top: 14px; }

.text--list li:first-child { margin-top: 0; }

.sctoll__box { margin-top: 65px; height: 1203px; overflow-y: auto; background: pink; }

.top40 { margin-top: 40px; }

.top45 { margin-top: 45px; }

.popup { display: none; position: fixed; top: 0; left: 0; width: 100%; bottom: 0; z-index: 11; overflow-y: auto; }

.popup.is-open { display: block; }

.popup__tit { position: relative; height: 120px; padding: 30px; border: 1px solid #d0d0d0; border-bottom: 0; }

.popup__tit .title__large { font-size: 32px; line-height: 60px; font-weight: 700; }

.popup__tit .button__popup--close { position: absolute; top: 30px; right: 30px; }

.popup__contents { min-height: 680px; padding: 0 30px 70px; overflow-y: auto; border: 1px solid #d0d0d0; }

.popup__contents--box { margin-top: 146px; display: table; width: 100%; height: 250px; background: #fafafa; }

.popup__contents--box .title__small { line-height: 30px; }

.popup__contents .btns { margin-top: 72px; text-align: center; }

.popup__contents .btns .button__square--black { min-width: 217px; }

.popup__contents .btns .button__square--black:after { margin-left: 55px; }

.popup__contents .tab--line--large { margin-top: 56px; }

.popup__contents .tab--line--large .flex__layout--title .title__small--mid { font-weight: 700; }

.popup__contents .tab--line .tab__buttons .tab__button { width: 50%; margin-left: 0; }

.popup__contents .tab--line .tab__buttons .tab__button .tab__list, .popup__contents .tab--line .tab__buttons .tab__button .tab__anchor { width: 100%; font-size: 24px; }

.popup__contents .tab--line .tab__buttons .tab__button .tab__anchor:after { position: absolute; left: 0; right: 0; bottom: 0; width: inherit; height: 1px; background-color: #dcdcdc; content: ''; }

.popup__contents .tab--line .tab__buttons .tab__button .tab__anchor.is-active:after { height: 3px; background-color: #000; bottom: -1px; }

.popup__contents .flex.top50 { margin-top: 92px; }

.popup__contents .flex__layout--title { -webkit-flex-basis: 240px; -ms-flex-preferred-size: 240px; flex-basis: 240px; }

.popup__contents .flex__layout--conent { -webkit-flex-basis: calc(100% - 240px); -ms-flex-preferred-size: calc(100% - 240px); flex-basis: calc(100% - 240px); }

.popup__contents .flex__layout .table { margin: 40px 0 95px; }

.popup__contents .flex__layout .table table td.table__column .date { padding-top: 20px; font-size: 16px; line-height: 30px; }

.popup__contents .flex__layout .table table td.table__column .date .address { margin-top: 10px; }

.popup__contents .flex__layout .table table td.table__column .date .address span { margin-right: 15px; vertical-align: top; font-weight: 700; color: #000; }

.popup__contents .flex__layout .table table td.table__column .date .address em { display: inline-block; }

.popup__contents .flex__layout .table table td.table__column .btns { margin-bottom: 21px; margin-top: 120px; text-align: left; }

.popup__contents .flex__layout .table table td.table__column .btns .button__square--black { min-width: 217px; }

.popup__contents .flex__layout .table table td.table__column .btns--address { margin-top: 70px; }

.popup__contents .flex__layout .form__list { border-bottom: 0; }

.popup__contents .flex__layout .form__attach .form__list { padding-bottom: 80px; }

.popup__contents .flex__layout .form__required-info { text-align: left; }

.popup__contents .flex__layout .form__content { padding-left: 150px; }

.popup__contents .flex__layout .form__security .form__list { padding-bottom: 30px; border-bottom: 1px solid #d0d0d0; }

.popup__contents .flex__layout--conent .btns { margin-top: 60px; text-align: left; }

.popup__contents .inputWrap { margin-left: 60px; }

.popup__contents .inputWrap:first-child { margin-left: 0; }

.popup__inner { display: table-cell; vertical-align: middle; }

.popup__inner--posting { position: relative; width: 760px; padding: 20px; background: #f1f1f1; }

.popup__inner--posting .popup__btns--right { text-align: right; }

.popup__inner--posting .popup__contents { margin-top: 20px; padding: 0; }

.popup__inner--close { position: absolute; top: 0; right: -90px; width: 60px; height: 60px; background: url(../images/popup_close_w.png) no-repeat; }

.popup__box { width: 1000px; }

.popup__dim { background: rgba(0, 0, 0, 0.3); }

.popup__lang { position: absolute; top: 50%; right: 130px; border: 0; padding: 5px 12px; font-family: 'NunitoSans'; font-size: 14px; font-weight: 700; letter-spacing: -0.56px; background: url(../images/m/icon_lang.png) 100% 50% no-repeat; background-size: 7px auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.popup__wrap { display: table; height: 100vh; margin: 0 auto; }

.popup__wrap.full { display: block; margin: 0; }

.table__cell { display: table-cell; vertical-align: middle; }

.box__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.box__list--inner { position: relative; padding: 46px 31px 30px 22px; max-width: 330px; height: 181px; background: #fafafa; -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; }

.box__list--inner .notosans { position: relative; line-height: 30px; }

.box__list--inner .notosans:after { content: ''; position: absolute; top: -16px; left: 0; width: 9px; height: 2px; background: #000; }

.box__list--inner[class*='icon0']:after { content: ''; position: absolute; bottom: 30px; right: 31px; width: 41px; height: 42px; }

.box__list--inner.icon01:after { background: url(../images/icon_01.png); }

.box__list--inner.icon02:after { width: 42px; height: 41px; background: url(../images/icon_02.png); }

.box__list--inner.icon03 { margin-top: 29px; }

.box__list--inner.icon03:after { width: 41px; height: 42px; background: url(../images/icon_03.png); }

.box__list--inner.icon04 { margin-top: 29px; }

.box__list--inner.icon04:after { width: 41px; height: 42px; background: url(../images/icon_04.png); }

.bg__lightgray.util { margin-top: 40px; padding: 60px 50px 47px; }

.bg__lightgray.util p { line-height: 30px; }

.bg__lightgray.util .text__lgray { margin-top: 38px; }

.under__line { text-decoration: underline; font-weight: bold; }

.radio__tab--btns { margin-top: 46px; }

.util__area { margin-top: 90px; }

.util__area:first-child { margin-top: 75px; }

.util__area .agree { margin-top: 27px; }

.util__area .agree__inner { background: #fff; border: 1px solid #d0d0d0; overflow-y: auto; }

.util__area .agree__box { line-height: 28px; overflow-y: auto; }

/* [S] 22.09.05 kbs : 개인정보 수집동의 변경 */
.agree__box table {width:100%; table-layout:fixed; border-top:2px solid #ececec;}
.agree__box table th{border-bottom:1px solid #ececec;border-left:1px solid #ececec;text-align:center;padding:10px;}
.agree__box table td{border-bottom:1px solid #ececec;border-left:1px solid #ececec;text-align:center;padding:10px;letter-spacing:-2px;}
.agree__box table th.bl_none, .agree__box table td.bl_none {border-left:none;}  
.agree__box .txt_strong {font-weight:bold; font-size:20px; text-decoration:underline;}
.agree__box .text__lgray {padding-top:10px;}
.agree__box .agree__text.addtxt {padding-top:10px; line-height:1;}
/* [E] 22.09.05 kbs : 개인정보 수집동의 변경 */

.top30 { margin-top: 30px; }

.top80 { margin-top: 80px; }

.form__btype { margin-top: 15px; }

.form__list { border-width: 1px; }

.form .form__select.disabled { background-color: #fafafa; }

.form input:-moz-read-only { background-color: #fafafa; }

.form input:read-only { background-color: #fafafa; }

.filebox { position: relative; }

.filebox__text { display: inline-block; padding: 0; width: 300px; height: 40px; background: #fff; text-indent: 15px; border: 1px solid #d0d0d0; vertical-align: top; }

.filebox label { display: inline-block; margin-left: 9px; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; font-weight: 700; background: #7f7f7f; border: 1px solid #7f7f7f; box-sizing: border-box; cursor: pointer; vertical-align: top; }

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.security__input--num { display: inline-block; width: 170px; height: 40px; vertical-align: top; }

.security__input .form__input { width: 170px; height: 40px; }

.security .btns { margin-top: 35px; text-align: left; }

.security .btns .button__num__reset { margin-left: 50px; }

.security p { margin-top: 35px; font-size: 14px; color: #010000; line-height: 1.71; }

.lh30 { line-height: 30px; }

.lh50 { line-height: 50px !important; }

.contents__payment { margin-top: 100px; }

.contents__payment .flex { margin-top: 160px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.contents__payment .flex:first-child { margin-top: 0; }

.contents__payment .flex__layout--title .title__large { font-size: 30px; font-weight: 700; }

.contents__payment .flex .payment__inner { margin-top: 80px; }

.contents__payment .flex .payment__inner:first-child { margin-top: 0; }

.contents__payment .flex .payment__inner .title__small--mid { font-weight: 500; }

.contents__payment .flex .payment__inner .lh30 { margin-top: 22px; }

.contents__payment .flex .payment__inner .order { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.contents__payment .flex .payment__inner .order__box { min-width: 176px; width: 176px; height: 491px; padding: 40px 19px 40px 20px; border: 2px solid #d0d0d0; border-radius: 30px; }

.contents__payment .flex .payment__inner .order__box ol li { margin-top: 38px; font-size: 14px; font-weight: 500; line-height: 26px; letter-spacing: -1px; }

.contents__payment .flex .payment__inner .order__box ol li:first-child { margin-top: 0; }

.contents__payment .flex .payment__inner .order__box ol li span.num { display: inline-block; margin-right: 6px; width: 26px; height: 26px; line-height: 20px; border: solid 3px #333; text-align: center; vertical-align: top; border-radius: 50%; font-family: 'BlenderPro' !important; font-weight: 700; }

.contents__payment .flex .payment__inner .order__box ol li span.num.gray { border-color: #666; color: #666; }

.contents__payment .flex .payment__inner .order__box ol li span.num.lgray { border-color: #999; color: #666; }

.contents__payment .flex .payment__inner .order__diagram { position: relative; padding: 65px 0 0 53px; }

.contents__payment .flex .payment__inner .order__diagram .title__small--mid { display: none; position: absolute; line-height: 1; color: #fff; }

.contents__payment .flex .payment__inner .order__diagram .position1 { top: 140px; left: 103px; }

.contents__payment .flex .payment__inner .order__diagram .position2 { top: 140px; left: 590px; }

.contents__payment .flex .payment__inner .order__diagram .position3 { display: none; position: absolute; bottom: 32px; left: 321px; }

.contents__payment .flex .payment__inner .order__diagram .position3 p:nth-child(2) { margin: 10px 0; }

.contents .payment__inner .step__txt { margin-top: 60px; }

.contents .payment__inner .step__txt .lh30 { margin-top: 27px; }

.contents .process { padding: 0; background: none; }

.contents .process__list { background: url(../images/bg_process.png) no-repeat; }

.contents .process__list ol li { position: relative; margin-top: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.contents .process__list ol li:first-child { margin-top: 0; }

.contents .process__list ol li em { display: inline-block; width: 198px; height: 51px; line-height: 51px; font-weight: 700; color: #fff; text-align: center; }

.contents .process__list--box { position: relative; width: calc(100% - 245px); padding: 17px 30px; text-align: left; background: #fff; box-shadow: 1.4px 1.4px 8px 0 rgba(0, 0, 0, 0.1); }

.contents .process__list--box:before { content: ''; position: absolute; left: -9px; top: 17px; width: 14px; height: 14px; background: #fff; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.contents .process__list--box:after { content: ''; position: absolute; left: -8px; top: 16px; width: 16px; height: 16px; background: #fff; box-shadow: 1.4px 1.4px 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; }

.contents .process__list--box .notosans { margin: 13px 0 30px; }

.contents .process__list--box .table .table__wrap table th { text-align: center; font-size: 16px; line-height: 24px; border-color: #bebebe; }

.contents .process__list--box .table .table__wrap table td { padding: 27px 0; line-height: 26px; font-size: 14px; }

.contents .process__list--box .table .table__wrap table td .flex { margin-right: 130px; }

.w11 .policy__text--inner .t_blink .dot { padding-left: 10px; }

.popup.en .popup__contents .flex__layout .table table td.table__column .btns { margin-top: 193px; }

.popup.en .popup__contents .flex__layout .table table td.table__column .btns--address { margin-top: 49px; }

.errorBox { padding: 241px 0 201px; max-height: 1433px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* margin: 0 auto; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100vw; }

.errorBox__inner { max-width: 1340px; text-align: center; padding: 100px 0; border-top: 2px solid #000; border-bottom: 1px solid #d0d0d0; width: inherit; }

.errorBox__title { font-size: 68px; font-family: 'BlenderPro' !important; font-weight: bold; line-height: 0.71; }

.errorBox .btns { display: inline-block; margin-top: 50px; }

.errorBox .title__lmid { line-height: 1; }

.errorBox .title__small { line-height: 2.11; margin-top: 10px; }

.errorBox.v0 .errorBox__inner { padding: 83px 0 110px; }

.errorBox.v0 .errorBox__imgWrap { width: 68px; height: 67px; display: inline-block; }

.errorBox.v0 .title__lmid { margin-top: 40px; }

.wrap.en .button[class*="button__square"] { font-family: 'NunitoSans'; }

.iframe-popup.b411.popup { overflow-y: hidden !important; background: #fff; }

.b41Popup { background-color: #fff; }

.b41Popup .popup { background-color: #fff; }

.b41Popup .popup__header { width: 100%; position: fixed; left: 0; top: 0; z-index: 11; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100px; background-color: #fff; box-shadow: 0 4px 8px -1px rgba(30, 30, 30, 0.3); -webkit-transition: top .3s; transition: top .3s; }

.b41Popup .popup__header.actived { top: -100px; -webkit-transition: top .3s; transition: top .3s; box-shadow: none; }

.b41Popup .popup__selectArea { position: absolute; left: 30px; top: 25px; font-size: 0; }

.b41Popup .popup__selectArea .pualugin-select:nth-child(2) { margin-left: 30px; }

.b41Popup .popup__linkArea { position: absolute; left: 50%; top: 31px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.b41Popup .popup__linkItem { display: inline-block; padding: 11px 12px; font-size: 0; }

.b41Popup .popup__linkItem > a { color: #000; font-family: 'NunitoSans'; font-weight: bold; font-size: 14px; display: block; }

.b41Popup .popup__linkItem.is-active { background-color: #838990; border-radius: 20px; padding: 11px 20px; }

.b41Popup .popup__linkItem.is-active > a { color: #fff; }

.b41Popup .popup__closeButton { right: 0; width: 100px; height: 100px; position: absolute; background: url("../images/icon_popup_close_BK.png") no-repeat center; }

.b41Popup .popup__container { height: auto; position: relative; }

.b41Popup .popup__container:before { content: ''; height: 100px; position: absolute; left: 0; right: 0; top: 0; background-color: #fafafa; }

.popup-footer { overflow: hidden; width: 100%; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; background-color: #000; }

.popup-footer .copyright { font-size: 14px; color: #999999; }

.popup-footer .top-button { display: block !important; }

.popup-footer:after { position: absolute; right: 0; bottom: 0; z-index: 3; width: 70px; height: 80px; background-color: #000; content: ''; }

.parallax { position: relative; }

.parallax__bg { background-repeat: no-repeat; background-size: cover; }

.parallax__bg.bg01 { height: 1000px; background-image: url(../images/parallax__bg01.jpg); }

.parallax__bg .position01 { position: relative; max-width: 1340px; width: 100%; height: 100%; margin: 0 auto; }

.parallax__bg .position01 .title__xlarge { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.parallax__bg.bg02 { height: 1000px; background-image: url(../images/parallax__bg02.jpg); }

.parallax__bg .position02 { position: absolute; top: 301px; left: 291px; color: #fff; width: 465px; word-break: keep-all; }

.parallax__bg .position02 .title__xlarge { line-height: 60px; letter-spacing: 8.4px; }

.parallax__sec02 { position: relative; }

.parallax__left.txt01 { position: absolute; top: 0; left: 0; z-index: 1; padding: 14% 0 0 15.5%; }

.parallax__left.txt01 .title__xlarge { font-weight: 700; line-height: 1; letter-spacing: 60px; }

.parallax__left.txt01 .title__xlarge span { font-size: 72px; }

.parallax__left.txt01 .text__box { margin-top: 60px; line-height: 1; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.parallax__left.txt01 .text__box--right { margin-left: 43px; }

.parallax__left.txt01 .text__box--right .title__small { margin-top: 18px; }

.parallax__right.left480 { padding-left: 25%; }

.parallax__right--ml13 { margin-left: 13%; }

.parallax__right .logo__text { padding-top: 35px; color: #000; }

.parallax__right .logo__text .title__mid { color: #010000; }

.parallax__right .logo__text .title__small { margin-top: 49px; font-weight: 400; }

.parallax__right .logo__text--info { margin-top: 80px; }

.parallax__right .logo__text--info p { position: relative; margin-top: 40px; padding-left: 120px; font-size: 14px; line-height: 40px; font-weight: 400; }

.parallax__right .logo__text--info p:first-child { margin-top: 0; }

.parallax__right .logo__text--info p:before { content: ''; width: 100px; height: 40px; position: absolute; top: 0; left: 0; }

.parallax__right .logo__text--info p.sky:before { background: #1ea9e2; }

.parallax__right .logo__text--info p.orange:before { background: #f7941d; }

.parallax__right .logo__text--info p.green:before { background: #3ab54b; }

.parallax__right .logo__img { margin-left: 140px; }

.parallax__right .logo__img--space { padding: 67px 17px 0 26px; }

.parallax__right .logo__map { position: relative; margin: 52px 0 0 54px; width: 790px; height: 234px; background: url(../images/org_map.png) no-repeat; }

.parallax__right .logo__map .bold { position: absolute; font-size: 14px; color: #fff; }

.parallax__right .logo__map .bold.position01 { top: 15px; left: 375px; }

.parallax__right .logo__map .bold.position02 { top: 123px; left: 35px; }

.parallax__right .logo__map .bold.position03 { top: 123px; left: 340px; }

.parallax__right .logo__map .bold.position04 { top: 123px; left: 665px; }

.parallax__right .logo__map .bold.position05 { top: 202px; left: 202px; }

.parallax__right .logo__map .bold.position06 { top: 202px; left: 513px; }

.parallax__right .logo__caption { padding-top: 30px; font-size: 14px; color: #000; line-height: 30px; text-align: center; }

.parallax__sec04.bg__lightgray { padding: 100px 0; }

.parallax__sec05--space01 { background-color: #fafafa; padding: 89px 0 75pt; margin-top: 140px; margin-bottom: 90px; }

.parallax__sec05 .service__list { margin-top: 43px; }

.flex__layout--btype .flex__layout--title { -webkit-flex-basis: 400px; -ms-flex-preferred-size: 400px; flex-basis: 400px; }

.flex__layout--btype .flex__layout--conent { -webkit-flex-basis: calc(100% - 400px); -ms-flex-preferred-size: calc(100% - 400px); flex-basis: calc(100% - 400px); }

.slider { position: relative; }

.slider__triple { margin: 50px 0 50px; }

.slider__triple ~ .align__right { margin-bottom: 300px; }

.slider__triple .swiper-button-prev, .slider__triple .swiper-button-next { width: 29px; height: 38px; top: -67px; }

.slider__triple .swiper-button-prev { right: 60px; left: auto; background: url(../images/icon_list.png) 0 50% no-repeat; }

.slider__triple .swiper-button-next { right: 0; background: url(../images/lcon_next_l.png) 0 50% no-repeat; }

.slider__triple .text { padding: 40px; }

.slider__triple .text .text__small { margin-top: 20px; color: #666; }

.parallax__full--text .flex__layout--half { padding-left: 50px; }

.parallax__full--text .flex__layout--half .title__xlarge { line-height: 52px; letter-spacing: 8.4px; font-weight: bold; }

.parallax__full--text .flex__layout--half .title__small { margin-top: 20px; }

.text__small { font-size: 14px; }

.top100 { margin-top: 100px; }

.top100 .title__mid + .lh30 { margin-top: 53px; }

.top180 { margin-top: 180px; }

.top205 { margin-top: 205px; }

.e51 .parallax__full.top100 { display: none; }

.sub.key.ethics .clip > div.clipel { background-image: url(../images/bg_management_visual01.jpg); }

.sub.key.compliance .clip > div.clipel { background-image: url(../images/bg_management_visual02.jpg); }

.sub.key.enviro .clip > div.clipel { background-image: url(../images/bg_management_visual04.jpg); }

.sub.key.e31s00 .clip > div.clipel { background-image: url(../images/cooperation.jpg); }

.sub.key.e51s01 .clip > div.clipel { background-image: url(../images/bg_management.jpg); }

.leaflet { position: relative; }

.leaflet__banner { height: 1000px; position: relative; }

.leaflet__banner--short { height: 540px; }

.leaflet__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; }

.leaflet__bg--ethics { background-image: url(../images/bg_management_overview01.jpg); }

.leaflet__bg--compliance { background-image: url(../images/bg_management_compliance01.png); }

.leaflet__bg--environment { background-image: url(../images/bg_environment01.jpg); }

.leaflet__bg--enviromentshort { background: url(../images/bg_enviroment04.jpg) no-repeat; background-position: 50% 50%; background-size: cover; }

.leaflet__bg--partners { background-image: url(../images/bg_partners02.jpg); }

.leaflet__wrap { margin: 0 auto; max-width: 1340px; height: 100%; position: relative; }

.leaflet__inner { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.leaflet__title { font-family: 'notosans'; font-size: 42px; color: #fff; font-weight: bold; line-height: 52px; letter-spacing: 8.4px; display: block; }

.leaflet__title--bottom { color: #000; }

.leaflet__title--halfsize { font-size: 24px; color: #000; line-height: 48px; letter-spacing: normal; }

.leaflet__textbox { margin-top: 60px; }

.leaflet__description { font-family: 'notosans'; font-size: 16px; color: #fff; font-weight: normal; line-height: 30px; }

.leaflet__anchor { margin-top: 90px; }

.leaflet__bottom { margin: 150px auto 0; }

.leaflet__iteminner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.leaflet__left { width: calc(50% - 10px); }

.leaflet__left--large { width: 56%; }

.leaflet__left .leaflet__textlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: unset; -webkit-justify-content: unset; -ms-flex-pack: unset; justify-content: unset; max-width: 665px; margin-left: auto; height: 100%; }

.leaflet__right { width: calc(50% - 10px); }

.leaflet__right--small { width: 46%; }

.leaflet__list { margin-top: 160px; padding: 0 90px; }

.leaflet__item { max-width: 1920px; margin: 100px auto 0; }

.leaflet__item:first-child { margin-top: 0; }

.leaflet__item:last-child { margin-bottom: 300px; }

.leaflet__bannersubtitle { font-size: 18px; color: #000; font-weight: bolder; line-height: 30px; float: left; }

.leaflet__subtitle { font-family: 'notosans'; font-size: 36px; color: #010000; font-weight: bold; line-height: 60px; display: block; }

.leaflet__subtitle--wide { letter-spacing: 7.2px; }

.leaflet__textlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 338px; height: 100%; }

.leaflet__textlist--long { max-width: 530px; width: 100%; }

.leaflet__subtextbox { margin-top: 60px; }

.leaflet__text { font-size: 18px; color: #010000; line-height: 36px; }

.leaflet__subtext { padding-left: 6px; font-size: 16px; color: #000; line-height: 30px; position: relative; word-break: keep-all; }

.leaflet__subtext::before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; height: 2px; border-radius: 50%; background-color: #000; }

.leaflet__subtext--default { padding-left: 0; }

.leaflet__subtext--default::before { display: none; }

.leaflet__subtext--space { margin-left: 180px; }

.leaflet__bottomitem.mb0 { padding-bottom: 0; }

.leaflet__bottominner { padding: 170px 90px 0; }

.leaflet__bottominner.pt100 { padding-top: 100px; }

.leaflet__bottominner.pt140 { padding: 140px 90px 100px; }

.leaflet__bottominner:after { content: ''; display: block; clear: both; }

.leaflet__bottominner--gray { padding: 140px 90px; background-color: #fafafa; }

.leaflet__bottominner--gray.pt170 { padding-top: 170px; }

.leaflet__bottomlayout { margin: 0 auto; max-width: 1340px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.leaflet__bottomlayout + .leaflet__bottomlayout { margin-top: 60px; }

.leaflet__bottomlayout.flex .leaflet__titlearea { float: none; }

.leaflet__bottomlayout.flex .leaflet__titlearea .title__large { margin: 0; line-height: 1; }

.leaflet__titlearea { width: 32.8%; }

.leaflet__titlearea__width25 { width: 25%; }

.leaflet__contents { width: calc(100% - 32.8%); }

.leaflet__contents--img { position: relative; height: 900px; }

.leaflet__contents--text .title__mid { margin-top: 90px; }

.leaflet__contents--text .title__mid:first-child { margin-top: 0; }

.leaflet__contents--text .title__small { margin-top: 38px; }

.leaflet__togglebox { margin-top: 80px; }

.leaflet__space { margin-top: 40px; overflow: hidden; }

.leaflet__vision { height: 117px; padding-top: 29px; text-align: center; line-height: 1; background: #fafafa; }

.leaflet__visiontitle { font-family: 'NunitoSans'; font-size: 20px; color: #666; font-weight: bold; }

.leaflet__visiontext { margin-top: 15px; font-size: 24px; color: #000; font-weight: bold; }

.leaflet__cardlist { margin-top: -20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.leaflet__cardlist li:nth-child(even) { margin-left: 20px; }

.leaflet__cardlist:after { content: ''; display: block; clear: both; }

.leaflet__carditem { margin-top: 20px; -webkit-flex-basis: calc(50% - 10px); -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); }

.leaflet__card { position: relative; height: 220px; background-color: #fafafa; }

.leaflet__cardinner { padding: 30px 20px 40px 20px; }

.leaflet__cardbar { width: 12px; height: 2px; background-color: #000; display: block; }

.leaflet__cardtextwrap { margin-top: 34px; }

.leaflet__cardtext { font-size: 18px; color: #000; line-height: 30px; }

.leaflet__cardanchor { padding-right: 61px; font-size: 14px; font-weight: bold; color: #000; display: inline-block; position: absolute; bottom: 40px; }

.leaflet__cardanchor:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 31px; height: 12px; background: url(../images/icon_arrow03.png) 0 0 no-repeat; background-size: 100% auto; }

.leaflet__cardicon { position: absolute; right: 30px; bottom: 33px; width: 50px; }

.leaflet__cardicon.icon02 { width: 65px; }

.leaflet__cardicon.icon03 { width: 51px; }

.leaflet__cardicon.icon04 { width: 58px; }

.leaflet__smallbanner { width: 100%; }

.leaflet__bannerlist + .leaflet__bannerlist { margin-top: 60px; }

.leaflet__buttonanchor { padding: 13px 22px; border: 2px solid rgba(0, 0, 0, 0.4); width: 247px; display: inline-block; position: relative; }

.leaflet__buttonanchor:after { content: ''; position: absolute; top: 50%; right: 22px; width: 27px; height: 12px; margin-top: -6px; background: url(../images/icon_arrow02.png) 0 0 no-repeat; }

.leaflet__anchortext { font-size: 14px; color: #000; font-weight: bold; }

.anchorBox { margin: 55px auto 0; position: relative; font-size: 0; height: 50px; z-index: 1;left:50%; }

.anchorBox__list { width: auto !important; border: solid 1px #d0d0d0; border-radius: 25px; box-sizing: content-box; top: 88px !important; background-color: #fff; min-width: max-content; margin:0 auto; position: absolute; /*left: 50%;*/ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.anchorBox__anchorItem { font-size: 0; display: inline-block; text-align: center; height: 50px; }

.anchorBox__anchor { display: table; padding: 0 21px; font-size: 14px; letter-spacing: -.56px; color: #666666; position: relative; height: 50px; font-weight: bold; font-family: 'notosans'; }

.anchorBox__anchor.is-active { color: #fff; background-color: #838990; border-radius: 25px; }

.anchorBox__text { display: table-cell; vertical-align: middle; }

.lawstoggle { border-top: 2px solid #000; border-bottom: 1px solid #d0d0d0; }

.lawstoggle__panel { padding-bottom: 50px; }

.lawstoggle__anchor { padding: 30px 0; width: 100%; font-size: 20px; color: #000; font-weight: bold; text-align: left; position: relative; }

.lawstoggle__anchor.is-active .lawstoggle__icon { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.lawstoggle__icon { position: absolute; top: 35px; right: 20px; width: 18px; height: 18px; -webkit-transition: all .3s; transition: all .3s; }

.lawstoggle__icon:before { content: ''; position: absolute; top: 8px; right: 0; width: 18px; height: 2px; background-color: #333; display: inline-block; }

.lawstoggle__icon:after { content: ''; position: absolute; top: 0; right: 8px; width: 2px; height: 18px; background-color: #333; display: inline-block; }

.lawstoggle__container { padding-top: 47px; padding-right: 50px; border-bottom: 1px solid #d0d0d0; }

.lawstoggle__container:after { content: ''; display: block; clear: both; }

.lawstoggle__container--full { padding-right: 0; }

.lawstoggle__container:last-child { border-bottom: 0; }

.lawstoggle__titlearea { width: 198px; float: left; }

.lawstoggle__contents { width: calc(100% - 198px); float: right; }

.lawstoggle__columnlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.lawstoggle__column { width: 50%; }

.lawstoggle__columntitle { padding-bottom: 27px; border-bottom: 1px solid #d0d0d0; }

.lawstoggle__columncontainer { padding: 40px 27px 40px 0; height: 230px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; box-sizing: content-box; }

.lawstoggle__columntext { font-size: 16px; color: #666; line-height: 30px; letter-spacing: -0.64px; }

.lawstoggle__columnbutton { width: 217px; }

.lawstoggle__columnbutton .button { width: 100%; }

.lawstoggle__columnbutton .button__arr--black:after { position: absolute; top: 50%; right: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }

.lawstoggle__address { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.lawstoggle__addresstitle { white-space: nowrap; font-size: 16px; font-weight: bold; letter-spacing: -0.64px; }

.lawstoggle__detailedaddress { margin-left: 20px; }

.lawstoggle__text { font-size: 16px; color: #666; line-height: 30px; letter-spacing: -0.64px; }

.lawstoggle__pledgeitem { font-size: 16px; color: #666; line-height: 28px; letter-spacing: -0.64px; }

.lawstoggle__pledgeitem + .lawstoggle__pledgeitem { margin-top: 17px; }

.circle { width: auto; height: auto; padding: 130px 0 90px; margin-left: -124px; }

.circle__wrap { position: relative; width: 497px; height: 481px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; background: url(../images/bg_compliance_graph.png) no-repeat center; }

.circle__title { position: absolute; top: 43%; left: 50%; -webkit-transform: translate(-50%, -43%); -ms-transform: translate(-50%, -43%); transform: translate(-50%, -43%); width: 124px; font-size: 20px; color: #666; font-weight: 700; line-height: 30px; text-align: center; }

.circle__item { position: absolute; }

.circle__item--magnifying { text-align: right; top: 30px; left: -170px; }

.circle__item--hand { text-align: left; top: 30px; right: -210px; }

.circle__item--monitor { text-align: center; bottom: -90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.circle__item--monitor .circle__subtext { width: 300px; }

.circle__subtitle { font-size: 18px; font-weight: bold; color: #000; line-height: 34px; }

.circle__subtext { font-size: 14px; color: #000; line-height: 24px; }

.circle__subtext:first-of-type { margin-top: 12px; }

.report__list { margin-top: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 1044px; }

.report__listbottom { margin-top: 60px; }

.report__item { width: 370px; padding-right: 106px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: content-box; }

.report__item:nth-child(n+3) { margin-top: 60px; }

.report__icon { width: 180px; height: 180px; border-radius: 50%; background-color: #7f7f7f; position: relative; }

.report__icon:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.report__icon--trade:after { width: 62px; height: 60px; background: url(../images/icon_report01.png) 0 0 no-repeat; background-size: 100% auto; }

.report__icon--contracting:after { width: 61px; height: 60px; background: url(../images/icon_report02.png) 0 0 no-repeat; background-size: 100% auto; }

.report__icon--laws:after { width: 61px; height: 60px; background: url(../images/icon_report03.png) 0 0 no-repeat; background-size: 100% auto; }

.report__icon--etc:after { width: 60px; height: 61px; background: url(../images/icon_report04.png) 0 0 no-repeat; background-size: 100% auto; }

.report__name { margin-left: 30px; }

.report__text { font-size: 18px; color: #000; line-height: 36px; white-space: nowrap; }

.signature { margin-top: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.signature__text { font-size: 16px; }

.signature__name { padding-left: 30px; font-size: 24px; }

.signature__image { margin-left: 26px; width: 136px; height: 115px; }

.environment__section { max-width: 1920px; margin: 200px auto 0; position: relative; }

.environment__section--layout { max-width: 1296px; width: 80%; }

.environment__section:last-child { max-width: 100%; margin-top: 100px; }

.environment__section:first-child { margin-top: 0; }

.environment__subtitle { font-size: 24px; color: #000; font-weight: bold; line-height: 36px; }

.environment__space { margin-top: 60px; }

.environment__space--long { margin-top: 80px; }

.environment__certificatewrap { font-size: 0; text-align: center; }

.environment__certificate { display: inline-block; }

.environment__certificate + .environment__certificate { margin-left: 190px; }

.environment__certimage { width: 249px; }

.environment__certanchorbox { margin-top: 12px; }

.environment__certanchor { padding-right: 23px; font-family: 'BlenderPro' !important; font-size: 18px; font-weight: 600; color: #000; position: relative; }

.environment__certanchor:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 13px; height: 12px; background: url(../images/icon_download.png) 0 0 no-repeat; background-size: 100% auto; }

.environment__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_enviroment04.jpg) 0 0 no-repeat; background-size: cover; }

.environment__sectioninner { margin: 0 auto; max-width: 1340px; height: 540px; position: relative; }

.mainpolicy__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.mainpolicy__item + .mainpolicy__item { margin-top: 40px; }

.mainpolicy__titlearea { position: relative; width: 235px; height: 235px; border-radius: 50%; border: 1px dashed #a9aaaa; }

.mainpolicy__titlearea::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 225px; height: 225px; border-radius: 50%; border: 1px dashed #a9aaaa; }

.mainpolicy__titlearea::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 215px; height: 215px; border-radius: 50%; border: 1px dashed #a9aaaa; }

.mainpolicy__titlewrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; }

.mainpolicy__title { font-size: 24px; color: #010000; font-weight: bold; line-height: 36px; }

.mainpolicy__textlist { padding-left: 42px; }

.mainpolicy__textlist .leaflet__subtext { color: #666; }

.ci_wrap { margin-top: 122px; width: 440px; }

.lh36 { line-height: 36px; }

.lh34 { line-height: 34px; }

.top75 { margin-top: 75px; }

.e21 .leaflet__bottom { margin-top: 72px; }

.e21 .leaflet__bottomitem { padding: 140px 0 100px; }

.e21 .leaflet__bottomitem--gray { background-color: #fafafa; }

.e21 .leaflet__bottomitem:last-child { padding-bottom: 240px; }

.e21 .leaflet__bottominner { width: 100%; margin: 0 auto; max-width: 1340px; padding: 0; }

.e21 .leaflet__titlearea > .title__large { line-height: 1.64; }

.e41 .leaflet__left--large { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.e41 .leaflet__textlist { padding-top: 0; margin: 0; }

.wrap.en .e11 .leaflet__right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.wrap.en .e11 .leaflet__right .leaflet__textlist { padding-left: 50px; }

.wrap.en .e11 .leaflet__subtextbox { margin-top: 30px; }

.wrap.en .e11 .leaflet__textlist { padding-top: 0; }

.wrap.en .e21 .lawstoggle__columncontainer { height: 355px; }

.wrap.en .e21 .lawstoggle__columnbutton { width: auto; }

.wrap.en .e21 .lawstoggle__columnbutton .button { width: auto; }

.wrap.en .e21 .lawstoggle__address { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.wrap.en .e21 .lawstoggle__detailedaddress { margin-left: 0; margin-top: 10px; line-height: 1.88; }

.wrap.en .e31 .leaflet__cardinner { padding-right: 51px; }

.wrap.en .e31 .leaflet__cardtextwrap { margin: 30px 0 33px; }

.wrap.en .e31 .leaflet__cardanchor { margin-top: 0; }

.wrap.en .e31 .leaflet__buttonanchor { width: auto; padding: 0 60px 0 20px; min-width: 247px; height: 40px; line-height: 40px; text-align: left; }

.wrap.en .e31 .leaflet__anchor { margin-top: 50px; }

.wrap.en .e31 .title__large { line-height: 1.62; }

.wrap.en .e31 .grapharea--e3101 .grapharea__title { top: -70px; }

.wrap.en .e31 .grapharea--e3101 .grapharea__text { margin-top: 11px; }

.wrap.en .e31 .mainpolicy__title { line-height: 1.25; }

.wrap.en .e31 .grapharea--e3102 { background-image: url("../images/graph_e31_02_en.png"); }

.wrap.en .e31 .grapharea--e3102 .grapharea__textarea--top { top: 94px; text-align: left; }

.wrap.en .e31 .grapharea--e3102 .grapharea__textarea--right { top: 352px; right: 65px; }

.wrap.en .e31 .grapharea--e3102 .grapharea__centerItem--01 { width: 110px; top: 3px; left: 47%; -webkit-transform: translateX(-47%); -ms-transform: translateX(-47%); transform: translateX(-47%); }

.wrap.en .e31 .grapharea--e3102 .grapharea__centerItem--03 { width: 90px; right: 8px; }

.wrap.en .e31 .anchorBox__list { min-width: max-content;width: -webkit-max-content;  width: -moz-max-content; }

.wrap.en .e31 .anchorBox__anchor { font-family: 'NunitoSans'; }

.wrap.en .e41 .leaflet__title--nonLS { letter-spacing: normal; font-size: 34px; }

.wrap.en .e52 .tab__buttons { width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important; }

.e11 .button[class*=button__square] { min-width: 160px; width: auto; }

.sub.key.d11s00 .clip > div.clipel { background-image: url(../images/talent.jpg); }

.sub.key.d22s00 .clip > div.clipel { background-image: url(../images/hiring.jpg); }

.sub.key.d21s01 .clip > div.clipel { background-image: url(../images/system.jpg); }

.sub.key.d41s00 .clip > div.clipel { background-image: url(../images/recruitment.png); }

.sub.key.d51s00 .clip > div.clipel { background-image: url(../images/jobopening.png); }

.sub.key.d61s00 .clip > div.clipel { background-image: url(../images/recruitmentfaq.png); }

.sub__inner .btns.flex .btns__left.mid .button__square--black { min-width: 170px; }

.accodian { border-top: 2px solid #d0d0d0; }

.accodian__v2 { border-color: #000; }

.accodian__title { position: relative; padding: 60px 0; height: 305px; border-bottom: 2px solid #d0d0d0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.accodian__title--num { text-align: center; width: 199px; -webkit-flex-basis: 199px; -ms-flex-preferred-size: 199px; flex-basis: 199px; }

.accodian__title--text .title__large { font-size: 30px; }

.accodian__title--text .lh30 { margin-top: 34px; }

.accodian__title--text .button__open { margin-top: 22px; }

.accodian__title--text .button__open.is-active ~ i.icon.tag01 { background-image: url(../images/tag01_on.png); }

.accodian__title--text .button__open.is-active ~ i.icon.tag02 { background-image: url(../images/tag02_on.png); }

.accodian__title--text .button__open.is-active ~ i.icon.tag03 { background-image: url(../images/tag03_on.png); }

.accodian__title--text .button__open.is-active ~ i.icon.tag04 { background-image: url(../images/tag04_on.png); }

.accodian__title--text .button__open.is-active ~ i.icon.tag05 { background-image: url(../images/tag05_on.png); }

.accodian__title--text i.icon { position: absolute; top: 83px; right: 96px; width: 140px; height: 140px; background: #f7f7f7; background-position: 50% 50%; background-repeat: no-repeat; }

.accodian__title--text i.icon.tag01 { background-image: url(../images/tag01_off.png); }

.accodian__title--text i.icon.tag02 { background-image: url(../images/tag02_off.png); }

.accodian__title--text i.icon.tag03 { background-image: url(../images/tag03_off.png); }

.accodian__title--text i.icon.tag04 { background-image: url(../images/tag04_off.png); }

.accodian__title--text i.icon.tag05 { background-image: url(../images/tag05_off.png); }

.accodian__contents { padding: 59px 180px 60px 185px; background: #fafafa; border-bottom: 2px solid #d0d0d0; }

.accodian__contents .flex__layout { margin-top: 100px; }

.accodian__contents .flex__layout:first-child { margin-top: 0; }

.accodian__contents .flex__layout--title { -webkit-flex-basis: 240px; -ms-flex-preferred-size: 240px; flex-basis: 240px; }

.accodian__contents .flex__layout--conent { -webkit-flex-basis: calc(100% - 240px); -ms-flex-preferred-size: calc(100% - 240px); flex-basis: calc(100% - 240px); }

.accodian__contents .flex__layout--conent .company-video { margin-bottom: 0; }

.accodian__contents .flex__layout--conent .company-video .company-video__inner { margin-right: 0; }

.accodian__contents .flex__layout--conent .company-video .company-video__inner .company-video__controller { bottom: auto; top: 50%; margin-left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.accodian__top { height: 94px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #8e8e8e; }

.accodian__top--faq { text-align: center; -webkit-flex-basis: 112px; -ms-flex-preferred-size: 112px; flex-basis: 112px; font-size: 18px; font-family: 'NunitoSans'; font-weight: 700; color: #0061c7; }

.accodian__top--button { position: relative; width: 100%; text-align: left; font-size: 16px; font-weight: 700; }

.accodian__top--button:after { content: ''; width: 13px; height: 9px; background: url(../images/arr_accodian.png) no-repeat; position: absolute; right: 48px; top: 7px; -webkit-transition: .3s; transition: .3s; }

.accodian__top--button.is-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.accodian__panel { padding: 60px 105px 80px 112px; background: #fff; line-height: 30px; }

.tab__panel .accodian { margin-top: 30px; }

.dot__blue { position: relative; padding-left: 14px; font-weight: 500; }

.dot__blue:before { content: ''; width: 4px; height: 4px; background: #0078ff; position: absolute; top: 7px; left: 0; }

.dot__blue--radius:before { top: 11px; width: 8px; height: 8px; border-radius: 50%; }

.border__box { margin-top: 50px; }

.border__box:first-child { margin-top: 0; }

.border__box .dot__blue { margin-bottom: 15px; }

.border__box--left { margin-left: 19px; padding-left: 11px; position: relative; line-height: 34px; }

.border__box--left:after { content: ''; width: 2px; background: #999; min-height: 11px; opacity: .3; position: absolute; top: 10px; bottom: 11px; left: 0; }

.border__box--left p { line-height: 30px; }

.border__box--none:after { background: none; }

.search__wrap.sub { width: 260px; height: 40px; border-bottom: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.search__wrap.sub input[type="text"] { -webkit-flex-basis: calc(100% - 48px); -ms-flex-preferred-size: calc(100% - 48px); flex-basis: calc(100% - 48px); height: 40px; border: 0; padding: 0; background: transparent; }

.search__wrap.sub .button__lens { height: 40px; background-position: 50% 2px; }

.align__left { text-align: left !important; }

.status { display: inline-block; padding: 0 27px; height: 30px; line-height: 28px; font-size: 14px; font-weight: 700; letter-spacing: 0; }

.status__sky { border: 1px solid #6e92be; color: #6e92be; }

.status__org { border: 1px solid #fec156; color: #fec156; }

.notice__view--full { margin-top: 30px; width: 100%; }

.notice__view--control .flex .btns__right { font-size: 0; }

.notice__view--control .flex .btns__right .button__list { margin-left: 20px; }

.border__top { border-top: 1px solid #888; }

.d11s02 .flex__layout { margin-top: 200px; }

.d11s02 .flex__layout:first-child { margin-top: 0; }

@media (max-width: 1024px) { .d11s02 .flex__layout { margin-top: 100px; }
  .d11s02 .flex__layout .flex__center { margin-bottom: 60px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .d11s02 .flex__layout .flex__center .title__layout { margin-top: 0; } }

.parallax__full { position: relative; }

.parallax__full--text { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; }

.parallax__full--text.left { text-align: left; }

.parallax__full--text.left .title__large { margin: 80px 0 0; }

.parallax__full--text .title__large { margin: 28px 0 50px; line-height: 1.7; }

.parallax__sec02--d11s01 { padding: 140px 0; }

.parallax__sec01--d11s01 { margin-top: 180px; }

.parallax__sec03--d11s03 { padding: 180px 0; }

.parallax__sec03--d11s03 .title__large { margin-top: 36px; }

.parallax__align--center { text-align: center; }

.parallax__align--center .button__bg--gray { width: 160px; height: 48px; line-height: 48px; background: #858585; font-size: 18px; color: #fff; font-family: 'NunitoSans'; border-radius: 24px; }

.parallax__sec04-d1104 { margin: 180px 0 300px; padding: 0 89px; }

@media (max-width: 1024px) { .parallax__sec04-d1104 .flex__table--half .title__layout { margin: 0 0 60px; } }

.parallax__sec01--d22s01 { height: 800px; padding-top: 200px; background: url(../images/d22s01.jpg) 50% 50% no-repeat; background-size: cover; }

.parallax__sec01--d22s01 .title__large { color: #fff; }

.parallax__sec01--d22s01 .step { margin-top: 60px; overflow: hidden; }

.parallax__sec02--d22s02 { height: 800px; padding-top: 200px; background: url(../images/d22s02.jpg) 50% 50% no-repeat; background-size: cover; }

.parallax__sec02--d22s02 .title__large { color: #fff; }

.parallax__sec02--d22s02 .step { margin: 60px auto; overflow: hidden; }

.parallax__sec05--d2105 { padding: 180px 0; }

.parallax__bg.bg03 { height: 1000px; background-image: url(../images/parallax__bg03.jpg); }

.parallax__position { position: absolute; color: #fff; }

.parallax__position--d21 { top: 297px; left: 291px; }

.parallax__position .title__xlarge { line-height: 1.45; letter-spacing: 8.4px; }

.parallax__sec--d21 { padding: 180px 0; }

.parallax__sec--d21 .align__center .title__small { margin-top: 30px; }

.parallax__half { width: 50%; float: left; }

.parallax__halfslider { width: 100%; position: relative; z-index: 0; }

.parallax__slidercontrol { position: absolute; bottom: -10px; left: 0; z-index: 2; width: 70.83%; background-color: #fff; }

.parallax__controllayout { padding-left: 41.17%; padding-right: 17.64%; height: 100%; }

@media (max-width: 1280px) { .parallax__controllayout { padding-left: 17.64%; } }

.parallax__controlcategory { margin-top: 80px; font-size: 20px; color: #666; font-weight: bold; line-height: 30px; }

.parallax__controltitle { margin-top: 24px; font-size: 42px; color: #000; font-weight: 500; line-height: 44px; }

.parallax__card-section { margin-left: 74px; }

.parallax__cardtitlebox { margin-top: 11px; }

.parallax__cardtitle { font-size: 28px; color: #010000; font-weight: bold; line-height: 48px; display: block; }

.parallax__cardlist { margin: 23px -8px -10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 596px; }

.parallax__carditem { margin: 10px 8px; max-width: 290px; height: 230px; background-color: #fafafa; position: relative; -webkit-flex-basis: calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); }

.parallax__carditem[class*=icon]::after { position: absolute; bottom: 20px; left: 42px; }

.parallax__carditem--icon01::after { content: ''; width: 66px; height: 60px; background: url(../images/icon05.png) 0 0 no-repeat; }

.parallax__carditem--icon02::after { content: ''; width: 57px; height: 58px; background: url(../images/icon06.png) 0 0 no-repeat; }

.parallax__carditem--icon03::after { content: ''; width: 58px; height: 58px; background: url(../images/icon07.png) 0 0 no-repeat; }

.parallax__carditem--icon04::after { content: ''; width: 51px; height: 58px; background: url(../images/icon08.png) 0 0 no-repeat; }

.parallax__carditem--icon05::after { content: ''; width: 57px; height: 57px; background: url(../images/icon09.png) 0 0 no-repeat; }

.parallax__carditem--icon06::after { content: ''; width: 57px; height: 57px; background: url(../images/icon10.png) 0 0 no-repeat; }

.parallax__carditem--icon07::after { content: ''; width: 57px; height: 58px; background: url(../images/icon11.png) 0 0 no-repeat; }

.parallax__carditem--icon08::after { content: ''; width: 58px; height: 58px; background: url(../images/icon12.png) 0 0 no-repeat; }

.parallax__carditem--icon09::after { content: ''; width: 60px; height: 60px; background: url(../images/icon13.png) 0 0 no-repeat; }

.parallax__carditem--icon10::after { content: ''; width: 60px; height: 60px; background: url(../images/icon14.png) 0 0 no-repeat; }

.parallax__carditem--icon11::after { content: ''; width: 55px; height: 49px; background: url(../images/icon15.png) 0 0 no-repeat; }

.parallax__carditem--icon12::after { content: ''; width: 59px; height: 58px; background: url(../images/icon16.png) 0 0 no-repeat; }

.parallax__carditem--icon13::after { content: ''; width: 57px; height: 57px; background: url(../images/icon17.png) 0 0 no-repeat; }

.parallax__carditem--icon14::after { content: ''; width: 57px; height: 57px; background: url(../images/icon18.png) 0 0 no-repeat; }

.parallax__carditem--icon15::after { content: ''; width: 60px; height: 60px; background: url(../images/icon19.png) 0 0 no-repeat; }

.parallax__carditem--icon16::after { content: ''; width: 62px; height: 60px; background: url(../images/icon20.png) 0 0 no-repeat; }

.parallax__carditem--icon17::after { content: ''; width: 60px; height: 60px; background: url(../images/icon21.png) 0 0 no-repeat; }

.parallax__carditem--icon18::after { content: ''; width: 57px; height: 57px; background: url(../images/icon22.png) 0 0 no-repeat; }

.parallax__carditem--icon19::after { content: ''; width: 58px; height: 58px; background: url(../images/icon23.png) 0 0 no-repeat; }

.parallax__carditem--icon20::after { content: ''; width: 61px; height: 60px; background: url(../images/icon24.png) 0 0 no-repeat; }

.parallax__carditem--icon21::after { content: ''; width: 58px; height: 58px; background: url(../images/icon25.png) 0 0 no-repeat; }

.parallax__carditem--icon22::after { content: ''; width: 56px; height: 57px; background: url(../images/icon26.png) 0 0 no-repeat; }

.parallax__carditem--icon23::after { content: ''; width: 60px; height: 60px; background: url(../images/icon27.png) 0 0 no-repeat; }

.parallax__carditem--icon24::after { content: ''; width: 60px; height: 57px; background: url(../images/icon28.png) 0 0 no-repeat; }

.parallax__carditem--icon25::after { content: ''; width: 62px; height: 59px; background: url(../images/icon29.png) 0 0 no-repeat; }

.parallax__carditem--icon26::after { content: ''; width: 58px; height: 57px; background: url(../images/icon30.png) 0 0 no-repeat; }

.parallax__carditem--icon27::after { content: ''; width: 57px; height: 57px; background: url(../images/icon31.png) 0 0 no-repeat; }

.parallax__carditem--icon28::after { content: ''; width: 57px; height: 57px; background: url(../images/icon31.png) 0 0 no-repeat; }

.parallax__carditem--icon29::after { content: ''; width: 56px; height: 58px; background: url(../images/icon32.png) 0 0 no-repeat; }

.parallax__carditem--icon30::after { content: ''; width: 61px; height: 58px; background: url(../images/icon33.png) 0 0 no-repeat; }

.parallax__carditem--icon31::after { content: ''; width: 60px; height: 60px; background: url(../images/icon34.png) 0 0 no-repeat; }

.parallax__carditem--icon32::after { content: ''; width: 60px; height: 60px; background: url(../images/icon35.png) 0 0 no-repeat; }

.parallax__carditem--icon33::after { content: ''; width: 58px; height: 58px; background: url(../images/icon07.png) 0 0 no-repeat; }

.parallax__carditeminner { height: 100%; padding: 37px 30px 20px 30px; }

.parallax__carditemtitle { font-size: 20px; color: #000; font-weight: bold; line-height: 28px; display: block; }

.parallax__carditemtext { font-size: 16px; color: #000; line-height: 24px; }

.parallax__carditemtext:first-of-type { margin-top: 21px; }

.step__four { max-width: 1060px; }

.step__four .step__list { -webkit-flex-basis: 21.6776%; -ms-flex-preferred-size: 21.6776%; flex-basis: 21.6776%; }

@media (max-width: 1024px) { .step__four .step__list:after { margin-left: -18%; } }

.step__list { position: relative; text-align: center; max-width: 230px; -webkit-flex-basis: 17.1645%; -ms-flex-preferred-size: 17.1645%; flex-basis: 17.1645%; }

.step__list:after { content: ''; width: 28px; height: 28px; border-radius: 50%; background: url(../images/step_arr.png) no-repeat; position: absolute; left: 0; top: 37%; margin-left: -18%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1024px) { .step__list:after { margin-left: -20%; } }

.step__list--circle { position: relative; display: block; background: #fff; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; }

.step__list--circle.icon01 { background-image: url(../images/step01.png); }

.step__list--circle.icon02 { background-image: url(../images/step02.png); }

.step__list--circle.icon03 { background-image: url(../images/step03.png); }

.step__list--circle.icon04 { background-image: url(../images/step04.png); }

.step__list--circle.icon05 { background-image: url(../images/step05.png); }

.step__list--circle:before { content: ""; display: block; padding-top: 100%; }

.step__list .title__mid { margin-top: 25px; color: #fff; }

.step__list .title__mid em { display: block; margin-top: 17px; font-size: 13px; }

.display__table { display: table; width: 100%; height: 100%; }

.display__table--cell { display: table-cell; vertical-align: middle; }

.system { margin-top: 65px; }

.system__position { position: relative; padding: 27px 37px 37px 40px; background: url(../images/system_bg3.png) 0 50% no-repeat; background-size: 100%; }

.system__position:before { content: ''; padding-top: 100%; }

.system__position:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 3; margin: -14px -28px 0 0; width: 56px; height: 28px; background: url(../images/system_arrow.png); }

.system__position:last-child:after { background: none; }

.system__position .title__mid { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 109px 13px 13px 0; border-bottom: 1px solid #000; }

.system__position .title__mid:after { content: ''; position: absolute; top: 0; left: 0; width: 64px; height: 76px; }

.system__position .title__mid.icon01:after { background: url(../images/rank01.png); }

.system__position .title__mid.icon02:after { background: url(../images/rank02.png); }

.system__position .title__mid.icon03:after { background: url(../images/rank03.png); }

.system__position .title__mid.icon04:after { background: url(../images/rank04.png); }

.system__position .title__mid.icon05:after { background: url(../images/rank05.png); width: 98px; height: 74px; }

.parallax__sec02.d2102 { margin-top: 180px; }

.parallax__sec02.d2102 .text__box .title__mid { line-height: 54px; }

.parallax__sec02.d2102 .title__xlarge.blenderPro { letter-spacing: 5.28px; }

.parallax__sec03.d2103 { margin-top: 150px; }

.paytree .box__list { margin-top: 40px; }

.paytree .box__list--inner { max-width: 660px; height: 230px; margin: 20px auto 0; -webkit-flex-basis: calc(50% - 10px); -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); }

.paytree .box__list--inner .regular { margin-top: 29px; line-height: 36px; }

.paytree .box__list--inner[class*='icon0']:after { bottom: 55px; right: 39px; width: 62px; height: 61px; }

.paytree .box__list--inner.icon05:after { background: url(../images/tree01.png) no-repeat; }

.paytree .box__list--inner.icon06:after { background: url(../images/tree02.png) no-repeat; }

.paytree .box__list--inner.icon07:after { background: url(../images/tree03.png) no-repeat; }

.paytree .box__list--inner.icon08:after { background: url(../images/tree04.png) no-repeat; }

.paytree .box__list.flex { margin-top: 0; }

.paytree .box__list.flex .box__list--inner { margin: 0; }

.align__center--inline .title__large { display: inline-block; line-height: 48px; font-weight: 700; border-bottom: 1px solid #000; }

.align__center--inline.bg__arr { padding: 113px 0 30px; background: url(../images/treebg.png) 50% 50% no-repeat; }

.parallax__sec04.d2104 { margin-top: 170px; position: relative; }

.parallax__sec04.d2104 .parallax__left.right480 { padding-right: 29%; }

.parallax__sec04.d2104 .parallax__right.txt01 { position: absolute; top: 0; right: 0; z-index: 1; padding: 17% 15.5% 0 0; text-align: right; text-shadow: 0 0 5px #ffffff;}

.parallax__sec04.d2104 .parallax__right.txt01 .title__xlarge { letter-spacing: 19px; font-weight: 700; }

.parallax__sec04.d2104 .parallax__right.txt01 .title__mid { margin-top: 46px; line-height: 2; }

.parallax__sec05.d2105 { padding: 250px 0 100px; }

.parallax__sec05.d2105:after { content: ''; display: block; clear: both; }

.parallax__sec06.d2106 { padding: 100px 0; }

.parallax__sec06.d2106:after { content: ''; display: block; clear: both; }

.parallax__sec07.d2107 { padding: 100px 0; }

.parallax__sec07.d2107:after { content: ''; display: block; clear: both; }

.parallax__sec08.d2108 { padding: 100px 0; }

.parallax__sec08.d2108:after { content: ''; display: block; clear: both; }

.parallax__sec09.d2109 { padding: 100px 0 300px; }

.parallax__sec09.d2109:after { content: ''; display: block; clear: both; }

.box__list--four { margin-top: 48px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.box__list--four .box__list--inner { -webkit-flex-basis: calc(25% - 15px); -ms-flex-preferred-size: calc(25% - 15px); flex-basis: calc(25% - 15px); height: calc(100% - 10px); margin-bottom: 20px; margin-right: 20px; padding: 0; }

.box__list--four .box__list--inner:nth-child(4n) { margin-right: 0; }

.box__list--four .box__list--inner[class*='icon']:after { content: ''; position: absolute; bottom: 50px; right: auto; left: 40px; right: 40px; }

.box__list--four .box__list--text { position: absolute; top: 0; left: 0; padding: 56px 36px 50px; }

.box__list--four .box__list--text .regular { margin-top: 31px; line-height: 24px; }

.box__list--four .box__list--height { position: relative; }

.box__list--four .box__list--height:after { content: ''; display: block; padding-top: calc(100% - 10px); }

.flex__table--half.text { position: relative; -webkit-flex-basis: 38%; -ms-flex-preferred-size: 38%; flex-basis: 38%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.flex__table--half.text .title__layout { margin-right: 22%; }

.flex__table--half.text .title__layout .title__small--mid { margin-bottom: 24px; color: #666; }

.flex__table--half.slider { position: relative; -webkit-flex-basis: 62%; -ms-flex-preferred-size: 62%; flex-basis: 62%; }

.control { position: relative; margin-top: 80px; padding-bottom: 20px; }

.control .swiper-pagination { position: relative; width: 100%; height: 20px; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }

.control .swiper-pagination .swiper-pagination-bullet { position: absolute; width: inherit; height: 2px; left: 0; right: 0; bottom: -20px; z-index: 0; background-color: #ddd; width: 50%; }

.control .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #000; -webkit-transition: ease-in 0.3s; transition: ease-in 0.3s; content: ''; z-index: 1; }

.control .swiper-pagination .swiper-pagination-bullet span { position: absolute; top: -40px; left: 0; font-size: 14px; font-weight: bold; color: #ddd; }

.control .swiper-pagination .swiper-pagination-bullet:nth-child(2) { left: 50%; -webkit-transition: ease-in 0.3s; transition: ease-in 0.3s; }

.control .swiper-pagination .swiper-pagination-bullet:nth-child(2) span { left: calc(-100% + 27px); }

.control .swiper-pagination .swiper-pagination-bullet:nth-child(2) span:before { content: '/'; display: inline-block; position: absolute; top: 0; left: -8px; color: #000 !important; }

.control .swiper-pagination .swiper-pagination-bullet-active span { color: #000; }

.control .swiper-pagination .swiper-pagination-bullet-active:after { background-color: #000; }

.control .swiper-button--wrap { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; height: auto; z-index: 1; }

.control .swiper-button--wrap .swiper-button-prev { left: auto; right: 54px; height: 12px; background: url(../images/m/benefits_prev.png) no-repeat; background-size: 28px auto; background-position: 0 50%; }

.control .swiper-button--wrap .swiper-button-next { height: 12px; background: url(../images/m/benefits_next.png) no-repeat; background-size: 28px auto; background-position: 100% 50%; }

.incentive__text { margin-top: 22px; font-family: 'NunitoSans'; font-size: 16px; color: #000; line-height: 28px; }

.grapharea { margin: 80px auto 0; position: relative; width: auto; height: auto; font-family: "notosans"; } /* -- CSS Validator font-size -> font-family */

.grapharea--d1101 { width: 1147px; height: 415px; background: url("../images/graph_d11_01.png") no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding: 0 30px; margin-top: 0; }

.grapharea--d1101 .grapharea__title { font-size: 20px; line-height: 1.2; font-family: "notosans"; }

.grapharea--d1101 .grapharea__subtitle { font-size: 16px; margin-top: 8px; font-family: 'NunitoSans'; padding-bottom: 42px; }

.grapharea--d1102 { width: 1027px; height: 912px; background: url("../images/graph_d11_02_ko.png") no-repeat; background-size: contain; }

.grapharea--d1102 .grapharea__title { font-size: 24px; font-weight: bold; }

.grapharea--d1102 .grapharea__subtitle { font-family: 'NunitoSans'; font-size: 16px; font-weight: bold; }

.grapharea--d1102 .grapharea__text { font-size: 14px; line-height: 1.71; margin-top: 19px; }

.grapharea--d1102 .grapharea__textarea { position: absolute; }

.grapharea--d1102 .grapharea__textarea--left { top: 199px; left: 106px; text-align: left; }

.grapharea--d1102 .grapharea__textarea--right { top: 170px; right: 128px; text-align: left; }

.grapharea--d1102 .grapharea__textarea--bottom { bottom: 68px; left: 49%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: left; margin-left: -5px; }

.grapharea--d1102 .grapharea__center { -webkit-transform: translate(-51%, -47%); -ms-transform: translate(-51%, -47%); transform: translate(-51%, -47%); top: 46%; left: 49%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.grapharea--d1102 .grapharea__centerItem { font-size: 14px; color: #fff; font-weight: bold; width: 160px; height: 48px; line-height: 48px; background-color: #747474; border-radius: 40px; border: 2px #747474 solid; box-sizing: content-box; position: relative; }

.grapharea--d1102 .grapharea__centerItem:not(:first-child) { margin-top: 6px; }

.grapharea--e3101 { margin-top: 153px; width: 900px; height: 583px; background: url("../images/graph_e31_01.png") no-repeat; background-size: 100%; position: absolute; right: 0; }

.grapharea--e3101 .grapharea__title { font-size: 34px; line-height: normal; text-align: center; width: 100%; position: absolute; top: -50px; }

.grapharea--e3101 .grapharea__subtitle { font-size: 22px; padding-bottom: 42px; letter-spacing: -0.44px; font-weight: bold; display: block; text-align: center; width: 100%; position: absolute; bottom: 20px; margin-top: 0; }

.grapharea--e3101 .grapharea__text { color: #fff; line-height: 1.33; font-size: 18px; text-align: center !important; }

.grapharea--e3102 { margin-top: 75px; width: 900px; height: 775px; background: url("../images/graph_e31_02_ko.png") no-repeat; background-size: 100%; position: absolute; right: 0; }

.grapharea--e3102 .grapharea__subtitle { font-size: 20px; margin-top: 0; font-weight: bold; }

.grapharea--e3102 .grapharea__text { margin-top: 19px; font-size: 16px; line-height: 1.5; }

.grapharea--e3102 .grapharea__textarea { position: absolute; width: auto; height: auto; }

.grapharea--e3102 .grapharea__textarea--left { top: 367px; left: 55px; text-align: left; }

.grapharea--e3102 .grapharea__textarea--right { top: 395px; right: 20px; text-align: left; }

.grapharea--e3102 .grapharea__textarea--top { top: 120px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }

.grapharea__textitem { height: 270px; width: 300px; text-align: center; }

.grapharea__content { font-size: 16px; line-height: 1.5; letter-spacing: -.32px; position: relative; font-family: "notosans"; }

.grapharea__content:before { content: ''; width: 24px; height: 2px; background-color: #000; position: absolute; top: -22px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.grapharea__textarea { position: absolute; }

.grapharea__textarea--left { top: 222px; left: 120px; }

.grapharea__textarea--right { top: 194px; right: 150px; text-align: left; }

.grapharea__textarea--bottom { bottom: 123px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: left; }

.grapharea__title { font-size: 26px; color: #000; font-weight: bold; line-height: 34px; }

.grapharea__subtitle { margin-top: 29px; font-size: 18px; color: #000; line-height: 34px; }

.grapharea__text { margin-top: 24px; font-size: 16px; line-height: 30px; color: #000; }

.grapharea__circle-wrap { width: 100%; height: 200px; position: absolute; bottom: 132px; }

.grapharea__circle { height: 200px; width: 200px; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.grapharea__circle--01 { left: 118px; }

.grapharea__circle--01 .grapharea__icon { width: 70px; height: 56px; }

.grapharea__circle--02 { left: 49%; -webkit-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); }

.grapharea__circle--02 .grapharea__icon { width: 56px; height: 55px; }

.grapharea__circle--03 { right: 130px; }

.grapharea__circle--03 .grapharea__icon { width: 57px; height: 62px; }

.grapharea__icon { width: 70px; height: 56px; }

.grapharea__center { width: 300px; height: 300px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -15%); -ms-transform: translate(-50%, -15%); transform: translate(-50%, -15%); bottom: 14%; }

.grapharea__centerItem { width: 50px; height: 100px; position: absolute; text-align: center; }

.grapharea__centerItem .grapharea__text { margin-top: 6px; font-size: 16px; font-weight: bold; }

.grapharea__centerItem .grapharea__icon { display: inline-block; }

.grapharea__centerItem--01 { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 20px; }

.grapharea__centerItem--01 .grapharea__icon { width: 47px; height: 46px; }

.grapharea__centerItem--02 { left: 60px; bottom: 33%; -webkit-transform: translateX(-33%); -ms-transform: translateX(-33%); transform: translateX(-33%); }

.grapharea__centerItem--02 .grapharea__icon { width: 43px; height: 37px; }

.grapharea__centerItem--03 { right: 30px; bottom: 33%; -webkit-transform: translateX(-33%); -ms-transform: translateX(-33%); transform: translateX(-33%); }

.grapharea__centerItem--03 .grapharea__icon { width: 45px; height: 36px; }

.grapharea__bottom { position: absolute; bottom: 32px; width: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.grapharea__itembox { width: 505px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.grapharea__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 35px; width: 159px; height: 50px; background-color: #fff; border-radius: 25px; border: 2px solid #bebebe; font-size: 14px; font-weight: bold; color: #000; line-height: 1.14; }

.grapharea__item:not(:first-child) { margin-left: 14px; }

/*
@media (prefers-color-scheme: light) {
    .sub__location {
        position: fixed;
        top:100px;
        left:200px;
        z-index: 10;
    }
    .sub__location a {
        color: black;
     }
}
*/
.e31 .parallax__full > .leaflet__bottominner { padding: 0; }

.wrap.en .parallax__bg .title__xlarge { font-size: 40px; font-weight: 700; line-height: 52px; letter-spacing: 8px; }

.wrap.en .parallax__sec03--d11s03 .title__large { font-size: 30px; line-height: 40px; }

.wrap.en .grapharea__text { text-align: left; }

.wrap.en .system__position .title__mid { padding-right: 0; border-bottom: none; font-size: 22px; line-height: 32px; text-align: center; }

.wrap.en .system__position .title__mid:after { left: 50%; margin-left: -34px; }

.wrap.en .paytree .box__list--inner .regular { padding-right: 100px; }

.wrap.en .parallax__sec04.d2104 .parallax__right.txt01 .title__xlarge { font-family: 'BlenderPro'; font-size: 44px; line-height: 54px; letter-spacing: 4.4px; }

.wrap.en .parallax__controltitle { margin-right: -70px; font-size: 40px; line-height: 48px; font-weight: bold; }

.wrap.en .parallax__carditemtext:first-of-type { margin-top: 6px; }

.wrap.en .parallax__carditemtitle { line-height: 1.3; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: left; word-break: break-all; /* word-break-font-size: 16px; word-break-line-height: 24px; -- CSS Validator */ }
/* -- CSS Validator : word-break: break-all span; -> word-break: break-all; */

.wrap.en .parallax__carditeminner { padding: 27px 27px 20px; }

.wrap.en .parallax__carditem[class*=icon]:after { background-size: 100% auto; }

.wrap.en .parallax__carditem--icon20:after { width: 47px; height: 45px; }

.wrap.en .parallax__carditem--icon21:after { width: 39px; height: 43px; }

.wrap.en .parallax__carditem--icon22:after { width: 43px; height: 44px; }

.wrap.en .parallax__carditem--icon23:after { width: 45px; height: 45px; }

.wrap.en .parallax__carditem--icon24:after { width: 48px; height: 47px; }

.wrap.en .parallax__carditem--icon25:after { width: 47px; height: 45px; }

.wrap.en .parallax__carditem--icon26:after { width: 43px; height: 46px; }

.wrap.en .parallax__carditem--icon27:after { width: 43px; height: 43px; }

.wrap.en .accodian__title { height: 335px; }

.wrap.en .grapharea--d1101 .grapharea__title { margin-bottom: 50px; position: relative; }

.wrap.en .grapharea--d1101 .grapharea__textitem { height: 290px; width: 300px; }

.wrap.en .grapharea--d1102 { background: url("../images/graph_d11_02_en.png") no-repeat; background-size: contain; font-family: 'NunitoSans'; }

.wrap.en .grapharea--d1102 .title__large { line-height: 40px; }

.wrap.en .grapharea--d1102 .grapharea__subtitle { display: block; margin-top: 10px; }

.wrap.en .grapharea--d1102 .grapharea__textarea--bottom { left: 49%; -webkit-transform: translateX(-49%); -ms-transform: translateX(-49%); transform: translateX(-49%); }

.wrap.en .grapharea--d1102 .grapharea__textarea--left { top: 167px; left: 126px; }

.wrap.en .grapharea--d1102 .grapharea__textarea--right { top: 109px; right: 54px; }

.en .room-enrollment:hover {width: 175px;}

@media screen and (min-width: 1025px) and (max-width: 1280px) { .parallax__bg { background-size: auto; background-position: center; }
  .d11 .position02 { left: 110px; }
  .d21 .parallax__position--d21 { left: 110px; }
  .d21 .parallax__halfslider { min-height: 1021px; }
  .d21 .parallax__slidercontrol { width: 100%; }
  .d21 .parallax__sec04.d2104 .parallax__right.txt01 { padding: 17% 7.5% 0 0; }
  .d21 .parallax__half:nth-child(1) { width: 47%; }
  .d21 .parallax__card-section { margin-left: 7.5%; }
  .d21 .system { padding: 0 90px; }
  .d21 .align__center--inline.bg__arr { padding: 113px 0 102px; background-image: url("../images/bg_d21_arrow_w1280.png"); }
  .d21 .paytree .box__list.flex { display: block; }
  .d21 .paytree .box__list.flex .box__list--inner { min-width: 660px; margin: auto; }
  .d21 .paytree .box__list.flex .box__list--inner:nth-child(2) { margin-top: 20px; } }

@media screen and (max-width: 1024px) { .d21 .parallax__sec04.d2104 .parallax__right.txt01 { padding: 17% 3% 0 0; }
  .d21 .system { padding: 0 50px; }
  .d21 .system__position .title__mid { padding: 70px 6px 6px 0; }
  .d21 .system__position .title__mid:after { background-repeat: no-repeat; background-size: 55px auto !important; }
  .d21 .system__position .title__mid.icon05:after { background-size: 80px auto !important; } }

.d22s00 .clip.active ~ .button.button__arrow.button__arrow--round { display: none !important; }

.wrap.en .container.sustainability .clip.active + .sub__location.actived .sub__nav {
    max-width: calc(100% - 40px);
}
.sustainability.e11 .sub__depthbox.actived,
.sustainability.e21 .sub__depthbox.actived,
.sustainability.e31 .sub__depthbox.actived,
.sustainability.e41 .sub__depthbox.actived,
.sustainability.e51 .sub__depthbox.actived {
    width:920px;
    overflow:hidden;
}

@media screen and (max-width: 1146px){
  .wrap.en .container.sustainability.e11 > .sub > .sub__nav li a,
  .wrap.en .container.sustainability.e21 > .sub > .sub__nav li a,
  .wrap.en .container.sustainability.e31 > .sub > .sub__nav li a,
  .wrap.en .container.sustainability.e41 > .sub > .sub__nav li a,
  .wrap.en .container.sustainability.e51 > .sub > .sub__nav li a {
    font-size: 12px !important;
  }
}

.mrm5 { margin-right: -5px; }

.partnertoggle__columnbutton { margin-left: 6px; width: 173px; margin-top:10px;}

.partnertoggle__columnbutton .button { width: 100%; }

.partnertoggle__columnbutton .button__arr--black:after { position: absolute; top: 50%; right: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }

.button[class*="button__square__partner"] { min-width: 147px; height: 36px; line-height: 32px; text-align: left; font-size: 12px; font-weight: 500; letter-spacing: 0; }
.button__partner { color: #666; border: 2px solid #888; padding-left: 12px; padding-right: 20px; }

.top_location {color : rgba(255, 255, 255, 0.6); top: 11vh !important; text-align: right; width: 95% !important; font-size: 16px !important;  letter-spacing:0 !important; }
.home_icon {width: 15px; padding-top:2px;opacity : 0.6;}

.top_location_right { top: 11vh !important; text-align: right; width: 95% !important; font-size: 16px !important;  letter-spacing:0 !important; font-weight: normal !important; }
.home_iconb {width: 15px; padding-top:2px;}

.top_location_right_media {color : rgba(0, 0, 0, 0.6); z-index: 3; position: absolute; top: 10vh !important; text-align: right; width: 98% !important; font-size: 16px !important;  letter-spacing:0 !important; font-weight: normal !important; }

.sub__title_media {text-shadow : 0 0 3px #ffffff;}

.lsm15 {letter-spacing: -1.5px;}	

.wrap.en .c21 .flex__layout:last-child { margin-bottom: 150px;}

/* 기본 */
		header {
		  position:fixed !important;
		  width:100% !important;
		  top:0 !important;
		  left:0 !important;
		  height:68px !important;
		  background-color:transparent !important;
		  -webkit-transition-duration:0.4s !important;
		  -webkit-transition-timing-function:ease !important;
		  transition-duration:0.4s !important;
		  transition-timing-function:ease !important;
		}
		header .logo_top .header__menu .gnb_wrap  ul>li.dropdown a.dropbtn {
		  color:#fff;
		}
		header:after .logo_top .header__menu .gnb_wrap  ul>li.dropdown a.dropbtn {
		  display:block;
		  width:100%;
		  content:"";
		  color:#000;
		}
		header:hover {
		  background-color:rgba(255,255,255,1) !important;
		}
		header:hover .logo_top .header__menu .gnb_wrap  ul>li.dropdown a.dropbtn {
		  color:#000;
		}
		header .logo_top .header__menu .gnb_wrap  ul>li.dropdown a.dropbtn:hover {
		  color:#0057a6;
		}
		.down {
		  background-color:rgba(255,255,255,1) !important;
		  -webkit-transition-duration:0.4s !important;
		  -webkit-transition-timing-function:ease !important;
		  transition-duration:0.4s !important;
		  transition-timing-function:ease !important;
		  border-bottom:1px solid #dcdcdc !important;
		  color: #000;
		}
		.down .logo_top .header__menu .gnb_wrap  ul>li.dropdown a.dropbtn {
		  color: #000 !important;
		}
		.down .logo_top .header__menu .gnb_wrap  ul>li.dropdown a.dropbtn:hover {
		  color: #0057a6 !important;
		}
		.down .logo_top .header__logoanchor { display: block; width: 100px; height: 23px; background: url(../images/logo.png) 50% 50% no-repeat; background-size: 100% auto; }
		header:hover .down .logo_top .header__logoanchor { display: block; width: 100px; height: 23px; background: url(../images/logo.png) 50% 50% no-repeat; background-size: 100% auto; }

		header .logo_top .header__logoanchor { display: block; width: 100px; height: 23px; background: url(../images/logo3.png) 50% 50% no-repeat; background-size: 100% auto; }
		header:hover .logo_top .header__logoanchor { display: block; width: 100px; height: 23px; background: url(../images/logo.png) 50% 50% no-repeat; background-size: 100% auto; }
		
/* 지도보기 */
/* mapopen ############################################################################### */
.mapopen_back_c1, .mapopen_back_c2, .mapopen_back_, .mapopen_back_s1, .mapopen_back_s2, .mapopen_back_s3, .mapopen_back_a1, .mapopen_back_a2,
 .mapopen_back_b1, .mapopen_back_b2, .mapopen_back_d1, .mapopen_back_d2, .mapopen_back_d3 {

width:100%;
    z-index:1500;
    margin:0 auto;
    height:100%;
    position:fixed;
    right:auto;
    left:auto;
    padding:0;
    top:0;
    background: rgba(0, 0, 0, 0.95);
    display: none;
background-position: center;
   background-size: cover;
-moz-transition: all 2s ease 0;
  -o-transition: all 2s ease 0;
  -webkit-transition: all 2s ease 0;
  transition: all 2s ease 0;
}
.mapopen {width:100%;margin:0 auto;height:100%;padding: 0;}
.mapopen .map-title {position: fixed; top:20px; left:20px;float:left; color:#ffffff; font-size:16px; font-weight: 700;}
.mapopen .map-close { cursor:pointer; background: url(../images/icon_info_close.png) no-repeat center #444444; background-size: 40%; position:fixed; top: 20px; right:20px; width: 30px; height:30px; box-shadow: none;
border-radius: 50%; }
/*.mapopen .map-close a {width:50px;text-align:center;float:right; padding: 3px 5px 4px; border-radius:50px;z-index:1500; color:#777; font-size:12px;background:#dcdcdc;letter-spacing:0 !important; }*/
.allmap {width:100%;margin:0 auto;text-align:left;height:100%;}
.mapopen .allmap .btn__list { position: absolute; bottom: 40px; left: 20px;}
.allmap .btn__list .button__arr--black:after {display: none;}
.allmap .btn__list .button__arr--black {font-size: 12px;}
.wrap.en .white-type .c21 .parallax01 { padding-top: 260px; }

/* 2025. 05. 08 추가 : 미디어쿼리 관련 */
/* 미디어쿼리 */

 
/* xelg ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/ 
@media (min-width: 1540px) {

.semiconductor__text { left: 70px; }
.semiconductor__slide .semiconductor__pagination { left: 75px;}
	
/*회사소개*/
.ceo-message__text { padding-right: 20px; letter-spacing: -0.5px;}
.wrap.en .company_photo {align-items: normal;}
.wrap.en .parallax01 { padding-top: 260px; }
.wrap.en .company .parallax01 { padding-top: 260px; }
.white-type .wrap.en .util .sub .sub__title {width: 80%;}
.wrap.en .media-list .parallax01 { padding-top: 0px; }
.wrap.en .philosophy-right {padding-right:90px;}
.wrap.en .management-philosophy__inner--type07 { padding-right: 270px;}

.hidden-xelg {display :none !important;}

/* media */
/*.wrap.en .c31 .mainparallax { height: calc(100vh - 80px);}*/
.wrap.en .c31 .mainparallax { height: 1200px;}

}
/*elg ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/ 
 @media (min-width: 1280px) and (max-width: 1539px) {

.wrap { min-width: 1024px; }

.wrap.en .news__item { max-width: 340px; }
.wrap.en .semiconductor__description-en {font-size: 40px; line-height: 1.15;}

.wrap.en .footer__inner .footer__btns a em {height: 36px;}	

.wrap.en .main-title--left {left: -130px;}
	
/*사이트맵*/
.wrap.en .gnb__links { bottom: 120px; }
.wrap.en .gnb__layer--depth2 ul li a {font-weight: 400;}
	
/*회사소개*/	
.wrap.en section.history {padding: 0 40px;}
.wrap.en .history__title { padding: 0 100px 0 140px;}
.wrap.en section.vision .sub__inner {padding:0 60px;}
.wrap.en .ceo-message__text { padding-right: 20px; letter-spacing: -0.5px;}
.wrap.en .company__info .btn__list .button { padding-right: 10px;}
.wrap.en .company__info .button__arr:after {display: none;}
.wrap.en .company_photo {align-items: normal;}
.wrap.en .parallax01__inner { padding: 0px 0 240px;}
.wrap.en .management-philosophy__text-wrap { margin: 0 0 0 270px;}
.wrap.en .philosophy-right {padding-right:60px; left: calc(50% + 60px);}
.wrap.en .management-philosophy__inner--type07 { padding-right: 270px;}

/*제품*/
.wrap.en .process {padding: 150px 0px 200px 80px;}
.wrap.en .semiconductor-process { padding: 140px 20px 250px 80px;}

/*media*/
.wrap.en .parallax01 { padding-top: 260px; }
.wrap.en .company .parallax01 { padding-top: 260px; }
.popup__promotion .parallax01__title--large { font-size: 50px;}
.promotion__txt .title__xlarge {font-size: 36px;}
.history__wrap .history__tree--inner .white.top60 {font-size: 17px; }
.history__wrap .history__tree--inner .title__mid {font-size: 17px; width: 160%;}
.history__wrap .history__tree--inner.left { padding-right: 180px;}
.history__wrap .history__tree--img.left__bg01:before {right: -180px;}
.history__wrap .history__tree--img.left__bg01:after {right: -180px;width: 180px;}
.history__wrap .history__tree--inner.right { padding-left: 180px;}
.history__wrap .history__tree--img.right__bg01:before {left: -180px;}
.history__wrap .history__tree--img.right__bg01:after {left: -180px;width: 180px;}

.wrap.en .media-list .parallax01 { padding-top: 0px; }

/*.wrap.en .c31 .mainparallax { height: calc(100vh - 80px);}*/
.wrap.en .c31 .mainparallax { height: 1200px;}

/* 채용 */
.wrap.en .d21 .paytree .box__list.flex { display: flex;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner {-webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; min-width: auto;max-width:660px;}

/* ESG */
.wrap.en .leaflet__inner {left: 5%;}
.wrap.en .leaflet__bottomlayout {padding: 0 40px;}

.wrap.en .leaflet__titlearea { width: 28%;}
.wrap.en .leaflet__contents { width: calc(100% - 28%);}

.wrap.en .leaflet__left--large { padding: 0 30px;}

.wrap.en .e51s03 .parallax__bg .position01 .title__xlarge {left: 5%;}
.wrap.en .parallax__sec01 {padding: 0 40px;}
.wrap.en .parallax__sec05 .flex__layout--btype.top100 {padding-right: 40px; padding-left:0;}
.wrap.en .parallax__sec05 .flex__layout--btype.top100.spon {padding-right: 0px; padding-left: 40px;}
.wrap.en .parallax__sec05 .flex__layout--btype {padding-left: 40px;}
.wrap.en .sub__inner.social {padding:0 40px;}

.wrap.en .e31 .title__large {line-height: 1.32;}
.wrap.en .e31 .leaflet__contents--text .title__small { margin-top: 10px;}
.wrap.en .e31 .leaflet__contents--text .title__mid { margin-top: 40px;}
.wrap.en .e31 .leaflet__contents--text .title__mid:first-child {margin-top: 0;}

.wrap.en .e41 .leaflet__left--large {padding: 0 30px 0 80px;}

.wrap.en .e51 .sub.e51s01 { height: 260px !important;}
.wrap.en .e51 .contents .sub__inner {padding:0 40px;margin: 0 40px;}

.wrap.en .e51 .sub__inner.activity {padding: 0 40px;}
.wrap.en .e51 .parallax01 { padding-top: 0px; }


/* 고객센터 */
.wrap.en .customer-top { padding: 0 40px;}
.wrap.en .customer { padding: 90px 40px;}
.wrap.en .question-category { margin: 0 auto 100px;}
.wrap.en .link {padding: 0 40px;}

.wrap.en .policy__text--inner .table__wrap table th, .wrap.en .policy__text--inner .table__wrap table td {padding: 15px;}

.white-type .wrap.en .util .sub .sub__title {width: 60%;}

 	
.hidden-elg {display :none !important;}

 }
 
/*lg ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/ 
 @media (min-width: 1024px) and (max-width: 1279px) {
 
/*메인*/
.wrap.en .company-info__wrap { max-width: 768px}
.wrap.en .company-info--first { height: 500px;}
.wrap.en .company-info--third { height: 500px;}
.wrap.en .news__item { max-width: 241px; }

.wrap.en .parallax01__inner { padding: 80px 0 240px;}
.wrap.en .mainparallax02__section { height: 500px;}

.wrap.en .main-product__text { left: 14.75%;}

.wrap.en .semiconductor__description { font-size: 34px; line-height: 1.15;width: 115% !important;}
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet { margin: 0; width: 40px; height: 13px; line-height: 13px; border-radius: 0; background: transparent; opacity: 1; font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 700; position: relative; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 40px; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active { text-align: left; background: transparent; opacity: 1; font-size: 16px; color: white; font-weight: 700; width: 40px; }
.wrap.en .semiconductor__timer { display: none; margin-left: 4px; width: 70px; height: 2px; }
.wrap.en .semiconductor__timerbar { height: 100%; background-color: #fff; -webkit-transition: width 3s linear; transition: width 3s linear; }
.wrap.en .parallax02 { padding-bottom: 60px !important; min-width: auto; margin-top:100px;}
.wrap.en .parallax03 { margin: 0 auto 200px;}

.wrap.en .say-semes__title { font-size: 34px;}
.wrap.en .main-title--left { top: 385px; left: -140px;}
.wrap.en .story__text {bottom: 30px; left: 20px; font-size: 16px;}
.wrap.en .directors__name { left: 30px; font-size: 18px;}

.wrap.en .footer__inner .footer__btns a em {margin-bottom: 14px !important;}	
.wrap.en .footer .footer__link { min-width: 40%;}
.wrap.en .footer__inner .footer__link ol li { width: 48.55%;}
.wrap.en .footer.en .footer__btns { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-top: 10px;}


/*사이트맵*/
.wrap.en .gnb__inner--navi { margin-top: 100px;}
.wrap.en .gnb__links { position: relative; bottom: 0px; top: 0px; padding: 0 50px 40px; line-height: 8px;float:left;}
.wrap.en .gnb__linkitem {float: left; margin-top: 0px; padding-bottom: 15px;}
.wrap.en .gnb__layer--inner { display: block;padding: 0 10px 0 50px;float:left;}
.wrap.en .gnb__layer--inner li a {font-size:20px; font-family: 'notosans' !important;}
.wrap.en .gnb__layer--depth2 ul li a {font-weight: 400;font-size:15px; opacity: .6;letter-spacing: -0.5px;}
.wrap.en .gnb__layer--depth2 ul li { margin-top:10px; width:100%;}
.wrap.en .gnb__inner { min-width: 380px;}
.wrap.en .gnb__translator { right: 72px;}
.wrap.en .gnb__translatorbutton { font-size: 14px;}
.wrap.en .gnb__layer--inner li { display: block;  width: 33.333%; float:left;}
.wrap.en .gnb__layer--inner li.gnb__space02, .gnb__layer--inner li.gnb__space05 {width: 27.33%;}
.wrap.en .gnb__layer--inner li.gnb__space01, .gnb__layer--inner li.gnb__space04 {width: 38.33%;}
.wrap.en .gnb__layer--depth2 { margin-top: 22px;  width: 100%; min-height: 210px; }

/*회사소개 ################*/
.wrap.en .sub__title {font-size: 54px;}
.wrap.en .sub__inner {padding: 0 40px;}
.wrap.en .ceo-message__top { margin-bottom: 40px; font-size: 38px !important; letter-spacing: 3px !important; }
.wrap.en .ceo-message__text { letter-spacing: -0.5px;}
.wrap.en .ceo-message__left { width: 45%; float: left; padding-right: 10px;}
.wrap.en .ceo-message__right { width: 55%; float: left; padding: 75px 40px 0 0;}
.wrap.en .business-overview__text-section .business-overview__title {padding-right: 65px;}
.wrap.en .mission-text {line-height: 1.4; margin: 60px 0 0;}

.wrap.en .management-philosophy__inner { background-color: transparent;}
.wrap.en .management-philosophy__inner--type01  { height: 600px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__text {padding-left: 100px; top: 95px; padding-right: 55px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { font-size: 34px !important; letter-spacing: 3px !important;}
.wrap.en .management-philosophy__big-text { font-size: 28px;}
.wrap.en .management-philosophy__text {font-size: 16px; line-height: 1.65; padding-right:5px;letter-spacing: -0.5px !important; padding-left: 33px !important; margin-top: 0px;}
.wrap.en .management-philosophy__title { margin-bottom: 58px; font-size: 18px;}
.wrap.en .management-philosophy__sub-title { font-size: 34px; line-height: 1.37 !important;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__text { left: 30px; width: 46%;letter-spacing: -0.5px !important; }
.wrap.en .management-philosophy__inner--type06 { margin: 200px auto 0;  padding-left: 40px; padding-right: 40px;}
.wrap.en .management-philosophy__inner--type07 { margin: 100px auto 0;  padding-right: 270px;}
.wrap.en .last-section { padding-bottom: 150px !important;}
.wrap.en .management-philosophy__inner--type04 { margin: 200px auto 0;}
.wrap.en .management-philosophy__inner--type05 { margin: 200px auto 0;}

.wrap.en .management-philosophy__text { letter-spacing: -0.5px !important; }
.wrap.en .management-philosophy__description {letter-spacing: -0.5px !important;}

.wrap.en .management-philosophy__text-wrap { margin: 0 0 0 200px;}
.wrap.en .philosophy-right {padding-right:40px; left: calc(50% + 00px);}
.wrap.en .management-philosophy__inner--type07 { padding-right: 170px;}

.wrap.en .finance td .title__xlarge {font-size:38px;}
.wrap.en .company .finance .sub__inner { padding: 0;}

.wrap.en section.history {padding: 0 40px;}
.wrap.en .history__year { font-size: 16px;}
.wrap.en .history__title { padding: 0 70px 0 110px;; font-size: 18px;}
.wrap.en .history__category { font-size: 14px;}

.wrap.en .company__info { margin-bottom: 20px; padding:0 20px;}
.wrap.en .company__info--txt p { font-size: 16px; margin-top: 10px;}
.wrap.en .company__info--txt p span { margin-right: 15px;}
.wrap.en .company__info .btn__list {margin-top: 15px;}
.wrap.en .company__info .btn__list .button__arr { padding-right: 10px; margin-left:0; padding-left:30px;}
.wrap.en .company__info .btn__list .button[class*="button__square"] { min-width: 107px;}
.wrap.en .button__arr:after { right: 10px;}
.wrap.en .company__info--txt { width: auto; margin-top: 15px !important;}
.wrap.en .company__info .title__small--mid {margin-top: 0 !important;}
.wrap.en .company__info .button__arr:after { background: none; }
.wrap.en .company_photo {align-items: normal;}
.wrap.en .company__info .button .icon__map { margin: 10px 5px 0 10px;}
.wrap.en .company__info .button .icon__address { margin: 10px 5px 0 7px;}
.wrap.en .company__info .button .icon__vidit { margin: 10px 5px 0 7px;}


/*제품 ####################*/

.wrap.en .product__contents { left: 150px;  top: 250px;}
.wrap.en .equipment-all__left-text { font-size: 40px;}
.wrap.en .equipment-all .equipment-process { left: 78px; right: 89px;}
.wrap.en .equipment-all .equipment-process__text { font-size: 26px;}

.wrap.en .process {padding: 80px 0px 100px 80px;}
.wrap.en .semiconductor-process { padding: 80px 80px 250px;}
.wrap.en .title__box { max-width: none; padding: 255px 0 80px 100px;}
.wrap.en .b30 .process-tab__anchor strong {font-size: 16px; }
.wrap.en .b30 .process-tab__panel { padding-top: 0px;}
.wrap.en .square { background-size: 88%;}
.wrap.en .square__process--inner.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12 { background-size: 36px !important; background-position-y: 20px !important;}
.wrap.en .square__process--inner:nth-child(n+7) { margin-top: 95px;}
.wrap.en .square__process--text .title__small { font-size: 14px;}
.wrap.en .square__infoList { top: 110%; font-size: 14px;}

/*media ####################*/
.wrap.en .notice__view { width: 100%;}
.wrap.en .notice__list--box { height: 136px; padding: 20px;}
.wrap.en .notice__list--title { margin-top: 0px; line-height: 30px;}
.wrap.en .bg__blank { padding-bottom: 150px !important;}
.wrap.en .c21 .sub__inner { margin: 0 40px; padding: 0 40px;}
.wrap.en .company .sub__inner { margin: 0 40px; padding: 0 40px;}
.wrap.en .news-gallery__anchor-wrap { bottom: -90px; }
.wrap.en .notice__view--top .button_back {  left: -49px; top: 46px;}
.wrap.en .notice__view--top { padding-top: 41px; padding-bottom: 50px;}
.wrap.en .notice__view--top .flex { margin: 20px 27px 0 0;}
.wrap.en .notice__view--top .flex .title__xlarge {font-size: 34px;}
.wrap.en .notice__view--contents .video { height: auto !important;}

.wrap.en .sliderInclude .title__wrap .sub__title  {font-size: 45px; padding-bottom: 40px;}
.wrap.en .c21 .flex__layout .title__large { font-size: 27px;}
.wrap.en .parallax01 { padding-top: 160px;}
.wrap.en .company .parallax01 { padding-top: 160px; }
.wrap.en .media-list .parallax01 { padding-top: 0px; }
.wrap.en .c21 .slider .arr__dot--carousel .swiper-pagination .swiper-pagination-bullet { margin: 0 10px;}

.wrap.en .c31 .mainparallax .text-line__title { padding-top: 180px; font-size: 53px; margin-bottom: 220px;}
.wrap.en .c31 .mainparallax .text-line__vertical-line { top: 275px;}
.wrap.en .c31 .mainparallax .text-line__contents { margin-top: 229px;}
.wrap.en .c31 .mainparallax { height: calc(100vh - 80px);}

.wrap.en .c32 .history__wrap .history__tree--inner.left { padding-right: 180px;}
.wrap.en .c32 .history__wrap .history__tree--img.left__bg01:before { right: -180px;}
.wrap.en .c32 .history__wrap .history__tree--img.left__bg01:after { right: -180px; width: 180px;}
.wrap.en .c32 .history__wrap .history__tree--inner.right { padding-left: 180px;}
.wrap.en .c32 .history__wrap .history__tree--img.right__bg01:before { left: -180px;}
.wrap.en .c32 .history__wrap .history__tree--img.right__bg01:after { left: -180px; width: 180px;}

.wrap.en .company .tab--default .tab__buttons { width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}

.popup__promotion .parallax01__title--large { font-size: 50px;}
.promotion__txt .title__xlarge {font-size: 36px;}
.history__wrap .history__tree--inner .white.top60 {font-size: 17px; }
.history__wrap .history__tree--inner .title__mid {font-size: 17px; width: 160%;}
.history__wrap .history__tree--inner.left { padding-right: 80px;}
.history__wrap .history__tree--img.left__bg01:before {right: -80px;}
.history__wrap .history__tree--img.left__bg01:after {right: -80px;width: 80px;}
.history__wrap .history__tree--inner.right { padding-left: 80px;}
.history__wrap .history__tree--img.right__bg01:before {left: -80px;}
.history__wrap .history__tree--img.right__bg01:after {left: -80px;width: 80px;}


/*채용 ##############################*/
.wrap.en .parallax__bg .position02 {left: 150px; top: 231px;}
.wrap.en .parallax__sec02--d11s01 {padding: 140px 20px 130px;}
.wrap.en .parallax01__title {font-size: 46px; letter-spacing: 3px; }
.wrap.en .grapharea--d1101 {width: fit-content; background-size: 100%; padding: 100px 25px 0; height: auto;}
.wrap.en .grapharea__content { font-size: 14px;}
.wrap.en .grapharea--d1102 { width: 920px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--right { right: 28px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--left { left: 116px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--bottom { bottom: 128px; margin-left:10px;}
.wrap.en .grapharea--d1102 .grapharea__text { line-height: 1.5;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block { display: flex; width: auto;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block .flex__table--half { width: 48%; -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%;}
.wrap.en .d11 .parallax__full--text .title__large { margin: 8px 0 20px;}
.wrap.en .d11 .parallax__sec04-d1104 { margin: 0px 0 150px;}
.wrap.en .d11 .parallax__sec03--d11s03 { padding: 180px 40px;}

.wrap.en .d21 .paytree .box__list.flex { display: flex;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner {-webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; min-width: auto;}
.wrap.en .d21 .parallax__position .title__xlarge {line-height: 1.1; letter-spacing: 2.4px;font-size: 36px;}
.wrap.en .d21 .system__position .title__mid {font-size: 18px; line-height: 22px;}
.parallax__bg.bg02 { height: 700px;}
.wrap.en .d21 .parallax__bg.bg03 {height: 700px;}
.wrap.en .d21 .parallax__position--d21 { top: 257px; left: 151px;}
.wrap.en .paytree .box__list--inner .regular {width:80%; line-height: 1.35;}
.wrap.en .d21 .parallax__halfslider {min-height: auto;}
.wrap.en .d21 .parallax__slidercontrol { width: 70.83%; bottom: 0;}
.wrap.en .d21 .parallax__controltitle {font-size: 36px; line-height: 38px;}
.wrap.en .d21 .parallax__controlcategory { margin-top: 40px; font-size: 18px; line-height: 20px;}
.wrap.en .d21 .parallax__card-section { margin-left: 34px;}
.wrap.en .d21 .parallax__cardtitle {line-height: 30px;}
.wrap.en .d21 .parallax__carditemtitle {font-size: 18px; line-height:1.1;}
.wrap.en .d21 .parallax__carditemtext { line-height:1.1;}

/* ESG ################# */
.wrap.en .leaflet__inner {left: 5%;}
.wrap.en .leaflet__inner.safety_ci {left: 5%; width:45%; top: 40%;}
.wrap.en .leaflet__bottomlayout {padding: 0 40px;}
.wrap.en .leaflet__subtitle {font-size: 30px; line-height: 50px;}

.wrap.en .leaflet__titlearea { width: 25%;}
.wrap.en .leaflet__contents { width: calc(100% - 25%);}
.wrap.en .circle { width: 100%;}
.wrap.en .report__item { width: 300px; display: block;}
.wrap.en .report__text {line-height: 24px; padding-top:20px;}
.wrap.en .lawstoggle__titlearea { width: 100%; margin-bottom: 30px;}
.wrap.en .lawstoggle__contents { width: 100%;}
.wrap.en .lawstoggle__columntext { font-size: 15px; letter-spacing: -1px;}
.wrap.en .lawstoggle__columncontainer { padding: 30px 15px 40px 0;}
.wrap.en .lawstoggle__detailedaddress {font-size: 15px; line-height: unset;}
.wrap.en .lawstoggle__text {font-size: 15px; line-height: 25px;}
.wrap.en .lawstoggle__anchor { padding: 30px 40px 0 0;}
.wrap.en .e11 .leaflet__banner {height: 700px;}
.wrap.en .e21 .leaflet__banner {height: 700px;}
.wrap.en .e31 .leaflet__banner {height: 700px;}
.wrap.en .e41 .leaflet__banner {height: 600px;}
.wrap.en .e51 .bg01 {height: 700px;}
    
.wrap.en .e31 .anchorBox { margin: 0 auto; position: unset; height:auto;}
.wrap.en .e31 .anchorBox__inner {overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 1;left: 0;right: 0;background-color: #fff;}
.wrap.en .e31 .anchorBox__list { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 88px 25px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e31 .anchorBox__anchor {font-size: 14px;}
.wrap.en .e31 .leaflet__bottominner { padding: 0px 80px;}
.wrap.en .e31 .leaflet__bottominner--gray.pt170 { padding-top: 100px;}
.wrap.en .e31 .leaflet__contents--text .title__small { margin-top: 5px;}
.wrap.en .e31 .leaflet__contents--text .title__mid { margin-top: 20px;}
.wrap.en .e31 .title__large {line-height: 1.1;font-size: 30px;}
.wrap.en .e31 .leaflet__contents--text .title__mid:first-child {margin-top: 0;}
.wrap.en .e31 .leaflet__bottominner.pt140 { padding: 140px 60px 100px;}
.wrap.en .e31 .pdrl60 {padding:0 60px;}
.wrap.en .e31 .leaflet__bottominner--gray {padding: 80px 0px;}
.wrap.en .e31 .vision {display:block;}
.wrap.en .e31 .vision .title__large {margin-bottom:40px;}
.wrap.en .e31 .vision .leaflet__contents { width: 100%; }
.wrap.en .e31 .vision .leaflet__contents--img { height: 800px;}
.wrap.en .e31 .vision .grapharea--e3101 {margin-top: 80px;width: 809px; height: 550px; position: unset; margin:80px auto 0;}
.wrap.en .e31 .vision .grapharea__circle--01 { left: 95px;}
.wrap.en .e31 .vision .grapharea__circle--03 { right: 105px;}
.wrap.en .e31 .vision .grapharea__circle-wrap { bottom: 132px;}
.wrap.en .e31 .leaflet__titlearea__width25 { width: 27%;}

.wrap.en .grapharea--e3102 { width: 809px; height: 697px;}
.wrap.en .grapharea__center { width: 270px; height: 270px;}
.wrap.en .grapharea--e3102 .grapharea__subtitle { font-size: 18px;}

.wrap.en .e41 .leaflet__left--large { padding: 0 30px;}
.wrap.en .e41 .leaflet__title { font-size: 34px; line-height: 1.24; letter-spacing: 8.4px;}
.wrap.en .e41 .leaflet__subtextbox {margin-top: 30px;}
.wrap.en .e41 .leaflet__left--large {padding: 0 30px 0 80px;}

.wrap.en .e51 .parallax__bg .position01 .title__xlarge {left: 5%;}
.wrap.en .e51 .parallax__sec01 {padding: 0 40px;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100 {padding-right: 40px; padding-left:0;}
.wrap.en .parallax__sec05 .flex__layout--btype.top100.spon { padding-right: 0px; padding-left: 40px; }
.wrap.en .e51 .parallax__sec05 .flex__layout--btype {padding-left: 40px;}
.wrap.en .e51 .sub__inner {padding:0;}
.wrap.en .e51 .sub__inner.social {padding:0 40px;}

.wrap.en .e51 .tab--default .tab__buttons {width: max-content;}

.wrap.en .e51 .sub.e51s01 { height: auto;}
.wrap.en .e51 .contents .sub__inner {padding:0 40px;margin: 0 40px;}
.wrap.en .e51 .sub__inner{ padding: 0 40px; }
.wrap.en .e51 .sub__inner.volunteer { padding: 0; }
.wrap.en .e51 .parallax01 { padding-top: 160px; }


/* 고객센터 #########################*/
.wrap.en .customer-top { padding: 0 40px; margin-bottom: 80px;}
.wrap.en .customer { padding: 70px 40px;}
.wrap.en .white-type .sub__title { font-size: 52px; top: 202px;}
.wrap.en .sub.c111s00 { height: 160px !important;}
.wrap.en .customer__title {font-size: 28px;}
.wrap.en .customer__sub-title {font-size: 22px;margin-bottom: 36px;}
.wrap.en .customer__content ~ .customer__content { margin-top: 40px; padding-top: 40px;}

.wrap.en .question-category { margin: 0 auto 80px;}
.wrap.en .form__item { margin-top: 20px;}
.wrap.en .form__content { padding-left: 110px;}
.wrap.en .register__left {width: 28%;}
.wrap.en .register__right {width: 72%;}

.wrap.en .customer__left { float: left;width: 28%;}
.wrap.en .customer__right { float: right;width: 72%;}

.wrap.en .contents .process__list ol li { margin-top: 0; height: 101px;}
.wrap.en .contents .process__list ol li:last-child { margin-top: 0; height: auto;}
.wrap.en .contents .process__list--box .table .table__wrap table td .flex { margin-right: 0; flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order { flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order__box { width: 100%;    height: 110px;  padding: 20px ;}
.wrap.en .contents__payment .flex .payment__inner .order__box ol li { margin-top: 0px; display: inline-block; margin-bottom: 10px; margin-right:10px;}
.wrap.en .flex__layout--title { -webkit-flex-basis: 300px; -ms-flex-preferred-size: 300px; flex-basis: 300px;}
.wrap.en .flex__layout--conent { -webkit-flex-basis: calc(100% - 300px); -ms-flex-preferred-size: calc(100% - 300px); flex-basis: calc(100% - 300px);}
.wrap.en .e51 .flex__layout--pl80 { padding-left: 20px;}

.wrap.en .top_location{font-size:16px !important;}

.wrap.en .policy__text--inner .table__wrap table th, .wrap.en .policy__text--inner .table__wrap table td {font-size:14px;padding: 13px; line-height: 24px;}

.white-type .wrap.en .util .sub .sub__title {width: 60%;}

 } 

/*em  ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/ 
@media (min-width: 992px) and (max-width: 1023px) {	

	/*메인*/
.wrap.en .company-info__wrap { max-width: 768px}
.wrap.en .company-info--first { height: 400px;}
.wrap.en .company-info--second { height: 400px;}
.wrap.en .company-info--third { height: 400px;}
.wrap.en .company-info__title { font-size: 28px;}
.wrap.en .news__item { max-width: 241px; }

.wrap.en .parallax02 { padding-bottom: 60px !important; min-width: auto; margin-top:100px;}
.wrap.en .mainparallax02__section { height: 500px;}

.wrap.en .main-product__text { left: 12.75%;}

.wrap.en .semiconductor__description { font-size: 30px; line-height: 1.15; width:105% !important;}
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet { margin: 0; width: 50px; height: 13px; line-height: 13px; border-radius: 0; background: transparent; opacity: 1; font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 700; position: relative; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 20px; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active { text-align: left; background: transparent; opacity: 1; font-size: 16px; color: white; font-weight: 700; width: 50px; }
.wrap.en .semiconductor__timer { display: none; margin-left: 2px; width: 61px; height: 2px; }
.wrap.en .semiconductor__timerbar { height: 100%; background-color: #fff; -webkit-transition: width 3s linear; transition: width 3s linear; }
.wrap.en .semiconductor-box__text { font-size: 16px;}
.wrap.en .semiconductor__right {padding-top: 8%;}

.wrap.en .news__title { font-size: 16px;}
.wrap.en .museum__title { font-size: 34px;}

.wrap.en .say-semes__title { font-size: 30px;}
.wrap.en .main-title--left { top: 400px; left: -140px;}
.wrap.en .story__text {bottom: 30px; left: 20px; font-size: 16px;}
.wrap.en .directors__name { left: 30px; font-size: 18px;}

.wrap.en .parallax03 { margin: 0 auto 200px;}

.wrap.en .linkArea__top { font-size: 18px;}
.wrap.en .linkArea__bottom { font-size: 14px;}

.wrap.en .footer__inner .footer__btns a em {margin-bottom: 14px !important;}	
.wrap.en .footer .footer__link { min-width: 40%;}
.wrap.en .footer__inner .footer__link ol li { width: 48.55%;}
.wrap.en .footer.en .footer__btns { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-top: 10px;}
.wrap.en .footer__inner .footer__btns a { width: 240px;}

/*사이트맵 ############*/
.wrap.en .gnb__inner--navi { margin-top: 100px;}
.wrap.en .gnb__links { position: relative; bottom: 0px; top: 0px; padding: 0 50px 40px; line-height: 8px;float:left;}
.wrap.en .gnb__linkitem {float: left; margin-top: 0px; padding-bottom: 15px;}
.wrap.en .gnb__layer--inner { display: block;padding: 0 10px 0 50px;float:left;}
.wrap.en .gnb__layer--inner li a {font-size:20px; font-family: 'notosans' !important;}
.wrap.en .gnb__layer--depth2 ul li a {font-weight: 400;font-size:15px; opacity: .6;letter-spacing: -0.5px;}
.wrap.en .gnb__layer--depth2 ul li { margin-top:10px; width:100%;}
.wrap.en .gnb__inner { min-width: 380px;}
.wrap.en .gnb__translator { right: 72px;}
.wrap.en .gnb__translatorbutton { font-size: 14px;}
.wrap.en .gnb__layer--inner li { display: block;  width: 33.333%; float:left;}
.wrap.en .gnb__layer--inner li.gnb__space02, .gnb__layer--inner li.gnb__space05 {width: 27.33%;}
.wrap.en .gnb__layer--inner li.gnb__space01, .gnb__layer--inner li.gnb__space04 {width: 38.33%;}
.wrap.en .gnb__layer--depth2 { margin-top: 22px;  width: 100%; min-height: 210px; }

/*회사소개############*/
.wrap.en .sub__title {font-size: 48px;}
.wrap.en .business-overview__text-section .business-overview__title {font-size: 30px}
.wrap.en .business-overview__text-section .business-overview__text {font-size: 18px; margin-top: 80px;}
.wrap.en .sub__inner {padding: 0 40px;}

.wrap.en .title__large { font-size: 28px;}
.wrap.en .ceo-message__top { margin-bottom: 40px; font-size: 36px!important; letter-spacing: 3px !important; }
.wrap.en .ceo-message__text { letter-spacing: -0.5px;}
.wrap.en .ceo-message__left { width: 45%; float: left; padding-right: 10px;}
.wrap.en .ceo-message__right { width: 55%; float: left; padding: 75px 40px 0 0;}

.wrap.en .management-philosophy__inner { background-color: transparent;margin: 200px auto 0;}
.wrap.en .management-philosophy__inner--type01  { height: 550px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__text {padding-left: 80px; top: 150px; padding-right:60px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { font-size: 30px;letter-spacing: 3.6px;}
.wrap.en .management-philosophy__big-text { font-size: 26px;}
.wrap.en .management-philosophy__text {font-size: 16px; line-height: 1.65; padding-right:5px; padding-right: 20px;}
.wrap.en .management-philosophy__title { margin-bottom: 58px; font-size: 18px;}
.wrap.en .management-philosophy__sub-title { font-size: 32px; line-height: 1.57;}
.wrap.en .management-philosophy__inner--type02 { margin: 100px auto 0;}
.wrap.en .management-philosophy__inner--type02 .management-philosophy__text { padding-right: 40px;}
.wrap.en .management-philosophy__inner--type03 { margin: 100px auto 0;}
.wrap.en .management-philosophy__inner--type04 { margin: 200px auto 0;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__text { left: 30px; width: 45%;}
.wrap.en .management-philosophy__inner--type06 { margin: 140px auto 0;  padding-left: 40px; padding-right: 40px;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__wrap { width: 50%;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__text { width: 50%; padding-left: 30px;}
.wrap.en .management-philosophy__inner--type07 { margin: 100px auto 0;  padding-right: 170px;}
.wrap.en .last-section { padding-bottom: 150px !important;}
.wrap.en .management-philosophy__text-wrap { margin: 0 0 0 170px;}
.wrap.en .management-philosophy__description {letter-spacing: -0.5px;}
.wrap.en .a31s02.parallax01__textarea {height:400px;}

.wrap.en .finance td .title__xlarge {font-size:38px;}
.wrap.en .company .finance .sub__inner { padding: 0;}

.wrap.en section.history {padding: 0 40px;}
.wrap.en .history__anchor { border-bottom: 1px dotted #dcdcdc;}
.wrap.en .history__anchor:hover { border-bottom: 1px dotted #ffffff;}
.wrap.en .history__item:not(:first-child) { margin-top: 0;}
.wrap.en .history__anchor .history__year { font-size: 16px; top: 16px;}
.wrap.en .history__anchor .history__title { padding: 10px 80px 10px 100px; font-size: 18px;line-height: 28px;}
.wrap.en .history__anchor .history__category { font-size: 14px;top: 14px;}
.wrap.en .history__anchor:hover .history__year { left: 0; top: 17px;font-weight: normal;}
.wrap.en .history__anchor:hover .history__title { font-weight: normal;}
.wrap.en .history__anchor:hover .history__category { right: 0px;  top: 14px;}
.wrap.en .history .tab__buttons { padding-bottom: 20px;}
.wrap.en .history__anchor:hover { padding: 0; -webkit-transition: all .35s ease-in; transition: all .35s ease-in; }
.wrap.en .history__anchor:hover span { -webkit-transition: all .35s ease-in; transition: all .35s ease-in; opacity: 1; }
.wrap.en .history__anchor:hover:after { display: block; position: absolute; left: -50px; right: -50px; top: 0; bottom: 0; border: 1px solid #8e8e8e; border-radius: 64px; content: ''; }

.wrap.en .company__info { margin-bottom: 20px;}
.wrap.en .company__info--txt p { font-size: 16px; margin-top: 10px;}
.wrap.en .company__info--txt p span { margin-right: 15px;}
.wrap.en .company__info .btn__list {margin-top: 15px;}
.wrap.en .company__info .btn__list .button__arr { padding-right: 10px !important; margin-left:0; padding-left:30px;}
.wrap.en .company__info .btn__list .button[class*="button__square"] { min-width: 100px;}
.wrap.en .abroad .btn__list .button__arr { padding-right: 0px !important;}
.wrap.en .abroad .btn__list .button[class*="button__square"] { min-width: 107px;}
.wrap.en .button__arr:after { right: 10px;}
.wrap.en .company__info--txt { width: auto; margin-top: 15px !important;}
.wrap.en .company__info .title__small--mid {margin-top: 0 !important;}

.wrap.en .company__info .button__arr:after { background: none; }
.wrap.en .company_photo {align-items: normal;}
.wrap.en .company__info .button .icon__map { margin: 10px 5px 0 10px;}
.wrap.en .company__info .button .icon__address { margin: 10px 5px 0 7px;}
.wrap.en .company__info .button .icon__vidit { margin: 10px 5px 0 7px;}

/*제품 ####################*/
.wrap.en .equipment-all__left-text { font-size: 40px;}
.wrap.en .equipment-all .equipment-process { left: 78px; right: 89px;}
.wrap.en .equipment-all .equipment-process__text { font-size: 26px;}

.wrap.en .product__contents { left: 150px;  top: 250px;}
.wrap.en .product__text { margin-bottom: 47px;}
.wrap.en .product__bar { margin-bottom: 30px;}
.wrap.en .product__item { height: 900px;}

.wrap.en .process {padding: 80px 0px 100px 80px;}
.wrap.en .semiconductor-process { padding: 80px 80px 250px;}
.wrap.en .title__box { max-width: none; padding: 255px 0 80px 100px;}
.wrap.en .b30 .process-tab__anchor strong {font-size: 16px; }
.wrap.en .b30 .process-tab__panel { padding-top: 0px;}
.wrap.en .square { background-size: 88%;}
.wrap.en .square__process--inner.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12 { background-size: 36px !important; background-position-y: 20px !important;}
.wrap.en .square__process--inner:nth-child(n+7) { margin-top: 95px;}
.wrap.en .square__process--text .title__small { font-size: 14px;}
.wrap.en .square__infoList { top: 110%; font-size: 14px;}
.wrap.en .title__layout .lh30 {font-size: 16px;}

/*media ####################*/
.wrap.en .notice__view { width: 100%;}
.wrap.en .company .sub__inner { margin: 0;}
.wrap.en .notice__view--top .button_back { top: -36px; left: 0;}
.wrap.en .notice__list--box { height: 136px; padding: 20px;}
.wrap.en .notice__list--title { margin-top: 0px; line-height: 30px;}
.wrap.en .bg__blank { padding-bottom: 150px !important;}
.wrap.en .news-gallery__anchor-wrap { bottom: -110px; }
.wrap.en .slider__news--info .button__square--black { margin-top: 62px;}
.wrap.en .notice__view--top { padding-top: 41px; padding-bottom: 50px;}
.wrap.en .white-type .c21 .parallax01 { padding-top: 230px;}
.wrap.en .notice__view--top .flex { margin: 20px 27px 0 0;}
.wrap.en .notice__view--top .flex .title__xlarge {font-size: 34px;}
.wrap.en .notice__view--contents .video { height: auto !important;}
.wrap.en .sliderInclude .title__wrap .sub__title  {font-size: 40px; padding-bottom: 40px;}
.wrap.en .c21 .flex__layout .title__large { font-size: 27px;}
.wrap.en .parallax01  { padding-top: 160px;}
.wrap.en .parallax01 .vlog-top{ padding-top: 50px;}
.wrap.en .company .parallax01 { padding-top: 160px; }
.wrap.en .media-list .parallax01 { padding-top: 0px; }

.wrap.en .c21 .slider .arr__dot--carousel .swiper-pagination .swiper-pagination-bullet { margin: 0 10px;}

.wrap.en .company .tab--default .tab__buttons { width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}


.wrap.en .c31 .mainparallax .text-line__title { padding-top: 180px; font-size: 53px; margin-bottom: 220px;}
.wrap.en .c31 .mainparallax .text-line__vertical-line { top: 275px;}
.wrap.en .c31 .mainparallax .text-line__contents { margin-top: 229px;}
.wrap.en .c31 .mainparallax .text-line .btns { margin-top: 67px;}
.wrap.en .c31 .mainparallax .text-line .btns .button__arr {background: #000000;}
.wrap.en .c31 .mainparallax { height: calc(100vh - 80px);}

.popup__promotion .parallax01__title--large { font-size: 50px;}
.promotion__txt .title__xlarge {font-size: 36px;}
.history__wrap .history__tree--inner .white.top60 {font-size: 17px; }
.history__wrap .history__tree--inner .title__mid {font-size: 17px; width: 160%;}
.history__wrap .history__tree--inner.left { padding-right: 80px;}
.history__wrap .history__tree--img.left__bg01:before {right: -80px;}
.history__wrap .history__tree--img.left__bg01:after {right: -80px;width: 80px;}
.history__wrap .history__tree--inner.right { padding-left: 80px;}
.history__wrap .history__tree--img.right__bg01:before {left: -80px;}
.history__wrap .history__tree--img.right__bg01:after {left: -80px;width: 80px;}

/*채용 ##############################*/
.wrap.en .parallax__bg .position02 {left: 100px; top: 231px;}
.wrap.en .parallax__bg.bg02 { height: 700px;}
.wrap.en .parallax__sec02--d11s01 {padding: 140px 20px 130px;}
.wrap.en .parallax01__title {font-size: 44px; letter-spacing: 2.6px; }
.wrap.en .grapharea--d1101 {width: fit-content; background-size: 100%; padding: 100px 25px 0; height: auto;}
.wrap.en .grapharea__content { font-size: 14px;}
.wrap.en .grapharea--d1102 { width: 950px; height:852px; background-size: 90%; background-position: top center;}
.wrap.en .grapharea--d1102 .grapharea__textarea--right { right: 68px; top: 90px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--left { left: 136px; top: 129px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--bottom { bottom: 130px; margin-left: 10px; }
.wrap.en .grapharea--d1102 .grapharea__text { line-height: 1.21;}
.wrap.en .grapharea--d1102 .grapharea__center {top:42%;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--img img {height: auto;}
.wrap.en .parallax__sec03--d11s03 {padding: 120px 0 20px;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block { display: flex; width: auto;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block .flex__table--half { width: 48%; -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%;}
.wrap.en .d11 .parallax__sec04-d1104 { padding: 0 59px; margin-top: 80px;}

.wrap.en .d11 .parallax__full--text .title__large {margin: 8px 0 20px;}
.wrap.en .d11 .parallax__sec03--d11s03 .title__large {font-size: 28px;}
.wrap.en .d11 .parallax__full--text .lh30 {line-height: 20px;}
.wrap.en .d21 .paytree .box__list.flex { display: flex;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner {-webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; min-width: auto;}
.wrap.en .d21 .parallax__position .title__xlarge {line-height: 1.1; letter-spacing: 2.4px;font-size: 36px;}
.wrap.en .d21 .system__position .title__mid {font-size: 18px; line-height: 22px;}
.wrap.en .d21 .parallax__bg.bg03 {height: 700px;}
.wrap.en .d21 .parallax__position--d21 { top: 257px; left: 151px;}
.wrap.en .paytree .box__list--inner .regular {width:80%; line-height: 1.35;}
.wrap.en .d21 .parallax__halfslider {min-height: auto;}
.wrap.en .d21 .parallax__slidercontrol { width: 70.83%; bottom: 0;}
.wrap.en .d21 .parallax__controltitle {font-size: 32px;line-height: 38px;word-break: break-word;margin-right: -40px;}
.wrap.en .d21 .parallax__controlcategory { margin-top: 40px; font-size: 18px; line-height: 20px;}
.wrap.en .d21 .parallax__cardtitle {line-height: 30px; font-size: 26px;}
.wrap.en .d21 .parallax__card-section { margin-left: 34px;}
.wrap.en .d21 .parallax__carditemtitle {font-size: 17px; line-height: 1;word-break: break-word;}
.wrap.en .d21 .parallax__carditemtext { line-height: 1;}
.wrap.en .d21 .parallax__sec--d21 {padding: 100px 0;}

/* ESG ################# */
.wrap.en .leaflet__inner {left: 5%; }
.wrap.en .leaflet__inner.safety_ci {left: 5%; width:45%; top: 50%;}
.wrap.en .leaflet__bottomlayout {padding: 40px 40px;}
.wrap.en .leaflet__subtitle {font-size: 30px; line-height: 40px;}

.wrap.en .leaflet__titlearea { width: 25%;}
.wrap.en .leaflet__contents { width: calc(100% - 25%);}
.wrap.en .circle { width: 100%;}
.wrap.en .report__item { width: 145px; display: block; padding-right: 20px;}
.wrap.en .report__text {line-height: 24px; padding-top:20px;}
.wrap.en .lawstoggle__titlearea { width: 100%; margin-bottom: 30px;}
.wrap.en .lawstoggle__contents { width: 100%;}
.wrap.en .lawstoggle__columntext { font-size: 15px; letter-spacing: -1px;}
.wrap.en .lawstoggle__columncontainer { padding: 30px 15px 40px 0;}
.wrap.en .lawstoggle__detailedaddress {font-size: 15px; line-height: unset;}
.wrap.en .lawstoggle__text {font-size: 15px; line-height: 25px;}
.wrap.en .leaflet__contents .title__mid {font-size: 22px;}
.wrap.en .report__item:nth-child(n+3) { margin-top: 0px;}
.wrap.en .report__name { margin-left: 0; text-align: center;}
.wrap.en .report__icon { width: 145px; height: 145px;}
.wrap.en .leaflet__title{font-size: 34px; line-height: 42px;padding-right:80px;}
.wrap.en .leaflet__description{padding-right:80px;}

.wrap.en .e11 .leaflet__banner {height: 700px;}
.wrap.en .e21 .leaflet__banner {height: 700px;}
.wrap.en .e31 .leaflet__banner {height: 700px;}
.wrap.en .e41 .leaflet__banner {height: 700px;}
.wrap.en .e51 .bg01 {height: 700px;}

.wrap.en .e21 .leaflet__bottomitem { padding: 50px 0 50px;}
.wrap.en .e21 .title__lmid {font-size: 22px;}

.wrap.en .e31 .anchorBox { margin: 0 auto; position: unset; height:auto;}
.wrap.en .e31 .anchorBox__inner {overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 1;left: 0;right: 0;background-color: #fff;}
.wrap.en .e31 .anchorBox__list { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 88px 15px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e31 .anchorBox__anchor {font-size: 14px;}
.wrap.en .e31 .leaflet__bottominner { padding: 50px 60px 50px;}
.wrap.en .e31 .leaflet__bottominner.operation { padding: 0px;}
.wrap.en .e31 .leaflet__contents--text .title__small { margin-top: 5px;}
.wrap.en .e31 .leaflet__contents--text .title__mid { margin-top: 20px;}
.wrap.en .e31 .leaflet__bottominner.pt140 { padding: 40px 60px 80px;}
.wrap.en .e31 .pdrl60 {padding:0 60px;}
.wrap.en .e31 .leaflet__bottom { margin: 0px auto 0;}
.wrap.en .e31 .leaflet__bottomlayout + .leaflet__bottomlayout { margin-top: 0px;}
.wrap.en .e31 .leaflet__cardtext { font-size: 15px;}
.wrap.en .e31 .leaflet__contents--text .title__mid:first-child { margin-top: 0;}

.wrap.en .e31 .vision {display:block;}
.wrap.en .e31 .vision .title__large {margin-bottom:40px;}
.wrap.en .e31 .vision .leaflet__contents { width: 100%; }
.wrap.en .e31 .vision .leaflet__contents--img { height: 680px;}
.wrap.en .e31 .vision .grapharea--e3101 {margin-top: 80px; width: 777px;height: 550px; position: unset; margin:80px auto 0; margin-right:0;}
.wrap.en .e31 .vision .grapharea__circle--01 { left: 91px;top:-10px;}
.wrap.en .e31 .vision .grapharea__circle--02 { top:-10px;}
.wrap.en .e31 .vision .grapharea__circle--03 { right: 99px;top:-10px;}
.wrap.en .e31 .vision .grapharea__circle-wrap { bottom: 140px;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__text { font-size: 16px; text-align: center !important;}
.wrap.en .e31 .title__large { line-height: 1.32;}
.wrap.en .e31 .leaflet__bottominner--gray { padding: 140px 60px;}
.wrap.en .e31 .leaflet__bottominner--gray .leaflet__bottominner { padding: 50px 0px 50px;}
.wrap.en .e31 .leaflet__bottomlayout {padding: 40px 10px;}

.wrap.en .grapharea--e3102 { width: 809px; height: 697px; right:-20px;}
.wrap.en .grapharea__center { width: 270px; height: 270px;}
.wrap.en .grapharea--e3102 .grapharea__subtitle { font-size: 18px;}

.wrap.en .e41 .leaflet__left--large {padding: 0 30px 0 90px; }
.wrap.en .e41 .leaflet__banner { height: 600px;}
.wrap.en .e41 .leaflet__title { font-size: 30px; line-height: 1.24; letter-spacing: 8.4px;}
.wrap.en .e41 .leaflet__subtextbox {margin-top: 30px;}

.wrap.en .e51 .parallax__bg .position01 .title__xlarge {left: 5%;}
.wrap.en .e51 .parallax__sec01 {padding: 0 40px;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100 {padding-right: 40px; padding-left:0;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype {padding-left: 40px;}
.wrap.en .e51 .sub__inner {padding:0;}
.wrap.en .e51 .sub__inner.social {padding:0 40px;}
.wrap.en .e51 .top240 {margin-top: 120px;}

.wrap.en .e51 .tab--default .tab__buttons {width: max-content;}

.wrap.en .e51 .sub.e51s01 { height: auto;}
.wrap.en .e51 .contents .sub__inner {padding:0 20px;}
.wrap.en .e51 .parallax01 { padding-top: 160px; }



/* 고객센터 ############*/
.wrap.en .customer-top { padding: 0 40px; margin-bottom: 70px;}
.wrap.en .customer { padding: 60px 40px;}
.wrap.en .white-type .sub__title { font-size: 52px; top: 202px;}
.wrap.en .sub.c111s00 { height: 160px !important;}
.wrap.en .customer__title {font-size: 28px;}
.wrap.en .customer__sub-title {font-size: 22px;margin-bottom: 36px;}
.wrap.en .customer__content ~ .customer__content { margin-top: 40px; padding-top: 40px;}
.wrap.en .customer__text { font-size: 17px;}
.wrap.en .customer__text--bold { font-weight: 600;}

.wrap.en .question-category { margin: 0 auto 60px;}
.wrap.en .form__item { margin-top: 20px;}
.wrap.en .form__content { padding-left: 90px;}
.wrap.en .register__left {width: 28%;}
.wrap.en .register__right {width: 72%;}
.wrap.en .form__title.required label { font-size: 14px;}

.wrap.en .customer__left { float: left;width: 28%;}
.wrap.en .customer__right { float: right;width: 72%;}


.wrap.en .contents .process__list ol li { margin-top: 0; height: 101px;}
.wrap.en .contents .process__list ol li:last-child { margin-top: 0; height: auto;}
.wrap.en .contents .process__list--box .table .table__wrap table td .flex { margin-right: 0; flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order { flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order__box { width: 100%;    height: 110px;  padding: 20px ;}
.wrap.en .contents__payment .flex .payment__inner .order__box ol li { margin-top: 0px; display: inline-block; margin-bottom: 10px; margin-right:10px;}
.wrap.en .flex__layout--title { -webkit-flex-basis: 320px !important; -ms-flex-preferred-size: 320px !important; flex-basis: 320px !important;}
.wrap.en .flex__layout--conent { -webkit-flex-basis: calc(100% - 320px)  !important; -ms-flex-preferred-size: calc(100% - 320px) !important; flex-basis: calc(100% - 320px) !important;}
.wrap.en .e51 .flex__layout--pl80 { padding-left: 20px; }
.wrap.en .parallax__sec05 .flex__layout--btype.top100.spon { padding-right: 0px;  padding-left: 40px;}
.wrap.en .e51 .sub__inner.activity {padding: 0 40px; }
.wrap.en .e51 .parallax__bg.bg01 {  height: 700px; }

.wrap.en .util .contents .process__list--box {padding: 17px 20px;}

.wrap.en .top_location{font-size:16px !important;}

.wrap.en .policy__text--inner .table__wrap table th, .wrap.en .policy__text--inner .table__wrap table td {font-size:14px;padding:15px; line-height:20px;}

.white-type .wrap.en .util .sub .sub__title {width: 60%;}

.wrap.en .policy__top .title__xlarge { font-size: 36px;font-weight:bold;}

.w41 .popup__contents .flex {flex-direction: column;}
.w41 .popup__contents .flex__layout--title { -webkit-flex-basis: 40px !important; -ms-flex-preferred-size: 40px !important; flex-basis: 40px !important;}
.w41 .popup__contents .box__list.flex {flex-direction: row;}
.w41 .popup__contents .box__list--inner { max-width: none;}

}
 /*m ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/

@media (min-width: 768px) and (max-width: 991px) {
	
/*메인*/
.wrap.en .video__title { font-size: 55px;}
.wrap.en .text-line__title { font-size: 28px;}
.wrap.en .text-line__contents { font-size: 14px;}
.wrap.en .mainparallax__inner { -webkit-transform: translateY(105px); -ms-transform: translateY(105px); transform: translateY(105px);}
.wrap.en .mainparallax__section { min-height: 550px;}

.wrap.en .company-info__wrap { max-width: 580px}
.wrap.en .company-info--first { height: 250px;}
.wrap.en .company-info--second { height: 250px;}
.wrap.en .company-info--third { height: 250px;}
.wrap.en .company-info__title { font-size: 22px; margin-bottom: 10px;}
.wrap.en .company-info__back { height: 180px; margin-top: -105px;}
.wrap.en .news__item { max-width: -webkit-fill-available;}

.wrap.en .mainparallax02__section { height: 500px; top: 0 !important;}
.wrap.en .mainparallax02__inner { top: 70%;}
.wrap.en .main-product__text { left: 12.75%; font-size: 28px}

.wrap.en .semiconductor__description { font-size: 24px; line-height: 1.15; width: 120% !important;}
.wrap.en .semiconductor-box__item {}
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet { margin: 0; width: 40px; height: 13px; line-height: 13px; border-radius: 0; background: transparent; opacity: 1; font-size: 12px; color: rgba(255, 255, 255, 0.5); font-weight: 700; position: relative; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 20px; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active { text-align: left; background: transparent; opacity: 1; font-size: 12px; color: white; font-weight: 700; width: 40px; }
.wrap.en .semiconductor__timer { display: none; margin-left: 4px; width: 40px; height: 2px; }
.wrap.en .semiconductor__timerbar { height: 100%; background-color: #fff; -webkit-transition: width 3s linear; transition: width 3s linear; }
.wrap.en .semiconductor-box__title { font-size: 28px;}
.wrap.en .semiconductor-box__text { font-size: 14px;}
.wrap.en .semiconductor__text { -webkit-transform: translate(-95px, -50%); -ms-transform: translate(-95px, -50%); transform: translate(-95px, -50%);}
.wrap.en .semiconductor__slide .semiconductor__pagination { -webkit-transform: translateX(-95px); -ms-transform: translateX(-95px); transform: translateX(-95px);}
.wrap.en .semiconductor__right {padding-top: 23%;}

.wrap.en .news__title { font-size: 16px;}
.wrap.en .news__info { margin: 10px 0 10px;}
.wrap.en .news__list { margin-left: 34px; }
.wrap.en .museum__title { font-size: 26px;}
.wrap.en .museum__text { font-size: 14px;}
.wrap.en .parallax02__title { font-size: 32px; margin-bottom:39px;}
.wrap.en .parallax02__rightinner { padding-top: 60px;}
.wrap.en .text-line--left { padding: 130px 0 50px 60px;}
.wrap.en .parallax02 { min-width: 768px; padding-bottom: 80px;margin-top: 100px;}
.wrap.en .museum { min-width: 220px;}
.wrap.en .museum__inner { left: 18px;}

.wrap.en .parallax03 { min-width: 768px; margin: 0 auto 80px;}
.wrap.en .parallax03__leftinner { padding: 0 60px 0 40px; }
.wrap.en .say-semes__title { font-size: 24px;}
.wrap.en .main-title--left { top: 685px; left: -140px;}
.wrap.en .story__text {bottom: 30px; left: 20px; font-size: 16px;}
.wrap.en .directors__name { left: 30px; font-size: 18px;}

.wrap.en .linkArea__top { font-size: 18px;}
.wrap.en .linkArea__bottom { font-size: 14px;}

.wrap.en .footer__inner .footer__btns a em {margin-bottom: 14px !important;}	
.wrap.en .footer .footer__link { min-width: 50%;}
.wrap.en .footer__inner .footer__link ol li { width: 48.55%;}
.wrap.en .footer.en .footer__btns { -webkit-flex-direction:  column; -ms-flex-direction:  column; flex-direction: column; padding-top: 10px;}
.wrap.en .footer__inner .footer__btns a { width: 280px !important;}


/*사이트맵*/
/*
.gnb__links { bottom: 300px;  padding: 0 45px 40px;}
.gnb__linkitem {float: left;}
.gnb__layer--inner li a {font-size:20px; font-family: 'notosans' !important;}
.gnb__layer--depth2 ul li a {font-weight: 400;font-size:15px; opacity: .6;}
.gnb__layer--depth2 ul li { height: 5px;}
.gnb__inner { min-width: 668px;}*/

.wrap.en .gnb__inner--navi { margin-top: 100px;}
.wrap.en .gnb__links { position: relative; bottom: 0px; top: 0px; padding: 0 50px 40px; line-height: 8px;float:left;}
.wrap.en .gnb__linkitem {float: left; margin-top: 0px; padding-bottom: 15px;}
.wrap.en .gnb__layer--inner { display: block;padding: 0 10px 0 50px;float:left;}
.wrap.en .gnb__layer--inner li a {font-size:20px; font-family: 'notosans' !important;}
.wrap.en .gnb__layer--depth2 ul li a {font-weight: 400;font-size:15px; opacity: .6;letter-spacing: -0.5px;}
.wrap.en .gnb__layer--depth2 ul li { margin-top:10px; width:100%;}
.wrap.en .gnb__inner { min-width: 380px;}
.wrap.en .gnb__translator { right: 72px;}
.wrap.en .gnb__translatorbutton { font-size: 14px;}
.wrap.en .gnb__layer--inner li { display: block;  width: 33.333%; float:left;}
.wrap.en .gnb__layer--inner li.gnb__space02, .gnb__layer--inner li.gnb__space05 {width: 27.33% !important;}
.wrap.en .gnb__layer--inner li.gnb__space01, .gnb__layer--inner li.gnb__space04 {width: 38.33% !important;}
.wrap.en .gnb__layer--depth2 { margin-top: 22px;  width: 100%; min-height: 210px; }


/*회사소개*/
.wrap.en .top_location { display: none;}
.wrap.en .sub__title {font-size: 38px;}
.wrap.en .title__large { font-size: 24px !important; margin-top:50px;}
.wrap.en .title__lmid--large { font-size: 24px;}
.wrap.en .parallax01__title {font-size: 38px; letter-spacing: 1.6px; }
.wrap.en .production-equipment__title { margin-bottom: 25px;  font-size: 26px;}
.wrap.en .parallax__full--text.left .title__large { margin: 40px 0 0; line-height: 1.3;}

.wrap.en .company-overview__title { font-size: 34px !important; padding-left: 80px;}
.wrap.en .business-overview__text-section .business-overview__title {font-size: 28px !important;line-height: 1.4 !important;}
.wrap.en .business-overview__text-section .business-overview__text {font-size: 16px; margin-top: 80px;line-height: 25px;padding-right: 20px;}
.wrap.en .business-overview__inner { margin-left: 30px;}
.wrap.en .business-overview__main-title { margin-bottom: 47px;}
.wrap.en .business-overview__image { height: auto;}
.wrap.en .sub__inner {padding: 0 20px;}
.wrap.en .title__layout .title__lmid--large { line-height: 34px; }
.wrap.en .lh30 { line-height: 25px;}
.wrap.en .production-equipment__anchor span { font-size: 16px;}
.wrap.en .production-equipment__thumb { margin-bottom: 13px;}

.wrap.en .ceo-message__top { margin-bottom: 40px; font-size: 32px !important; letter-spacing: 3px !important; }
.wrap.en .ceo-message__text { letter-spacing: -0.5px;}
.wrap.en .ceo-message__left { width: 100%; float: left; padding-right: 10px;}
.wrap.en .ceo-message__right { width: 100%; float: left; padding: 75px 40px 0 40px;}
.wrap.en .ceo-message__text { line-height: 1.55;}
.wrap.en .ceo-message__left img {padding-left: 100px; padding-right: 100px;}
.wrap.en .parallax01__bar {height: 60px !important; top: calc(100% - 180px);}
.wrap.en .parallax01__inner { padding: 0px 0 200px;}
.wrap.en .parallax01__textarea { height: 450px;}

.wrap.en .management-philosophy__inner { background-color: transparent;}
.wrap.en .management-philosophy__inner--type01  { height: 450px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__text {padding-left: 40px; top: 140px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { font-size: 26px;}
.wrap.en .management-philosophy__text-wrap { margin: 0 0 0 40px;}
.wrap.en .management-philosophy__big-text { font-size: 26px;}
.wrap.en .management-philosophy__text {font-size: 16px; line-height: 1.55; padding-right:5px;padding-bottom: 30px; padding-right: 120px;}
.wrap.en .management-philosophy__title { margin-bottom: 38px; font-size: 18px;}
.wrap.en .management-philosophy__sub-title { font-size: 28px; line-height: 1.35;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { letter-spacing: 2.4px;line-height: 32px;}
.wrap.en .management-philosophy__inner--type02 { margin: 100px auto 0;}
.wrap.en .management-philosophy__inner--type02 .management-philosophy__text { padding-right: 40px;}
.wrap.en .management-philosophy__inner--type03 { margin: 100px auto 0;}
.wrap.en .management-philosophy__inner--type04 { margin: 60px auto 0;}
.wrap.en .management-philosophy__inner--type04 .management-philosophy__bg { height: 250px; overflow: hidden; width:90%;}
.wrap.en .management-philosophy__inner--type04 .management-philosophy__text { left: 40px; font-size: 16px; line-height: 1.55; clear: left; position: relative; top:250px; letter-spacing: -0.5px;}
.wrap.en .management-philosophy__inner--type04 img { position: relative; top: -100px;}
.wrap.en .management-philosophy__inner--type05 { margin: 140px auto 0;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__bg {height: 250px; overflow: hidden; width:90%;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__text {  letter-spacing: -0.5px;padding-top:80px;left: 80px; max-width:100%;  font-size: 16px; line-height: 1.55; clear: right; position: relative; top:180px; text-align:left;}
.wrap.en .management-philosophy__inner--type05 img { position: relative; top: -100px;}
.wrap.en .management-philosophy__inner--type06 { display: block; margin: 80px auto 0;  padding-left: 40px; padding-right: 40px;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__wrap { width: 100%;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__text { width: 100%; padding-left: 0px; margin-top: 50px; padding-right: 20px;}
.wrap.en .management-philosophy__inner--type07 { margin: 100px auto 0;  padding-right: 0px;}
.wrap.en .last-section { padding-bottom: 150px !important;}
.wrap.en .pdr0 {padding-right: 0px !important;}
.wrap.en .management-philosophy__description {letter-spacing: -0.5px !important;}

.wrap.en section.history {padding: 0 40px;}
.wrap.en .history__anchor { border-bottom: 1px dotted #dcdcdc;}
.wrap.en .history__anchor:hover { border-bottom: 1px dotted #ffffff;}
.wrap.en .history__item:not(:first-child) { margin-top: 0;}
.wrap.en .history__anchor .history__year { font-size: 14px; top: 12px;}
.wrap.en .history__anchor .history__title { padding: 10px 80px 10px 100px; font-size: 16px; line-height: 18px;}
.wrap.en .history__anchor .history__category { font-size: 14px; top: 10px;}
.wrap.en .history__anchor:hover .history__year { left: 0; top: 12px;font-weight: normal;}
.wrap.en .history__anchor:hover .history__title { font-weight: normal;}
.wrap.en .history__anchor:hover .history__category { right: 0px;  top: 10px;}
.wrap.en .history .tab__buttons { padding-bottom: 20px;}
.wrap.en .history__anchor:hover { padding: 0; -webkit-transition: all .35s ease-in; transition: all .35s ease-in; }
.wrap.en .history__anchor:hover span { -webkit-transition: all .35s ease-in; transition: all .35s ease-in; opacity: 1; }
.wrap.en .history__anchor:hover:after { display: block; position: absolute; left: -50px; right: -50px; top: 0; bottom: 0; border: 1px solid #8e8e8e; border-radius: 64px; content: ''; }


.wrap.en .company .tab--default .tab__buttons { width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}
.wrap.en .tab--default .tab__buttons {width:72%;}
.wrap.en .tab--default {padding-top: 60px;}
.wrap.en .tab--default .tab__buttons .tab__button .tab__anchor { height: 38px; line-height: 38px; font-size: 14px;}
.wrap.en .title__small--mid { font-size: 16px;}
.wrap.en .table__wrap--large table th { padding: 20px 0 19px; font-size:16px;}
.wrap.en .title__xlarge { font-size: 27px !important;}
.wrap.en .table__wrap--large table td .title__xlarge.light-gray { font-size: 20px !important;}
.wrap.en .table__wrap--large table td { height: 110px;}
.wrap.en .bg__blank { padding-bottom: 160px !important;}
.wrap.en .table__wrap table td.date { font-size: 16px;}
.wrap.en .grade {flex-direction: column;}
.wrap.en .company .flex .ai_start { margin-top: 0; margin-bottom: 20px;}
.wrap.en .grade table th, td {font-size:16px;}
.wrap.en .company .flex__table--900 .title__mid { font-size: 20px;}
.wrap.en .bg__white.bg__blank { padding: 2.5%;}
.wrap.en .bg__lightgray.bg__blank { padding: 2.5%;}

.wrap.en .company__info { margin-bottom: 20px;}
.wrap.en .company__info--txt p { font-size: 16px; margin-top: 10px;}
.wrap.en .company__info--txt p span { margin-right: 15px;}
.wrap.en .company__info .btn__list {margin-top: 15px;}
.wrap.en .company__info .btn__list .button__arr { padding-right: 10px;}
.wrap.en .company__info .btn__list .button[class*="button__square"] { min-width: 107px;}
.wrap.en .button__arr:after { right: 10px;}
.wrap.en .company__info--txt { width: auto; margin-top: 15px !important;}
.wrap.en .company__info .title__small--mid {margin-top: 0 !important;}
.wrap.en .company__info .title__large {margin-top: 40px;}
.wrap.en .flex__table--half { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%;  flex-basis: 100%; width: 100%;}
.wrap.en .grade2 {flex-direction: column-reverse;}
.wrap.en .company__info .button__arr:after { background: none; }
.wrap.en .abroad { padding: 39px 0;}
.wrap.en .abroad .btn__list .button__arr { padding-right: 0px !important;}
.wrap.en .abroad .btn__list .button[class*="button__square"] { min-width: 107px;}
.wrap.en .abroad .title__large {margin-top: 0px;}
.wrap.en .abroad .flex__cell .title__small--mid { margin-top: 18px;}
.wrap.en .abroad .flex__cell .btn__list { margin-top: 8px;}
.wrap.en .company_photo {align-items: normal;}

/*제품 ####################*/
.wrap.en .equipment-all__left-text { font-size: 30px; -webkit-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%);}
.wrap.en .equipment-all .equipment-process { left: 38px; right: 49px;}
.wrap.en .equipment-all .equipment-process__text { font-size: 22px; top: 40px; padding-left: 20px;}
.wrap.en .equipment-all__inner:not(:first-child) { margin: 100px auto 0;}
.wrap.en .equipment-all { padding-bottom: 100px;}

.wrap.en .product__contents { left: 100px;  top: 200px;}
.wrap.en .product__title {  font-size: 46px;}
.wrap.en .product__text { margin-bottom: 47px;}
.wrap.en .product__bar { margin-bottom: 30px;}
.wrap.en .product .product-info__anchor { bottom: 40px;}
.wrap.en .product .product-info__content { bottom: 132px; padding:49px 50px 0;}
.wrap.en .pualugin-select__trigger { width: 170px; font-size:12px;}
.wrap.en .pualugin-select__container { width: 170px; font-size:12px;}
.wrap.en .product__item { height: 800px;}

.wrap.en .process {padding: 80px 0px 100px 40px;}
.wrap.en .semiconductor-process { padding: 40px 40px 250px;}
.wrap.en .title__box { max-width: none; padding: 255px 0 80px 100px;}
.wrap.en .b30 .process-tab__anchor strong {font-size: 14px; }
.wrap.en .b30 .process-tab__panel { padding-top: 0px;}
.wrap.en .square { background-size: 88%;}
.wrap.en .square__process--inner.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12 { background-size: 30px !important; background-position-y: 10px !important;}
.wrap.en .square__process--inner:nth-child(n+7) { margin-top: 75px;}
.wrap.en .square__process--text .lightGray { font-size: 12px;}
.wrap.en .square__process--text .title__small { font-size: 12px;}
.wrap.en .square__infoList { top: 110%; font-size: 12px;}
.wrap.en .title__layout .lh30 {font-size: 16px;}
.wrap.en .process-tab__button ~ .process-tab__button { margin-left: 10px;}
.wrap.en .process-tab__button:last-child {width: calc(14.2% - 1px);}
.wrap.en .flex__end {flex-direction: column;}
.wrap.en .process .flex__table--large .title__layout { margin-right: 0; max-width: none;}
.wrap.en .process__carousel { margin-top: 40px;}
.wrap.en .semiconductor-process__title {font-size: 24px;}


/*media ####################*/
.wrap.en .title__small {font-size: 16px;}
.wrap.en .notice__list--title { margin-top: 0px; font-size: 16px; line-height: 30px;}
.wrap.en .notice__list--caption {font-size: 14px;}
.wrap.en .news-gallery__navigation {bottom: 0px !important;  width: 100%;  text-align: center; right: auto;}
.wrap.en .slider__news { margin-bottom: 150px;}
.wrap.en .slider__news--info { padding-left: 2.5%;}
.wrap.en .notice__view--top .button_back { left: -69px;}
.wrap.en .notice__view { width: 100%;}
.wrap.en .company .sub__inner { margin: 0;}
.wrap.en .notice__view--top .button_back { top: -36px; left: 0;}
.wrap.en .sub.c11s00 { height: 320px;}
.wrap.en .notice__list--box { height: 136px; padding: 20px;}
.wrap.en .bg__blank { padding-bottom: 100px !important;}
.wrap.en .news-gallery__anchor-wrap { bottom: 0px; display:none;}
.wrap.en .slider__news--info .button__square--black { margin-top: 22px;}
.wrap.en .slider__news--info { margin-bottom: 100px;}
.wrap.en .top_location_right { display: none;}
.wrap.en .notice__view--contents { padding: 0 0 57px;}
.wrap.en .sub.c111s00 { height: 150px !important;}
.wrap.en .slider__news--info .title__xlarge { margin-top: 12px;}
.wrap.en .slider__news--info .date { margin-top: 13px;}

.wrap.en .notice__view--top { padding-top: 20px; padding-bottom: 25px;}
.wrap.en .parallax01  { padding-top: 160px;}
.wrap.en .company .parallax01 { padding-top: 160px; }
.wrap.en .media-list .parallax01 { padding-top: 0px; }
.wrap.en .notice__view--top .flex { margin: 10px 27px 0 0;}
.wrap.en .notice__view--top .flex .title__xlarge {font-size: 20px;}
.wrap.en .notice__view--contents .video { height: auto !important;}
.wrap.en .sliderInclude .title__wrap .sub__title  {font-size: 35px; padding-bottom: 40px;}
.wrap.en .c21 .flex__layout .title__large { font-size: 20px;}
.wrap.en .white-type .c21 .parallax01 { padding-top: 160px;}
.wrap.en .white-type .c21 .parallax01.vlog-top{ padding-top: 50px;}
.wrap.en .top_location_right_media {display:none;}
.wrap.en .slider.talk .arr__dot--carousel .swiper-pagination { bottom: 43px;}

.wrap.en .c21 .slider .arr__dot--carousel .swiper-pagination .swiper-pagination-bullet { margin: 0 10px;}

.white-type .wrap.en .c21 .sub { height: auto;}
.wrap.en .c21 .parallax01  { padding-top: 60px;}
.wrap.en .c21 .flex__table--img {flex-basis: 57%;}
.wrap.en .c21 .flex__table--txt {flex-basis: 43%; padding: 10px 35px;}
.wrap.en .c21  .title__large { margin-top: 20px;}

.wrap.en .c31 .mainparallax .text-line__title { padding-top: 50px; font-size: 43px; margin-bottom: 185px;}
.wrap.en .c31 .mainparallax .text-line__vertical-line { top: 120px; height: 100px;}
.wrap.en .c31 .mainparallax .text-line__contents { margin-top: 140px;}
.wrap.en .c31 .mainparallax .text-line .btns { margin-top: 67px;}
.wrap.en .c31 .mainparallax .text-line .btns .button__arr {background: #000000;}
/*.wrap.en .c31 .mainparallax { height: calc(100vh - 80px);}*/

.popup__promotion--header .semes__logo {width: 100px; height: 22px; background-size: 100% auto !important;}
.popup__promotion--header .transfer { right: 76px; top: 38px; font-size: 16px;}
.popup__promotion .parallax01__title--large { font-size: 40px; letter-spacing: 2.6px;}
.popup__promotion .parallax01__title--large .title__bg { width: 197px; height: 72px; background-position: 0px 10px;}
.promotion__txt .title__xlarge {font-size: 30px !important;}
.history__wrap .history__tree--inner .white {font-size: 14px; line-height: 1.5; }
.history__wrap .history__tree--inner .title__mid {font-size: 16px; width: 110%;line-height: 1.5 !important;}
.popup__content .parallax01__bottom {top: 0;}
.popup__content .parallax01__textarea--full .parallax01__inner {min-height: 100vh !important;}
.popup__promotion .parallax01__textarea {min-height: 100vh !important; height: 100% !important;}
.since .display__table--cell .title__xlarge { font-size: 80px !important; padding-left:15px;}
.since .display__table--cell .title__large {font-size: 32px !important; }
.history__wrap .history__tree--inner.left { padding-right: 80px;}
.history__wrap .history__tree--img.left__bg01:before {right: -80px;}
.history__wrap .history__tree--img.left__bg01:after {right: -80px;width: 80px;}
.history__wrap .history__tree--inner.right { padding-left: 80px;}
.history__wrap .history__tree--img.right__bg01:before {left: -80px;}
.history__wrap .history__tree--img.right__bg01:after {left: -80px;width: 80px;}
.promotion__tab .banner__inner { top: -208px;}

.news-gallery__item:nth-child(1) { left: 0px; }
.news-gallery__item:nth-child(2) { left: -25px; }
.news-gallery__item:nth-child(3) { left: 25px; }

/*채용 ##############################*/
.wrap.en .parallax__bg .position02 {left: 100px; top: 161px;}
.wrap.en .parallax__bg.bg02 { height: 500px;}
.wrap.en .parallax__bg .position02 .title__xlarge {line-height: 40px; letter-spacing: 2.4px;}
.wrap.en .parallax__sec02--d11s01 {padding: 100px 20px 100px;}
.wrap.en .grapharea--d1101 {background: url("../images/bg_want_talent.jpg") 50% 50%; width: 303px; height: 849px; background-size: 100%; padding: 100px 25px 0; flex-direction: column;}
.wrap.en .grapharea__textitem {width: 263px; padding-bottom: 120px;}
.wrap.en .grapharea__textitem.grapharea__textitem--second { padding-bottom: 140px;}
.wrap.en .grapharea__textitem.grapharea__textitem--third { padding-top: 15px;}
.wrap.en .grapharea--d1101 .grapharea__subtitle { margin-top: 0px; padding-bottom: 20px;}
.wrap.en .grapharea__content:before { top: -25px;}
.wrap.en .grapharea__content { font-size: 14px; line-height: 1.3; letter-spacing: -1.1px;left: 25px; top: -20px;}
.wrap.en .grapharea--d1101 .grapharea__title {left: 20px; top: -15px;}
.wrap.en .grapharea--d1102 { width: 100%; height:702px; background-size: 90%; background-position: top center;}
.wrap.en .grapharea--d1102 .grapharea__textarea--right { right: 48px; top: 75px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--left { left: 96px; top: 100px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--bottom { bottom: 135px; margin-left: 0px;}
.wrap.en .grapharea--d1102 .grapharea__centerItem { width: 120px; height: 38px; line-height: 38px;}
.wrap.en .grapharea--d1102 .grapharea__center {top:40%; left: 50%;}
.wrap.en .grapharea--d1102 .grapharea__title { font-size: 22px;}
.wrap.en .grapharea--d1102 .parallax__bg .position02 .title__xlarge {line-height: 40px;   letter-spacing: 3.4px;}
.wrap.en .grapharea--d1102 .grapharea__text { margin-top: 10px; line-height:1; font-size: 12px;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--img img {height: auto;}
.wrap.en .parallax__sec03--d11s03 {padding: 120px 0 20px;}
.wrap.en .parallax__sec03--d11s03 .title__large {padding: 0 80px;} 
.wrap.en .parallax__sec04-d1104 .flex__layout--block { display: block; width: auto;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block .flex__table--half { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
.wrap.en .parallax__sec04-d1104 { padding: 0 59px;margin: 100px 0 150px;}
.wrap.en .parallax__sec02--d11s02 .lh30 {font-size: 14px; width:60%; margin:0 auto; line-height: 22px;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--text .title__large { margin: 28px 0 30px;}
.wrap.en .parallax__sec02.d2102 .text__box .title__mid { line-height: 34px;}
.wrap.en .parallax__sec04.d2104 .parallax__right.txt01 .title__mid { margin-top: 46px; line-height: 34px;}

.wrap.en .d11 .title__small{font-size: 18px;}
.wrap.en .d11 .parallax__full--text .lh30 {font-size: 16px;}

.wrap.en .d21 .paytree .box__list.flex { display: block;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner {-webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: auto;max-width:none;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner.icon08 {margin-top: 20px;}
.wrap.en .d21 .parallax__position .title__xlarge {line-height: 1.35; letter-spacing: 3.4px;font-size: 36px;}
.wrap.en .d21 .parallax__bg.bg03 {height: 600px;}
.wrap.en .d21 .parallax__position--d21 { top: 177px; left: 101px;}
.wrap.en .paytree .box__list--inner .regular {width:80%; line-height: 1.35;}
.wrap.en .d21 .parallax__halfslider {min-height: auto;}
.wrap.en .d21 .parallax__slidercontrol { width: 60.83%; bottom: 0;}
.wrap.en .d21 .parallax__slidercontrol .control { margin-top: 40px;}
.wrap.en .d21 .parallax__controltitle {font-size: 30px; margin-top: 14px; line-height: 28px; word-break: break-word;}
.wrap.en .d21 .parallax__controlcategory { margin-top: 40px; font-size: 16px;}
.wrap.en .d21 .parallax__card-section { margin-left: 0; padding: 80px;}
.wrap.en .d21 .parallax__carditemtitle {font-size: 18px; line-height: 1.3;}
.wrap.en .d21 .parallax__sec--d21 {padding: 100px 0;}
.wrap.en .d21 .system__position .title__mid.icon05:after {background-size: 60px auto !important; }
.wrap.en .d21 .system__position .title__mid:after { background-size: 40px auto !important;}
.wrap.en .d21 .system__position .title__mid {font-size: 16px;line-height: 22px; }
.wrap.en .d21 .align__center--inline.bg__arr { background: url(../images/icon_salary.jpg) 50% 50% no-repeat; height:125px; background-size: 16px auto; padding: 35px 0 30px;}
.wrap.en .d21 .align__center--inline .title__large{margin-top:0;}
.wrap.en .d21 .parallax__sec05.d2105 {padding: 150px 0 100px;}
.wrap.en .d21 .parallax__half {width: 100%;}
.wrap.en .d21 .swiper-wrapper {height:450px;}
.wrap.en .d21 .swiper-wrapper .swiper-slide img {position: relative; top: -180px;}
.wrap.en .d21 .parallax__cardtitle { font-size: 24px;}
.wrap.en .d21 .parallax__cardlist {max-width: none;}
.wrap.en .d21 .parallax__carditem { max-width: 390px;}
.wrap.en .d21 .parallax__sec05.d2105 {padding: 150px 0 0;}
.wrap.en .parallax__sec06.d2106, .parallax__sec07.d2107, .parallax__sec08.d2108, .parallax__sec09.d2109 { padding: 0;}
.wrap.en .parallax__carditem[class*=icon]::after { background-size: 70%;}
.wrap.en .sub.key.d21s01 .clip > div.clipel { background-position: 70%;}
.wrap.en .d21 .parallax__sec04.d2104 .parallax__right.txt01 { padding: 14% 3% 0 0; }
.wrap.en .d21 .parallax__carditemtext { line-height: 1; }


/* ESG ################# */
.wrap.en .sub.key.e31s00 .clip > div.clipel {background-position: 30%;}
.wrap.en .leaflet__inner {left: 5%; padding-right:40px;}
.wrap.en .leaflet__title { font-size: 28px;  line-height: 32px; letter-spacing: 5.4px;}
.wrap.en .leaflet__bottomlayout {padding: 0 40px;}
.wrap.en .leaflet__subtitle {font-size: 30px; line-height: 40px;}
.wrap.en .leaflet__anchor { margin-top: 40px;}
.wrap.en .leaflet__banner { height: 700px;}
.wrap.en .leaflet__list {    margin-top: 120px; padding: 0 40px;}
.wrap.en .leaflet__iteminner {display: block; margin-bottom: 40px;}
.wrap.en .leaflet__left { width: 100%;}
.wrap.en .leaflet__right { width: 100%;}
.wrap.en .leaflet__left .leaflet__textlist {max-width: none; margin-bottom: 40px;}
.wrap.en .leaflet__subtextbox { margin-top: 30px;}
.wrap.en .leaflet__item { margin: 50px auto 80px;}
.wrap.en .leaflet__textlist {display:block;}
.wrap.en .leaflet__right .leaflet__textlist {margin-top: 30px;margin-bottom: 40px;}
.wrap.en .leaflet__bottom { margin: 80px auto 0;}
.wrap.en .leaflet__subtext::before { top: 15px;}

.wrap.en .e11 .leaflet__right .leaflet__textlist { padding-left: 0px;}

.wrap.en .e11 .leaflet__banner {height: 700px;}
.wrap.en .e21 .leaflet__banner {height: 700px;}
.wrap.en .e31 .leaflet__banner {height: 700px;}
.wrap.en .e41 .leaflet__banner {height: 700px;}
.wrap.en .e51 .bg01 {height: 700px;}

.wrap.en .leaflet__titlearea { width: 100%;}
.wrap.en .leaflet__contents { width: 100%;}
.wrap.en .circle { width: 100%; padding: 80px 0 80px; margin-left: -10px;}
.wrap.en .report__item { width: 22%; display: block; padding-right: 20px;}
.wrap.en .report__list { min-width: auto;;}
.wrap.en .report__text {line-height: 24px; padding-top:20px; font-size:16px;}
.wrap.en .lawstoggle__titlearea { width: 100%; margin-bottom: 30px;}
.wrap.en .lawstoggle__contents { width: 100%;}
.wrap.en .lawstoggle__columntext { font-size: 15px; letter-spacing: -1px;}
.wrap.en .lawstoggle__columncontainer { padding: 30px 15px 40px 0;}
.wrap.en .lawstoggle__detailedaddress {font-size: 15px; line-height: unset;}
.wrap.en .lawstoggle__text {font-size: 15px; line-height: 25px;}
.wrap.en .leaflet__contents .title__mid {font-size: 20px;}
.wrap.en .report__item:nth-child(n+3) { margin-top: 0px;}
.wrap.en .report__name { margin-left: 0; text-align: center;}
.wrap.en .report__icon { width: 145px; height: 145px; margin: 0 auto;}
.wrap.en .e21 .leaflet__bottomitem { padding: 50px 0 50px;}
.wrap.en .e21 .leaflet__titlearea > .title__large {margin-top: 0; margin-bottom:20px; font-size: 24px;}
.wrap.en .e21 .leaflet__bottomlayout {display: block;}
.wrap.en .circle__wrap { width: 350px; height: 339px; background-size: 100%;}
.wrap.en .circle__item--magnifying { left: -90px; top: 125px;}
.wrap.en .circle__subtext { line-height: 18px;}
.wrap.en .circle__item--hand { right: -130px; top: 125px;}
.wrap.en .circle__item--monitor {bottom: -80px;}
.wrap.en .e21 .leaflet__bottomitem:last-child { padding-bottom: 160px;}
.wrap.en .e21 .title__lmid {font-size: 20px;}

.white-type .wrap.en .c21 .sub__title { font-size: 30px; top: 0;}

.wrap.en .e21 .lawstoggle__columncontainer { height: 315px;}
.wrap.en .e31 .anchorBox { margin: 0 auto; position: unset; height:auto;}
.wrap.en .e31 .anchorBox__inner {overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 1;left: 0;right: 0;background-color: #fff;}
.wrap.en .e31 .anchorBox__list { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 88px 35px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e31 .anchorBox__anchor {font-size: 12px;}
.wrap.en .e31 .leaflet__bottominner { padding: 50px 60px 100px;}
.wrap.en .e31 .leaflet__contents--text .title__small { margin-top: 15px;}
.wrap.en .e31 .leaflet__contents--text .title__mid { margin-top: 40px;}
.wrap.en .e31 .leaflet__bottominner.pt140 { padding: 40px 60px 80px;}
.wrap.en .e31 .pdrl60 {padding:0 60px !important;}
.wrap.en .e31 .leaflet__bottom { margin: 0px auto 0;}
.wrap.en .e31 .leaflet__bottomlayout + .leaflet__bottomlayout { margin-top: 0px;}
.wrap.en .e31 .leaflet__cardtext { font-size: 15px;}
.wrap.en .e31 .leaflet__contents--text .title__mid:first-child { margin-top: 0;}
.wrap.en .e31 .leaflet__bottomlayout {display: block; padding:0;margin-bottom:60px;}
.wrap.en .e31 .title__large {margin-bottom: 20px;}
.wrap.en .e31 .mainpolicy__title { font-size: 20px;}
.wrap.en .e31 .pdt100 {padding-top: 100px;}
.wrap.en .e31 .parallax__full.target {height:auto; overflow: hidden;}
.wrap.en .e31 .mrgnb40 {margin-bottom: 60px;}
.wrap.en .e31 .leaflet__cardlist {display:block;}
.wrap.en .e31 .leaflet__space { margin-top: 20px;}

.wrap.en .e31 .vision {display:block;}
.wrap.en .e31 .vision .title__large {margin-bottom:40px;}
.wrap.en .e31 .vision .leaflet__contents { width: 100%; }
.wrap.en .e31 .vision .leaflet__contents--img { height: 580px;}
.wrap.en .e31 .vision .grapharea--e3101 {margin-top: 80px; width: 633px;height: 480px; position: unset; margin:80px auto 0; margin-right:0;}
.wrap.en .e31 .vision .grapharea__circle--01 { left: 55px;}
.wrap.en .e31 .vision .grapharea__circle--03 { right: 63px;}
.wrap.en .e31 .vision .grapharea__circle-wrap { bottom: 130px;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__text { font-size: 14px; text-align: center !important;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__title { font-size: 28px;}
.wrap.en .e31 .vision .grapharea__icon { width: 45px; height:auto;}
.wrap.en .e31 .vision .grapharea__text { margin-top: 12px;}
.wrap.en .e31 .leaflet__bottominner--gray {padding: 50px 60px;}

.wrap.en .grapharea--e3102 { width: 633px; height: 545px;right: -10%;}
.wrap.en .grapharea__center { width: 220px; height: 220px;}
.wrap.en .grapharea--e3102 .grapharea__subtitle { font-size: 16px;line-height: 24px;}
.wrap.en .grapharea__centerItem--01 { top: 10px;}
.wrap.en .grapharea__centerItem--02 { bottom: 20%; -webkit-transform: translateX(-53%); -ms-transform: translateX(-53%); transform: translateX(-53%);}
.wrap.en .grapharea__centerItem--03 { bottom: 20%; -webkit-transform: translateX(-13%); -ms-transform: translateX(-13%); transform: translateX(-13%);}
.wrap.en .grapharea__centerItem--01 .grapharea__icon { width: 37px; height: 36px;}
.wrap.en .grapharea__centerItem--02 .grapharea__icon { width: 33px; height: 30px;}
.wrap.en .grapharea__centerItem--03 .grapharea__icon { width: 35px; height: 30px;}
.wrap.en .e31 .grapharea--e3102 .grapharea__textarea--top { top: 70px;}
.wrap.en .e31 .grapharea--e3102 .grapharea__textarea--left { top: 267px; left: 35px;}
.wrap.en .e31 .grapharea--e3102 .grapharea__textarea--right { top: 255px; right: 34px; }
.wrap.en .e31 .grapharea__bottom { bottom: -10px;}
.wrap.en .leaflet__contents--img { height: 700px;}
.wrap.en .e31 .leaflet__cardlist li:nth-child(even) {  margin-left: 0;}

.wrap.en .e41 .leaflet__left--large { padding: 0 80px;}
.wrap.en .e41 .leaflet__banner { height: 450px;}
.wrap.en .e41 .leaflet__title { font-size: 26px; line-height: 1.24; letter-spacing: 4.4px;}
.wrap.en .e41 .leaflet__subtitle { font-size: 28px; line-height: 1.35; }
.wrap.en .e41 .environment__section { margin: 100px auto 0;}
.wrap.en .e41 .environment__subtitle { font-size: 20px;  line-height: 30px;}
.wrap.en .e41 .leaflet__item:last-child { margin-bottom: 100px;}
.wrap.en .e41 .environment__certificate + .environment__certificate { margin-left: 90px;}
.wrap.en .e41 .environment__section .leaflet__banner { height: 550px;}
.wrap.en .e41 .leaflet__inner {top:50%; }
.wrap.en .e41 .leaflet__inner.safety_ci {top: 75%;}
.wrap.en .e41 .leaflet__textbox { margin-top: 30px;}
.wrap.en .e41 .ci_wrap { width: 340px; margin: 0 auto; padding-top: 60px;}

.wrap.en .e51 .parallax__bg .position01 .title__xlarge {left: 5%;}
.wrap.en .e51 .parallax__sec01 {padding: 0 40px;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100 {padding-right: 40px; padding-left:0;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype {padding-left: 40px; }
.wrap.en .e51 .sub__inner {padding:0;}
.wrap.en .e51 .sub__inner.social {padding:0 40px;}
.wrap.en .e51 .top240 {margin-top: 120px;}
.wrap.en .e51 .parallax__bg.bg01 { height: 700px;}
.wrap.en .e51 .flex__layout--btype {display: block;}
.wrap.en .e51 .title__mid{font-size: 20px; margin-top:20px;}
.wrap.en .e51 .top100 {margin-top: 60px;}
.wrap.en .e51 .top200 {margin-top: 100px;}
.wrap.en .e51 .parallax__sec05--space01 { margin-top: 90px;}
.wrap.en .e51 .flex__layout--conent {margin-top: 20px;}
.wrap.en .e51 .flex__layout--pl80 { padding-left: 40px;}
.wrap.en .e51 .slider__triple .text { padding: 15px;}
.wrap.en .e51 .slider__triple ~ .align__right { margin-bottom: 100px;}


/*.wrap.en .e51 .sub.e51s01 { height: 150px !important;}*/
.wrap.en .e51 .contents .sub__inner {padding:0 20px;}
/*.wrap.en .e51 .parallax01 { padding-top: 0px; }*/

.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100.spon {padding-right: 0px; padding-left:40px;}
.wrap.en .e51 .sub__inner.activity { padding: 0 40px; }

.wrap.en .e51 .tab--default .tab__buttons { width: max-content;}

/* 고객센터 */
.wrap.en .customer-top { padding: 0 15px; margin-bottom: 40px;}
.wrap.en .customer { padding: 60px 40px;}
.white-type .wrap.en .sub__title { font-size: 42px; top: 172px;}
.white-type .wrap.en .sub { height: 270px;}
.wrap.en .customer__title {font-size: 24px; margin-bottom: 20px; display: inline-block;}
.wrap.en .customer__sub-title {font-size: 18px;margin-bottom: 30px;}
.wrap.en .customer__content ~ .customer__content { margin-top: 30px; padding-top: 30px;}
.wrap.en .customer__text { font-size: 15px; line-height: 1.47;}
.wrap.en .customer__text--bold { font-weight: 600;}
.wrap.en .customer-top__anchor { margin-bottom: 20px;  padding-right: 23px; font-size: 16px;}
.wrap.en .customer-top__text { font-size: 15px; line-height: 1.45;}
.wrap.en .customer-top__item { min-height: 270px; padding: 140px 10px 0;}

.wrap.en .customer-service__title { font-size: 18px; margin-bottom: 30px;}
.wrap.en .customer-service__text { font-size: 15px; line-height: 1.47;}
.wrap.en .customer-service__item {  height: 260px; padding: 75px 30px 0;}
.wrap.en .customer-service .button__arrow { margin-top: 43px;}

.wrap.en .question-category { margin: 0 auto 60px;}
.wrap.en .form__item { margin-top: 20px;}
.wrap.en .form__content { padding-left: 120px;}
.wrap.en .register__left {width: 100%;}
.wrap.en .register__right {width: 100%;}
.wrap.en .form__title.required label { font-size: 14px;}

.wrap.en .customer__left { float: left;width: 100%;}
.wrap.en .customer__right { float: right;width: 100%;}

.wrap.en .f11s03 .button__arrow { margin-left: 20px; }
.wrap.en .f11s03 .customer__right .button__arrow { margin-left: 0;}

.wrap.en .contents .process__list ol li { margin-top: 0; height: 101px;}
.wrap.en .contents .process__list ol li:last-child { margin-top: 0; height: auto;}
.wrap.en .contents .process__list--box .table .table__wrap table td .flex { margin-right: 0; flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order { flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order__box { width: 100%;    height: 110px;  padding: 20px ;}
.wrap.en .contents__payment .flex .payment__inner .order__box ol li { margin-top: 0px; display: inline-block; margin-bottom: 10px; margin-right:10px;}
.wrap.en .flex__layout--title { -webkit-flex-basis: 100px; -ms-flex-preferred-size: 100px; flex-basis: 100px;}
.wrap.en .flex__layout--conent { -webkit-flex-basis: calc(100% - 250px); -ms-flex-preferred-size: calc(100% - 250px); flex-basis: calc(100% - 250px);}
.wrap.en .contents__payment .flex { flex-direction: column; margin-top: 40px;}
.wrap.en .contents__payment { margin-top: 0px;}
.wrap.en .contents__payment .flex .payment__inner { margin-top: 50px;}
.wrap.en .contents__payment .flex .payment__inner .order__diagram { padding: 25px 60px 0 60px;}
.wrap.en .contents .process__list--box { width: calc(100% - 215px);}
.wrap.en .contents__payment .flex__layout--title .title__large { font-size: 24px;}
.wrap.en .link__buttons a { padding: 15px 15px;  font-size: 16px;}

.wrap.en .policy__text--inner .table__wrap table th, .wrap.en .policy__text--inner .table__wrap table td {font-size:13px;padding: 10px; line-height:22px;}
.wrap.en .policy__text--inner p {font-size:14px;}
.white-type .wrap.en .util .sub .sub__title {width: 60%;}

.wrap.en .policy__top .title__xlarge {font-weight:bold;}

.room-enrollment { width:105px !important;   bottom: 50px;   height: 24px;}
.room-enrollment__text {font-size: 11px; padding: 4px 10px 0 10px; opacity: 1;}
.room-enrollment:hover {width:105px !important;}
.room-enrollment:hover .room-enrollment__text {opacity:1;}
.room-enrollment__icon { display:none;top: -2px;  left: -2px; background-size: 50%;}

.w41 .popup__contents .flex {flex-direction: column;}
.w41 .popup__contents .flex__layout--title { -webkit-flex-basis: 40px !important; -ms-flex-preferred-size: 40px !important; flex-basis: 40px !important;}
.w41 .popup__contents .box__list.flex {flex-direction: row;}
.w41 .popup__contents .box__list--inner { max-width: none;}
.w41 .popup__tit .title__large {margin-top: 0}
.w41 .popup__contents .tab--line .tab__buttons .tab__button .tab__anchor { font-size: 18px;}

}

 /*s ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/
@media (min-width: 480px) and (max-width: 767px) {

.down .logo_top .header__logoanchor {width:80px; height:18px;}
.down:hover .logo_top .header__logoanchor {width:80px; height:18px;}
header .logo_top .header__logoanchor {width:80px; height:18px;}
header:hover  .logo_top .header__logoanchor {width:80px; height:18px;}
.header__logo {width:80px; height:18px;}
.header__logo:hover {width:80px; height:18px;}
.header__left { padding-top: 24px;}
header .header__inner .header__left .header__logo .header__logoanchor {width:80px; height:18px;}
header:hover .header__inner .header__left .header__logo  .header__logoanchor {width:80px; height:18px;}
.header__logo {width:80px; height:18px;}
.header__logo:hover {width:80px; height:18px;}

/*메인*/
.wrap.en .video__title { font-size: 35px;}
.wrap.en .text-line__title { font-size: 24px;}
.wrap.en .text-line__contents { font-size: 14px;}
.wrap.en .mainparallax__inner { -webkit-transform: translateY(105px); -ms-transform: translateY(105px); transform: translateY(105px);}
.wrap.en .mainparallax__section { min-height: 550px;}

.wrap.en .company-info__wrap { max-width: 380px}
.wrap.en .company-info--first { height: 180px;}
.wrap.en .company-info--second { height: 180px;}
.wrap.en .company-info--third { height: 180px;}
.wrap.en .company-info__title { font-size: 18px; margin-bottom: 10px;}
.wrap.en .company-info__back { height: 130px; margin-top: -75px;width: 70px; left:-30px;}
.wrap.en .news__item { max-width: -webkit-fill-available;}

.wrap.en .mainparallax02__section { height: 500px;}
.wrap.en .mainparallax02__inner { top: 70%;}
.wrap.en .main-product__text { left: 12.75%; font-size: 28px}
.wrap.en .main-product__list { display: block; padding: 20px;}
.wrap.en .main-product__item { width: 100%;}

.wrap.en .semiconductor__description { font-size: 18px;line-height: 1.3;width: 85% !important; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet { margin: 0; width: 40px; height: 13px; line-height: 13px; border-radius: 0; background: transparent; opacity: 1; font-size: 12px; color: rgba(255, 255, 255, 0.5); font-weight: 700; position: relative; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 20px; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active { text-align: left; background: transparent; opacity: 1; font-size: 12px; color: white; font-weight: 700; width: 40px; }
.wrap.en .semiconductor__timer { display: none; margin-left: 4px; width: 40px; height: 2px; }
.wrap.en .semiconductor__timerbar { height: 100%; background-color: #fff; -webkit-transition: width 3s linear; transition: width 3s linear; }
.wrap.en .semiconductor-box__title { font-size: 28px; top: 60px;}
.wrap.en .semiconductor-box__text { font-size: 14px;}
.wrap.en .semiconductor-box__anchor {top: 90px;}
.wrap.en .semiconductor__text { -webkit-transform: none; -ms-transform: none; transform: none;top:20px; left: 20px; width:100%;}
/*.semiconductor__text { -webkit-transform: translate(-95px, -330%); -ms-transform: translate(-95px, -330%); transform: translate(-95px, -330%);}*/
.wrap.en .semiconductor__slide .semiconductor__pagination { -webkit-transform: none; -ms-transform: none; transform: none;top: 125px; left:20px;}
/*.semiconductor__slide .semiconductor__pagination { -webkit-transform: translateX(-95px); -ms-transform: translateX(-95px); transform: translateX(-95px);top: 110px;}*/
.wrap.en .semiconductor { margin-top: 80px; display:block;}
.wrap.en .semiconductor__left { width: 100%;}
.wrap.en .semiconductor__title { display:none; }
.wrap.en .semiconductor__right { width: 100%;padding-top:0px; transform: none;-webkit-transform: none;transform: none !important; padding: 20px;}
.wrap.en .semiconductor-box { position: unset; }
.wrap.en .semiconductor-box__item {padding:20px; background: rgba(255, 255, 255, 0.2);top: 0; left: 0; transform: none;}
.wrap.en .semiconductor-box__content {height: 360px;}
.wrap.en .semiconductor-box__list { width: 75%;  top: 180px; left: 12.5%; -webkit-transform: none; -ms-transform: none; transform: none; position: absolute; max-width: none; }
.wrap.en .semiconductor__contents { height: 400px;}

.wrap.en .parallax02__leftinner {overflow: hidden; height: 100%; padding-left: 0;width: 100%;}
.wrap.en .news__title { font-size: 16px;}
.wrap.en .news__info { margin: 10px 0 10px;}
.wrap.en .news__list { margin-left: 0;display:block; }
.wrap.en .news {padding:0;}
.wrap.en .news__item {width:50%; padding: 0 30px;}
.wrap.en .news__item:nth-child(even) { margin-left: 0px; }
.wrap.en .museum__title { font-size: 26px;}
.wrap.en .museum__text { font-size: 14px;}
.wrap.en .parallax02__title { font-size: 32px; margin-bottom:19px;}
.wrap.en .parallax02__rightinner { padding-top: 60px;width: 100%; float:left;padding-bottom: 0;}
.wrap.en .text-line--left { padding: 270px 20px 50px 60px;}
.wrap.en .parallax02 { min-width: auto; padding-bottom: 0px; padding-top: 50px;}
.wrap.en .parallax02__right {position: relative;    width: 100%;    clear: both;    float: left; left: 0; height:auto;}
.wrap.en .main-product__item:nth-child(2) { border: 0px;}
.wrap.en .museum { min-width: 220px; }
.wrap.en .museum__inner { left: 58px; top: 70px; bottom: auto;}
.wrap.en .museum img {  }

.wrap.en .parallax03 { min-width: 480px; margin: 0 auto 50px;}
.wrap.en .parallax03__leftinner { padding: 0 40px 0 40px; width:100%;}
.wrap.en .say-semes {padding-top: 100px; padding-left:40px; }
.wrap.en .say-semes__title { font-size: 24px; margin-bottom:28px;}
.wrap.en .say-semes__small-title {  margin-bottom: 28px; }
.wrap.en .main-title--left { top: 685px; left: -140px;}
.wrap.en .story {margin-top: 10px;}
.wrap.en .story__text {bottom: 20px; left: 15px; font-size: 14px; font-weight: normal;width: 100%; left: 0; padding:0 15px;}
.wrap.en .directors__name { left: 30px; font-size: 18px; bottom:0;}
.wrap.en .directors__back { width: 330px; height: 340px;}
.wrap.en .directors__list {padding-left:20px;}
.wrap.en .directors__item.swiper-slide-active .directors__contents .directors__image img {transform: translate(20px, 40px);    -webkit-transform: translate(20px, 40px);    -ms-transform: translate(20px, 40px);}
.wrap.en .z00s11 { margin-bottom: 250px;}

.wrap.en .linkArea__top { font-size: 18px; background-position-y: 25px;}
.wrap.en .linkArea__bottom { font-size: 14px;}

.wrap.en .footer.en .footer__btns { -webkit-flex-direction:  column; -ms-flex-direction:  column; flex-direction: column; }

/*사이트맵*/
.wrap.en .gnb__inner--navi { margin-top: 100px;}
.wrap.en .gnb__links { position: relative; bottom: 0px; top: 0px; padding: 0 30px 40px; line-height: 8px;float:left;}
.wrap.en .gnb__linkitem {float: left; margin-top: 0px; padding-bottom: 15px; margin-right: 30px;}
.wrap.en .gnb__layer--inner { display: block;padding: 0 30px 0 30px;float:left;}
.wrap.en .gnb__layer--inner li a {font-size:20px; font-family: 'notosans' !important;}
.wrap.en .gnb__layer--depth2 ul li a {font-weight: 400;font-size:15px; opacity: .6;letter-spacing: -0.5px;}
.wrap.en .gnb__layer--depth2 ul li { margin-top:0px; display:block; width:auto; padding-right:20px; padding-bottom: 12px;}
.wrap.en .gnb__inner { min-width: 380px;}
.wrap.en .gnb__translator { right: 72px;}
.wrap.en .gnb__translatorbutton { font-size: 12px;}
.wrap.en .gnb__layer--inner li { display: block;  width: 100%; float:left;}
.wrap.en .gnb__layer--depth2 { margin-top: 15px;  width: 100%;margin-bottom:20px;float:left; }
/*.minh2 {min-height: 120px;}*/

/*.gnb__inner--navi { margin-top: 100px;}
.gnb__links { position: relative; bottom: 0px; top: 0px; padding: 0 90px 40px; line-height: 8px;float:left;}
.gnb__linkitem {float: left; margin-top: 0px; padding-bottom: 15px; margin-right: 30px;}
.gnb__layer--inner { display: block;padding: 0 40px 0 90px;float:left;}
.gnb__layer--inner li a {font-size:20px; font-family: 'notosans' !important;}
.gnb__layer--depth2 ul li a {font-weight: 400;font-size:15px; opacity: .6;}
.gnb__layer--depth2 ul li { margin-top:8px; width:100%;}
.gnb__inner { min-width: 380px;}
.gnb__translator { right: 72px;}
.gnb__translatorbutton { font-size: 14px;}
.gnb__layer--inner li { display: block;  width: 50%; float:left;}
.gnb__layer--depth2 { margin-top: 15px;  width: 100%; min-height: 170px;}
.minh2 {min-height: 120px;}*/

/*회사소개*/
.wrap.en .sub.key.a21s01 .clip > div.clipel {background-position: 70%}
.wrap.en .top_location { display: none;}
.wrap.en .sub__title {font-size: 30px;}
.wrap.en .title__large { font-size: 22px; }
.wrap.en .title__lmid--large { font-size: 24px;}
.wrap.en .title__small {font-size: 14px;}
.wrap.en .parallax01__title {font-size: 26px; letter-spacing: 2.6px;}
.wrap.en .parallax__full--text.left .title__large { margin: 20px 0 0;line-height: 1.4;}
.wrap.en .contents {margin-top: 40px;}
.wrap.en .vision .title__large { font-size: 16px; }

.wrap.en .company-overview__title { font-size: 26px !important; }
.wrap.en .company-overview { height: 500px;  margin-bottom: 100px; margin-top: 80px;}
.wrap.en .company-overview__content {font-size: 14px; line-height: 1.55;}
.wrap.en .company-overview__inner { right: 40px; top: 90px; }
.wrap.en .business-overview__text-section .business-overview__title {font-size: 22px;line-height: 1.2;}
.wrap.en .business-overview__text-section .business-overview__text {font-size: 14px; margin-top: 50px;line-height: 21px; padding-right:20px;}
.wrap.en .business-overview__inner { margin-left: 30px;}
.wrap.en .business-overview__main-title { margin-bottom: 47px;}
.wrap.en .business-overview__image { margin-left: 30px; height: auto;}
.wrap.en .business-overview, .vision { margin-bottom: 40px; margin-top: 60px;}
.wrap.en .business-overview .flex__layout:first-child { margin-top: 88px;}
.wrap.en .title__layout { margin-top: 60px !important; padding: 0 40px;}
.wrap.en .flex__layout--block { width: auto;}
.wrap.en .business-overview .flex__layout { margin-top: 40px; }

.wrap.en .sub__inner {padding: 0 40px;}
.wrap.en .title__layout .title__lmid--large { line-height: 34px; }
.wrap.en .lh30 { line-height: 20px;}
.wrap.en p.lh30 { font-size: 14px;}
.wrap.en .production-equipment__anchor span { font-size: 14px;}
.wrap.en .production-equipment__thumb { margin-bottom: 10px;}
.wrap.en .production-equipment__title { margin-bottom: 25px;  font-size: 22px;}
.wrap.en .production-equipment__inner { margin: 0 auto 130px;padding: 0 30px;}
.wrap.en .production-equipment__inner .button__more { top: 8px;}

.wrap.en .ceo-message__top { margin-bottom: 40px; font-size: 26px !important; letter-spacing: 3px !important; }
.wrap.en .ceo-message__text { letter-spacing: -0.5px;}
.wrap.en .ceo-message__left { width: 100%; float: left; padding-right: 10px;}
.wrap.en .ceo-message__right { width: 100%; float: left; padding: 45px 40px 0 40px;}
.wrap.en .ceo-message__text { line-height: 1.55; margin-bottom: 50px; font-size: 14px;}
.wrap.en .ceo-message__left img {padding-left: 30px; padding-right: 30px;}
.wrap.en .parallax01__bar {height: 60px !important; top: calc(100% - 180px);}
.wrap.en .parallax01__inner { padding: 120px 0 200px;}
.wrap.en .parallax01__textarea { height: 350px;}
.wrap.en .last-section { padding-bottom: 120px !important;}
.wrap.en .ceo-message__sign_en {left: 0; bottom: -45px;}
.wrap.en .ceo-message.last-section { padding-bottom: 120px !important; }

.wrap.en .management-philosophy__inner { background-color: transparent;}
.wrap.en .management-philosophy__inner--type01  { height: 300px; margin-top: 60px}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__text {padding-left: 40px; top: 70px; padding-right: 40px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { font-size: 20px; line-height: 26px;}
.wrap.en .management-philosophy__text-wrap { margin: 0 0 0 40px;}
.wrap.en .management-philosophy__big-text { font-size: 18px;}
.wrap.en .management-philosophy__text {font-size: 14px; line-height: 1.35; padding-right:5px;}
.wrap.en .management-philosophy__title { margin-bottom: 38px; font-size: 16px;}
.wrap.en .management-philosophy__sub-title { font-size: 22px; line-height: 1.25;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { letter-spacing: 2.4px;}
.wrap.en .management-philosophy__inner--type02 { margin: 50px auto 0;}
.wrap.en .management-philosophy__inner--type02 .management-philosophy__bg { margin: 40px 0;}
.wrap.en .management-philosophy__inner--type02 .management-philosophy__text { padding-right: 40px;}
.wrap.en .management-philosophy__inner--type03 { margin: 100px auto 0;}
.wrap.en .management-philosophy__inner--type04 { margin: 60px auto 0;height: 530px;}
.wrap.en .management-philosophy__inner--type04 .management-philosophy__bg { height: 250px; overflow: hidden; width:90%;}
.wrap.en .management-philosophy__inner--type04 .management-philosophy__text {  font-size: 14px; line-height: 1.35; clear: left; position: static; padding: 450px 40px 0 40px;;}
.wrap.en .management-philosophy__inner--type04 img { position: relative; top: -100px;}
.wrap.en .management-philosophy__inner--type05 { margin: 200px auto 0; }
.wrap.en .management-philosophy__inner--type05 .management-philosophy__bg {height: 250px; overflow: hidden; width:92%;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__text { padding-top: 80px; padding-right: 40px;left: 40px; max-width:100%;  font-size: 14px; line-height: 1.35; clear: right; position: relative; top:140px; text-align:left;}
.wrap.en .management-philosophy__inner--type05 img { position: relative; top: -100px;}
.wrap.en .management-philosophy__inner--type06 { display: block; margin: 140px auto 0;  padding-left: 40px; padding-right: 40px;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__wrap { width: 100%;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__text { width: 100%; padding-left: 0px; margin-top: 50px;}
.wrap.en .management-philosophy__inner--type07 { margin: 60px auto 0;  padding-right: 0px;}
.wrap.en .last-section { padding-bottom: 80px !important;}
.wrap.en .management-philosophy__description {letter-spacing: -0.5px !important;}

.wrap.en section.history {padding: 0 20px; margin-top: 80px;}
.wrap.en section.history .tab--line .tab__buttons .tab__button .tab__anchor  {font-size: 14px;}
.wrap.en section.history .button__square--black { min-width: 126px !important; padding: 0 58px 0 10px;  border: 1px solid #000;font-size: 12px;}
.wrap.en .bg__lightgray.bg__blank { padding: 0.5%;}
.wrap.en .history__anchor { border-bottom: 1px dotted #dcdcdc;}
.wrap.en .history__anchor:hover { border-bottom: 1px dotted #ffffff;}
.wrap.en .history__item:not(:first-child) { margin-top: 0;}
.wrap.en .history__anchor .history__year { font-size: 12px; top: 11px;}
.wrap.en .history__anchor .history__title { padding: 10px 55px 10px 50px; font-size: 13px;letter-spacing: -1.2px;line-height: 18px;}
.wrap.en .history__anchor .history__category { font-size: 12px; top: 10px;}
.wrap.en .history__anchor:hover .history__year { left: 0; top: 11px;font-weight: normal;}
.wrap.en .history__anchor:hover .history__title { font-weight: normal;}
.wrap.en .history__anchor:hover .history__category { right: 0px;  top: 10px;}
.wrap.en .history .tab__buttons { padding-bottom: 20px;}
.wrap.en .history__anchor:hover { padding: 0; -webkit-transition: all .35s ease-in; transition: all .35s ease-in; }
.wrap.en .history__anchor:hover span { -webkit-transition: all .35s ease-in; transition: all .35s ease-in; opacity: 1; }
.wrap.en .history__anchor:hover:after { display: block; position: absolute; left: -10px; right: -10px; top: 0; bottom: 0; border: 1px solid #8e8e8e; border-radius: 64px; content: ''; }

.wrap.en .tab--default .tab__buttons {width:82%;}
.wrap.en .tab--default {padding-top: 60px;}
.wrap.en .tab--default .tab__buttons .tab__button .tab__anchor { height: 38px; line-height: 38px; font-size: 12px; padding: 0 8px; min-width:60px;}
.wrap.en .title__small--mid { font-size: 16px;}
.wrap.en .table__wrap--large table th { padding: 20px 0 19px; font-size:16px;}
.wrap.en .title__xlarge { font-size: 20px;}
.wrap.en .table__wrap--large table td .title__xlarge.light-gray { font-size: 16px;}
.wrap.en .table__wrap--large table td { height: 70px;}
.wrap.en .bg__blank { padding-bottom: 60px !important;}
.wrap.en .table__wrap table td.date { font-size: 14px; width: 110px;}
.wrap.en .table__wrap table td.title { font-size: 16px; font-weight: 500;}
.wrap.en .table__wrap table td.btns {padding: 10px 0 9px; }
.wrap.en .table__wrap table td { padding: 10px 0 9px;}
.wrap.en .button[class*="button__square"] { min-width: 107px; font-size:12px;}
.wrap.en  section.finance {margin-top:40px;}
.wrap.en  .toggle__anchor { height: 52px;  line-height: 52px;  font-size: 18px;}
.wrap.en  .toggle__anchor .toggle__anchor--icon { top: 16px;}
.wrap.en  .flex__list:not(:first-child) { margin-top: 10px;}
.wrap.en  .toggle__panel { border-top: 1px dotted #dcdcdc;}
.wrap.en .grade {flex-direction: column;}
.wrap.en .company .flex .ai_start { margin-top: 0; margin-bottom: 10px; width:100%;}
.wrap.en .grade table th, td {font-size:14px !important;}
.wrap.en .company .flex .title__large {font-size:18px;}
.wrap.en .company .flex__table--900 .title__mid { font-size: 16px; margin-bottom: 10px;}
.wrap.en .bg__white.bg__blank { padding: 1.5%;}
.wrap.en .bg__lightgray.bg__blank { padding: 1.5%;}
.wrap.en .finance .bg__white.bg__blank.credit { padding: 1.5% 1.5% 6.5% 1.5% !important;}
.wrap.en .finance .bg__lightgray.bg__blank.credit { padding: 1.5% 1.5% 6.5% 1.5% !important;}
.wrap.en .company .tab__panel .sub__inner  {padding: 0 20px}

.wrap.en .company__info { margin-bottom: 20px;}
.wrap.en .company__info--txt p { font-size: 14px; margin-top: 10px;}
.wrap.en .company__info--txt p span { margin-right: 15px;}
.wrap.en .company__info .btn__list {margin-top: 15px;}
.wrap.en .company__info .btn__list .button__arr { padding-right: 10px !important; margin-left: 0; padding-left: 30px;}
.wrap.en .company__info .btn__list .button[class*="button__square"] { min-width: 107px; font-size: 12px;}
.wrap.en .company__info .button__arr:after { right: 10px;}
.wrap.en .company__info--txt { width: auto; margin-top: 15px !important;}
.wrap.en .company__info .title__small--mid {margin-top: 0 !important;}
.wrap.en .company__info .title__large {margin-top: 40px;}
.wrap.en .flex__table--half { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%;  flex-basis: 100%; width: 100%;}
.wrap.en .grade2 {flex-direction: column-reverse;}
.wrap.en .sub__inner--blink { padding: 0 20px;}
.wrap.en .company__inner:last-child { margin-bottom: 100px;}
.wrap.en .company__info .button__arr:after { background: none; }
.wrap.en .abroad { padding: 25px 0;}
.wrap.en .abroad .btn__list .button__arr { padding-right: 0px !important;}
.wrap.en .abroad .btn__list .button[class*="button__square"] { min-width: 107px; font-size: 12px;}
.wrap.en .abroad .title__large {margin-top: 0px;}
.wrap.en .abroad .flex__cell .title__small--mid { margin-top: 5px;}
.wrap.en .abroad .flex__cell .btn__list { margin-top: 18px;}
.wrap.en .abroad .flex__cell .company__info--txt p { margin-top: 0;line-height: 26px;}
.wrap.en .company_photo {align-items: normal;}
.mapopen {width:100%;margin:0 auto;height:100%; padding:10px;}
.allmap .button .icon__naver, .button .icon__kakao { top: 4px;}
.allmap .button__arr--black:after {display:none;}
.allmap .button__square--white { width: 113px; padding-top : 1px;}
.wrap.en .company__info .button .icon__map { margin: 10px 5px 0 10px;}
.wrap.en .company__info .button .icon__address { margin: 10px 5px 0 7px;}
.wrap.en .company__info .button .icon__vidit { margin: 10px 5px 0 7px;}

/*제품 ####################*/
.wrap.en .equipment-all__left-text { font-size: 30px; -webkit-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%);}
.wrap.en .equipment-all .equipment-process { left: 0; right: 0;position: relative; top:15px; margin-top: 0;-webkit-transform: none; -ms-transform: none;  transform: none;}
.wrap.en .equipment-all .equipment-process__text { font-size: 22px; top: 40px; padding-left: 20px;}
.wrap.en .equipment-all__inner:not(:first-child) { margin: 100px auto 0;}
.wrap.en .equipment-all { padding-bottom: 100px;}
.wrap.en .equipment-all__left-background { height:500px; overflow: hidden;}
.wrap.en .equipment-all__inner { flex-direction: column; width: 100%; height: 100%; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;
    -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box;}
.wrap.en .equipment-all__left { display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;  display: flex;  width: 100%;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;
    -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;   -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;    flex-basis: 100%;}
.wrap.en .equipment-all__right {position:relative; display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;  display: flex;  width: 100%;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;
    -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;   -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;    flex-basis: 100%; padding: 0 55px 0 10px;}
    
.wrap.en .product__contents { left: 50px;  top: 200px; width: 90%;}
.wrap.en .product__title {  font-size: 32px; margin-bottom:20px; letter-spacing: 2.2px;}
.wrap.en .product__text { margin-bottom: 25px;}
.wrap.en .product__bar { margin-bottom: 30px;}
.wrap.en .product__category { font-size: 16px;}
.wrap.en .product .product-info__anchor { bottom: 40px; z-index: 1; width: 150px;}
.wrap.en .product .product-info__content { bottom: 132px; width: 85%; padding: 30px 20px 10px;}
.wrap.en .product .product-info__title { font-size: 16px;}
.wrap.en .product .product-info__list { margin-top: 10px;font-size: 14px;}
.wrap.en .product .product-info__list:last-child { margin-bottom: 25px;}
.wrap.en .product .product-info__item { font-size: 14px; line-height: 1.35;}
.wrap.en .product .product-info__item:after { top: 8px;}
.wrap.en .product .product-info__list ~ .product-info__title { margin-top: 25px;}
.wrap.en .product .product-info__content .popup__close { top: 25px; right: 25px;}
.wrap.en .pualugin-select__trigger { width: 170px; font-size:12px;}
.wrap.en .pualugin-select__container { width: 170px; font-size:12px;}
.wrap.en .product__item { height: 700px;}
.wrap.en .product__item:last-child {margin-bottom:40px; }
.wrap.en .product__anchor {margin-left: 0 !important;}
.wrap.en .b41Popup .popup__header {height: 135px;}
.wrap.en .b41Popup .popup__linkArea { left: 20px;  top: 75px; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .b41Popup .popup__header.actived { top: -135px;}
.wrap.en .b411 .popup__close {top:26px; right:20px;}
.wrap.en .b41Popup .popup__selectArea {left: 20px; top: 10px;}

.wrap.en .process {padding: 80px 0px 100px 40px;}
.wrap.en .semiconductor-process { padding: 40px 40px 100px;}
.wrap.en .title__box { max-width: none; padding: 255px 0 80px 100px;}
.wrap.en .b30 .process-tab__anchor strong {font-size: 16px; }
.wrap.en .b30 .process-tab__panel { padding-top: 0px;}
.wrap.en .square { background: url(../images/m/img_semiconductor_process_en.png) no-repeat; background-size:100%; min-height: 100%; padding-bottom: 100px;}
.wrap.en .square__process--inner { -webkit-flex-basis: calc(33.33% - 20px); -ms-flex-preferred-size: calc(33.33% - 20px);  flex-basis: calc(33.33% - 20px); margin-top: 25px;}
.wrap.en .square__process--inner.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12 { background-size: 30px !important; background-position-y: 10px !important;}
.wrap.en .square__process--inner:nth-child(n+7) { margin-top: 25px;}
.wrap.en .square__process--text .lightGray { font-size: 12px;}
.wrap.en .square__process--text .title__small { font-size: 12px;}
.wrap.en .square__infoList { top: 110%; font-size: 12px; display:none;}
.wrap.en .title__layout .lh30 {font-size: 14px;}
.wrap.en .process-tab__button ~ .process-tab__button { margin-left: 10px;}
.wrap.en .process-tab__button {width: calc(33.33% - 20px);}
.wrap.en .process-tab__button:nth-child(4) {margin-left: 0px;}
.wrap.en .process-tab__button:nth-child(7) {margin-left: 0px;}
.wrap.en .process-tab__button:nth-child(n+4) {margin-top: 20px;}
.wrap.en .flex__end {flex-direction: column;}
.wrap.en .process .flex__table--large .title__layout { margin-right: 0; max-width: none; padding:0 40px 0 0;}
.wrap.en .process__carousel { margin-top: 40px;}
.wrap.en .semiconductor-process__title {font-size: 24px;}
.wrap.en .title__box .title__large--plus {font-size: 26px;}
.wrap.en .b30s03 .flex__table--large.flex__table--half {margin-top:0;}
.wrap.en .square__process {opacity:0 ;}


/*media ####################*/
.wrap.en .notice { padding: 0;}
.wrap.en .title__small {font-size: 12px;}
.wrap.en .notice__list--title { margin-top: 0px; font-size: 14px; line-height: 17px;}
.wrap.en .notice__list--caption {font-size: 14px;}
.wrap.en .news-gallery__navigation {bottom: 35px !important;  width: 100%;  text-align: center; right: auto; }
.wrap.en .slider__news { margin-bottom: 130px;margin: -150px auto 140px; padding-left: 20px; padding-right: 20px;}
.wrap.en .slider__news--info { padding-left: 2.5%; margin-bottom: 150px;}
.wrap.en .slider__news--info .title__xlarge { margin-top: 12px;   line-height: 30px;  font-size: 22px;}
.wrap.en .media-list .slider__news--info .title__xlarge { height: 60px;}
.wrap.en .slider__news--info .date { margin-top: 13px;}
.wrap.en .notice__view--top .button_back { left: -69px;}
.wrap.en .notice__view { width: 100%;}
.wrap.en .company .sub__inner { margin: 0;}
.wrap.en .notice__view--top .button_back { top: -36px; left: 0;}
.wrap.en .notice__view--top .flex { margin: 10px 47px 0 0;}
.wrap.en .sub.c11s00 { height: 270px !important;}
.wrap.en .notice__list--box { height: 136px; padding: 20px;}
.wrap.en .bg__blank { padding-bottom: 100px !important;}
.wrap.en .sub .search { width: 170px; right: 20px;}
.wrap.en .sub .search__wrap input[type="text"] { width: 122px;}
.wrap.en .news-gallery__anchor-wrap { bottom: 30px; display: none; }
.wrap.en .slider__news--info .button__square--black { margin-top: 22px;}
.wrap.en .slider__news--info { margin-bottom: 100px;}
.wrap.en .top_location_right { display: none;}
.wrap.en .notice__view--top { padding-top: 20px; padding-bottom: 25px;}
.wrap.en .notice__view--contents { padding: 20px 0 57px; font-size: 14px;}
.wrap.en .sub.c111s00 { height: 120px !important;}
.wrap.en .slider__news .order__2 { width: 68%;}

.wrap.en .company .tab--default .tab__buttons { width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}

.wrap.en .notice__view--top { padding-top: 20px; padding-bottom: 25px;}
.wrap.en .parallax01  { padding-top: 0px;}
.wrap.en .media-list .parallax01 { padding-top: 0px; }
.wrap.en .notice__view--top .flex { margin: 10px 27px 0 0;}
.wrap.en .notice__view--top .flex .title__xlarge {font-size: 20px;}
.wrap.en .notice__view--contents .video { height: auto !important;}
.wrap.en .sliderInclude .title__wrap .sub__title  {font-size: 28px; padding-bottom: 20px; top:-50px;}
.wrap.en .c21 .flex__layout .title__large { font-size: 18px;}
.wrap.en .white-type .c21 .parallax01 { padding-top: 120px;}
.wrap.en .white-type .c21 .parallax01.vlog-top{ padding-top: 50px;}
.wrap.en .top_location_right_media {display:none;}
/*.slider.talk {padding-top: 67px; height: 100vh !important;}*/
.wrap.en .slider.talk .btns a.button {top: -40px; background: #000000; border:0;}
.wrap.en .slider.talk .arr__dot--carousel .swiper-pagination { bottom: 43px;}
.wrap.en .c2103 {flex-direction: column-reverse;}
.wrap.en .c2102 {flex-direction: column;}
.wrap.en .c21 .flex__layout { margin-top: 73px;}
.wrap.en .slider.talk .arr__dot--carousel .swiper-pagination { bottom: 43px;}
/*.slider.talk {padding-top: 0px; height:100vh;}
.slider.talk .swiper-slide { height: 100vh;}*/

.wrap.en .c21 .parallax01 {padding-top: 0px;}
/*.wrap.en .c21 .slider.talk {float:left;}*/
.white-type .wrap.en .c21 .sub {height:auto;}
.wrap.en .c21 .flex__layout:last-child { margin-bottom: 100px;}

.wrap.en .c31 .mainparallax .text-line__title { padding-top: 25px; font-size: 63px; margin-bottom: 145px;}
.wrap.en .c31 .mainparallax .text-line__vertical-line { top: 47%; height: 80px !important;}
.wrap.en .c31 .mainparallax .text-line__contents { margin-top: 140px;}
.wrap.en .c31 .mainparallax .text-line .btns { margin-top: 60px;}
.wrap.en .c31 .mainparallax .text-line .btns .button__arr {background: #000000;}

 /*.c31 .mainparallax  { height: calc(100vh - 80px) !important;}*/
 .popup__promotion--header { padding: 20px 15px;}
 .popup__promotion--header .semes__logo {width: 80px; height: 18px; background-size: 100% auto !important;}
 .popup__promotion--header .transfer { right: 46px; top: 20px; font-size: 16px;}
 .popup.promotion .popup__close {top: 16px; right: 25px;}
 .popup__promotion .parallax01__title--large { font-size: 40px; letter-spacing: 2.6px; line-height: 52px;}
 .popup__promotion .parallax01__title--large .title__bg { width: 197px; height: 72px; background-position: 0px 0px;}
 .promotion__txt .title__xlarge {font-size: 20px !important; line-height: 40px;}
 .promotion__banner--inner .title__small {font-size: 18px; }
 .promotion__tab .banner__inner { top: -120px;width: calc(50% - 70px);}
 .promotion__banner--inner { height: 260px; bottom: 80px; width: calc(50% - 70px);}
 .promotion__banner--inner.right { -webkit-transform: translateX(100%) translateX(40px); -ms-transform: translateX(100%) translateX(40px); transform: translateX(100%) translateX(40px);}
 .promotion__banner--inner.left { -webkit-transform: translateX(-100%) translateX(-40px); -ms-transform: translateX(-100%) translateX(-40px); transform: translateX(-100%) translateX(-40px);}
 .promotion__banner { height: 200px;}
 .promotion__tab .banner__inner.right { -webkit-transform: translateX(100%) translateX(40px); -ms-transform: translateX(100%) translateX(40px); transform: translateX(100%) translateX(40px); display:none;}
 .promotion__tab .banner__inner.left { -webkit-transform: translateX(-100%) translateX(-40px); -ms-transform: translateX(-100%) translateX(-40px); transform: translateX(-100%) translateX(-40px); display:none;}
 .history__wrap .history__tree {flex-direction: column;}
 .promotion__tab.fixed .banner__inner .title__small { font-size: 14px;}
 .history__wrap .history__tree--inner .white {font-size: 14px; line-height: 1.5; }
 .history__wrap .history__tree--inner .title__mid {font-size: 16px; width: 110%;line-height: 1.5 !important;}
 .popup__promotion .title__history_slogan {font-size: 44px;}
 .scrollArea .txtlogo { width: 184px;}
 .popup__content .parallax01__bottom {top: 0;}
 .popup__content .parallax01__textarea--full .parallax01__inner {min-height: 100vh !important;}
 .popup__promotion .parallax01__textarea {min-height: 100vh !important; height: 100% !important;}
.since .display__table--cell .title__xlarge { font-size: 80px !important; padding-left:15px;}
.since .display__table--cell .title__large {font-size: 26px !important; }
.since .display__table--cell .title__large--spacing{font-size: 26px !important; letter-spacing: 2px;}
.history__wrap .history__tree--inner.left { padding-right: 80px;}
.history__wrap .history__tree--img.left__bg01:before {right: -80px;display:none;}
.history__wrap .history__tree--img.left__bg01:after {right: -80px;width: 80px; display:none;}
.history__wrap .history__tree--inner.right { padding-left: 80px;}
.history__wrap .history__tree--img.right__bg01:before {left: -80px;display:none;}
.history__wrap .history__tree--img.right__bg01:after {left: -80px;width: 80px;display:none;}

.wrap.en .sub { height: 120px !important;}
.news-gallery__item:nth-child(1) { left: 0px; }
.news-gallery__item:nth-child(2) { left: -25px; }
.news-gallery__item:nth-child(3) { left: 25px; }

/*채용 ##############################*/
.wrap.en .d11 .parallax01__title { line-height: 28px;}
.wrap.en .d11 .parallax01__bottom { margin-top: 60px;}
.wrap.en .parallax__bg .position02 {left: 50px; top: 171px; width:260px;}
.wrap.en .parallax__bg .position02 .title__xlarge {line-height: 35px; letter-spacing: 2.4px;font-size:20px;}
.wrap.en .parallax__bg.bg02 { height: 500px;}
.wrap.en .parallax__sec02--d11s01 {padding: 100px 20px 100px;}
.wrap.en .grapharea--d1101 {background: url("../images/bg_want_talent.jpg") 50% 50%; width: 303px; height: 849px; background-size: 100%; padding: 100px 25px 0; flex-direction: column;}
.wrap.en .grapharea__textitem {width: 263px; padding-bottom: 120px;}
.wrap.en .grapharea__textitem.grapharea__textitem--second { padding-bottom: 140px;}
.wrap.en .grapharea__textitem.grapharea__textitem--third { padding-top: 15px;}
.wrap.en .grapharea--d1101 .grapharea__subtitle { margin-top: 0px; padding-bottom: 20px;}
.wrap.en .grapharea__content:before { top: -15px;}
.wrap.en .grapharea__content { font-size: 12px; line-height: 1.3; letter-spacing: -1.1px;top: -20px;left: 20px;}
.wrap.en .grapharea--d1102 { width: 100%; height:auto; background-size: 90%; background-position: top center;  padding: 0 40px; background: none; margin-top: 40px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--right { right: 108px; top: 115px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--left { left: 96px; top: 120px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--bottom { bottom: 115px;}
.wrap.en .grapharea--d1102 .grapharea__centerItem { width: 120px; height: 38px; line-height: 38px;}
.wrap.en .grapharea--d1102 .grapharea__center {top:45%;}
.wrap.en .grapharea--d1102 .grapharea__title { font-size: 22px;}
.wrap.en .grapharea--d1102 .parallax__bg .position02 .title__xlarge {line-height: 40px;   letter-spacing: 3.4px;}
.wrap.en .grapharea--d1102 .grapharea__text { margin-top: 10px; line-height:1.3;}
.wrap.en .parallax__sec03--d11s03 .title__large {  font-size: 20px;}
.wrap.en .parallax__sec02--d11s01 .grapharea__title {left: 20px;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--img img {height: auto; width:100%;}
.wrap.en .parallax__sec03--d11s03 {padding: 80px 0 10px;}
.wrap.en .d11 .parallax__sec04-d1104 .flex__layout--block { display: block; width: auto; margin-top: 0px;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block .flex__table--half { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
.wrap.en .parallax__sec04-d1104 { padding: 0; margin: 0 0 100px;}
.wrap.en .parallax__sec02--d11s02 .lh30 {font-size: 14px; width:80%; margin:0 auto; line-height: 22px;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--text .title__large { margin: 28px 0 30px;}
.wrap.en .d11 .title__layout .title__lmid--large { font-size: 18px; }
.wrap.en .d11 .title__small { font-size: 16px; }

.wrap.en .d21 .paytree .box__list.flex { display: block;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner {-webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: auto;max-width:none;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner:after {background-size: 80%; right: 20px; bottom: 30px;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner.icon08 {margin-top: 20px;}
.wrap.en .d21 .parallax__position .title__xlarge {line-height: 1.35; letter-spacing: 1.4px;font-size: 20px;}
.wrap.en .d21 .parallax__bg.bg03 {height: 400px;}
.wrap.en .d21 .parallax__position--d21 { top: 120px; left: 45px;}
.wrap.en .paytree .box__list--inner .regular {width:80%; line-height: 1.35; font-size: 14px;}
.wrap.en .d21 .parallax__halfslider {min-height: auto;}
.wrap.en .d21 .parallax__slidercontrol { width: 90%; top: 180px;}
.wrap.en .d21 .parallax__slidercontrol .control { margin-top: 40px; top: -85px; left: calc(100% - 100px); width:140px;}
.wrap.en .d21 .parallax__controltitle {font-size: 22px; margin-top: 14px;line-height: 30px;}
.wrap.en .d21 .parallax__controllayout { padding-left: 20px; height: 120px;}
.wrap.en .d21 .parallax__controlcategory { margin-top: 20px; font-size: 14px;padding-right: 120px; line-height:1.1;}
.wrap.en .d21 .parallax__card-section { margin-left: 0; padding: 0 20px;}
.wrap.en .d21 .parallax__carditemtitle {font-size: 16px; line-height: 1.3;}
.wrap.en .d21 .parallax__carditem { height: 210px;}
.wrap.en .d21 .parallax__sec--d21 {padding: 80px 0 60px;}
.wrap.en .d21 .parallax__sec02.d21021 .parallax__right.left480 {padding-left: 0;}
.wrap.en .d21 .parallax__sec02 .parallax__left.txt01 {padding: 10% 0 0 8%;}
.wrap.en .d21 .system__position .title__mid.icon05:after {background-size: 60px auto !important; }
.wrap.en .d21 .system__position .title__mid:after {background-size: 40px auto !important;    left: 28px;    width: 64px;   height: 46px;    background-position: 50% 50%;}
.wrap.en .d21 .system__position .title__mid {font-size: 14px; padding: 60px 0 6px 0; top: 25%; left: 38%;line-height: 1;}
.wrap.en .d21 .parallax__carditeminner { height: 100%; padding: 27px 20px 20px 20px;}
.wrap.en .d21 .align__center--inline.bg__arr { background: url(../images/icon_salary.jpg) 50% 50% no-repeat; height:125px; background-size: 16px auto; padding: 35px 0 30px;}
.wrap.en .d21 .align__center--inline .title__large{margin-top:0;}
.wrap.en .d21 .parallax__sec05.d2105 {padding: 150px 0 100px;}
.wrap.en .d21 .parallax__half {width: 100%;}
.wrap.en .d21 .swiper-wrapper {height:350px;}
.wrap.en .d21 .swiper-wrapper .swiper-slide img {position: relative; top: -180px;}
.wrap.en .d21 .parallax__carditemtitle {line-height:1;    word-break: break-word;}
.wrap.en .d21 .parallax__cardtitle { font-size: 20px; line-height: 1.1;}
.wrap.en .d21 .parallax__cardlist {max-width: none;}
.wrap.en .d21 .parallax__carditem { max-width: 390px;}
.wrap.en .d21 .parallax__carditemtext {font-size: 14px; line-height:1;}
.wrap.en .d21 .parallax__sec05.d2105 {padding: 80px 0 0;}
.wrap.en .parallax__sec06.d2106, .parallax__sec07.d2107, .parallax__sec08.d2108, .parallax__sec09.d2109 { padding: 0;}
.wrap.en .parallax__carditem[class*=icon]::after { background-size: 70%; left: 30px;}
.wrap.en .d21 .system {display: block; margin-top: 40px;}
.wrap.en .d21 .system__position { padding: 27px 37px 37px 40px;  background: url(../images/bg_position_process.png) 0 50% no-repeat;  background-size: 100%;height:207px; width:215px; margin: 0 auto;}
.wrap.en .d21 .system__position:after {position: absolute; top: auto;left: 50%; bottom: 25px; width: 20px; height: 50px; margin-left: -10px; background: url(../images/icon_position_process.png) no-repeat; background-size: 20px auto; content: '';}
.wrap.en .d21 .system figure.bg {display:none;}
.wrap.en .d21 .system__position:last-child:after {background: none;} 
.wrap.en .d21 .txt01 .text__box .title__mid {font-size: 16px; line-height: 24px;}
.wrap.en .d21 .parallax__sec02.d2102 { margin-top: 100px;}
.wrap.en .d21 .parallax__left.txt01 .text__box {margin-top: 30px;}
.wrap.en .d21 .parallax__sec04.d2104 .parallax__right.txt01 { padding: 40px;}
.wrap.en .d21 .parallax__sec04.d2104 .parallax__right.txt01 .title__xlarge {font-size: 20px; line-height: 1.4;}
.wrap.en .d21 .parallax__sec04.d2104 .parallax__right.txt01 .title__mid { margin-top: 26px; line-height: 1.4;}
.wrap.en .d21 .parallax__sec--d21 .title__small {font-size:14px;}
.sub.key.d21s01 .clip > div.clipel { background-position: 75%;}

/* ESG ################# */
.wrap.en .sub.key.e31s00 .clip > div.clipel {background-position: 30%;}
.wrap.en .parallax01__bottom { margin-top: 40px;}
.wrap.en .leaflet__inner {left: 5%; right: 5%;}
.wrap.en .leaflet__title { font-size: 26px;  line-height: 32px; letter-spacing: 2.1px;}
.wrap.en .leaflet__bottomlayout {padding: 0 40px;}
.wrap.en .leaflet__subtitle {font-size: 22px; line-height: 30px;}
.wrap.en .leaflet__anchor { margin-top: 20px;}
.wrap.en .leaflet__banner { height: 500px;}
.wrap.en .leaflet__description {font-size: 14px; line-height: 20px;}
.wrap.en .leaflet__list {    margin-top: 80px; padding: 0 40px;}
.wrap.en .leaflet__subtext { font-size: 14px; line-height: 20px;}
.wrap.en .leaflet__iteminner {display: block;}
.wrap.en .leaflet__left { width: 100%;}
.wrap.en .leaflet__right { width: 100%;}
.wrap.en .leaflet__left .leaflet__textlist {max-width: none; margin-bottom: 40px;}
.wrap.en .leaflet__subtextbox { margin-top: 30px;}
.wrap.en .leaflet__item { margin: 50px auto 0;}
.wrap.en .leaflet__textlist {display:block;}
.wrap.en .leaflet__right .leaflet__textlist {margin-top: 30px;margin-bottom: 40px; }
.wrap.en .leaflet__bottom { margin: 80px auto 0;}
.wrap.en .leaflet__item:last-child { margin-bottom: 100px;}
.wrap.en .e11 .leaflet__textbox { margin-bottom: 30px;}
.wrap.en .leaflet__subtext::before { top: 10px;}

.wrap.en .leaflet__titlearea { width: 100%;}
.wrap.en .leaflet__contents { width: 100%;}
.wrap.en .circle { width: 100%; padding: 30px 0 80px; margin-left: -10px;}
.wrap.en .report__item { width: 43%; display: block; padding-right: 20px;}
.wrap.en .report__list { min-width: auto;;}
.wrap.en .report__text {line-height: 24px; padding-top:5px;}
.wrap.en .lawstoggle__titlearea { width: 100%;}
.wrap.en .lawstoggle__contents { width: 100%; margin-top: 20px;}
.wrap.en .lawstoggle__columntext { font-size: 14px; letter-spacing: -1px; line-height: 20px;}
.wrap.en .lawstoggle__columncontainer { padding: 30px 15px 40px 0; height: 130px;}
.wrap.en .lawstoggle__detailedaddress {font-size: 13px; line-height: unset;}
.wrap.en .lawstoggle__addresstitle { font-size: 14px;}
.wrap.en .lawstoggle__text {font-size: 14px; line-height: 25px;}
.wrap.en .lawstoggle__anchor {font-size: 18px;}
.wrap.en .leaflet__contents .title__mid {font-size: 18px; line-height: 24px;}
.wrap.en .report__item:nth-child(n+3) { margin-top: 0px;}
.wrap.en .report__name { margin-left: 0; text-align: center;}
.wrap.en .report__icon { width: 100px; height: 100px; margin: 0 auto;}
.wrap.en .e21 .leaflet__bottomitem { padding: 50px 0 50px;}
.wrap.en .e21 .leaflet__titlearea > .title__large {margin-top: 0; margin-bottom:20px; font-size: 24px;}
.wrap.en .e21 .leaflet__bottomlayout {display: block;}
.wrap.en .circle__wrap { width: 200px; height: 194px; background-size: 100%;}
.wrap.en .circle__subtitle {font-size: 14px;}
.wrap.en .circle__subtext {font-size: 12px; line-height: 18px; width: auto !important;}
.wrap.en .circle__item--magnifying { left: -100px; top: 70px;}
.wrap.en .circle__item--hand { right: -100px; top: 70px;}
.wrap.en .circle__item--monitor {bottom: -80px;}
.wrap.en .circle__textlist {width:130px;}
.wrap.en .circle__title { width: 80px; font-size: 14px; line-height: 20px;}
.wrap.en .report__text { font-size: 14px; line-height: 18px;}
.wrap.en .report__icon--contracting:after { width: 40px; height: 40px;}
.wrap.en .lawstoggle__icon { top: -30px; right: 0px;}
.wrap.en .lawstoggle__column { width: 100%;}
.wrap.en .lawstoggle__container { border-bottom: 0px; padding-right:0;}
.wrap.en .lawstoggle__address { margin-bottom: 20px;}
.wrap.en .signature__text { font-size: 14px;}
.wrap.en .signature__name { padding-left: 20px; font-size: 20px;}
.wrap.en .signature {margin-top: 0;}

.wrap.en .e11 .leaflet__textbox { margin-bottom: 0px;margin-top:20px;}
.wrap.en .e11 .leaflet__right .leaflet__textlist { padding-left: 0px;}
.wrap.en .e21 .title__lmid {font-size: 18px;}
.wrap.en .e21 .lawstoggle__columncontainer { height: 255px;}
.e21 .leaflet__bottomitem:last-child { padding-bottom: 160px;}

.wrap.en .e31 .anchorBox { margin: 0 auto; position: unset; height:auto;}
.wrap.en .e31 .anchorBox__inner {overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 1;left: 0;right: 0;background-color: #fff;}
.wrap.en .e31 .leaflet__bottominner { padding: 50px 20px 100px;}
.wrap.en .e31 .leaflet__bottominner.operation {padding:50px 20px 0px;}
.wrap.en .e31 .leaflet__contents--text .title__small { margin-top: 15px;}
.wrap.en .e31 .leaflet__contents--text .title__mid { margin-top: 40px;}
.wrap.en .e31 .leaflet__bottominner.pt140 { padding: 40px 60px 80px;}
.wrap.en .e31 .pdrl60 {padding:0 60px 0 0 !important;}
.wrap.en .e31 .leaflet__bottom { margin: 0px auto 0;}
.wrap.en .e31 .leaflet__bottomlayout + .leaflet__bottomlayout { margin-top: 0px;}
.wrap.en .e31 .leaflet__cardtext { font-size: 15px;}
.wrap.en .e31 .anchorBox__list { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 88px 35px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e31 .anchorBox__anchor {font-size: 12px;}
.wrap.en .e31 .leaflet__contents--text .title__mid:first-child { margin-top: 0;}
.wrap.en .e31 .leaflet__bottomlayout {display: block; padding:0;}
.wrap.en .e31 .title__large {margin-bottom: 40px;}
.wrap.en .e31 .mainpolicy__title { font-size: 20px;}
.wrap.en .e31 .pdt100 {padding-top: 0;}
.wrap.en .e31 .parallax__full.target {height:auto; overflow: hidden;}
.wrap.en .e31 .mrgnb40 {margin-bottom:40px !important;}
.wrap.en .e31 .leaflet__cardlist {display:block;}
.wrap.en .e31 .leaflet__title {font-size: 20px; letter-spacing: 1.4px;}
.wrap.en .e31 .leaflet__text {font-size: 14px; line-height: 24px;}
.wrap.en .e31 .leaflet__cardlist li:nth-child(even) { margin-left: 0px;}
.wrap.en .e31 .leaflet__bannersubtitle {width: 100%;}
.wrap.en .e31 .leaflet__subtext {margin-left:0;    }
.wrap.en .e31 .leaflet__space { margin-top: 20px;}
.wrap.en .e31 .title__small.lh36 { line-height: 24px;}
.wrap.en .e31 .mainpolicy__item {display:block;}
.wrap.en .e31 .mainpolicy__titlearea { margin: 0 auto 20px;}
.wrap.en .e31 .mainpolicy__textlist { padding-left: 12px;}
.wrap.en .e31 .leaflet__inner {padding-right:50px; }

.wrap.en .e31 .vision {display:block;}
.wrap.en .e31 .vision .title__large {margin-bottom:40px;}
.wrap.en .e31 .leaflet__titlearea__width25 { width: 100%;}
.wrap.en .e31 .vision .leaflet__contents { width: 100%; }
.wrap.en .e31 .vision .leaflet__contents--img { height: 480px;}
.wrap.en .e31 .vision .grapharea--e3101 {margin-top: 80px; width: 385px;height: 380px; position: unset; margin:80px auto 0; }
.wrap.en .e31 .vision .grapharea__circle--01 { left: 35px;}
.wrap.en .e31 .vision .grapharea__circle--03 { right: 39px;}
.wrap.en .e31 .vision .grapharea__circle-wrap { bottom: 130px; height: 170px;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__text { font-size: 12px; text-align: center !important;color: #000;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__title { font-size: 20px;}
.wrap.en .e31 .vision .grapharea__icon { width: 35px; height:35px;}
.wrap.en .e31 .vision .grapharea__text { margin-top: 32px;}
.wrap.en .e31 .vision .leaflet__visiontext { font-size: 18px;}
.wrap.en .e31 .vision .grapharea__circle {width:120px;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__subtitle {font-size: 18px;}
.wrap.en .e31 .leaflet__bottominner--gray { padding: 0px 40px 80px;}

.wrap.en .e31 .grapharea--e3102 { width: 400px; height: 344px; background:url(../images/img_winwin02_en.png) no-repeat; background-size: 100%;position: relative;margin:0 auto; top:40px;left:-5%;}
.wrap.en .e31 .parallax__full--text {height: auto; overflow: hidden;top: 13%;}
.wrap.en .grapharea__center { display: none;}
.wrap.en .grapharea__centerItem--01 { display: none;}
.wrap.en .grapharea__centerItem--02 { display: none;}
.wrap.en .grapharea__centerItem--03 { display: none;}
.wrap.en .grapharea--e3102 .grapharea__textarea--top { display: none;}
.wrap.en .grapharea--e3102 .grapharea__textarea--left { display: none;}
.wrap.en .grapharea--e3102 .grapharea__textarea--right { display: none; }
.wrap.en .grapharea__bottom { display: none;}
.wrap.en .leaflet__contents--img { height: 400px;}

.wrap.en .e41 .leaflet__left--large { padding: 0 40px;}
.wrap.en .e41 .leaflet__banner { height: 500px;}
.wrap.en .e41 .leaflet__title { font-size: 20px; line-height: 1.24; letter-spacing: 4.4px;}
.wrap.en .e41 .environment__section { margin: 100px auto 0;}
.wrap.en .e41 .leaflet__item:last-child { margin-bottom: 100px;}
.wrap.en .e41 .environment__certificate + .environment__certificate { margin-left: 0px; margin-top: 40px;}
.wrap.en .e41 .environment__section .leaflet__banner { height: 550px;}
.wrap.en .e41 .leaflet__inner {top: 50%; padding: 0 40px 0 10px; }
.wrap.en .e41 .leaflet__inner.safety_ci {top: 75%; padding: 0 40px 0 40px; }
.wrap.en .e41 .leaflet__textbox { margin-top: 30px;}
.wrap.en .e41 .ci_wrap { width: 340px; margin: 0 auto; padding-top: 50px;}
.wrap.en .e41 .environment__subtitle { font-size: 18px; line-height: 26px;}

.wrap.en .e51 .parallax__bg .position01 .title__xlarge {left: 5%; font-size: 20px;}
.wrap.en .e51 .parallax__sec01 {padding: 0 40px;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100 {padding-right: 40px; padding-left:0;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype {padding-left: 40px; }
.wrap.en .e51 .sub__inner {padding:0;}
.wrap.en .e51 .sub__inner.social {padding:0 40px;}
.wrap.en .e51 .top240 {margin-top: 120px;}
.wrap.en .e51 .parallax__bg.bg01 { height: 500px;margin-top: 60px;}
.wrap.en .e51 .flex__layout--btype {display: block;}
.wrap.en .e51 .title__mid{font-size: 18px; margin-top:20px;}
.wrap.en .e51 .top100 {margin-top: 60px;}
.wrap.en .e51 .top200 {margin-top: 100px;}
.wrap.en .e51 .parallax__sec05--space01 { margin-top: 90px;}
.wrap.en .e51 .flex__layout--conent {margin-top: 20px;}
.wrap.en .e51 .flex__layout--pl80 { padding-left: 40px;}
.wrap.en .e51 .slider__triple .text { padding: 15px;}
.wrap.en .e51 .slider__triple ~ .align__right { margin-bottom: 100px;}
.wrap.en .e51 .lh30 {margin-top:15px !important;}
.wrap.en .e51 .service__list li {font-size:14px;}
.wrap.en .e51 .swiper-wrapper {display:block; transform: none !important;}
.wrap.en .e51 .swiper-wrapper .swiper-slide {width:46% !important; float:left !important;}
.wrap.en .e51 .swiper-button-next{display: none;}
.wrap.en .e51 .swiper-button-prev {display: none;}

/*.wrap.en .e51 .tab--default .tab__buttons {width: max-content;}*/
.wrap.en .e51 .tab--default .tab__buttons { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 0px 35px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e51 .tab--default--inner { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; z-index: 1; left: 0; right: 0; background-color: #fff; }
.wrap.en .e51 .tab--defaultbox { margin: 0 auto; position: unset; height: auto; }
.wrap.en .e51 .tab--default .tab__buttons .tab__button .tab__anchor {padding: 0 13px;}
.wrap.en .e51 .tab__panel .sub__inner {padding:0 20px;}
.wrap.en .e51 .sub.e51s01 { height: 120px;}
.wrap.en .e51 .contents .sub__inner {padding:0 20px;}
.wrap.en .e51 .parallax01 { padding-top: 0px; }

.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100.spon {padding-right: 0px; padding-left:40px;}
.wrap.en .e51 .sub__inner.activity { padding: 0 40px; }

.wrap.en .e51 .parallax01__bottom { margin-top: 0px;}
.wrap.en .e51 .tab--default { padding-top: 0px; }

.wrap.en .e11 .sub.ethics { height: 120px;}
.wrap.en .e21 .sub.compliance { height: 120px;}
.wrap.en .e31 .sub.e31s00 { height: 120px;}
.wrap.en .e41 .sub.enviro { height: 120px;}


/* 고객센터 ############ */
.wrap.en .customer-top { padding: 0 15px; margin-bottom: 40px;}
.wrap.en .customer { padding: 40px 20px;}
.white-type .wrap.en .sub__title { font-size: 30px; top: 140px;}
.white-type .wrap.en .sub { height: 220px;}
.wrap.en .customer__title {font-size: 22px; margin-bottom: 20px; display: inline-block; margin-left:0;}
.wrap.en .customer__sub-title {font-size: 18px;margin-bottom: 30px;}
.wrap.en .customer__content ~ .customer__content { margin-top: 30px; padding-top: 30px;}
.wrap.en .customer__text { font-size: 14px; line-height: 1.47;}
.wrap.en .customer__text--bold { font-weight: 600;}
.wrap.en .customer-top__anchor { margin-bottom: 20px;  padding-right: 23px; font-size: 16px;}
.wrap.en .customer-top__text { font-size: 15px; line-height: 1.45;}
.wrap.en .customer-top__item { min-height: 220px; padding: 110px 10px 0; width: calc(50% - 5px);  margin-left: 0; margin-right: 10px;}
.wrap.en .customer-top__item:nth-child(2) { margin-right: 0;}
.wrap.en .customer-top__item:last-child { margin-right: 0;}
.wrap.en .customer__left { width: 100%;}
.wrap.en .customer__right { width: 100%;}
.wrap.en .button__arrow { height: 35px; padding: 7px 77px 7px 20px; margin-left: 20px; top: -1px; font-size: 12px;}
.wrap.en .customer__right .button__arrow { margin-top: 20px; margin-left: 0;}
.wrap.en .customer-top__icon { top: 25px; left: 20px;}
.wrap.en .customer-top__icon--type01, .customer-top__icon--type02, .customer-top__icon--type03, .customer-top__icon--type04 {background-size: 80%;}

.wrap.en .customer-service__title { font-size: 18px; margin-bottom: 30px;}
.wrap.en .customer-service__text { font-size: 14px; line-height: 1.47;}
.wrap.en .customer-service__item {  height: 210px; padding: 25px 20px 0;}
.wrap.en .customer-service .button__arrow { margin-top: 20px;}
.wrap.en .customer-service { margin-top: 0;}
.wrap.en .last-section--small { padding-bottom: 110px !important;}

.wrap.en .question-category { margin: 0 auto 20px; padding: 0 20px;}
.wrap.en .form__item { margin-top: 0px;}
.wrap.en .form__content { padding-left: 0; padding-top: 40px;}
.wrap.en .register__left {width: 100%;}
.wrap.en .register__right {width: 100%;}
.wrap.en .form__title.required label { font-size: 14px;}
.wrap.en .agree__box table th {font-size: 14px;}
.wrap.en .agree__box {   padding: 20px 20px 20px;}
.wrap.en .checkbox__label { font-size: 14px;}
.wrap.en .agree__box .txt_strong { font-size: 18px;}
.wrap.en .agree__content { padding-left: 0;}
.wrap.en .form__select { font-size: 12px; padding: 13px 40px 10px 20px;}
.wrap.en .form__select--tel { width: 125px; }
.wrap.en .form__input--tel { width: 75px; margin-left: 5px;}
.wrap.en .form__input--mail { width: 165px;}
.wrap.en .agree__text { line-height: 1.34 !important; padding-bottom: 15px;}

.wrap.en .customer__left { float: left;width: 100%;}
.wrap.en .customer__right { float: left;width: 100%;}

.wrap.en .contents .process__list ol li { margin-top: 0; height: 101px; flex-direction: column;}
.wrap.en .contents .process__list ol li:last-child { margin-top: 0; height: auto;}
.wrap.en .contents .process__list--box .table .table__wrap table td .flex { margin-right: 0; flex-direction: column; font-size: 14px; padding: 15px 0;}
.wrap.en .contents .process__list--box .table .table__wrap table td  {  padding: 15px 0;text-align: left;}
.wrap.en .contents .process__list--box .table .table__wrap table th { font-size: 14px;}
.wrap.en .contents__payment .flex .payment__inner .order { flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order__box { width: 100%;    height: 115px;  padding: 10px 20px ;}
.wrap.en .contents__payment .flex .payment__inner .order__box ol li { margin-top: 0px; display: inline-block; margin-bottom: 5px; margin-right:10px;}
.wrap.en .flex__layout--title { -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px;}
.wrap.en .flex__layout--conent { -webkit-flex-basis: calc(100% - 250px); -ms-flex-preferred-size: calc(100% - 250px); flex-basis: calc(100% - 250px);}
.wrap.en .contents__payment .flex { flex-direction: column; margin-top: 40px;}
.wrap.en .contents__payment { margin-top: 0px;}
.wrap.en .contents__payment .flex .payment__inner { margin-top: 50px;}
.wrap.en .contents__payment .flex .payment__inner .order__diagram { padding: 25px 5px 0 5px;}
.wrap.en .contents .process__list--box { width: 100%; font-size: 12px; padding: 10px 20px; top: -10px;text-align: center;}
.wrap.en .contents__payment .flex__layout--title .title__large { font-size: 24px;}
.wrap.en .link__buttons a { padding: 15px 15px;  font-size: 14px;}
.wrap.en .pay__inner {padding:0 20px;}
.wrap.en .contents__payment .flex:first-child { margin-top: 40px;}
.wrap.en .contents .process__list ol li em { width: 100%;}
.wrap.en .contents .process__list { width: 100%; background-position-x: center;}
.wrap.en .contents .process__list--box:after {display:none;}
.wrap.en .box-table {margin-top:10px;}
.wrap.en .contents__payment .flex:first-child { margin-top: 40px;}
.wrap.en .contents .process__list--box .table .table__wrap table td .button[class*="button__square"] {min-width:127px;}
.wrap.en .contents__payment .flex.doc { margin-top: 0px; padding: 0 !important;}
.wrap.en .contents .process__list--box .notosans { margin: 0 0 10px;}

.wrap.en .policy__text--inner .table__wrap table th, .wrap.en .policy__text--inner .table__wrap table td {font-size:14px;padding: 5px; line-height:18px;}
.wrap.en .policy__text--inner p {font-size:14px;line-height: 22px;}
.wrap.en .policy__text--inner .t_blink {margin: 30px 0 0 0;}
.wrap.en .policy__text--inner li {font-size:14px;}
.wrap.en .util .sub__inner {padding: 0 30px;}
.wrap.en .policy__text--inner .table__wrap {overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; z-index: 1; background-color: #fff;}
.wrap.en .policy__text--inner .table__wrap table {min-width:700px;}

.white-type .wrap.en .util .sub .sub__title {width: 60%;}

.wrap.en .policy__top .title__xlarge {font-weight:bold;}

.white-type .wrap.en .util .link__buttons a {width: 32.3333%; vertical-align: middle; padding: 10px 10px;min-height: 73px;}

.room-enrollment { width:105px !important;   bottom: 50px;    height: 24px;}
.room-enrollment__text {font-size: 11px; padding: 4px 10px 0 10px; opacity: 1;}
.room-enrollment:hover {width:105px !important;}
.room-enrollment:hover .room-enrollment__text {opacity:1;}
.room-enrollment__icon { display:none;top: -2px;  left: -2px; background-size: 50%;}

.w41 .popup__contents .flex {flex-direction: column;}
.w41 .popup__contents .flex__layout--title { -webkit-flex-basis: 40px !important; -ms-flex-preferred-size: 40px !important; flex-basis: 40px !important;}
.w41 .popup__contents .box__list.flex {flex-direction: column;}
.w41 .popup__contents .box__list--inner { max-width: none;}
.w41 .popup__contents .box__list--inner.icon02 { margin-top: 29px;}
.w41 .button__popup--close { width: 30px; height: 30px; background-size: 100%; top: 43px;}
.w41 .popup__tit .title__large {margin-top: 0; font-size: 28px;width: 70%; line-height: 32px;}
.w41 .popup__contents .tab--line .tab__buttons .tab__button .tab__anchor {font-size:16px; line-height: 20px;  padding-bottom: 15px;}
.w41 .popup__contents .flex__layout .table table td.table__column .btns {  margin-top: 40px;}
.w41 .popup__contents .flex__layout .table table td.table__column .date {font-size: 14px;}
.w41 .checkbox__label { font-size: 14px;}
.w41 .popup__contents .flex__layout .form__content { padding-left: 0px;padding-top:40px;}
.w41 .inputWrap input[type="radio"] + label { font-size: 14px;}
.w41 .popup__contents .flex .form__list {padding: 30px 0 45px;}
.w41 .filebox__text { width: 190px;}
.w41 .popup__contents .flex__layout--conent .btns {margin-top: 15px;}
.w41 .bg__lightgray.util .text__lgray {font-size: 14px;}
.w41 .agree__box .text__lgray {font-size: 14px;}
.w41 .bg__lightgray.util p { line-height: 22px; font-size:14px;}
.w41 .bg__lightgray.util { margin-top: 20px; padding: 20px 30px 30px;}
.w41 .popup__lang { right: 80px;}
.w41 .title__small--mid {font-size:18px;} 
.w41 .title__small { font-size: 16px;}
.w41 .form__select--tel { width: 130px;}
.w41 .form__input--tel--s { width: 72px;}
.w41 .form__content * ~ * { margin-left: 5px;}
.w41 .util__area .agree__box { padding: 0px 20px 20px;}


}
 
/* x ===============================================================================================================================================================
 ===============================================================================================================================================================
 ===============================================================================================================================================================*/ 
@media (max-width: 479px) {

.down .logo_top .header__logoanchor {width:80px; height:18px;}
.down:hover .logo_top .header__logoanchor {width:80px; height:18px;}
header .logo_top .header__logoanchor {width:80px; height:18px;}
header:hover  .logo_top .header__logoanchor {width:80px; height:18px;}
.header__logo {width:80px; height:18px;}
.header__logo:hover {width:80px; height:18px;}
.header__left { padding-top: 24px;}
header .header__inner .header__left .header__logo .header__logoanchor {width:80px; height:18px;}
header:hover .header__inner .header__left .header__logo  .header__logoanchor {width:80px; height:18px;}
.header__logo {width:80px; height:18px;}
.header__logo:hover {width:80px; height:18px;}

/*메인*/
.wrap.en .video__title { font-size: 35px;}
.wrap.en .text-line__title { font-size: 24px;letter-spacing: 3.6px;}
.wrap.en .text-line__contents { font-size: 14px;}
.wrap.en .mainparallax__inner { -webkit-transform: translateY(105px); -ms-transform: translateY(105px); transform: translateY(105px);}
.wrap.en .mainparallax__section { min-height: 550px;}

.wrap.en .company-info__wrap { max-width: 380px}
.wrap.en .company-info--first { height: 180px;}
.wrap.en .company-info--second { height: 180px;}
.wrap.en .company-info--third { height: 180px;}
.wrap.en .company-info__title { font-size: 18px; margin-bottom: 10px;}
.wrap.en .company-info__back { height: 130px; margin-top: -75px;width: 70px; left:-30px;}
.wrap.en .company-info__anchor { height: 30px; padding: 5px 57px 5px 10px; border: 1px solid rgba(255, 255, 255, 0.4);}    
.wrap.en .news__item { max-width: -webkit-fill-available;}
.wrap.en .company-info__inner {left: 20px;}
.wrap.en .company-info--second .company-info__inner { right: 20px;}

.wrap.en .mainparallax02__section { height: 500px;}
.wrap.en .mainparallax02__inner { top: 70%;}
.wrap.en .main-product__text { left: 12.75%; font-size: 28px}
.wrap.en .main-product__list { display: block; padding: 20px;}
.wrap.en .main-product__item { width: 100%;}

.wrap.en .semiconductor__description { font-size: 18px; line-height: 1.3; width: 85% !important; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet { margin: 0; width: 40px; height: 13px; line-height: 13px; border-radius: 0; background: transparent; opacity: 1; font-size: 12px; color: rgba(255, 255, 255, 0.5); font-weight: 700; position: relative; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 20px; }
.wrap.en .semiconductor__slide .semiconductor__pagination .swiper-pagination-bullet-active { text-align: left; background: transparent; opacity: 1; font-size: 12px; color: white; font-weight: 700; width: 40px; }
.wrap.en .semiconductor__timer { display: none; margin-left: 4px; width: 40px; height: 2px; }
.wrap.en .semiconductor__timerbar { height: 100%; background-color: #fff; -webkit-transition: width 3s linear; transition: width 3s linear; }
.wrap.en .semiconductor-box__title { font-size: 28px; top: 60px;}
.wrap.en .semiconductor-box__text { font-size: 14px;}
.wrap.en .semiconductor-box__anchor {top: 90px;}
.wrap.en .semiconductor__text { -webkit-transform: none; -ms-transform: none; transform: none;top:20px; left: 20px; width:100%;}
/*.semiconductor__text { -webkit-transform: translate(-95px, -330%); -ms-transform: translate(-95px, -330%); transform: translate(-95px, -330%);}*/
.wrap.en .semiconductor__slide .semiconductor__pagination { -webkit-transform: none; -ms-transform: none; transform: none;top: 140px; left:20px;}
/*.semiconductor__slide .semiconductor__pagination { -webkit-transform: translateX(-95px); -ms-transform: translateX(-95px); transform: translateX(-95px);top: 110px;}*/
.wrap.en .semiconductor { margin-top: 80px; display:block;}
.wrap.en .semiconductor__left { width: 100%;}
.wrap.en .semiconductor__title { display:none; }
.wrap.en .semiconductor__right { width: 100%;padding-top:0px; transform: none;-webkit-transform: none;transform: none !important; padding: 20px;}
.wrap.en .semiconductor-box { position: unset; }
.wrap.en .semiconductor-box__item {padding:20px; background: rgba(255, 255, 255, 0.2);top: 0; left: 0; transform: none;}
.wrap.en .semiconductor-box__content {height: 360px;}
.wrap.en .semiconductor-box__list { width: 85%;  top: 190px; left: 4.5%; -webkit-transform: none; -ms-transform: none; transform: none; position: absolute; }

.wrap.en .parallax02__leftinner {overflow: hidden; height: 100%;padding-left: 0;width: 100%;}
.wrap.en .news__title { font-size: 14px;}
.wrap.en .news__info { margin: 10px 0 0px;}
.wrap.en .news__list { margin-left: 0;display:block; }
.wrap.en .news {padding:0;}
.wrap.en .news__item {width:50%; padding: 0 15px;}
.wrap.en .news__item:nth-child(even) { margin-left: 0px; }
.wrap.en .news__category { font-size: 12px;}
.wrap.en .news__date { font-size: 14px;}
.wrap.en .museum__title { font-size: 26px;}
.wrap.en .museum__text { font-size: 14px;}
.wrap.en .parallax02__title { font-size: 32px; margin-bottom:19px;}
.wrap.en .parallax02__rightinner { padding-top: 60px;width: 100%; float:left;padding-bottom: 0;}
.wrap.en .text-line--left { padding: 320px 20px 50px 60px;}
.wrap.en .parallax02 { min-width: auto; padding-bottom: 0px;}
.wrap.en .parallax02__right {position: relative;    width: 100%;    clear: both;    float: left; left: 0; height:auto;}
.wrap.en .main-product__item:nth-child(2) { border: 0px;}
.wrap.en .museum { min-width: 220px; }
.wrap.en .museum__inner { left: 58px; top: 70px;}

.wrap.en .parallax03 { min-width: 380px; margin: 0 auto 50px;}
.wrap.en .parallax03__leftinner { padding: 0 40px 0 40px; width:100%;}
.wrap.en .say-semes {padding-top: 100px; padding-left:40px; }
.wrap.en .say-semes__title { font-size: 20px; margin-bottom:28px;}
.wrap.en .say-semes__small-title {  margin-bottom: 28px; font-size:16px;}
.wrap.en .main-title--left { top: 685px; left: -140px;}
.wrap.en .story {margin-top: 10px;}
.wrap.en .story__text {bottom: 20px; left: 15px; font-size: 14px; font-weight: normal;width: 100%; left: 0; padding:0 15px;}
.wrap.en .directors__name { left: 30px; font-size: 16px; bottom:0;}
.wrap.en .directors__back { width: 330px; height: 340px;}
.wrap.en .directors__list {padding-left:20px;}
.wrap.en .directors__item.swiper-slide-active .directors__contents .directors__image img {transform: translate(20px, 40px);    -webkit-transform: translate(20px, 40px);    -ms-transform: translate(20px, 40px);}
.wrap.en .z00s11 { margin-bottom: 250px;}

.wrap.en .linkArea { margin-top: 0px;}
.wrap.en .linkArea__top { font-size: 18px; background-position-y: 25px;}
.wrap.en .linkArea__bottom { font-size: 14px;}

.wrap.en .footer.en .footer__btns { -webkit-flex-direction:  column; -ms-flex-direction:  column; flex-direction: column; }
.wrap.en .footer__inner .footer__link ol li { width: 50%;}


/*사이트맵*/
.wrap.en .gnb__inner--navi { margin-top: 100px;}
.wrap.en .gnb__links { position: relative; bottom: 0px; top: 0px; padding: 0 30px 40px; line-height: 8px;float:left;}
.wrap.en .gnb__linkitem {float: left; margin-top: 0px; padding-bottom: 15px; margin-right: 30px;}
.wrap.en .gnb__layer--inner { display: block;padding: 0 30px 0 30px;float:left;}
.wrap.en .gnb__layer--inner li a {font-size:18px; font-family: 'notosans' !important;}
.wrap.en .gnb__layer--depth2 ul li a {font-weight: 400;font-size:14px; opacity: .6;letter-spacing: -0.5px;}
.wrap.en .gnb__layer--depth2 ul li { margin-top:0px; display:block; width:auto; padding-right:20px; padding-bottom: 12px;}
.wrap.en .gnb__inner { min-width: 380px;}
.wrap.en .gnb__translator { right: 72px;}
.wrap.en .gnb__translatorbutton { font-size: 12px;}
.wrap.en .gnb__layer--inner li { display: block;  width: 100%; float:left;}
.wrap.en .gnb__layer--depth2 { margin-top: 15px;  width: 100%;margin-bottom:20px;float:left; }
/*.minh2 {min-height: 120px;}*/

/*회사소개*/
.wrap.en .sub.key.a21s01 .clip > div.clipel {background-position: 70%}
.wrap.en .top_location { display: none;}
.wrap.en .sub__title {font-size: 24px;}
.wrap.en .title__large { font-size: 18px; }
.wrap.en .title__lmid--large { font-size: 20px;}
.wrap.en .title__small {font-size: 16px;}
.wrap.en .parallax01__title {font-size: 24px !important; letter-spacing: 1.6px !important;}
.wrap.en .parallax__full--text.left .title__large { margin: 20px 0 0;line-height: 1.4;}
.wrap.en .contents {margin-top: 40px;}
.wrap.en .vision .parallax__full--text.left .title__large {line-height: 1.3;}
.wrap.en .mission-text {font-size:14px !important;}

.wrap.en .company-overview__title { font-size: 22px !important;letter-spacing: 1.6px !important; padding: 0 40px 0 40px; }
.wrap.en .company-overview { height: 500px;  margin-bottom: 0px; margin-top: 80px;}
.wrap.en .company-overview__content {font-size: 14px; line-height: 1.55; padding: 0 40px 0 40px; }
.wrap.en .company-overview__inner { right: auto; left:auto; width:100%; text-align: right; top: 90px;}
.wrap.en .company-video__inner { margin-right: 0; }
.wrap.en .business-overview__text-section .business-overview__title {font-size: 22px !important;line-height: 1.2 !important; padding-right: 40px;}
.wrap.en .business-overview__text-section .business-overview__text {font-size: 14px !important; margin-top: 50px;line-height: 21px; padding-right:20px;}
.wrap.en .business-overview__inner { margin-left: 30px;}
.wrap.en .business-overview__main-title { margin-bottom: 30px;}
.wrap.en .business-overview__image { margin-left: 30px; height: auto; display: none;}
.wrap.en .business-overview, .vision { margin-bottom: 40px; margin-top:30px;}
.wrap.en .business-overview .flex__layout:first-child { margin-top: 38px;}
.wrap.en .title__layout { margin-top: 60px !important; padding: 0 40px;}
.wrap.en .flex__layout--block { width: auto;}
.wrap.en .business-overview .flex__layout { margin-top: 40px; }

.wrap.en .sub__inner {padding: 0 20px;}
.wrap.en .title__layout .title__lmid--large { line-height: 28px; }
.wrap.en .lh30 { line-height: 20px;}
.wrap.en p.lh30 { font-size: 14px;}
.wrap.en .production-equipment__anchor span { font-size: 12px;}
.wrap.en .production-equipment__thumb { margin-bottom: 5px;}
.wrap.en .production-equipment__title { margin-bottom: 25px;  font-size: 20px;}
.wrap.en .production-equipment__inner { margin: 0 auto 130px; padding: 0 30px;}
.wrap.en .production-equipment__inner .button__more { top: 8px;}

.wrap.en .ceo-message__top { margin-bottom: 40px; font-size: 22px !important; letter-spacing: 3px !important; }
.wrap.en .ceo-message__text { letter-spacing: -0.5px;}
.wrap.en .ceo-message__left { width: 100%; float: left; padding-right: 0px;}
.wrap.en .ceo-message__right { width: 100%; float: left; padding: 45px 40px 0 40px;}
.wrap.en .ceo-message__text { line-height: 1.55; margin-bottom: 50px; font-size: 14px;}
.wrap.en .ceo-message__left img {padding-left: 20px; padding-right: 20px;}
.wrap.en .ceo-message__company { font-size: 14px;}
.wrap.en .ceo-message__position {font-size: 16px;}
.wrap.en .ceo-message__name { font-size: 20px;}
.wrap.en .parallax01__bar {height: 60px !important; top: calc(100% - 180px);}
.wrap.en .parallax01__inner { padding: 60px 0 200px;}
.wrap.en .parallax01__textarea { height: 350px;}
.wrap.en .ceo-message__sign_en {left: 0; bottom: -45px;}
.wrap.en .ceo-message.last-section { padding-bottom: 120px !important; }

.wrap.en .management-philosophy__inner { background-color: transparent;}
.wrap.en .management-philosophy__inner--type01  { height: 300px; margin-top: 60px}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__text {padding-left: 5%; top: 80px;  padding-right: 20px;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { font-size: 20px;line-height: 22px;}
.wrap.en .management-philosophy__text-wrap { margin: 0 0 0 20px;}
.wrap.en .management-philosophy__big-text { font-size: 17px; line-height: 1.35; padding-right: 20px;}
.wrap.en .management-philosophy__text {font-size: 14px; line-height: 1.35; padding-right:5px;}
.wrap.en .management-philosophy__title { margin-bottom: 30px; font-size: 18px;}
.wrap.en .management-philosophy__sub-title { font-size: 20px; line-height: 1.25;}
.wrap.en .management-philosophy__inner--type01 .management-philosophy__description { letter-spacing: 2.4px;}
.wrap.en .management-philosophy__inner--type02 { margin: 50px auto 0;}
.wrap.en .management-philosophy__inner--type02 .management-philosophy__bg { margin: 40px 0;}
.wrap.en .management-philosophy__inner--type02 .management-philosophy__text { padding-right: 40px;}
.wrap.en .management-philosophy__inner--type03 { margin: 60px auto 0;}
.wrap.en .management-philosophy__inner--type04 { margin: 40px auto 0;}
.wrap.en .management-philosophy__inner--type04 .management-philosophy__bg { min-height: 250px; height: 250px; float: left; overflow: hidden; width:100%;}
.wrap.en .management-philosophy__inner--type04 .management-philosophy__text {  font-size: 14px; line-height: 1.35; clear: left; position: relative; padding: 40px 10px 0 20px; left: 0; top: 0;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);}
.wrap.en .management-philosophy__inner--type05 { margin: 50px auto 0; float: left;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__bg {min-height: 250px; height: 250px; float: left; overflow: hidden; width:100%;}
.wrap.en .management-philosophy__inner--type05 .management-philosophy__text { font-size: 14px; line-height: 1.35; clear: left; position: relative; padding: 40px 10px 0 20px; left: 0; top: 0; text-align: left;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);}
.wrap.en .management-philosophy__inner--type06 { display: block; margin: 60px auto 0;  padding-left: 20px; padding-right: 20px;float: left;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__wrap { width: 100%;}
.wrap.en .management-philosophy__inner--type06 .management-philosophy__text { width: 100%; padding-left: 0px; margin-top: 50px;}
.wrap.en .management-philosophy__inner--type07 { margin: 60px auto 0;  padding-right: 0px; float: left;}
.wrap.en .last-section { padding-bottom: 80px !important;}
.wrap.en .management-philosophy__description {letter-spacing: -0.5px !important;}

.wrap.en section.history {padding: 0 20px; margin-top: 80px;}
.wrap.en section.history .tab--line .tab__buttons .tab__button .tab__anchor  {font-size: 12px;}
.wrap.en section.history .button__square--black { min-width: 126px !important; padding: 0 58px 0 10px;  border: 1px solid #000;font-size: 12px;}
.wrap.en .bg__lightgray.bg__blank { padding: 0.5%;}
.wrap.en .history__anchor { border-bottom: 1px dotted #dcdcdc;}
.wrap.en .history__anchor:hover { border-bottom: 1px dotted #dcdcdc;}
.wrap.en .history__item:not(:first-child) { margin-top: 0;}
.wrap.en .history__anchor span { display: block;}
.wrap.en .history__anchor .history__year { font-size: 12px; top: 12px; padding-top:10px;position: unset;}
.wrap.en .history__anchor .history__title { padding: 8px 5px 8px 0px; font-size: 14px;letter-spacing: -1.2px; line-height:18px; clear:left;}
.wrap.en .history__anchor .history__category { font-size: 12px; top: 12px; display:none;}
.wrap.en .history__anchor:hover .history__year { left: 0; top: 12px;font-weight: normal;}
.wrap.en .history__anchor:hover .history__title { font-weight: normal;}
.wrap.en .history__anchor:hover .history__category { right: 0px;  top: 12px;}
.wrap.en .history .tab__buttons { padding-bottom: 20px;}
.wrap.en .history__anchor:hover { padding: 0; -webkit-transition: all .35s ease-in; transition: all .35s ease-in; }
.wrap.en .history__anchor:hover span { -webkit-transition: all .35s ease-in; transition: all .35s ease-in; opacity: 1; }
/*.history__anchor:hover span { -webkit-transition: all .35s ease-in; transition: all .35s ease-in; opacity: 1; }*/
.wrap.en .history__anchor:hover:after { display: block; position: absolute; left: -10px; right: -10px; top: 0; bottom: 0; border: 0px; /*solid #8e8e8e; border-radius: 64px;*/ content: ''; }
.wrap.en .history .tab__buttons .tab__button {margin-left: 12px; font-size: 12px;}

.wrap.en .tab--default .tab__buttons {width:88.1%;}
.wrap.en .tab--default {padding-top: 60px;}
.wrap.en .tab--default .tab__buttons .tab__button .tab__anchor { height: 38px; line-height: 38px; font-size: 11px; padding: 0 6px; min-width:60px;}
.wrap.en .title__small--mid { font-size: 16px;}
.wrap.en .table__wrap--large table th { padding: 20px 0 19px; font-size:14px;}
.wrap.en .title__xlarge { font-size: 18px;}
.wrap.en .table__wrap--large table td .title__xlarge.light-gray { font-size: 14px;}
.wrap.en .table__wrap--large table td { height: 70px;}
.wrap.en .bg__blank { padding-bottom: 160px !important;}
.wrap.en .table__wrap table td.date { font-size: 12px; width: 110px;}
.wrap.en .table__wrap table td.title { font-size: 14px; font-weight: 500;}
.wrap.en .table__wrap table td.btns {padding: 10px 0 9px; }
.wrap.en .table__wrap table td { padding: 10px 0 9px;}
.wrap.en section.finance .button[class*="button__square"] { min-width: 90px; font-size: 12px; height: 32px; line-height: 26px;}
.wrap.en  section.finance {margin-top:40px;}
.wrap.en  .toggle__anchor { height: 42px;  line-height: 42px;  font-size: 16px;}
.wrap.en  .toggle__anchor .toggle__anchor--icon { top: 11px;}
.wrap.en  .flex__list:not(:first-child) { margin-top: 10px;}
.wrap.en  .toggle__panel { border-top: 1px dotted #dcdcdc;} 
.wrap.en .grade {flex-direction: column;}
.wrap.en .company .flex .ai_start { margin-top: 0; margin-bottom: 10px;}
.wrap.en .company .flex .title__large {font-size:18px;}
.wrap.en .company .flex__table--900 .title__mid { font-size: 16px; margin-bottom: 10px;}
.wrap.en .company .flex__table--900 table th, td {font-size:12px;}
.wrap.en .company .flex__table--900 td.date {font-size:12px;}
.wrap.en .bg__white.bg__blank { padding: 1.5%;}
.wrap.en .bg__lightgray.bg__blank { padding: 1.5%;}
.wrap.en .finance .bg__white.bg__blank.credit { padding: 1.5% 1.5% 6.5% 1.5% !important;}
.wrap.en .finance .bg__lightgray.bg__blank.credit { padding: 1.5% 1.5% 6.5% 1.5% !important;}
.wrap.en .company .tab__panel .sub__inner  {padding: 0 20px}
.wrap.en .finance .flex__list {min-width:340px;}
.wrap.en .table__wrap--large .unit {font-size: 12px;margin-right: 0;}


.wrap.en .company__info { margin-bottom: 20px;}
.wrap.en .company__info--txt p { font-size: 14px; margin-top: 10px;}
.wrap.en .company__info--txt p span { margin-right: 7px;}
.wrap.en .company__info .btn__list {margin-top: 15px;}
.wrap.en .company__info .btn__list .button__arr { padding-right: 0px !important;}
.wrap.en .company__info .btn__list .button[class*="button__square"] { min-width: 197px; font-size: 12px; height:40px; line-height: 36px;margin-bottom: 5px;}
.wrap.en .company__info .button__arr:after { }
.wrap.en .company__info--txt { width: auto; margin-top: 15px !important;}
.wrap.en .company__info .title__small--mid {margin-top: 0 !important;}
.wrap.en .company__info .title__large {margin-top: 40px;}
.wrap.en .company__info .button[class*="button__square"] { min-width: 187px; font-size: 12px; height: 32px; line-height: 26px;}
.wrap.en .flex__table--half { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%;  flex-basis: 100%; width: 100%;}
.wrap.en .grade2 {flex-direction: column-reverse;}
.wrap.en .sub__inner--blink { padding: 0 20px;}
.wrap.en .company__inner:last-child { margin-bottom: 100px;}
.wrap.en .company__info .button__arr:after { }
.wrap.en .abroad { padding: 25px 0;}
.wrap.en .abroad .btn__list .button__arr { padding-right: 0px !important;}
.wrap.en .abroad .btn__list .button[class*="button__square"] { min-width: 107px; font-size: 12px; height:40px; line-height: 36px;}
.wrap.en .abroad .title__large {margin-top: 0px;}
.wrap.en .abroad .flex__cell .title__small--mid { margin-top: 5px;}
.wrap.en .abroad .flex__cell .btn__list { margin-top: 18px;}
.wrap.en .abroad .flex__cell .company__info--txt p { margin-top: 0;line-height: 26px;}
.mapopen {width:100%;margin:0 auto;height:100%; padding:10px;}
.allmap .button .icon__naver, .button .icon__kakao { top: 4px;}
.allmap .button__arr--black:after {display:none;}
.allmap .button__square--white { width: 113px; padding-top : 1px;}


/*제품 ####################*/
.wrap.en .equipment-all__left-text { font-size: 30px; -webkit-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%);}
.wrap.en .equipment-all .equipment-process { left: 0; right: 0;position: relative; top:15px; margin-top: 0;-webkit-transform: none; -ms-transform: none;  transform: none;}
.wrap.en .equipment-all .equipment-process__text { font-size: 22px; top: 40px; padding-left: 20px;}
.wrap.en .equipment-all__inner:not(:first-child) { margin: 100px auto 0;}
.wrap.en .equipment-all { padding-bottom: 100px;}
.wrap.en .equipment-all__left-background { height:400px; overflow: hidden;}
.wrap.en .equipment-all__inner { flex-direction: column; width: 100%; height: 100%; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;
    -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box;}
.wrap.en .equipment-all__left { display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;  display: flex;  width: 100%;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;
    -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;   -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;    flex-basis: 100%;}
.wrap.en .equipment-all__right {position:relative; display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;  display: flex;  width: 100%;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;
    -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;   -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;    flex-basis: 100%; padding: 0 20px 0 10px;}
    
.wrap.en .product__contents { left: 50px;  top: 200px; width: 90%;}
.wrap.en .product__title {  font-size: 26px; margin-bottom:20px; letter-spacing: 1.2px;}
.wrap.en .product__text { margin-bottom: 25px;}
.wrap.en .product__bar { margin-bottom: 30px;}
.wrap.en .product__category { font-size: 12px; letter-spacing: 0.5px;}
.wrap.en .product .product-info__anchor { bottom: 40px; z-index: 1; width: 120px; height: 32px; padding-top: 4px; padding-left: 16px;}
.wrap.en .product .product-info__content { bottom: 92px; width: 82%; padding: 30px 20px 10px;}
.wrap.en .product .product-info__title { font-size: 16px;}
.wrap.en .product .product-info__list { margin-top: 10px;font-size: 14px;}
.wrap.en .product .product-info__list:last-child { margin-bottom: 25px;}
.wrap.en .product .product-info__item { font-size: 12px; line-height: 1.35;}
.wrap.en .product .product-info__item:after { top: 8px;}
.wrap.en .product .product-info__list ~ .product-info__title { margin-top: 25px;}
.wrap.en .product .product-info__content .popup__close { top: 25px; right: 25px;}
.wrap.en .pualugin-select__trigger { width: 170px; font-size:12px;}
.wrap.en .pualugin-select__container { width: 170px; font-size:12px;}
.wrap.en .product__item { height: 700px;}
.wrap.en .product__item:last-child { margin-bottom: 100px;}
.wrap.en .product__anchor {margin-left: 0 !important;}
.wrap.en .product .product-info__anchor:before {background-size: 70%; top: 5px;}
.wrap.en .product .product-info__anchor:after {font-size: 12px;}
.wrap.en .product .product-info__anchor.is-active:before { top: 12px;}
.wrap.en .b41Popup .popup__header {height: 135px;}
.wrap.en .b41Popup .popup__linkArea { left: 20px;  top: 75px; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .b41Popup .popup__header.actived { top: -135px;}
.wrap.en .b411 .popup__close {top:26px; right:20px;}
.wrap.en .b41Popup .popup__selectArea {left: 20px; top: 10px;} 
.wrap.en .product .product-info__anchor:after { font-size: 12px;}   
.wrap.en .product__image img[data-animation="right"].active  {transition: 0.9s ease-out !important; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); max-width: 85%;}
.wrap.en .product__image { max-width: 100%;}

.wrap.en .process {padding: 40px 0px 80px 40px;}
.wrap.en .semiconductor-process { padding: 40px 40px 100px;}
.wrap.en .title__box { max-width: none; padding: 255px 0 80px 100px;}
.wrap.en .b30 .process-tab__anchor strong {font-size: 14px; }
.wrap.en .b30 .process-tab__panel { padding-top: 0px;}
.wrap.en .square { background: url(../images/m/img_semiconductor_process_en.png) no-repeat; background-size:100%; min-height: 100%; padding-bottom: 100px;}
.wrap.en .square__process--inner { -webkit-flex-basis: calc(33.33% - 20px); -ms-flex-preferred-size: calc(33.33% - 20px);  flex-basis: calc(33.33% - 20px); margin-top: 25px;}
.wrap.en .square__process--inner.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12 { background-size: 30px !important; background-position-y: 10px !important;}
.wrap.en .square__process--inner:nth-child(n+7) { margin-top: 25px;}
.wrap.en .square__process--text .lightGray { font-size: 12px;}
.wrap.en .square__process--text .title__small { font-size: 12px;}
.wrap.en .square__infoList { top: 110%; font-size: 12px; display:none;}
.wrap.en .title__layout .lh30 {font-size: 14px;}
.wrap.en .process-tab__button ~ .process-tab__button { margin-left: 10px;}
.wrap.en .process-tab__button {width: calc(33.33% - 20px);}
.wrap.en .process-tab__button:nth-child(4) {margin-left: 0px;}
.wrap.en .process-tab__button:nth-child(7) {margin-left: 0px;}
.wrap.en .process-tab__button:nth-child(n+4) {margin-top: 20px;}
.wrap.en .flex__end {flex-direction: column;}
.wrap.en .process .flex__table--large .title__layout { margin-right: 0; max-width: none; padding:0 40px 0 0;}
.wrap.en .process__carousel { margin-top: 40px;}
.wrap.en .semiconductor-process__title {font-size: 24px;}
.wrap.en .title__box .title__large--plus {font-size: 26px;}
.wrap.en .b30s03 .flex__table--large.flex__table--half {margin-top:0;}
.wrap.en .square__process {opacity:0 ;}


/*media ####################*/
.wrap.en .notice { padding: 0;}
.notice__list li { width: 100%; }
.wrap.en .title__small {font-size: 12px;}
.wrap.en .notice__list--title { margin-top: 0px; font-size: 14px; line-height: 17px;}
.wrap.en .notice__list--caption {font-size: 12px; line-height: 20px;}
.wrap.en .news-gallery__navigation {bottom: 50px !important;  width: 100%;  text-align: center; right: auto; }
.wrap.en .slider__news { margin-bottom: 130px;  margin: -150px auto 110px; padding-left: 20px; padding-right: 20px;}
.wrap.en .slider__news--info { padding-left: 2.5%; margin-bottom: 150px;}
.wrap.en .slider__news--info .title__xlarge { margin-top: 5px;   line-height: 30px;  font-size: 20px;}
.wrap.en .media-list .slider__news--info .title__xlarge { height: 60px;}
.wrap.en .slider__news--info .date { margin-top: 13px;}
.wrap.en .notice__view--top .button_back { left: -69px;}
.wrap.en .notice__view { width: 100%;}
.wrap.en .company .sub__inner { margin: 0;}
.wrap.en .notice__view--top .button_back { top: -36px; left: 0;}
.wrap.en .notice__view--top .flex { margin: 10px 47px 0 0;}
.wrap.en .sub.c11s00 { height: 270px !important;}
.wrap.en .notice__list--box { height: 116px; padding: 10px;}
.wrap.en .bg__blank { padding-bottom: 100px !important;}
.wrap.en .sub .search { width: 170px; right: 20px;}
.wrap.en .sub .search__wrap input[type="text"] { width: 122px;}
.wrap.en .news-gallery__anchor-wrap { bottom: 60px; display: none; }
.wrap.en .slider__news--info .button__square--black { margin-top: 22px;}
.wrap.en .slider__news--info { margin-bottom: 100px;}
.wrap.en .top_location_right { display: none;}
.wrap.en .notice__view--contents { padding: 20px 0 57px; font-size:14px;line-height: 22px;}
.wrap.en .sub.c111s00 { height: 120px !important;}
.wrap.en .slider__news .order__2 { width: 82%;}
.wrap.en .notice__view--top .date { margin-top: 10px;}
.wrap.en .company .tab--default .tab__buttons { width: -webkit-max-content;  width: -moz-max-content;  width: max-content;}

.wrap.en .notice__view--top { padding-top: 20px; padding-bottom: 25px;}
.wrap.en .parallax01  { padding-top: 120px;}
.wrap.en .company .parallax01 { padding-top: 120px; }
.wrap.en .media-list .parallax01 { padding-top: 0px; }
.wrap.en .notice__view--top .flex { margin: 10px 0 5px 0;}
.wrap.en .notice__view--top .flex .title__xlarge {font-size: 20px;}
.wrap.en .notice__view--contents .video { height: auto !important;}
.wrap.en .sliderInclude .title__wrap .sub__title  {font-size: 24px; padding-bottom: 20px; top:-25px;}
.wrap.en .c21 .flex__layout .title__large { font-size: 18px;}
.wrap.en .white-type .c21 .parallax01 { padding-top: 120px;}
.wrap.en .white-type .c21 .parallax01.vlog-top{ padding-top: 50px;}
.wrap.en .top_location_right_media {display:none;}
.wrap.en .slider.talk {padding-top: 67px;}
.wrap.en .slider.talk .btns a.button {top: -20px; background: #000000; border:0;}
.wrap.en .slider.talk .arr__dot--carousel .swiper-pagination { bottom: 43px;}
.wrap.en .c2103 {flex-direction: column-reverse;}
.wrap.en .c2102 {flex-direction: column;}
.wrap.en .c21 .flex__layout { margin-top: 73px;}
.wrap.en .vlog-top .text__small {font-size: 12px;}
.wrap.en .button__sharing { width: 35px;}
.wrap.en .slider.talk .arr__dot--carousel:hover .swiper-button--wrap { display: none !important;}
.white-type .wrap.en .c21 .sub { height: auto;}

.wrap.en .c21 .parallax01  { padding-top: 60px;}
.wrap.en .c21 .flex__layout:last-child { margin-bottom: 100px;}

.wrap.en .c31 .mainparallax .text-line__title { padding-top: 15px; font-size: 60px; margin-bottom: 125px; padding-left: 100px; padding-right: 100px;}
.wrap.en .c31 .mainparallax .text-line__vertical-line { top: 45%; height: 60px !important;}
.wrap.en .c31 .mainparallax .text-line__contents { margin-top: 125px; font-size: 15px; padding: 0 90px;}
.wrap.en .c31 .mainparallax .text-line .btns { margin-top: 50px;}
.wrap.en .c31 .mainparallax .text-line .btns .button__arr {background: #000000; font-size: 12px;}

.wrap.en .c31 .parallax01__bottom {margin-top: 0;}

/*.wrap.en .c31 .mainparallax  { height: calc(100vh - 80px) !important;}*/
.popup__promotion--header { padding: 20px 15px;}
.popup__promotion--header .semes__logo {width: 80px; height: 18px; background-size: 100% auto !important;}
.popup__promotion--header .transfer { right: 46px; top: 20px; font-size: 16px;}
.popup.promotion .popup__close {top: 16px; right: 25px;}
.popup__promotion .parallax01__title--large { font-size: 30px; letter-spacing: 2.6px; line-height: 42px;}
.popup__promotion .parallax01__title--large .title__bg { width: 160px; height: 58px; background-position: 0px 0px; clear: both; display: block; margin: 0 auto;}
.promotion__txt .title__xlarge {font-size: 16px !important; line-height: 40px;}
.promotion__banner--inner .title__small {font-size: 16px; }
.promotion__tab .banner__inner { top: -120px;width: calc(50% - 70px);}
.promotion__banner--inner { height: 260px; bottom: 80px; width: calc(50% - 70px);}
.promotion__banner--inner.right { -webkit-transform: translateX(100%) translateX(40px); -ms-transform: translateX(100%) translateX(40px); transform: translateX(100%) translateX(40px);}
.promotion__banner--inner.left { -webkit-transform: translateX(-100%) translateX(-40px); -ms-transform: translateX(-100%) translateX(-40px); transform: translateX(-100%) translateX(-40px);}
.promotion__banner { height: 200px;}
.promotion__tab .banner__inner.right { -webkit-transform: translateX(100%) translateX(40px); -ms-transform: translateX(100%) translateX(40px); transform: translateX(100%) translateX(40px); display:none;}
.promotion__tab .banner__inner.left { -webkit-transform: translateX(-100%) translateX(-40px); -ms-transform: translateX(-100%) translateX(-40px); transform: translateX(-100%) translateX(-40px); display:none;}
.history__wrap .history__tree {flex-direction: column;}
.promotion__tab.fixed .banner__inner .title__small { font-size: 14px;}
.history__wrap .history__tree--inner .white {font-size: 14px; line-height: 1.5; }
.history__wrap .history__tree--inner .title__mid {font-size: 16px; width: 118%;line-height: 1.5 !important;}
.popup__promotion .title__history_slogan {font-size: 36px;}
.scrollArea .txtlogo { width: 134px; margin-top: 10px}
.popup__content .parallax01__bottom {top: 0;}
.popup__content .parallax01__textarea--full .parallax01__inner {min-height: 100vh !important;}
.popup__promotion .parallax01__textarea {min-height: 100vh !important; height: 100% !important;}
.since .display__table--cell .title__xlarge { font-size: 50px !important; padding-left:12px;}
.since .display__table--cell .title__large {font-size: 26px !important;margin-top: 20px; }
.since .display__table--cell .title__large--spacing{font-size: 22px !important; letter-spacing: 1px;}
.history__wrap .history__tree--inner.left { padding-right: 80px;}
.history__wrap .history__tree--img.left__bg01:before {right: -80px;display:none;}
.history__wrap .history__tree--img.left__bg01:after {right: -80px;width: 80px; display:none;}
.history__wrap .history__tree--inner.right { padding-left: 60px; padding-right: 20px;}
.history__wrap .history__tree--img.right__bg01:before {left: -80px;display:none;}
.history__wrap .history__tree--img.right__bg01:after {left: -80px;width: 80px;display:none;}
.history__wrap .title__xxlarge { font-size:46px; margin-top: 120px;}
.history__wrap .history__tree { margin-top: 40px;}

.news-gallery__item:nth-child(1) { left: 0px; }
.news-gallery__item:nth-child(2) { left: -25px; }
.news-gallery__item:nth-child(3) { left: 25px; }

/*채용 ##############################*/
.wrap.en .d11 .parallax01__title { line-height: 28px;}
.wrap.en .d11 .parallax01__bottom { margin-top: 60px;}
.wrap.en .parallax__bg .position02 {left: 50px; top: 171px; width:260px;}
.wrap.en .parallax__bg .position02 .title__xlarge {line-height: 35px; letter-spacing: 2.4px;font-size: 18px;}
.wrap.en .parallax__bg.bg02 { height: 500px;}
.wrap.en .parallax__sec02--d11s01 {padding: 100px 20px 100px;}
.wrap.en .parallax__sec02--d11s01 .grapharea__title {left:20px;}
.wrap.en .grapharea--d1101 {background: url("../images/bg_want_talent.jpg") 50% 50%; width: 303px; height: 849px; background-size: 100%; padding: 100px 25px 0; flex-direction: column;}
.wrap.en .grapharea__textitem {width: 263px; padding-bottom: 120px;}
.wrap.en .grapharea__textitem.grapharea__textitem--second { padding-bottom: 140px;}
.wrap.en .grapharea__textitem.grapharea__textitem--third { padding-top: 15px;}
.wrap.en .grapharea--d1101 .grapharea__subtitle { margin-top: 0px; padding-bottom: 20px;}
.wrap.en .grapharea__content:before { top: -15px;}
.wrap.en .grapharea__content { font-size: 12px; line-height: 1.3; letter-spacing: -1.1px; left: 20px;}
.wrap.en .grapharea--d1102 { width: 100%; height:auto; background-size: 90%; background-position: top center; padding-bottom: 80px; margin-top: 40px; background: none; padding: 0 20px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--right { right: 108px; top: 115px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--left { left: 96px; top: 120px;}
.wrap.en .grapharea--d1102 .grapharea__textarea--bottom { bottom: 115px;}
.wrap.en .grapharea--d1102 .grapharea__centerItem { width: 120px; height: 38px; line-height: 38px;}
.wrap.en .grapharea--d1102 .grapharea__center {top:45%;}
.wrap.en .grapharea--d1102 .grapharea__title { font-size: 22px;}
.wrap.en .grapharea--d1102 .parallax__bg .position02 .title__xlarge {line-height: 40px;   letter-spacing: 3.4px;}
.wrap.en .grapharea--d1102 .grapharea__text { margin-top: 10px; line-height:1.3;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--img img {height: auto; width: 100%}
.wrap.en .parallax__sec03--d11s03 {padding: 80px 0 10px;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block { display: block; width: auto; margin-top: 0px;}
.wrap.en .parallax__sec04-d1104 .flex__layout--block .flex__table--half { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
.wrap.en .parallax__sec04-d1104 { padding: 0; margin: 0 0 100px;}
.wrap.en .parallax__sec02--d11s02 .lh30 {font-size: 12px; width:80%; margin:0 auto; line-height: 22px;}
.wrap.en .parallax__sec02--d11s02 .parallax__full--text .title__large { margin: 28px 0 30px;}
.wrap.en .d11 .parallax__sec03--d11s03 .title__large {padding: 0 20px; font-size:20px;}
.wrap.en .d11 .title__layout .title__lmid--large { font-size: 20px; }
.wrap.en .d11 .title__small { font-size: 14px; }

.wrap.en .d21 .paytree .box__list.flex { display: block;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner {-webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: auto;max-width:none;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner:after {background-size: 80%; right: 20px; bottom: 30px;}
.wrap.en .d21 .paytree .box__list.flex .box__list--inner.icon08 {margin-top: 20px;}
.wrap.en .d21 .parallax__position .title__xlarge {line-height: 1.35; letter-spacing: 1.4px;font-size: 20px;}
.wrap.en .d21 .parallax__bg.bg03 {height: 400px;}
.wrap.en .d21 .parallax__position--d21 { top: 120px; left: 45px;}
.wrap.en .paytree .box__list--inner .regular {width:80%; line-height: 1.35; font-size: 14px;}
.wrap.en .d21 .parallax__halfslider {min-height: auto;}
.wrap.en .d21 .parallax__slidercontrol { width: 90%; top: 180px;}
.wrap.en .d21 .parallax__slidercontrol .control { margin-top: 40px; top: -85px; left: calc(100% - 100px); width:140px;}
.wrap.en .d21 .parallax__controltitle {font-size: 20px; margin-top: 14px;line-height: 30px; word-break: break-word;padding-right: 180px;}
.wrap.en .d21 .parallax__controllayout { padding-left: 20px; height: 120px;}
.wrap.en .d21 .parallax__controlcategory { margin-top: 20px; font-size: 14px;padding-right: 120px;  line-height: 1.1;}
.wrap.en .d21 .parallax__card-section { margin-left: 0; padding: 0 20px;}
.wrap.en .d21 .parallax__carditemtitle {font-size: 14px; line-height: 1;word-break: break-word;}
.wrap.en .d21 .parallax__carditem { height: 210px;}
.wrap.en .d21 .parallax__sec--d21 {padding: 80px 0 60px;}
.wrap.en .d21 .parallax__sec02.d21021 .parallax__right.left480 {padding-left: 0;}
.wrap.en .parallax__sec04.d2104 .parallax__right.txt01 .title__xlarge {font-size: 18px;letter-spacing: 5.28px;}
.wrap.en .d21 .parallax__sec02 .parallax__left.txt01 {padding: 10% 0 0 8%;}
.wrap.en .d21 .system__position .title__mid.icon05:after {background-size: 60px auto !important; }
.wrap.en .d21 .system__position .title__mid:after { background-size: 40px auto !important;left: 28px;  width: 64px; height: 46px; background-position: 50% 50%;}
.wrap.en .d21 .system__position .title__mid {font-size: 14px; padding: 60px 0 6px 0; top: 25%; left: 38%;line-height: 1;}
.wrap.en .d21 .parallax__carditeminner { height: 100%; padding: 27px 10px 20px 10px;}
.wrap.en .d21 .align__center--inline.bg__arr { background: url(../images/icon_salary.jpg) 50% 50% no-repeat; height:125px; background-size: 16px auto; padding: 35px 0 30px;}
.wrap.en .d21 .align__center--inline .title__large{margin-top:0;}
.wrap.en .d21 .parallax__sec05.d2105 {padding: 150px 0 100px;}
.wrap.en .d21 .parallax__half {width: 100%;}
.wrap.en .d21 .swiper-wrapper {height:350px;}
.wrap.en .d21 .swiper-wrapper .swiper-slide img {position: relative; top: -180px;}
.wrap.en .d21 .parallax__cardtitle { font-size: 18px; line-height: 1.1;}
.wrap.en .d21 .parallax__cardlist {max-width: none;}
.wrap.en .d21 .parallax__carditem { max-width: 390px;}
.wrap.en .d21 .parallax__carditemtext {font-size: 14px;line-height:1.1;}
.wrap.en .d21 .parallax__sec05.d2105 {padding: 80px 0 0;}
.wrap.en .parallax__sec06.d2106, .parallax__sec07.d2107, .parallax__sec08.d2108 { padding: 0;}
.wrap.en .parallax__sec09.d2109 { padding: 0 0 100px;}
.wrap.en .parallax__carditem[class*=icon]::after { background-size: 70%; left: 30px;}
.wrap.en .d21 .system {display: block; margin-top: 40px;}
.wrap.en .d21 .system__position { padding: 27px 37px 37px 40px;  background: url(../images/bg_position_process.png) 0 50% no-repeat;  background-size: 100%;height:207px; width:215px; margin: 0 auto;}
.wrap.en .d21 .system__position:after {position: absolute; top: auto;left: 50%; bottom: 25px; width: 20px; height: 50px; margin-left: -10px; background: url(../images/icon_position_process.png) no-repeat; background-size: 20px auto; content: '';}
.wrap.en .d21 .system figure.bg {display:none;}
.wrap.en .d21 .system__position:last-child:after {background: none;} 
.wrap.en .d21 .txt01 .text__box .title__mid {font-size: 16px; line-height: 24px;}
.wrap.en .d21 .parallax__sec02.d2102 { margin-top: 100px;}
.wrap.en .d21 .parallax__left.txt01 .text__box {margin-top: 30px;}
.wrap.en .d21 .parallax__sec04.d2104 .parallax__right.txt01 { padding: 40px;}
.wrap.en .d21 .parallax__sec04.d2104 .parallax__right.txt01 .title__mid { margin-top: 0px; line-height: 1.4;}
.wrap.en .d21 .parallax__sec--d21 .title__small {font-size:14px;}
.sub.key.d21s01 .clip > div.clipel { background-position: 80%;}


/* ESG ################# */
.wrap.en .e11 .leaflet__bg--ethics { background-image: url(../images/bg_ethical_management01.jpg);}
.wrap.en .e11 .leaflet__textbox {margin-top: 30px;}
.wrap.en .e11 .leaflet__right .leaflet__textlist { padding-left: 0px;}
.wrap.en .sub.key.e31s00 .clip > div.clipel {background-position: 30%;}
.wrap.en .e11 .parallax01__bottom { margin-top: 60px;}
.wrap.en .e21 .parallax01__bottom { margin-top: 60px;}
.wrap.en .e31 .parallax01__bottom { margin-top: 60px;}
.wrap.en .e41 .parallax01__bottom { margin-top: 60px;}
.wrap.en .e51 .parallax01__bottom { margin-top: 0px;}
.wrap.en .leaflet__inner {left: 5%; right: 5%;}
.wrap.en .leaflet__title { font-size: 22px;  line-height: 26px; letter-spacing: 1.4px;}
.wrap.en .leaflet__bottomlayout {padding: 0 40px;}
.wrap.en .leaflet__subtitle {font-size: 20px; line-height: 30px;}
.wrap.en .leaflet__anchor { margin-top: 40px;}
.wrap.en .leaflet__banner { height: 500px;}
.wrap.en .leaflet__description {font-size: 14px; line-height: 20px;letter-spacing: -1.5px;}
.wrap.en .leaflet__list {    margin-top: 80px; padding: 0 40px;}
.wrap.en .leaflet__subtext { font-size: 14px; line-height: 20px;}
.wrap.en .leaflet__iteminner {display: block;}
.wrap.en .leaflet__left { width: 100%;}
.wrap.en .leaflet__right { width: 100%;}
.wrap.en .leaflet__left .leaflet__textlist {max-width: none; margin-bottom: 40px;}
.wrap.en .leaflet__subtextbox { margin-top: 10px;}
.wrap.en .leaflet__item { margin: 50px auto 50px;}
.wrap.en .leaflet__textlist {display:block;}
.wrap.en .leaflet__right .leaflet__textlist {margin-top: 30px;margin-bottom: 40px;}
.wrap.en .leaflet__bottom { margin: 40px auto !important;}
.wrap.en .leaflet__item:last-child { margin-bottom: 100px;}

.wrap.en .leaflet__titlearea { width: 100%;}
.wrap.en .leaflet__contents { width: 100%;}
.wrap.en .circle { width: 100%; padding: 30px 0 0px; margin-left: 0px;}
.wrap.en .report__item { width: 43%; display: block; padding-right: 20px;}
.wrap.en .report__list { min-width: auto; margin-top:20px;}
.wrap.en .report__text {line-height: 18px; padding-top:5px; padding-bottom:10px;
        font-size: 14px;}
.wrap.en .lawstoggle__titlearea { width: 100%;}
.wrap.en .lawstoggle__contents { width: 100%; margin-top: 20px;}
.wrap.en .lawstoggle__columntext { font-size: 14px; letter-spacing: -1px; line-height: 20px;}
.wrap.en .lawstoggle__columncontainer { padding: 30px 15px 40px 0; height: 130px;}
.wrap.en .lawstoggle__detailedaddress {font-size: 15px; line-height: unset;}
.wrap.en .lawstoggle__addresstitle { font-size: 14px;}
.wrap.en .lawstoggle__text {font-size: 14px; line-height: 25px;}
.wrap.en .lawstoggle__anchor {font-size: 18px;}
.wrap.en .leaflet__contents .title__mid {font-size: 18px; line-height: 24px; margin-top: 40px;}
.wrap.en .report__item:nth-child(n+3) { margin-top: 0px;}
.wrap.en .report__name { margin-left: 0; text-align: center;}
.wrap.en .report__icon { width: 100px; height: 100px; margin: 0 auto;}
.wrap.en .e21 .leaflet__bottomitem { padding: 50px 0 50px;}
.wrap.en .e21 .leaflet__titlearea > .title__large {margin-top: 0; margin-bottom:20px; font-size: 20px;}
.wrap.en .e21 .leaflet__bottomlayout {display: block;}
.wrap.en .e21 .title__lmid {font-size: 18px;}
.wrap.en .e21 .lawstoggle__columncontainer { height: 240px;}

.wrap.en .circle__wrap { width: 100%; background:none;height:auto;}
.wrap.en .circle__subtitle {font-size: 14px;}
.wrap.en .circle__subtext {font-size: 12px; line-height: 18px; width: auto !important;}
.wrap.en .circle__item--magnifying { left: -80px; top: 70px;}
.wrap.en .circle__item--hand { right: -80px; top: 70px;}
.wrap.en .circle__item--monitor {bottom: -80px;}
.wrap.en .circle__textlist {width:130px;}
.wrap.en .circle__title { width: 80px; font-size: 14px; line-height: 20px;}
.wrap.en .report__text { font-size: 14px;}
.wrap.en .report__icon--contracting:after { width: 40px; height: 40px;}
.wrap.en .lawstoggle__icon { top: -30px; right: 0px;}
.wrap.en .lawstoggle__column { width: 100%;}
.wrap.en .lawstoggle__container { border-bottom: 0px; padding-right:0;padding-top: 20px;padding-bottom: 40px;}
.wrap.en .lawstoggle__address { margin-bottom: 20px;}
.wrap.en .signature__text { font-size: 14px;}
.wrap.en .signature__name { padding-left: 20px; font-size: 20px;}
.wrap.en .signature {margin-top: 0;}
.wrap.en .signature__image { margin-left: 10px; width: 110px; height: 90px; padding-top: 10px;}
.wrap.en .leaflet__contents .title__small {font-size:14px; line-height: 1.45;}
.wrap.en .leaflet__subtext::before { top: 10px; }

.wrap.en .e31 .anchorBox { margin: 0 auto; position: unset; height:auto;}
.wrap.en .e31 .anchorBox__inner {overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;z-index: 1;left: 0;right: 0;background-color: #fff;}
.wrap.en .e31 .leaflet__bottominner { padding: 50px 40px 100px;}
.wrap.en .e31 .leaflet__bottominner.operation { padding: 50px 40px 0px;}
.wrap.en .e31 .leaflet__contents--text .title__small { margin-top: 5px;}
.wrap.en .e31 .leaflet__contents--text .title__mid { margin-top: 20px;}
.wrap.en .e31 .leaflet__bottominner.pt140 { padding: 40px 40px 80px;}
.wrap.en .e31 .pdrl60 {padding:0 50px;}
.wrap.en .e31 .leaflet__bottom { margin: 0px auto 0;}
.wrap.en .e31 .leaflet__bottomlayout + .leaflet__bottomlayout { margin-top: 0px;}
.wrap.en .e31 .leaflet__cardtext { font-size: 15px;}
.wrap.en .e31 .anchorBox__list { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 88px 35px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e31 .anchorBox__anchor {font-size: 12px;}
.wrap.en .e31 .leaflet__contents--text .title__mid:first-child { margin-top: 0;}
.wrap.en .e31 .leaflet__bottomlayout {display: block; padding:0;}
.wrap.en .e31 .title__large {margin-bottom: 20px;}
.wrap.en .e31 .mainpolicy__title { font-size: 20px;}
.wrap.en .e31 .pdt100 {padding-top: 0;}
.wrap.en .e31 .parallax__full.target {height:auto; overflow: hidden;}
.wrap.en .e31 .mrgnb40 {margin-bottom:40px !important;}
.wrap.en .e31 .leaflet__cardlist {display:block;}
.wrap.en .e31 .leaflet__title {font-size: 20px; letter-spacing: 1.4px;}
.wrap.en .e31 .leaflet__text {font-size: 14px; line-height: 24px;}
.wrap.en .e31 .leaflet__cardlist li:nth-child(even) { margin-left: 0px;}
.wrap.en .e31 .leaflet__bannersubtitle {width: 100%;}
.wrap.en .e31 .leaflet__subtext {margin-left:0;    }
.wrap.en .e31 .leaflet__space { margin-top: 20px;}
.wrap.en .e31 .title__small.lh36 { line-height: 24px;}
.wrap.en .e31 .mainpolicy__item {display:block;}
.wrap.en .e31 .mainpolicy__titlearea { margin: 0 auto 20px;}
.wrap.en .e31 .mainpolicy__textlist { padding-left: 12px;}
.wrap.en .e31 .leaflet__inner {padding-right:30px; }

.wrap.en .e31 .vision {display:block;}
.wrap.en .e31 .vision .title__large {margin-bottom:40px;}
.wrap.en .e31 .vision .leaflet__contents { width: 100%; }
.wrap.en .e31 .vision .leaflet__contents--img { height: 400px;}
.wrap.en .e31 .vision .grapharea--e3101 {background: url(../images/img_winwin01_en.jpg) no-repeat;
    background-size: 100%; margin-top: 80px; width: 317px;height: 380px; position: unset; margin:80px auto 0; }
.wrap.en .e31 .vision .grapharea__circle--01 { left: 52px; }
.wrap.en .e31 .vision .grapharea__circle--03 { right: 56px;}
.wrap.en .e31 .vision .grapharea__circle--01 .grapharea__icon { margin-bottom: 10px; }
.wrap.en .e31 .vision .grapharea__circle--03 .grapharea__icon { margin-bottom: 5px;}
.wrap.en .e31 .vision .grapharea__circle-wrap { bottom: 145px; height: 170px;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__text { font-size: 12px; text-align: center !important;color: #000;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__title { font-size: 20px;}
.wrap.en .e31 .vision .grapharea__icon { width: 35px; height:35px; display:none;}
.wrap.en .e31 .vision .grapharea__text { margin-top: 32px; display:none;}
.wrap.en .e31 .vision .leaflet__visiontext { font-size: 16px;}
.wrap.en .e31 .vision .grapharea__circle {width:50px;}
.wrap.en .e31 .vision .grapharea--e3101 .grapharea__subtitle {font-size: 18px; padding-bottom: 62px; bottom: 30px;}
.wrap.en .e31 .vision .leaflet__visiontitle { font-size: 14px;}
.wrap.en .e31 .leaflet__titlearea__width25 { width: 100%;}
.wrap.en .e31 .leaflet__bottominner--gray { padding: 80px 40px;}
.wrap.en .e31 .leaflet__bottominner.operation .leaflet__bottomlayout {padding: 0 80px 0 0; }
.wrap.en .e31 .leaflet__bottomitem.leaflet__bottominner--gray{  padding: 0px 0px 120px;  }

.wrap.en .e31 .grapharea--e3102 { width: 317px; height: 273px; background:url(../images/img_winwin02_en.png) no-repeat; background-size: 100%;position: relative;margin:0 auto; top:40px;}
.wrap.en .e31 .parallax__full--text {height: auto; overflow: hidden;top: 8%;}
.wrap.en .grapharea__center { display: none;}
.wrap.en .grapharea__centerItem--01 { display: none;}
.wrap.en .grapharea__centerItem--02 { display: none;}
.wrap.en .grapharea__centerItem--03 { display: none;}
.wrap.en .grapharea--e3102 .grapharea__textarea--top { display: none;}
.wrap.en .grapharea--e3102 .grapharea__textarea--left { display: none;}
.wrap.en .grapharea--e3102 .grapharea__textarea--right { display: none; }
.wrap.en .grapharea__bottom { display: none;}
.wrap.en .leaflet__contents--img { height: 300px;}

.wrap.en .e41 .leaflet__left--large { padding: 0 30px;}
.wrap.en .e41 .leaflet__banner { height: 300px; margin-top: 60px;}
.wrap.en .e41 .leaflet__title { font-size: 20px; line-height: 1.24; letter-spacing: 4.4px;}
.wrap.en .e41 .leaflet__subtitle { font-size: 22px; line-height: 1.35; }
.wrap.en .e41 .environment__section { margin: 100px auto 0;}
.wrap.en .e41 .leaflet__item:last-child { margin-bottom: 100px;}
.wrap.en .e41 .environment__certificate + .environment__certificate { margin-left: 0px; margin-top: 40px;}
.wrap.en .e41 .environment__section .leaflet__banner { height: 480px; margin-top:0}
.wrap.en .e41 .leaflet__inner {top: 50%; padding: 0 20px 0 10px; }
.wrap.en .e41 .environment__section .leaflet__inner {top: 75%; padding: 0 20px 0 10px;  }
.wrap.en .e41 .leaflet__textbox { margin-top: 30px;}
.wrap.en .e41 .ci_wrap { width: 300px; margin: 0 auto; padding-top: 40px;}
.wrap.en .e41 .environment__subtitle { font-size: 18px; line-height: 26px;}
.wrap.en .e41 .leaflet__bottom { margin: 0 !important; }
.wrap.en .e41 .environment__space--long { margin-top: 40px;}

.wrap.en .e51 .parallax__bg .position01 .title__xlarge {left: 10%; font-size:20px;}
.wrap.en .e51 .parallax__sec01 {padding: 0 40px;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100 {padding-right: 40px; padding-left:0;}
.wrap.en .e51 .parallax__sec05 .flex__layout--btype {padding-left: 40px; }
.wrap.en .e51 .sub__inner {padding:0;}
.wrap.en .e51 .sub__inner.social {padding:0 40px;}
.wrap.en .e51 .top240 {margin-top: 50px;}
.wrap.en .e51 .parallax__bg.bg01 { height: 400px;margin-top: 60px;}
.wrap.en .e51 .flex__layout--btype {display: block;}
.wrap.en .e51 .title__mid{font-size: 14px; margin-top:20px;}
.wrap.en .e51 .top100 {margin-top: 60px;}
.wrap.en .e51 .top200 {margin-top: 50px;}
.wrap.en .e51 .parallax__sec05--space01 { margin-top: 90px;}
.wrap.en .e51 .flex__layout--conent {margin-top: 20px;}
.wrap.en .e51 .flex__layout--pl80 { padding-left: 40px;}
.wrap.en .e51 .slider__triple .text { padding: 15px;}
.wrap.en .e51 .slider__triple ~ .align__right { margin-bottom: 100px;}
.wrap.en .e51 .lh30 {margin-top:15px !important; font-size:14px;}
.wrap.en .e51 .service__list li {font-size:14px;}
.wrap.en .e51 .swiper-wrapper {display:block; transform: none !important;}
.wrap.en .e51 .swiper-wrapper .swiper-slide {width:45% !important; float:left !important;}
.wrap.en .e51 .swiper-button-next{display: none;}
.wrap.en .e51 .swiper-button-prev {display: none;}
.wrap.en .e51 .parallax__sec05 .service__list { margin-top: 23px;}

.wrap.en .e51 .tab--default .tab__buttons { position: unset; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px solid #d0d0d0; margin: 0px 35px 0; border-radius: 25px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none;}
.wrap.en .e51 .tab--default--inner { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; z-index: 1; left: 0; right: 0; background-color: #fff; }
.wrap.en .e51 .tab--defaultbox { margin: 0 auto; position: unset; height: auto; }
.wrap.en .e51 .tab--default .tab__buttons .tab__button .tab__anchor {padding: 0 11px;}
.wrap.en .e51 .tab__panel .sub__inner {padding:0 20px;}
.wrap.en .e51 .sub.e51s01 { height: auto;}
.wrap.en .e51 .contents .sub__inner {padding:0 20px;}


.wrap.en .e51 .parallax__sec05 .flex__layout--btype.top100.spon {padding-right: 0px; padding-left:40px;}
.wrap.en .e51 .sub__inner.activity { padding: 0 40px; }
.wrap.en .e51 .parallax01 {  padding-top: 120px; }

/* 고객센터 */
.wrap.en .customer-top { padding: 0 15px; margin-bottom: 40px;}
.wrap.en .customer { padding: 30px 20px;}
.white-type .wrap.en .sub__title { font-size: 28px; top: 130px; width:100%;}
.white-type .wrap.en .sub { height: 200px;}
.wrap.en .customer__title {font-size: 20px; margin-bottom: 20px; display: inline-block; margin-left:0;}
.wrap.en .customer__sub-title {font-size: 16px;margin-bottom: 30px;}
.wrap.en .customer__content ~ .customer__content { margin-top: 30px; padding-top: 30px;}
.wrap.en .customer__text { font-size: 14px; line-height: 1.47;}
.wrap.en .customer__text--bold { font-weight: 600;}
.wrap.en .customer-top__anchor { margin-bottom: 10px;  padding-right: 23px; font-size: 16px;}
.wrap.en .customer-top__text { font-size: 14px; line-height: 1.45;}
.wrap.en .customer-top__item { min-height: 190px; padding: 90px 10px 0; width: calc(50% - 5px);  margin-left: 0; margin-right: 10px;}
.wrap.en .customer-top__item:nth-child(2) { margin-right: 0;}
.wrap.en .customer-top__item:last-child { margin-right: 0;}
.wrap.en .customer__left { width: 100%;}
.wrap.en .customer__right { width: 100%;}
.wrap.en .button__arrow { height: 35px; padding: 7px 50px 7px 10px; margin-left: 20px; top: -2px; font-size: 12px; }
.wrap.en .button__arrow::after { right: 10px;}
.wrap.en .customer__right .button__arrow { margin-top: 20px; margin-left: 0;}
.wrap.en .customer-top__icon { top: 10px;  left: 15px;}
.wrap.en .customer-top__icon--type01, .customer-top__icon--type02, .customer-top__icon--type03, .customer-top__icon--type04 {background-size: 70%;}

.wrap.en .customer-service__title { font-size: 16px; margin-bottom: 30px;}
.wrap.en .customer-service__text { font-size: 14px; line-height: 1.47;}
.wrap.en .customer-service__item {  width:100%; height: 210px; padding: 25px 15px 0;}
.wrap.en .customer-service__item:nth-child(n+1) { margin-left: 0;}
.wrap.en .customer-service .button__arrow { margin-top: 20px;}
.wrap.en .customer-service { margin-top: 0;}
.wrap.en .last-section--small { padding-bottom: 110px !important;}

.wrap.en .question-category { margin: 0 auto 20px; padding: 0 20px;}
.wrap.en .form__item { margin-top: 0px;}
.wrap.en .form__content { padding-left: 0; padding-top: 40px;}
.wrap.en .register__left {width: 100%;}
.wrap.en .register__right {width: 100%;}
.wrap.en .form__title.required label { font-size: 12px;}
.wrap.en .agree__box table th {font-size: 14px;}
.wrap.en .agree__box {   padding: 20px 12px 20px;}
.wrap.en .checkbox__label { font-size: 14px;}
.wrap.en .agree__box .txt_strong { font-size: 18px;}
.wrap.en .agree__content { padding-left: 0;}
.wrap.en .form__select { font-size: 12px; padding: 13px 40px 10px 10px;}
.wrap.en .form__select--tel { width: 128px; }
.wrap.en .form__input--tel { width: 55px; margin-left: 5px;}
.wrap.en .form__input--mail { width: 138px;}
.wrap.en .agree__text { line-height: 1.34 !important; padding-bottom: 15px;}
.wrap.en .agree .checkbox { padding: 10px 20px 30px;}
.wrap.en .form__input { padding: 12px 10px;}
.wrap.en .form__list {  padding: 20px 15px 30px;}
.wrap.en .form__required-info { font-size: 12px;}
.wrap.en .form__text { font-size: 12px; margin: 10px 0 0 0;}
.wrap.en .pualugin-select__trigger {width: 180px; padding: 14px 40px 14px 10px; font-size: 12px;}
.wrap.en .security__input .form__input { width: 130px;}
.wrap.en .customer__sub-title span { font-size: 18px;}

.wrap.en .customer__left { float: left;width: 100%;}
.wrap.en .customer__right { float: left;width: 100%;}

.wrap.en .contents .process__list ol li { margin-top: 0; height: 101px; flex-direction: column;}
.wrap.en .contents .process__list ol li:last-child { margin-top: 0; height: auto;}
.wrap.en .contents .process__list--box .table .table__wrap table td .flex { margin-right: 0; flex-direction: column;  padding: 15px 0;}
.wrap.en .contents .process__list--box .table .table__wrap table td  {  padding: 15px 0;text-align: left; font-size: 12px;}
.wrap.en .contents .process__list--box .table .table__wrap table th { font-size: 13px;}
.wrap.en .contents__payment .flex .payment__inner .order { flex-direction: column;}
.wrap.en .contents__payment .flex .payment__inner .order__box { width: 100%;    height: 120px;  padding: 10px 20px ;}
.wrap.en .contents__payment .flex .payment__inner .order__box ol li { margin-top: 0px; display: inline-block; margin-bottom: 5px; margin-right:10px;font-size:12px;}
.wrap.en .flex__layout--title { -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px;}
.wrap.en .flex__layout--conent { -webkit-flex-basis: calc(100% - 250px); -ms-flex-preferred-size: calc(100% - 250px); flex-basis: calc(100% - 250px);}
.wrap.en .contents__payment .flex { flex-direction: column; margin-top: 40px;}
.wrap.en .contents__payment { margin-top: 0px;}
.wrap.en .contents__payment .flex .payment__inner { margin-top: 50px;}
.wrap.en .contents__payment .flex .payment__inner .order__diagram { padding: 25px 5px 0 5px;}
.wrap.en .contents .process__list--box { width: 100%; font-size: 12px; padding: 10px 7px; top: -10px;text-align: center;}
.wrap.en .contents .process__list--box p { letter-spacing: -1.2px;}
.wrap.en .contents__payment .flex__layout--title .title__large { font-size: 20px;}
.wrap.en .link__buttons a { padding: 10px 10px;  font-size: 12px;}
.wrap.en .pay__inner {padding:0 20px;}
.wrap.en .contents__payment .flex:first-child { margin-top: 40px;}
.wrap.en .contents .process__list ol li em { width: 100%; font-size: 14px;}
.wrap.en .contents .process__list { width: 100%; background-position-x: center;}
.wrap.en .contents .process__list--box:after {display:none;}
.wrap.en .box-table {margin-top:10px;}
.wrap.en .contents__payment .flex:first-child { margin-top: 40px;}
.wrap.en .contents .process__list--box .table .table__wrap table td .button[class*="button__square"] {min-width:127px;}
.wrap.en .contents__payment .flex.doc { margin-top: 0px; padding: 0 !important;}
.wrap.en .contents .process__list--box .notosans { margin: 0 0 10px;}


.wrap.en .policy__text--inner .table__wrap table th, .wrap.en .policy__text--inner .table__wrap table td {font-size:13px;padding: 5px; line-height:18px;}
.wrap.en .policy__text--inner p {font-size:13px;line-height: 22px;}
.wrap.en .policy__text--inner .t_blink {margin: 30px 0 0 0;}
.wrap.en .policy__text--inner li {font-size:13px;}
.wrap.en .policy__top p.text {font-size:14px; line-height:24px;}

.wrap.en .policy__text--inner .table__wrap {overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; z-index: 1; background-color: #fff;}
.wrap.en .policy__text--inner .table__wrap table {min-width:800px;}

.white-type .wrap.en .util .sub .sub__title {width: 60%;}

.wrap.en .policy__top .title__xlarge {font-weight:bold;}
.white-type .wrap.en .util .link__buttons a {width: 32.3333%; vertical-align: top; padding: 10px 10px;min-height: 66px;}

.room-enrollment { width:105px !important;   bottom: 50px;    height: 24px;}
.room-enrollment__text {font-size: 11px; padding: 4px 10px 0 10px; opacity: 1;}
.room-enrollment:hover {width:105px !important;}
.room-enrollment:hover .room-enrollment__text {opacity:1;}
.room-enrollment__icon { display:none;top: -2px;  left: -2px; background-size: 50%;}


.w41 .popup__contents .flex {flex-direction: column;}
.w41 .popup__contents .flex__layout--title { -webkit-flex-basis: 40px !important; -ms-flex-preferred-size: 40px !important; flex-basis: 40px !important;}
.w41 .popup__contents .box__list.flex {flex-direction: column;}
.w41 .popup__contents .box__list--inner { max-width: none;}
.w41 .popup__contents .box__list--inner.icon02 { margin-top: 29px;}
.w41 .button__popup--close { width: 30px; height: 30px; background-size: 100%; top: 43px;}
.w41 .popup__tit .title__large {margin-top: 0; font-size: 22px;width: 70%; line-height: 32px;}
.w41 .popup__contents .tab--line .tab__buttons .tab__button .tab__anchor {font-size:14px; line-height: 20px;  padding-bottom: 15px;}
.w41 .popup__contents .flex__layout .table table td.table__column .btns {  margin-top: 40px;}
.w41 .popup__contents .flex__layout .table table td.table__column .date {font-size: 14px;}
.w41 .checkbox__label { font-size: 14px;}
.w41 .popup__contents .flex__layout .form__content { padding-left: 0px;padding-top:40px;}
.w41 .inputWrap input[type="radio"] + label { font-size: 14px; padding-left: 22px;}
.w41 .popup__contents .flex .form__list {padding: 30px 0 45px;}
.w41 .filebox__text { width: 155px;}
.w41 .popup__contents .flex__layout--conent .btns {margin-top: 15px;}
.w41 .bg__lightgray.util .text__lgray {font-size: 14px;}
.w41 .agree__box .text__lgray {font-size: 14px;}
.w41 .bg__lightgray.util p { line-height: 22px; font-size:14px;}
.w41 .bg__lightgray.util { margin-top: 20px; padding: 20px 20px 30px;}
.w41 .popup__lang { right: 80px;}
.w41 .title__small--mid {font-size:18px;} 
.w41 .title__small { font-size: 16px;}
.w41 .form__select--tel { width: 120px;}
.w41 .form__input--tel--s { width: 60px;}
.w41 .form__content * ~ * { margin-left: 5px;}
.w41 .inputWrap input[type="radio"]:checked + label:after {background-size: 50%; top: 9px;}
.w41 .inputWrap input[type="radio"] + label:after {background-size: 50%;top: 9px;}
.w41 .popup__contents .inputWrap { margin-left: 0px;}
.w41 .popup__contents .inputWrap:last-child { margin-left: 10px;}
.w41 .util__area .agree__box { padding: 0px 20px 20px;}
.w41 .form__input--mail { width: 135px;}
.w41 .button__del { width: 60px;}
.w41 .security__input .form__input { width: 140px;}
.w41 .form__select { padding: 12px 32px 12px 10px;}
.w41 .box__list--inner { min-height: 136px;}
.w41 .box__list--inner .notosans { padding-right: 50px;}
.w41 .form__title.required label { font-size: 12px; }
.w41 .form__title label { font-size: 12px; }
.w41 .form__item { margin-top: 0px;}

}