@charset "utf-8";

/* Layout */
#content{overflow-x:hidden;padding-bottom:150px;}

.sub-visual{height:657px;margin-bottom:160px;background-position:50% 0;background-repeat:no-repeat;background-size:cover;}
.sub-visual-01{background-image:url(../img/sub_visual_01.jpg);}
.sub-visual-02{background-image:url(../img/sub_visual_02.jpg);}
.sub-visual-03{background-image:url(../img/sub_visual_03.jpg);}
.sub-visual-04{background-image:url(../img/sub_visual_04.jpg);}
.sub-visual-inner{position:relative;height:100%;}

.sub-page-title{display:table;position:relative;left:-100px;width:435px;height:100%;/* padding-top:275px; */padding-left:100px;background-color:#fff;table-layout:fixed;}
.sub-page-title span{display:table-cell;padding-bottom:200px;font-size:65px;font-weight:inherit;letter-spacing:32px;line-height:1.5;opacity:0;transform:translateY(50px);animation:subPageTitle 1.2s cubic-bezier(0.65, 0.05, 0.25, 1) forwards;vertical-align:bottom;}
.sub-visual-03 .sub-page-title span{letter-spacing:14.6px;}

.sub-visual-01.jp-translate .sub-page-title span{position:relative; letter-spacing:10px; padding-bottom: 280px;}
.sub-visual-01.jp-translate .sub-page-title span.jp-extra{position: absolute; left: 0; bottom: -36px; font-size:18px; letter-spacing:0; color: #666868;}

@keyframes subPageTitle {
	100% {opacity:1;transform:translateY(0);}
}

.page-introductory-text{display:inline-block;position:absolute;left:50px;top:535px;/* bottom:-59px; */z-index:50;width:680px;padding:98px 25px 25px;background-color:#282b2f;color:#fff;font-size:14px;line-height:2;box-shadow:7px 8px 20px 5px rgba(0, 0, 0, 0.18);transform:translateX(50px);animation:pageIntroductory 1.2s cubic-bezier(0.65, 0.05, 0.25, 1) forwards;}
.page-introductory-text:before{content:'';position:absolute;left:30px;top:50px;width:35px;height:2px;background-color:#fff;}

@keyframes pageIntroductory {
	100% {transform:translateX(0);}
}

/* About Us */
.page-description{margin-bottom:80px;line-height:1.6;}

.map-details dl{margin-bottom:25px;font-size:0;text-align:center;}
.map-details dl:last-child{margin-bottom:0;}
.map-details dl dt,
.map-details dl dd{display:inline-block;vertical-align:top;text-align:left;line-height:1.6;}
.map-details dl dt{width:113px;font-size:16px;color:#134699;font-weight:500;}
.map-details dl dd{width:calc( 100% - 113px );max-width:665px;}

.branch-map{width:100%;height:677px;margin-bottom:80px;}
.branch-map-inner{position:relative;height:100%;background:url(../img/branch_map.png) 50% 50% no-repeat;}

.branch .country-name{display:block;position:relative;width:103px;height:133px;cursor:pointer;}
.branch .country-name:before,
.branch .country-name:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;transition:0.3s;background-size:100%;background-position:50% 0;}
.branch .country-name:before{background-image:url(../img/icon_marker.png);}
.branch .country-name:after{background-image:url(../img/icon_marker_active.png);opacity:0;}
.branch .country-name span{display:block;position:relative;z-index:10;height:90px;font-size:24px;color:#fff;text-align:center;text-indent:-4px;line-height:90px;}
.branch .country-introduction{display:block;position:relative;width:500px;text-align:left;font-size:14px;opacity:0;transition:0.3s;line-height:1.6;}

.branch-southeastAsia.jp-translate .country-name span{position:relative;top:15px;line-height:1.2;}

.branch-ua .country-introduction{left:113px;top:-106px;}
.branch-japan .country-introduction{left:-415px;top:-105px;width:400px;text-align:right;}
.branch-southeastAsia .country-introduction{left:-514px;top:-108px;text-align:right;}

.branch{position:absolute;left:0;top:0;}
.branch-ua{left:13.45%;top:2%;}
.branch-japan{left:79%;top:22%;}
.branch-southeastAsia{left:74.2%;top:36%;}

.branch-map-active .branch .country-name:before{animation:branchMapHide 2s forwards;}
.branch-map-active .branch .country-name:after,
.branch-map-active .branch .country-introduction{animation:branchMap 2s forwards;}

.branch-map-active .branch-japan .country-name:before,
.branch-map-active .branch-japan .country-name:after,
.branch-map-active .branch-japan .country-introduction{animation-delay:6s;}

.branch-map-active .branch-southeastAsia .country-name:before,
.branch-map-active .branch-southeastAsia .country-name:after,
.branch-map-active .branch-southeastAsia .country-introduction{animation-delay:9s;}

@keyframes branchMap {
	0% {opacity:0;}
	30% {opacity:1;}
	70% {opacity:1;}
	100% {opacity:0;}
}

@keyframes branchMapHide {
	0% {opacity:0;}
	70% {opacity:0;}
	100% {opacity:1;}
}

.aboutUs-slide-inner{position:relative;padding-top:202px;padding-bottom:164px;}
.aboutUs-slide{position:relative;}
.aboutUs-slide-content{position:relative;padding:0 73px 0 208px;}
.aboutUs-slide-content .slide-image{margin-bottom:50px;text-align:right;}
.aboutUs-slide-content .slide-image img{display:inline-block;transition:width, opacity 0.3s;box-shadow:11px 15px 15px 3px rgba(0, 0, 0, 0.08);}
.aboutUs-slide-content .slide-title{position:absolute;left:79px;top:70px;font-size:45px;font-weight:500;line-height:1.3;transition:opacity 0.3s;}
.aboutUs-slide-content .slide-title span:first-child{display:inline-block;vertical-align:top;}
.aboutUs-slide-content .slide-title span:last-child{display:block;}

.slide-description-area{display:table;width:100%;transition:opacity 0.3s;}
.slide-description-area .slide-number,
.slide-description-area .slide-description{display:table-cell;vertical-align:middle;}
.slide-description-area .slide-number{width:145px;font-size:100px;color:#e4ebf8;}
.slide-description-area .slide-description{position:relative;width:calc( 100% - 145px );padding-left:30px;color:#222429;line-height:1.7;border-left:3px solid #134699;}
.slide-description-area .slide-description:before{/* content:''; */position:absolute;left:0;top:50%;width:3px;height:calc( 100% - 8px );background-color:#134699;transform:translateY(-50%);}

.aboutUs-slide .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{position:absolute;left:79px;top:312px;bottom:auto;z-index:50;}
.aboutUs-slide .swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;width:8px;height:8px;margin:0 5px;background-color:#ccd7e9;border-radius:4px;font-size:0;outline:0;}
.aboutUs-slide .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin-left:0;}
.aboutUs-slide .swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px;background-color:#134699;}

.swiper-slide:not(.swiper-slide-active) .slide-image img{box-shadow:none;}
.swiper-slide-active .aboutUs-slide-content .slide-title{transform:translateX(0);}
.swiper-slide:not(.swiper-slide-active) .aboutUs-slide-content .slide-title,
.swiper-slide:not(.swiper-slide-active) .slide-description-area{opacity:0;transition:none;}

.swiper-slide-prev .aboutUs-slide-content{padding-right:0;}
.swiper-slide-next .aboutUs-slide-content{padding-left:0;}


.swiper-slide-prev .aboutUs-slide-content .slide-image img,
.swiper-slide-next .aboutUs-slide-content .slide-image img{height:310px;margin-top:25px;opacity:0.25;}

.swiper-slide-next .aboutUs-slide-content .slide-image{text-align:left;}

.btn-aboutUs-prev,
.btn-aboutUs-next{position:absolute;top:152.5px;z-index:50;width:55px;height:55px;border-radius:27.5px;border:1.5px solid #134699;background-color:#fff;cursor:pointer;outline:0}

.btn-aboutUs-prev{left:-27.5px;}
.btn-aboutUs-next{right:-27.5px;}

.btn-aboutUs-prev:before,
.btn-aboutUs-next:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/arr_slider_02.svg) 50% 50% no-repeat;background-size:20px;}
.btn-aboutUs-prev:before{transform:rotate(180deg);}

.typography{position:absolute;font-size:170px;color:#f6f6f6;}
.typography-01{right:110px;top:85px;letter-spacing:5px;}
.typography-02{left:96px;top:0;letter-spacing:-4.5px;}
.typography-03{left:146px;top:-17px;}

/* About Us Offter */
.aboutUs-offter-inner{position:relative;padding-top:222px;}

.offter-list-inner{padding:0 50px;}
.offter-list ul{width:100%;font-size:0;letter-spacing:0;text-align:right;}
.offter-list li{display:inline-block;position:relative;width:333px;padding:28.5px 0;vertical-align:top;}
.offter-list li:nth-child(2),
.offter-list li:nth-child(5){width:368px;}
.offter-list li:nth-child(3),
.offter-list li:nth-child(6){width:306px;}
.offter-list li:nth-child(-n+3){margin-bottom:60px;}
.offter-list li:nth-last-child(-n+3){padding-bottom:0;}
.offter-list li span{display:block;padding-left:115px;font-size:20px;text-align:left;line-height:1.3;}
.offter-list li span:before{content:'';position:absolute;left:0;top:0;width:111px;height:111px;background-position:50% 50%;background-repeat:no-repeat;}

.offter-list li:nth-child(1) span:before{background-image:url(../img/icon_offter_01.svg);background-size:68px;}
.offter-list li:nth-child(2) span:before{background-image:url(../img/icon_offter_02.svg);background-size:62px;}
.offter-list li:nth-child(3) span:before{background-image:url(../img/icon_offter_03.svg);background-size:74px;}
.offter-list li:nth-child(4) span:before{background-image:url(../img/icon_offter_04.svg);background-size:58px;}
.offter-list li:nth-child(5) span:before{background-image:url(../img/icon_offter_05.svg);background-size:70px;}
.offter-list li:nth-child(6) span:before{background-image:url(../img/icon_offter_06.svg);background-size:58px;}

/* Contact */
.tab-theme-basic{position:relative;margin-bottom:94px;font-size:0;letter-spacing:0;}
.tab-theme-basic:before{content:'';position:absolute;left:0;bottom:0;z-index:10;width:100%;height:1px;background-color:#0b3374;}
.tab-theme-basic li{display:inline-block;position:relative;width:25%;vertical-align:top;}
.tab-theme-basic li:before{content:'';position:absolute;left:0;top:calc(  50% - 7.5px );width:1px;height:15px;background-color:#c5c5c5;}
.tab-theme-basic li:first-child:before{display:none;}

.tab-theme-basic li button{display:block;width:100%;height:70px;background-color:#f3f3f3;border:1px solid transparent;font-size:20px;text-align:center;font-family:'oswald', HelveticaNeue, DroidSans, sans-serif;font-weight:400;transition:color, background-color 0.3s;}

.tab-theme-basic li:not(.tab-active) button{color:#a1a1a1;}
.tab-theme-basic li.tab-active button{position:relative;z-index:10;background-color:#fff;border-color:#0b3374;border-bottom-color:#fff;}
.tab-theme-basic li.tab-active + li:before{display:none;}

.tab-content{display:none;}
.tab-content:first-child{display:block;}

.contact-list{display:table;width:100%;margin-bottom:93px;font-size:0;letter-spacing:0;table-layout:fixed;}
.contact-list li{display:table-cell;position:relative;width:370px;padding:8px 0;border-right:1px solid #dadada;font-size:0;letter-spacing:0;text-align:center;vertical-align:middle;}
.contact-list li:nth-child(2){width:380px;}
.contact-list li:first-child:nth-last-child(2),
.contact-list li:first-child:nth-last-child(2) + li{width:50%;}
.contact-list li:last-child{border-right-width:0;}

[class*="icon-contact-"]{display:inline-block;width:70px;height:73px;margin-right:38px;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;vertical-align:top;}
.icon-contact-address{background-image:url(../img/icon_contact_address.svg);}
.icon-contact-phone{background-image:url(../img/icon_contact_phone.svg);background-position:50% 100%;}
.icon-contact-email{background-image:url(../img/icon_contact_email.svg);background-position:50% 0;}

.contact-details-area{display:inline-block;max-width:calc( 100% - 108px );text-align:left;vertical-align:top;}
.contact-details-area .contact-title{display:block;margin-bottom:15px;font-size:20px;font-weight:500;}
.contact-details-area .btn-contact-details{display:block;line-height:1.4;}
.contact-details-area .btn-contact-details span{display:block;}
.contact-list li:nth-child(2) .btn-contact-details,
.contact-list li:nth-child(3) .btn-contact-details{padding-top:9px;}
.tab-content:nth-child(2) .contact-list li:nth-child(2) .btn-contact-details{padding-top:0;}
.tab-content:nth-child(3) .contact-list li:nth-child(2) .btn-contact-details,
.tab-content:nth-child(3) .contact-list li:nth-child(3) .btn-contact-details{padding-top:11px;}

.contact-map{min-height:650px;background-color:#f3f3f3;}
.contact-map iframe{width:100%;height:650px;}

/* Projects */
#projects{}
.projects-inner{position:relative;padding-top:120px;padding-bottom:85px;}
.project-box-wrap:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid transparent;transition:0.3s;box-sizing:border-box;}
.project-box{float:left;position:relative;width:100%;box-shadow:4px 16px 20px 6px rgba(0, 0, 0, 0.05);}
.project-image img{width:100%;}
.project-content{padding:19px 25px 25px;}
.project-content .project-name{display:-webkit-box;overflow:hidden;height:62px;margin-bottom:25px;font-size:24px;font-weight:500;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.project-content .project-information{margin-bottom:35px;}
.project-content .project-information li{overflow:hidden;position:relative;margin-bottom:11px;padding-left:30px;line-height:1.3;max-width:100%;min-height:24px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:24px;}
.project-content .project-information li:last-child{margin-bottom:0;}
.project-content .project-information li:before{content:'';width:20px;height:24px;position:absolute;left:0;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 20px;}
.project-content .project-information .project-area:before{background-image:url(../img/icon_project_area.svg);}
.project-content .project-information .project-discipline:before{background-image:url(../img/icon_project_discipline.svg);background-size:100%;}
.project-content .project-information .project-status:before{background-image:url(../img/icon_project_status.svg);}
.projcet-button-wrap{text-align:center;}
.btn-project-readMore{position:relative;width:238px;height:47px;background-color:#0b3374;border-radius:23.5px;font-size:16px;color:#fff;text-align:center;transition:0.3s;}
.btn-project-readMore span{vertical-align:super;}


.btn-projects-prev,
.btn-projects-next{position:absolute;right:0;bottom:-94px;width:38px;height:38px;border:2px solid #144799;border-radius:19px;cursor:pointer;}
.btn-projects-prev{right:45px;transform:rotate(180deg);}
.btn-projects-next{right:0;}
.btn-projects-prev:before,
.btn-projects-next:before{content:'';display:block;width:100%;height:100%;background:url(../img/arr_slider_02.svg) 50% 50% no-repeat;background-size:14px;}

/* Projects Slide */
.projects-slide{position:relative;}
.projects-slide .swiper-slide{position:relative;width:350px;margin-right:34px;}
.projects-slide .swiper-container-initialized .swiper-slide{margin-right:0;}
.projects-slide .swiper-slide-prev{opacity:0;}
.projects-slide .swiper-slide:before{content:'';position:absolute;left:0;top:0;z-index:50;width:100%;height:100%;background-color:rgba(255,255,255,0.5);transition:opacity 0.3s;}
.projects-slide .swiper-slide-active:before,
.projects-slide .swiper-slide-next:before,
.projects-slide .swiper-slide-next + .swiper-slide:before{opacity:0;}

.projects-slide .swiper-slide-active .btn-project-readMore,
.projects-slide .swiper-slide-next .btn-project-readMore,
.projects-slide .swiper-slide-next + .swiper-slide .btn-project-readMore{z-index:50;}

.projects-slide.slide-play .swiper-slide-prev{opacity:1;}

.projects-slide .projects-progressbar{left:auto;right:120px;top:auto;bottom:-89px;width:180px;height:2px;background-color:#e7e7e7;}
.projects-slide .projects-progressbar .swiper-pagination-progressbar-fill{background-color:#29d5c1;}
.projects-pagination{position:absolute;right:120px;bottom:-80px;width:180px;}
[class*="projects-pagination-"]{font-weight:500;}
.projects-pagination-current{float:left;}
.projects-pagination-total{float:right;color:#ececec;}

.projects-slide .swiper-pagination-bullets,
.projects-slide .swiper-pagination-custom,
.projects-slide .swiper-pagination-fraction{position:absolute;left:auto;right:120px;top:auto;bottom:-99.5px;width:175px;height:23px;}
.projects-slide .swiper-pagination-bullets:before{content:'';display:block;position:absolute;left:0;top:calc( 50% - 1px );width:100%;height:2px;background-color:#e7e7e7;}
.projects-slide .swiper-pagination-bullets .swiper-pagination-bullet{width:25px;height:23px;margin:0;background-color:transparent;border-radius:0;font-size:0;vertical-align:top;outline:0;opacity:1;}
.projects-slide .swiper-pagination-bullet .bar{position:relative;display:block;width:100%;height:2px;margin-top:10.5px;background-color:#29d5c1;transform:translateX(0);transition:0.3s;}
.projects-slide .swiper-pagination-bullet:not(:first-child) .bar{display:none;}

/* Modal */
.modal-wrap{display:none;overflow:auto;position:fixed;top:0;z-index:9000;width:100%;height:100vh;min-height:100vh;background-color:rgba(0,0,0,0.75);table-layout:fixed;}
.modal{display:table;width:100%;height:100%;max-width:900px;margin:0 auto;table-layout:fixed;}
.modal-inner{display:table-cell;width:100%;height:100vh;min-height:100%;margin:0 auto;padding:170px 50px 30px;text-align:center;vertical-align:middle;}
.modal .modal-dialog{display:none;position:relative;border-radius:3px;}
.modal-content{position:relative;}
.modal-content:before{content:'';position:absolute;left:0;top:60px;width:100%;height:calc( 100% - 60px );background-color:#fff;border-radius:3px;}
.btn-modal-close{position:absolute;right:0;top:-80px;width:50px;height:50px;background:url(../img/btn_modal_close.svg) 50% 50% no-repeat;background-size:100%;font-size:0;}

.project-details-box{position:relative;z-index:50;margin-top:-60px;}
.modal-project-image{position:relative;margin-bottom:33px;}
.modal-project-image img{max-width:700px;border-radius:3px;}

.modal-project-content{padding:0 50px 50px;}
.modal-project-name{margin-bottom:25px;font-size:40px;font-weight:500;line-height:1.2;}

.modal-project-information{margin-bottom:25px;padding-bottom:30px;font-size:0;border-bottom:1px solid #dfdfdf;}
.modal-project-information li{display:inline-block;position:relative;margin-right:20px;padding-right:20px;line-height:26px;vertical-align:top;}
.modal-project-information li:last-child{margin-right:0;padding-right:0;}
.modal-project-information li:before{content:'';display:inline-block;height:26px;margin-right:10px;background-repeat:no-repeat;background-size:auto 100%;vertical-align:top;}
.modal-project-information li:after{content:'';position:absolute;right:0;top:calc( 50% - 7px );width:1px;height:14px;background-color:#9f9f9f;}
.modal-project-information li:last-child:after{display:none;}
.modal-project-information .modal-project-area:before{width:18px;background-image:url(../img/icon_project_area.svg);}
.modal-project-information .modal-project-discipline:before{width:26px;background-image:url(../img/icon_project_discipline.svg);background-size:100%;}
.modal-project-information .modal-project-status:before{width:26px;background-image:url(../img/icon_project_status.svg);}

.project-details{overflow:auto;height:130px;text-align:left;letter-spacing:0;line-height:2;word-break:break-word;}
.project-details p{padding-right:20px;}
.btn-project-extra{display:inline-block;position:relative;margin-top:20px;padding-right:24px;border-bottom:1px solid #131415;font-weight:400;line-height:1.4;}
.btn-project-extra:after{content:'';position:absolute;right:0;bottom:-1px;width:24px;height:20px;background-color:#fff;background-position:100% 50%;background-repeat:no-repeat;background-image:url(../img/arr_press.png);background-size:7px;}

.modal-wrap-active{display:block;}

/* Custom Scroll */
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical{right:0;bottom:10px;}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical{background-color:#efefef;border-radius:5px;}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{background-color:#c1c1c1;}

/* News */
.news-box-wrap {border-top:1px solid #282b2f;}
.news-box{border-bottom:1px solid #dedede;}
.news-box a{display:table;width:100%;height:100%;min-height:250px;background:url(../img/arr_news.svg) calc( 100% - 30px ) 50% no-repeat;background-size:20px;table-layout:fixed;}
.news-report-date,
.news-content{display:table-cell;padding-top:43px;padding-bottom:38px;vertical-align:middle;}

.news-report-date{width:186px;text-align:center;}
.news-report-date .news-date{margin-bottom:8px;font-size:37px;}
.news-report-date .news-year{font-size:46px;color:#d4d5d5;}

.news-content{padding-right:160px;padding-left:50px;}
.news-content .news-headline{display:-webkit-box;overflow:hidden;max-height:86px;margin-bottom:35px;font-size:36px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.news-hashtag{font-size:0;}
.news-hashtag li{display:inline-block;margin-right:20px;margin-bottom:10px;vertical-align:top;}
.news-hashtag li:last-child{margin-right:0;}
.news-hashtag li:before{content:'#';display:inline-block;margin-right:4px;vertical-align:top;}


/* opportunities */
.opportunities{}
[class*="opportunities-box"] .title-wrap{margin-bottom:25px;}
[class*="opportunities-box"] .title-wrap .title{float:left;position:relative;font-size:36px;line-height:1.4;}
[class*="opportunities-box"] .title-wrap .title .number{position:absolute;right:-10px;top:0;z-index:-10;font-family:'neothic', HelveticaNeue, DroidSans, sans-serif;font-size:170px;color:#f0f0f0;font-weight:400;line-height:1;}
[class*="opportunities-box"] .title-wrap .description{float:right;max-width:690px;font-weight:300;line-height:1.7;}

.opportunities-box-01{margin-bottom:100px;}
.opportunities-box-01 .title-wrap .description{padding-top:48px;}
.opportunities-box-01 .visual-area .description{float:left;padding-top:80px;line-height:1.7;}
.opportunities-box-01 .visual-area .image-wrap{float:right;position:relative;right:30px;}
.opportunities-box-01 .visual-area .image-wrap:before{content:'';position:absolute;right:-30px;top:30px;z-index:-10;width:100%;height:100%;background-color:#f1f1f1;}

.opportunities-box-02{margin-bottom:70px;}
.opportunities-box-02 .title-wrap{margin-bottom:60px;}
.opportunities-box-02 .title-wrap .title .number{top:-17px;}
.opportunities-box-02 .title-wrap .description{padding-top:17px;}
.opportunities-box-02 .visual-area{font-size:0;}
.opportunities-box-02 .visual-area img{float:left;}
.opportunities-box-02 .visual-area img:nth-child(2){float:right;}

.opportunities-box-03{max-width:930px;}
.opportunities-box-03 .title-wrap{margin-bottom:0;}
.opportunities-box-03 .title-wrap .title{float:right;}
.opportunities-box-03 .title-wrap .title .number{top:-26px;}
.opportunities-box-03 .title-wrap .description{float:left;padding-top:20px;}


/*:*:*:*:*:*:*:* MOBILE  *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:1219px){

	/* Modal */
	.modal-wrap{}
	.modal{padding-top:0;}
	.btn-modal-close{top:-30px;width:20px;height:20px;}
	.project-details-box{margin-top:0;}

	.modal-content{}
	.modal-content:before{top:30px;height:calc( 100% - 30px );}

	.modal-project-image{margin-bottom:25px;}
	.modal-project-name span{display:block;}
	
	.modal-project-content{padding:0 20px 20px;text-align:left;}
	.modal-project-information{margin-bottom:15px;padding-bottom:15px;}
	.modal-project-information li{display:block;margin-right:0;margin-bottom:3px;padding-top:5px;padding-left:30px;padding-right:0;font-size:13px;line-height:1.4;}
	.modal-project-information li:last-child{margin-bottom:0;}
	.modal-project-information li:nth-child(-n+3):before{position:absolute;left:0;top:0;width:20px;margin-right:0;background-position:50% 50%;}
	.modal-project-information li:after{display:none;}

	.modal-project-information .modal-project-area:before,
	.modal-project-information .modal-project-status:before{background-size:auto 20px;}
	.modal-project-information .modal-project-discipline:before{background-size:100%;}

	.project-details{height:21vh;padding-bottom:0;font-size:13px;line-height:1.7;}
	.btn-project-extra:after{background-image:url(../img/mo/arr_press.png);}

	/* About Us */
	.branch-map{height:84vw;}
	.branch-map-inner{background:url(../img/mo/branch_map.png) 50% 100% no-repeat;background-size:auto 100%;}

	.branch .country-name{width:15vw;height:18vw;}
	.branch .country-name:before{background-image:url(../img/mo/icon_marker.png);}
	.branch .country-name:after{background-image:url(../img/mo/icon_marker_active.png);}

	.branch .country-name span{position:relative;height:14vw;font-size:3vw;text-indent:0;line-height:14vw;}
	.branch .country-name span:before,
	.branch .country-name span:after{content:'';display:block;position:absolute;z-index:-10;}
	.branch .country-name span:before{left:calc( 50% - 1px );top:18.2vw;height:43vw;border:1px dashed #bdbdbd;}
	.branch .country-name span:after{left:calc( 50% - 3px );width:6px;height:6px;border-radius:3px;background-color:#4e4e4e;}

	.branch-ua{left:8.2vw;top:14%;}
	.branch-japan{left:77.2%;top:25%;z-index:50;}
	.branch-southeastAsia{left:71.7%;top:46%;z-index:100;}

	.branch-ua .country-name span:before{height:25vw;}
	.branch-ua .country-name span:after{top:43vw;}

	.branch-japan .country-name span:before{height:15vw;}
	.branch-japan .country-name span:after{top:33vw;}

	.branch-southeastAsia .country-name span:before{height:4vw;}
	.branch-southeastAsia .country-name span:after{top:22vw;}
	.branch-southeastAsia.jp-translate .country-name span{top:11px;line-height:1.4;}

	.branch .country-introduction{position:absolute;}
	.branch .country-introduction br{content:'';}
	.branch .country-introduction span{display:block;}

	.branch-ua .country-introduction{left:16vw;top:1vw;}
	.branch-japan .country-introduction{left:auto;right:15.5vw;top:1vw;}
	.branch-southeastAsia .country-introduction{left:auto;right:-6.5vw;top:26vw;}

	.branch-active .country-name:before{opacity:0;}
	.branch-active .country-name:after{opacity:1;}
	.branch-active .country-name + .country-introduction{opacity:1;}

	/* Contact */
	.contact-list{display:block;margin-bottom:0;}
	.contact-list li{display:block;width:100% !important;border-right-width:0;border-bottom:1px solid #cfd3d6;text-align:left;}
	.contact-list li:last-child{border-bottom-width:0;}
	[class*="icon-contact-"]{position:absolute;left:14px;top:calc( 50% - 22px );width:44px;height:44px;margin-right:0;}
	.contact-details-area{max-width:100%;}
	.contact-details-area .contact-title{margin-bottom:13px;font-size:19px;}
	.contact-list li:nth-child(2) .btn-contact-details,
	.contact-list li:nth-child(3) .btn-contact-details,
	.tab-content:nth-child(3) .contact-list li:nth-child(2) .btn-contact-details,
	.tab-content:nth-child(3) .contact-list li:nth-child(3) .btn-contact-details{padding-top:0;}

}

/*:*:*:*:*:*:*:* PHONE *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:767px){

	/* Layout */
	#content{padding-bottom:40px;}

	.sub-visual{height:322px;margin-bottom:140px;}
	.sub-visual-01{background-image:url(../img/mo/sub_visual_01.jpg);}
	.sub-visual-02{background-image:url(../img/mo/sub_visual_02.jpg);}
	.sub-visual-03{background-image:url(../img/mo/sub_visual_03.jpg);}
	.sub-visual-04{background-image:url(../img/mo/sub_visual_04.jpg);}

	.sub-page-title{left:-20px;width:148px;height:100%;padding-top:0;padding-left:0;}
	.sub-page-title span{padding-bottom:75px;padding-left:20px;font-size:36px;letter-spacing:18px;}
	.sub-visual-03 .sub-page-title span{letter-spacing:1px;}

	.page-introductory-text{position:relative;left:0;top:-50px;width:100%;padding:60px 14px 14px;font-size:11px;line-height:1.7;}
	.page-introductory-text br{content:'';}
	.page-introductory-text:before{left:14px;top:30px;width:33px;height:1px;}

	/* Custom Scroll */
	.os-content-glue{width:100% !important;}

	/* Modal */
	.modal{display:block;}
	.modal-inner{/* display:block;/* position:absolute;left:50%;top:50%; */width:100vw;padding:70px 20px 50px;/* transform:translate(-50%,-50%); */}
	.modal-project-image img{max-width:500px;width:calc( 100% - 40px );}
	.modal-project-name{margin-bottom:12px;font-size:20px;line-height:1.3;}

	/* About Us */
	.page-description{margin-bottom:40px;}
	.page-description .inner{font-size:12px;text-align:left;}
	.page-description .inner br{content:'';}

	.map-details dl dt{width:100%;font-size:13px;}
	.map-details dl dd{width:100%;max-width:100%;font-size:12px;}
	
	.branch-map{margin-bottom:40px;}
	.branch .country-introduction{width:295px;font-size:12px;}

	.typography{position:static;margin-bottom:20px;font-size:54px;font-weight:500;text-align:center;letter-spacing:0;}
	.typography-02{margin-bottom:0;}

	.sub-visual-01.jp-translate .sub-page-title span{padding-bottom: 150px; letter-spacing: 0; font-size: 30px;}
	.sub-visual-01.jp-translate .sub-page-title span.jp-extra{bottom: -18px; font-size: 12px;}

	.aboutUs-slide-inner{padding-top:50px;padding-bottom:62px;}
	.aboutUs-slide-content{padding:0 14px;}
	.aboutUs-slide-content .slide-title{position:static;margin-bottom:6px;padding-right:50px;padding-bottom:10px;border-bottom:2px solid #134699;font-size:17px;}
	.aboutUs-slide-content .slide-title span:first-child:after{display:none;}
	
	.aboutUs-slide-content .slide-image{margin-bottom:15px;}
	.swiper-slide-prev .aboutUs-slide-content .slide-image{padding-left:13px;}
	.swiper-slide-next .aboutUs-slide-content .slide-image{padding-right:13px;}
	.swiper-slide-prev .aboutUs-slide-content .slide-image img,
	.swiper-slide-next .aboutUs-slide-content .slide-image img{height:auto;margin-top:0;}

	.slide-description-area{display:block;position:relative;}
	.slide-description-area .slide-number,
	.slide-description-area .slide-description{display:block;}
	.slide-description-area .slide-number{position:absolute;right:0;top:-68px;width:auto;font-size:50px;}
	.slide-description-area .slide-description{width:100%;padding-left:0;border-left-width:0;font-size:12px;}
	.slide-description-area .slide-description:before{display:none;}

	.aboutUs-slide .swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction{left:0;top:auto;bottom:-42px;text-align:center;}

	.swiper-slide-prev .aboutUs-slide-content .slide-image{padding-left:13px;}
	.swiper-slide-next .aboutUs-slide-content .slide-image{padding-right:13px;}

	.btn-aboutUs-prev,
	.btn-aboutUs-next{display:none;}
	.aboutUs-slide .swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:22px;margin:0 2px;background-color:transparent;border-radius:11px;font-family:'oswald', HelveticaNeue, DroidSans, sans-serif;font-size:12px;font-weight:400;line-height:22px;}
	.aboutUs-slide .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin-left:2px;}
	.aboutUs-slide .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#134699;color:#fff;}

	.aboutUs-offter-inner{padding-top:20px;}
	.offter-list-inner{padding:0;}
	.offter-list li{display:table;padding:0;border-bottom:1px solid #cfd3d6;table-layout:fixed;}
	.offter-list li:last-child{border-bottom-width:0;}
	.offter-list li:nth-child(-n+6){width:100%;margin-bottom:0;}
	.offter-list li span{display:table-cell;height:85px;padding-left:85px;font-size:16px;letter-spacing:-0.3px;vertical-align:middle;}
	.offter-list li span:before{width:85px;height:85px;}
	.offter-list li:nth-child(-n+6) span:before{background-size:44px;}
	.offter-list li span br{content:'';}

	/* Projects */
	.projects-inner{/* padding:0 34px; */padding-top:0;padding-bottom:70px;}
	.projects-slide .swiper-slide{margin-right:0;padding:0 14px;}
	.projects-slide .swiper-slide-prev{position:relative;right:-48px;}
	.projects-slide .swiper-slide-next{position:relative;left:-48px;}
	.projects-slide .swiper-slide-prev:before{opacity:1;}

	.projects-slide .swiper-slide-next:before{opacity:1;}

	.project-box{width:100%;}
	.project-content{padding:23px;}
	.project-content .project-name{height:52px;margin-bottom:8px;font-size:20px;}
	.project-content .project-information{margin-bottom:15px;}
	.project-content .project-information li{margin-bottom:6px;font-size:13px;}
	.btn-project-readMore{width:215px;height:43px;border-radius:22.5px;font-size:19px;}

	/* Projects Slide */
	.projects-slide .swiper-pagination-bullets,
	.projects-slide .swiper-pagination-custom,
	.projects-slide .swiper-pagination-fraction{left:0;right:auto;bottom:-50px;width:100%;z-index:50;text-align:center;}
	.projects-slide .swiper-pagination-bullets:before{display:none;}
	.projects-slide .swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:22px;margin:0 2px;background-color:transparent;border-radius:11px;font-family:'oswald', HelveticaNeue, DroidSans, sans-serif;font-size:12px;font-weight:400;color:#131415;line-height:22px;}
	.projects-slide .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#134699;color:#fff;}
	.projects-slide .swiper-pagination-bullet .bar{display:none;opacity:0;}

	.projects-pagination{display:none;}
	.btn-projects-prev, .btn-projects-next{display:none;/* 임시 */}

	/* News */
	.news-box:last-child{padding-bottom:0;border-bottom-width:0;}
	.news-box a{display:block;min-height:0;padding:23px 14px;background-image:none;}
	.news-box:last-child a{padding-bottom:0;}

	.news-report-date, .news-content{display:block;width:100%;}
	.news-report-date{margin-bottom:18px;padding:0;}
	.news-report-date:after{display:block;content:'';clear:both;}
	.news-report-date .news-date{float:left;margin-bottom:0;font-size:20px;color:#6d6d6e;}
	.news-report-date .news-year{float:right;font-size:20px;color:#e2e2e2;}

	.news-content{padding:0;}
	.news-content .news-headline{max-height:44px;margin-bottom:8px;font-size:19px;letter-spacing:0;/* -webkit-line-clamp:inherit; */}
	.news-content .news-headline br{content:'';}
	.news-hashtag li{display:inline-block;height:30px;margin-top:6px;margin-right:3px;margin-bottom:0;padding:0 12px;border:1px solid #d9d9d9;border-radius:15px;font-size:12px;letter-spacing:-0.4px;line-height:30px;}

	/* Contact */
	.tab-theme-basic{margin-bottom:0;}
	.tab-theme-basic:before{display:none;}
	.tab-theme-basic li{width:50%;height:50px;border:1px solid #c5c5c5;}
	.tab-theme-basic li:nth-child(even){border-left-color:#f3f3f3;}
	.tab-theme-basic li:nth-last-child(-n+2){border-top-color:#f3f3f3;}
	.tab-theme-basic li:nth-child(-n+2){border-bottom-color:#c5c5c5;}
	.tab-theme-basic li:before{display:none;}
	.tab-theme-basic li button{height:100%;font-size:20px;}
	.tab-theme-basic li.tab-active button{overflow:visible;position:relative;border-width:0;}
	.tab-theme-basic li.tab-active button::before{content:'';display:block;position:absolute;left:-1px;top:-1px;width:calc( 100% + 2px );height:50px;border:1px solid #0b3374;box-sizing:border-box;}
	.tab-theme-basic li:nth-child(even).tab-active button:before{left:-2px;width:calc( 100% + 3px );}
	.tab-theme-basic li:nth-last-child(-n+2).tab-active button:before{top:-2px;height:51px;}

	.contact-list{padding:0 14px;}
	.contact-list li{padding:30px 0 28px 83px;}
	.contact-details-area .btn-contact-details{font-size:13px;}
	.contact-details-area .btn-contact-details br{content:'';}
	.contact-details-area .btn-contact-details span{display:block;}

	.contact-map{min-height:400px;}
	.contact-map iframe{height:400px;}

	/* opportunities */
	[class*="opportunities-box"]{margin-bottom:35px;}
	[class*="opportunities-box"]:last-child{margin-bottom:0;}
	[class*="opportunities-box"] .title-wrap{margin-bottom:25px;}
	[class*="opportunities-box"] .title-wrap .title{float:none;margin-bottom:20px;padding-right:85px;font-size:19px;}
	[class*="opportunities-box"] .title-wrap .title .number{top:0;font-size:60px;}
	[class*="opportunities-box"] .title-wrap .description{float:none;padding-top:0;}
	[class*="opportunities-box"] .title-wrap .description br{content:'';}

	.opportunities-box-01 .title-wrap .title span{display:block;}
	.opportunities-box-01 .title-wrap .title br{content:'';}
	.opportunities-box-01 .visual-area .description{float:none;padding-top:0;}
	.opportunities-box-01 .visual-area .description br{content:'';}
	.opportunities-box-01 .visual-area .image-wrap{float:none;position:static;margin-bottom:20px;}
	.opportunities-box-01 .visual-area .image-wrap:before{display:none;}
	.opportunities-box-02 .visual-area .image-wrap img{width:100%;}
	.opportunities-box-02 .visual-area .image-wrap img:first-child{margin-bottom:13px;}

	.opportunities-box-03 .title-wrap{margin-bottom:0;}

}

/*:*:*:*:*:*:*:* TABLET *:*:*:*:*:*:*:*/
@media all and (min-width:768px) and (max-width:1219px){

	/* Layout */
	.sub-visual{height:500px;}
	.sub-page-title{width:365px;}
	.sub-page-title span{padding-bottom:175px;font-size:41px;}
	.page-introductory-text{top:380px;left:40px;width:688px;}

	/* Modal */
	.modal-inner{padding:50px 40px;}
	.modal-project-image img{width:calc( 100% - 80px );max-width:100%;}
	.modal-project-name{margin-bottom:10px;font-size:30px;}
	.modal-project-content{padding:0 40px 40px;}


	/* About Us */
	.branch-map{height:60vw;}
	.branch-map-inner{background-size:85%;}

	.branch-southeastAsia{left:70%;top:38.5%;}

	.branch .country-name{width:10vw;height:13vw;}
	.branch .country-name span{height:10vw;font-size:2vw;line-height:10vw;}
	.branch .country-name span:before{top:12.2vw;}

	.branch-ua{left:17.2%;top:24%;}
	.branch-japan{left:73.2%;top:29%;}
	.branch-southeastAsia{left:69%;top:46.5%;}

	.branch-ua .country-name span:before{height:10vw;}
	.branch-ua .country-name span:after{top:22vw;}

	.branch-japan .country-name span:before{height:7vw;}
	.branch-japan .country-name span:after{top:19vw;}

	.branch-southeastAsia .country-name span:before{height:2vw;}
	.branch-southeastAsia .country-name span:after{top:14vw;}

	.branch-southeastAsia.jp-translate .country-name span{top:20px;line-height:1.2;}

	.branch .country-introduction{width:350px;}

	.branch-ua .country-introduction{left:11vw;}
	.branch-japan .country-introduction{right:10.5vw;}
	.branch-southeastAsia .country-introduction{right:10.5vw;top:2vw;}

	.aboutUs-slide-inner{padding-top:100px;padding-bottom:0;}
	.aboutUs-slide-content{padding:0 50px 0 150px;}
	.aboutUs-slide-content:after{display:block;content:'';clear:both;}
	.aboutUs-slide-content .slide-title{left:10vw;top:6vw;font-size:39px;}
	.slide-description-area{float:right;max-width:694px;}
	.slide-description-area .slide-number{width:67px;font-size:50px;}
	.slide-description-area .slide-description{width:calc( 100% - 67px );padding-left:20px;font-size:13px;}
	.slide-description-area .slide-description:before{width:2px;}

	.swiper-slide-prev .aboutUs-slide-content .slide-image{padding-left:50px;}
	.swiper-slide-next .aboutUs-slide-content .slide-image{padding-right:150px;}
	.swiper-slide-prev .aboutUs-slide-content .slide-image img,
	.swiper-slide-next .aboutUs-slide-content .slide-image img{height:auto;margin-top:0;}

	.aboutUs-slide .swiper-pagination-bullets,
	.swiper-pagination-custom, .swiper-pagination-fraction{left:10.2vw;top:24vw;}

	.aboutUs-offter-inner{padding-top:100px;}
	.offter-list-inner{padding:0 0 0 11vw;}
	.offter-list ul{text-align:center;}
	.offter-list li:nth-child(-n+6){width:50%;max-width:340px;}
	.offter-list li:nth-child(-n+3){margin-bottom:0;}
	.offter-list li span{padding-left:90px;font-size:18px;}
	.offter-list li span:before{width:90px;height:90px;}
	.offter-list li:nth-child(-n+6) span:before{background-size:50px;}

	.typography{position:static;margin-bottom:40px;font-size:90px;letter-spacing:0;text-align:center;}

	/* Projects */
	.projects-inner{padding-top:0;}
	.projects-slide .swiper-slide{margin-right:14px;}
	.projects-slide .swiper-slide-next + .swiper-slide:before{opacity:1;}
	.project-box{width:100%;}

	/* Projects Slider */
	/* .projects-slide .swiper-slide-prev{opacity:1;} */
	.projects-slide .swiper-slide-active:before{opacity:0;}
	.projects-slide .swiper-slide-prev:before,
	.projects-slide .swiper-slide-next:before{opacity:1;}

	.projects-slide .swiper-slide-prev .btn-project-readMore,
	.projects-slide .swiper-slide-next .btn-project-readMore{z-index:0;}

	/* News */
	.news-box a{min-height:235px;}
	.news-report-date{width:130px;}
	.news-report-date,
	.news-content{padding-top:40px;padding-bottom:40px;}
	.news-content{padding-left:20px;padding-right:80px;}
	.news-report-date .news-date{font-size:33px;}
	.news-report-date .news-year{font-size:42px;}
	.news-content .news-headline{max-height:68px;font-size:29px;}

	/* Contact */
	.tab-theme-basic{margin-bottom:0;}
	.tab-theme-basic li button{height:60px;font-size:19px;}
	.contact-list li{padding:50px 0 48px 92px;}
	[class*="icon-contact-"]{top:calc( 50% - 27px );width:54px;height:54px;}

	.contact-map{min-height:500px;}
	.contact-map iframe{height:500px;}

	/* opportunities */
	[class*="opportunities-box"]{margin-bottom:70px;}
	[class*="opportunities-box"]:last-child{margin-bottom:0;}
	[class*="opportunities-box"] .title-wrap{margin-bottom:30px;}
	[class*="opportunities-box"] .title-wrap .title{max-width:250px;font-size:29px;}
	[class*="opportunities-box"] .title-wrap .title .number{font-size:135px;}
	[class*="opportunities-box"] .title-wrap .description{width:calc( 100% - 250px );padding-top:10px;}
	[class*="opportunities-box"] .title-wrap .description br{content:'';}

	.opportunities-box-01 .visual-area .description{width:350px;padding-top:20px;}
	.opportunities-box-01 .visual-area .image-wrap{width:calc( 100% - 350px );right:20px;}
	.opportunities-box-01 .visual-area .image-wrap:before{right:-20px;top:20px;}
	.opportunities-box-01 .visual-area .image-wrap img{width:100%;}

	.opportunities-box-02 .visual-area img:nth-child(1){width:61.696428%;}
	.opportunities-box-02 .visual-area img:nth-child(2){width:36.517857%;}

}

/*:*:*:*:*:*:*:* DESKTOP *:*:*:*:*:*:*:*/
@media all and (min-width:1220px){

	.aboutUs-offter-inner.jp-translate{padding-top: 340px;}
	/* About Us */
	.branch .country-name:hover:before{opacity:0;}
	.branch .country-name:hover:after{opacity:1;}
	.branch .country-name:hover + .country-introduction{opacity:1;}

	/* Projects */
	.btn-project-readMore:hover{background-color:#29d5c1;}

	/* Projects Slide */
	.projects-slide .swiper-slide-active:hover .project-box-wrap:before,
	.projects-slide .swiper-slide-next:hover .project-box-wrap:before,
	.projects-slide .swiper-slide-next + .swiper-slide:hover .project-box-wrap:before{border-color:#29d5c1;}

}