@charset "utf-8";
.wrap {position:relative;}
body {-webkit-user-select: none; /* Chrome, Safari */
	-moz-user-select: none;    /*  */
	-ms-user-select: none;     /* + */
	user-select: none;         /*  */
}
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(184, 44, 44, 0.96); z-index:100; display:none;}
.allMenuWrap {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1440px; height:100%; opacity:0; transition:.4s all;
	display:flex; justify-content:center; align-items:center; z-index:-1;
}
.allMenuWrap.on {opacity:1.0; z-index:200;}
.allMenuWrap .closeSec {position:absolute; left:50%; top:20px; transform:translate(-50%, 0); width:100%; max-width:1440px;}
.allMenuWrap .closeSec .closeMenu {position:absolute; right:10px; top:10px; width:40px; height:40px; cursor:pointer;}
.allMenuWrap .closeSec .closeMenu:after {content:''; position:absolute; left:20px; top:50%; width:2px; height:28px; background:#FFF; transform:translate(0, -50%) rotate(45deg);}
.allMenuWrap .closeSec .closeMenu:before {content:''; position:absolute; left:20px; top:50%; width:2px; height:28px; background:#FFF; transform:translate(0, -50%) rotate(-45deg);}

.allMenuWrap .inner {width:100%; max-width:1440px; margin:0 auto;}
.allMenuWrap .inner .perMenu {float:left; width:25%; height:20vh; text-align:center; font-family:'Raleway'; text-transform:uppercase;}
.allMenuWrap .inner .perMenu a {display:block; color:#FFF; font-size:60px; font-weight:300; margin-bottom:30px;}
.allMenuWrap .inner .perMenu a.depth1 {position:relative;}
.allMenuWrap .inner .perMenu a.depth1 span {position:relative;}
.allMenuWrap .inner .perMenu a.depth1 span:after {content:''; position:absolute; left:50%; bottom:-10px; transform:translate(-50%, 0); width:0; height:2px; background:#FFF; opacity:0; transition:.4s all;}
.allMenuWrap .inner .perMenu a.depth1:hover span:after {width:100%; opacity:1.0;}
.allMenuWrap .inner .perMenu a.depth2 {margin-top:10px; font-size:24px; margin-bottom:0;}

.gloHeader {position:fixed; left:0; top:0; width:100%; padding:0 80px; transition:.4s all; box-sizing:border-box; z-index:100; border-bottom:1px solid #ddd;
/* 	backdrop-filter: blur(39px); -webkit-backdrop-filter: blur(39px);  */
}
.gloHeader .inner {display:flex; justify-content:space-between; align-items:center; width:100%; padding:22px 0; transition:.4s all;}
.gloHeader .inner .logo a {display:block; width:300px !important;  height:66px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}



.gloHeader .inner .naviSec {display:flex; align-items:center;}
.gloHeader .inner .naviSec li {display:inline-block;}
.gloHeader .inner .naviSec li a {display:block; color:#000; font-size:20px; font-weight:600; font-family:'Raleway'; text-transform:uppercase; padding:10px 26px; transition:.4s all;}
.gloHeader .inner .naviSec li a:hover {color:#ff0000;}
.gloHeader .inner .naviSec li.on a {color:#ff0000;}
.gloHeader .inner .naviSec .allMenu {display:inline-block; width:40px; height:40px; background:url(../img/ico_menu.svg) no-repeat 50% 50%; cursor:pointer; margin-left:45px; background-size:100%; transition:.4s all;}

.gloHeader.fix {background:rgba(255, 255, 255, 0.8); /* backdrop-filter: blur(39px); -webkit-backdrop-filter: blur(39px); */}
.gloHeader.fix .inner {padding:10px 0;}
.gloHeader.fix .inner .logo a {width:180px !important;  height:66px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader.fix .inner .naviSec li a {color:#000; font-size:18px; padding:8px 26px;}
.gloHeader.fix .inner .naviSec li a:hover {color:#ff0000;}
.gloHeader.fix .inner .naviSec li.on a {color:#ff0000;}
.gloHeader.fix .inner .naviSec .allMenu {width:30px; height:30px; background:url(../img/ico_menu.svg) no-repeat 50% 50%; background-size:25px; margin-left:25px;}

.mainVisual {position:relative;}
.mainVisual .visualTxt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1440px; z-index:10;}
.mainVisual .visualTxt .title {color:#FFF; font-size:108px; font-weight:300; line-height:1.1; margin-bottom:24px; font-family:'Raleway'; text-transform:uppercase; transition:.8s all;}
.mainVisual .visualTxt .desc {color:#FFF; font-size:24px; font-weight:500; line-height:1.4; transition:.4s all;}
.mainVisual .visualTxt .desc span {display:block; font-weight:400; font-size:16px; margin-top:18px; text-transform:uppercase; letter-spacing:0; line-height:1.4; opacity:0.6;}
.mainVisual .visualTxt.black .title {color:#111;}
.mainVisual .visualTxt.black .desc {color:#111;}
.mainVisual .perVisual {height:100vh; position:relative;}
.mainVisual .perVisual.visual01 {background:url(../img/m_visual01.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .perVisual.visual02 {background:url(../img/m_visual02.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .perVisual.visual03 {background:url(../img/m_visual03.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .perVisual.visual04 {background:url(../img/m_visual04.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .perVisual.visual05 {background:url(../img/m_visual05.jpg) no-repeat center/cover; background-size:cover;}
 
.mainVisual .visualFunc {position:absolute; left:12.5%; bottom:17%; z-index:10; display:flex; justify-content:flex-start; align-items:center;}
.mainVisual .visualFunc .visual-pagination {position:relative; display:block; width:300px; height:4px; background:rgba(255, 255, 255, 0.2); margin-right:9px;}
.mainVisual .visualFunc .visual-pagination .swiper-pagination-progressbar-fill {background:#FFF;}
.mainVisual .visualFunc .swiper-play {width:20px; height:20px; background:url(../img/vico_play.svg) no-repeat 50% 50%; cursor:pointer; display:none; text-indent:-9999px;}
.mainVisual .visualFunc .swiper-pause {width:20px; height:20px; background:url(../img/vico_pause.svg) no-repeat 50% 50%; cursor:pointer; text-indent:-9999px;}

.mProject {position:relative; padding:130px 0; background:#F5F5F5;}
.mProject .titleSet {margin:0 auto 56px; text-align:center; position:relative;}
.mProject .titleSet .corp {color:#ff0000; font-size:18px; font-weight:300; font-family:'Raleway'; margin-bottom:8px;}
.mProject .titleSet .title {color:#111; font-size:36px; font-weight:700; font-family:'Raleway'; text-transform:uppercase;}
.mProject .titleSet .more a {position:absolute; right:0; bottom:0; color:#111; font-size:12px; font-weight:500; font-family:'Raleway'; display:none;}
.mProject .titleSet .more a:after {content:''; display:inline-block; width:12px; height:12px; background:url(../img/ico_plus.svg) no-repeat 50% 50%; background-size:100%; vertical-align:0; margin-left:6px;}
.mProject .mRolling .swiper-slide {position:relative;}
.mProject .mRolling .swiper-slide a {display:block; width:100%; height:100%;}
.mProject .mRolling .swiper-slide .mProBox {position:relative; display:flex; justify-content:flex-start; align-items:flex-end;}
.mProject .mRolling .swiper-slide .mProBox:after {content:''; display:block; height:auto; padding-bottom:65.6779%;}
.mProject .mRolling .swiper-slide .mProBox .img {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:60%; filter: grayscale(100%); opacity:0.8; transition:.8s all; background-size:auto 630px !important;}
.mProject .mRolling .swiper-slide .mProBox .txtBox {position:relative; z-index:10; opacity:0; transition:.4s all; background:rgba(0, 0, 0, 0.6); padding:30px; display:block; width:100%;}
.mProject .mRolling .swiper-slide .mProBox .txtBox .category {color:#FFF; font-size:16px; font-weight:500; line-height:1.5; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mProject .mRolling .swiper-slide .mProBox .txtBox .client {color:#FFF; font-size:26px; font-weight:700; line-height:1.5; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.mProject .mRolling .swiper-slide.swiper-slide-active .mProBox .img {height:100%; filter:grayscale(0%); opacity:1.0;}
.mProject .mRolling .swiper-slide.swiper-slide-active .mProBox .txtBox {opacity:1.0;}

.mProject .mRolling-prev {position:absolute; left:27.4%; top:55%; transform:translate(-50%, -50%); width:70px; height:70px; background:url(../img/dir_left.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}
.mProject .mRolling-next {position:absolute; right:23.8%; top:55%; transform:translate(-50%, -50%); width:70px; height:70px; background:url(../img/dir_right.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}
.mProject .mRolling-pagination {position:absolute; left:0; bottom:0; width:100%; height:4px; background:#ddd;}
.mProject .mRolling-pagination .swiper-pagination-progressbar-fill {background:#ff0000;}

.mPortfolioSec {position:relative; padding:130px 0;}
.mPortfolioSec .inner {width:100%; max-width:1440px; margin:0 auto;}
.mPortfolioSec .inner .btnArea {display:block; text-align:center;}
.mPortfolioSec .inner .btnArea .moreBtn {display:flex; justify-content:center; align-items:center; width:100%; max-width:224px; border:1px solid #000; color:#111; font-size:14px; font-weight:500; padding:29px 0; text-align:center; margin:130px auto 0; position:relative;}
.mPortfolioSec .inner .btnArea .moreBtn:after {content:''; display:inline-block; width:10px; height:10px; background:url(../img/ico_plus.svg) no-repeat 50% 50%; margin-left:6px;}

.portfolioList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.portfolioList .projectBox {width:25%; position:relative;}
.portfolioList .projectBox:after {content:''; display:block; height:auto; padding-bottom:100%;}
.portfolioList .projectBox a {position:absolute; left:0; top:0; width:100%; height:100%;}
.portfolioList .projectBox .img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:55%; height:55%; transition:.2s all; background-size:auto 360px !important;}
.portfolioList .projectBox .txtBox {position:absolute; left:50%; top:86%; transform:translate(-50%, -50%); width:55%; height:auto; opacity:1.0; transition:.4s all;}
.portfolioList .projectBox .txtBox .category {color:#111; font-size:14px; font-weight:700; line-height:1.5; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.portfolioList .projectBox .txtBox .client {color:#666; font-size:14px; font-weight:500; line-height:1.5; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}

.portfolioList .projectBox:not(hover) .img {width:55%; height:55%;}
.portfolioList .projectBox:hover .img {width:100%; height:100%;}
.portfolioList .projectBox:hover .img:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:80px; background:rgba(0, 0, 0, 0.6);}
.portfolioList .projectBox:hover .txtBox {left:0; top:unset; bottom:20px; text-align:center; transform:none; width:100%;}
.portfolioList .projectBox:hover .txtBox .category {color:#FFF; font-size:16px;}
.portfolioList .projectBox:hover .txtBox .client {color:#FFF;}

.mBizSec {padding:200px 0;}
.mBizSec .mBiz {display:flex; justify-content:space-between; align-items:center; gap:0%;}
.mBizSec .mBiz .imgSec {width:50%; position:relative; height:400px; overflow:hidden;}
.mBizSec .mBiz .imgSec .img {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:translateY(50px); transition:.8s all;}
.mBizSec .mBiz .imgSec .img.on {opacity:1.0; transform:translateY(0px);}
.mBizSec .mBiz .imgSec .img img {width:100%; height:auto !important;}
.mBizSec .mBiz .txtSec {width:50%; padding-left:100px;}
.mBizSec .mBiz .txtSec .txt {padding:20px 0; opacity:0.3; transition:.4s all;}
.mBizSec .mBiz .txtSec .txt .title {color:#111; font-size:30px; font-weight:600; letter-spacing:-1px;}
.mBizSec .mBiz .txtSec .txt .eng {color:#333; font-size:16px; font-weight:400; margin-top:10px; font-family:'Raleway'; text-transform:uppercase;}
.mBizSec .mBiz .txtSec .txt.on {opacity:1.0;}

.txtRolling {position:absolute; left:-90px; top:-90px; width:184px; height:184px; background:url(../img/txt_rolling.svg) no-repeat 50% 50%; z-index:20; animation:30s rotate linear infinite; display:none;}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.mServiceSec {display:flex; justify-content:flex-start; align-items:stretch; text-transform:uppercase;}
.mServiceSec .mRequest {width:50%; height:78vh; background:url(../img/mbg_request.jpg) no-repeat 50% 50%; background-size:cover;}
.mServiceSec .mRequest a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; color:#FFF; text-align:center;}
.mServiceSec .mRequest a .title {font-size:38px; font-weight:700; font-family:'Raleway';}
.mServiceSec .mRequest a .desc {font-size:18px; font-weight:500; line-height:1.5; margin:24px 0 52px 0; position:relative;}
.mServiceSec .mRequest a .more {font-size:16px; font-weight:500; line-height:1.5; font-family:'Raleway';}
.mServiceSec .mRequest a .more:after {content:''; display:inline-block; width:12px; height:12px; background:url(../img/ico_plus_w.svg) no-repeat 50% 50%; background-size:100%; vertical-align:0; margin-left:6px;}

.mServiceSec .mContact {width:50%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.mServiceSec .mContact .goContact {display:block; width:100%; height:50%;}
.mServiceSec .mContact .goContact a {display:flex; justify-content:space-between; flex-direction:column; width:100%; height:100%; padding:60px 60px 56px; box-sizing:border-box; color:#FFF;}
.mServiceSec .mContact .goContact a .title {position:relative; display:flex; justify-content:space-between; align-items:center; font-size:38px; font-weight:700; font-family:'Raleway';}
.mServiceSec .mContact .goContact a .more {font-size:16px; font-weight:500; line-height:1.5; font-family:'Raleway';}
.mServiceSec .mContact .goContact a .more:after {content:''; display:inline-block; width:12px; height:12px; background:url(../img/ico_plus_w.svg) no-repeat 50% 50%; background-size:100%; vertical-align:0; margin-left:6px;}
.mServiceSec .mContact .goContact a .desc {font-size:18px; font-weight:500; line-height:1.5;}
.mServiceSec .mContact .goContact a .desc span {display:inline-block; margin-right:30px; width:146px; text-transform: none;}
.mServiceSec .mContact .goContact.career {background:url(../img/mbg_carrers.jpg) no-repeat 50% 50%; background-size:cover;}
.mServiceSec .mContact .goContact.location {background:url(../img/mbg_location.jpg) no-repeat 50% 50%; background-size:cover;}

.footer {position:relative; background:#181818; padding:70px 0;}
.footer .inner {width:100%; max-width:1440px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.footer .inner .logoBtm {width:243px; height:66px; background:url(../img/logo_w.svg) no-repeat 50% 50%; background-size:100%;}
.footer .inner .corpInfo {width:calc(100% - 366px); position:relative; color:#FFF; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.footer .inner .corpInfo .footBlock {float:left; width:33.333333%; margin-bottom:15px; padding-right:20px;}
.footer .inner .corpInfo .footBlock .title {font-size:16px; font-weight:500; margin-bottom:5px; font-family:'Raleway';}
.footer .inner .corpInfo .footBlock .desc {font-size:14px; font-weight:300; line-height:1.4; letter-spacing:0; opacity:0.6;}
.footer .inner .corpInfo .copyright {float:none; clear:both; display:block; padding-top:20px; font-size:12px; font-weight:500; flex:0 0 100%;}

.subComnWrap {position:relative; padding-bottom:100px;}
.subComnWrap .inner {width:100%; max-width:1440px; margin:0 auto;}
.subComnWrap .comnTitle {display:flex; justify-content:space-between; align-items:flex-end; margin:210px 0 72px 0; font-family:'Raleway';}
.subComnWrap .comnTitle .titleSec {position:relative; display:flex; align-items:flex-end;}
.subComnWrap .comnTitle .titleSec .title {color:#111; font-size:52px; font-weight:700;}
.subComnWrap .comnTitle .titleSec .desc {color:#999; font-size:14px; font-weight:500; margin:0 0 10px 12px;}
.subComnWrap .comnTitle .subMenu {position:relative;}
.subComnWrap .comnTitle .subMenu .menu a {display:inline-block; color:#999; font-size:18px; font-weight:700; padding:12px; position:relative;}
.subComnWrap .comnTitle .subMenu .menu a:hover {color:#111;}
.subComnWrap .comnTitle .subMenu .menu.on a {color:#111;}
.subComnWrap .comnTitle .subMenu .menu.on a:after {content:''; position:absolute; left:12px; bottom:0; width:calc(100% - 24px); height:4px; background:#111;}

.subComnWrap .majorList {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.subComnWrap .majorList .perMajor {display:block; position:relative; width:calc(100% - 244px); margin-bottom:100px;}
.subComnWrap .majorList .perMajor a {display:block;}
.subComnWrap .majorList .perMajor .shadow {position:absolute; left:0; bottom:0; width:100%; height:35.8600%; background: linear-gradient(360deg, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);}
.subComnWrap .majorList .perMajor .projectInfo {position:absolute; left:0; bottom:0; width:100%; height:auto; color:#111; text-align:right; padding:40px; box-sizing:border-box; z-index:10;}
.subComnWrap .majorList .perMajor .projectInfo .category {font-size:16px; font-weight:500; line-height:1.5;}
.subComnWrap .majorList .perMajor .projectInfo .client {font-size:30px; font-weight:700; line-height:1.2; margin:6px 0 12px;}
.subComnWrap .majorList .perMajor .projectInfo .location {color:#333; font-size:14px; font-weight:500; line-height:1.5;}
.subComnWrap .majorList .perMajor:nth-child(2n) {margin-left:244px;}
.subComnWrap .majorList .perMajor:nth-child(2n) .projectInfo {text-align:left;}

.introSec {position:relative;}
.introSec .midTitle {color:#111; font-size:38px; font-weight:700; font-family:'Raleway'; text-transform:uppercase; margin-bottom:60px;}

.introSec.part01 {display:flex; justify-content:space-between; align-items:center;}
.introSec.part01 .txtSec {display:flex; flex-direction: row-reverse; width:50%;}
.introSec.part01 .txtSec .txtInner {display:block; width:100%; max-width:720px; padding-right:100px; text-transform:uppercase;}
.introSec.part01 .txtSec .txtInner .headTitle {color:#111; font-size:66px; font-weight:300; line-height:1.3; font-family:'Raleway'; margin-bottom:12px;}
.introSec.part01 .txtSec .txtInner .desc {color:#111; font-size:24px; font-weight:500; line-height:1.5;}
.introSec.part01 .txtSec .txtInner .corpCapa {margin-top:60px; display:flex; justify-content:space-between; align-items:stretch;}
.introSec.part01 .txtSec .txtInner .corpCapa .perCapa {width:29%;}
.introSec.part01 .txtSec .txtInner .corpCapa .perCapa:nth-child(2) {width:42%;}
.introSec.part01 .txtSec .txtInner .corpCapa .perCapa .pTitle {color:#111; font-size:20px; font-weight:500; line-height:1.5; font-family:'Raleway';}
.introSec.part01 .txtSec .txtInner .corpCapa .perCapa .count {display:inline-block; color:#111; font-size:96px; font-weight:500; line-height:1.5; letter-spacing:-1px;}
.introSec.part01 .txtSec .txtInner .corpCapa .perCapa .sup {display:inline-block; vertical-align:45px; font-size:48px; font-weight:700;}
.introSec.part01 .imgSec {display:block; width:50%; height:530px; position:relative; overflow:hidden;}
.introSec.part01 .imgSec img {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:auto !important;}

.introSec.greeting {padding:200px 0 0 0;}
.introSec.greeting .txtSec .headCopy {color:#000; font-size:64px; letter-spacing:-2px; line-height:1.2; font-weight:200; margin-bottom:40px; word-break:keep-all;}
.introSec.greeting .txtSec .headCopy strong {font-size:40px;}
.introSec.greeting .txtSec .headCopy strong em {color:#ff0000;}
.introSec.greeting .txtSec .subCopy {color:#000; font-size:28px; line-height:1.3; word-break:keep-all;}
.introSec.greeting .txtSec .subCopy span {display:block; font-size:18px; margin-top:50px; text-transform:uppercase; color:#999;}

.introSec.part02 .mBizSec {padding:308px 0;}

.introSec.part03 {background:#F5F5F5; padding:130px 0;}
.introSec.part03 .licenseList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:1.66666%;}
.introSec.part03 .licenseList .perPaper {width:15.27777%; margin-bottom:30px;}
.introSec.part03 .licenseList .perPaper .thumb {display:block; border:1px solid #E5E5E5;}
.introSec.part03 .licenseList .perPaper .desc {padding:9px 0; text-align:center; color:#111; font-size:16px;}

.introSec.part04 {padding:130px 0;}
.introSec.part04 .hisBox {position:relative; padding:0 0 72px 118px; margin-top:-24px;}
.introSec.part04 .hisBox:first-child {margin-top:0;}
.introSec.part04 .hisBox .dot {position:absolute; left:26px; top:0; width:38px; height:38px; z-index:10;}
.introSec.part04 .hisBox .dot:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:10px; height:10px; background:#ccc; border-radius:50%; box-sizing:border-box; transition:.4s all;}
.introSec.part04 .hisBox .hisLine {position:absolute; left:44px; top:24px; width:2px; height:100%; background:#ccc; z-index:1;}
.introSec.part04 .hisBox .hisLine em {position:absolute; left:0px; top:0; width:2px; height:0px; background:#ff0000; transition:2.0s all;}
.introSec.part04 .hisBox .hisYrs {color:#111; font-size:40px; font-weight:700; margin-bottom:40px;}
.introSec.part04 .hisBox .hisBlock {position:relative; opacity:0.6; transition:.4s all; margin-bottom:40px;}
.introSec.part04 .hisBox .hisBlock .partYrs {color:#111; font-size:24px; font-weight:700; margin-bottom:15px; padding-left:10px;}
.introSec.part04 .hisBox .hisBlock ul {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.introSec.part04 .hisBox .hisBlock ul li {width:50%; position:relative; padding-left:45px; flex:0 0 50%;}
.introSec.part04 .hisBox .hisBlock ul li .perMonth {position:absolute; left:10px; top:-4px; color:#111; font-size:16px; font-weight:700; line-height:1.8;}
.introSec.part04 .hisBox .hisBlock ul li .monthCon {display:block; color:#111; font-size:16px; font-weight:500; line-height:1.4; margin-bottom:20px;}
.introSec.part04 .hisBox .hisBlock ul li .monthCon em {display:block; color:#999; font-size:14px;}

.introSec.part04 .hisBox.on .dot:after {width:100%; height:100%; background:#FFF; border:10px solid #ff0000;}
.introSec.part04 .hisBox.on .hisLine em {height:100%; background:#ff0000;}
.introSec.part04 .hisBox.on .hisYrs {color:#ff0000; font-weight:700;}
.introSec.part04 .hisBox.on .hisBlock {opacity:1.0;}

.introSec.part05 {padding:60px 0 130px 0;}
.introSec.part05 .partnerList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:16px;}
.introSec.part05 .partnerList .perPartner {width:192px; border:1px solid #e5e5e5; transition:.4s all;}
.introSec.part05 .partnerList .perPartner:hover {border:1px solid #ff0000;}
.introSec.part05 .partnerList .perPartner a {display:block; padding:10px 0; text-align:center;}
.introSec.part05 .partnerList .perPartner img {height:60px;}

.lieDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:200; display:none;}
.licensePop {position:fixed; left:0; top:0; width:100%; height:100vh; overflow:hidden; overflow-y:auto; z-index:300; display:none;}
.licensePop .inner {display:flex; justify-content:center; align-items:center; width:100%; max-width:1440px; height:100%; margin:0 auto;}
.licensePop .inner .liePopClose {position:absolute; right:0px; top:15px; width:40px; height:40px; cursor:pointer;}
.licensePop .inner .liePopClose:after {content:''; position:absolute; left:20px; top:50%; width:2px; height:28px; background:#FFF; transform:translate(0, -50%) rotate(45deg);}
.licensePop .inner .liePopClose:before {content:''; position:absolute; left:20px; top:50%; width:2px; height:28px; background:#FFF; transform:translate(0, -50%) rotate(-45deg);}
.licensePop .inner .inBox {width:100%; max-width:440px; position:relative;}
.licensePop .inner .inBox .thumb {display:block;}
.licensePop .inner .inBox .desc {color:#FFF; font-size:24px; font-weight:500; padding:12px 0; text-align:center;}
.licensePop .inner .inBox .goPrev {position:absolute; left:-70px; top:calc(50% - 53px); transform:translate(0 , -50%); width:70px; height:70px; background:url(../img/pop_prev.svg) no-repeat 50% 50%; cursor:pointer;}
.licensePop .inner .inBox .goNext {position:absolute; right:-70px; top:calc(50% - 53px); transform:translate(0 , -50%); width:70px; height:70px; background:url(../img/pop_next.svg) no-repeat 50% 50%; cursor:pointer;}

.categoryPj {margin-bottom:32px; display:flex; justify-content:flex-start; align-items:center; gap:48px;}
.categoryPj .cate a {color:#999; font-size:16px; font-weight:700; line-height:1.5;}
.categoryPj .cate.on a {color:#ff0000; font-weight:700;}
.categoryPj .cate:hover a {color:#111; font-weight:700;}

.bigThumb {position:relative; height:100vh;}
.bigThumb:before {content:''; position:absolute; left:0; top:0; width:100%; height:150px; background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);}
.bigThumb.youtube:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.bigThumb.youtube iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.contentsYoutube {position:relative;}
.contentsYoutube:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.contentsYoutube iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

.baseProject {display:block; padding:40px 0;}
.baseProject .category {font-size:16px; font-weight:500; line-height:1.5;}
.baseProject .client {font-size:30px; font-weight:700; line-height:1.2; margin:6px 0 12px;}
.baseProject .location {color:#333; font-size:14px; font-weight:500; line-height:1.5;}
.baseProject .date {color:#333; font-size:14px; font-weight:500; line-height:1.5;}

.baseProject .funcPj {position:relative; margin-top:48px;}
.baseProject .funcPj button {border:0;}
.baseProject .funcPj .bbsBtns {float:left; width:40px; height:40px; border:0; text-indent:-9999px;}
.baseProject .funcPj .bbsBtns.prev {background:url(../img/bbs_prev.svg) no-repeat 50% 50%;}
.baseProject .funcPj .bbsBtns.next {background:url(../img/bbs_next.svg) no-repeat 50% 50%;}
.baseProject .funcPj .bbsBtns.list {background:url(../img/bbs_list.svg) no-repeat 50% 50%;}


.baseProject.fix {height:248px; position:relative; z-index:10;}
.baseProject.fix .inner {position:fixed; left:50%; top:130px; transform:translate(-50%, 0);}
.baseProject.fix .client {width:30%;}


.detailPj {position:relative; display:block; padding-left:33.3333%; margin-top:80px;}
.detailPj .perDetail {margin-bottom:30px;}
.detailPj .perDetail .txt {padding:16px 0; color:#111; font-size:16px; font-weight:500; line-height:1.5;}

.requestForm {position:relative;}
.requestForm .guideSec {border:1px solid #111; padding:40px 64px; margin-bottom:140px; display:flex; justify-content:flex-start; align-items:center;}
.requestForm .guideSec .rgTxtSec {width:50%; flex:0 0 50%;}
.requestForm .guideSec .rgTxtSec .title {color:#111; font-size:24px; font-weight:500; line-height:1.5; }
.requestForm .guideSec .rgTxtSec .description_en {margin-bottom:44px;}
.requestForm .guideSec .rgTxtSec .tel {color:#111; font-size:16px; font-weight:400; line-height:1.5;}
.requestForm .guideSec .rgContact {width:25%; flex:0 0 25%; position:relative; padding-left:64px;}
.requestForm .guideSec .rgContact:after {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#ccc;}
.requestForm .guideSec .rgContact .title {color:#111; font-size:24px; font-weight:700; margin-bottom:2px;}
.requestForm .guideSec .rgContact .description_en {margin-bottom:20px;}
.requestForm .guideSec .rgContact .info {color:#111; font-size:16px; font-weight:400; line-height:1.5;}

.requestForm .inForm {position:relative;}
.requestForm .inForm .formBlock {display:flex; justify-content:space-between; align-items:stretch; margin-bottom:50px;}
.requestForm .inForm .formBlock .formTitle {color:#111; font-size:24px; font-weight:700;}
.requestForm .inForm .formBlock .formTitle em {display:block; color:#999; font-size:14px; font-weight:400; text-transform:uppercase; margin-top:5px;}
.requestForm .inForm .formBlock .formItems {width:calc(100% - 16.944444%); display:flex; justify-content:space-between; align-items:stretch; gap:24px; flex-wrap:wrap;}
.requestForm .inForm .formBlock .formItems ul {width:calc(50% - 12px); margin-bottom:48px;}
.requestForm .inForm .formBlock .formItems ul.single {width:100%; flex:0 0 100%;}
.requestForm .inForm .formBlock .formItems ul li {display:block;}
.requestForm .inForm .formBlock .formItems ul li.item {color:#111; font-size:16px; font-weight:700; margin-bottom:16px;}
.requestForm .inForm .formBlock .formItems ul li.item span {display:inline-block; font-family:'Raleway';}
.requestForm .inForm .formBlock .required {display:inline-block; color:#ff0000; font-size:16px; font-weight:700;}
.requestForm .inForm input[type="text"], .requestForm .inForm input[type="password"], .requestForm .inForm input[type="number"] {display:inline-block; width:100%; height:60px; border:0; border-bottom:1px solid #111; box-sizing:border-box; font-size:16px;}
.requestForm .inForm textarea {display:inline-block; width:100%; height:200px; border:0; border:1px solid #111; box-sizing:border-box; font-size:16px; padding:20px;}
.requestForm .inForm input.date {float:left; width:49%; margin-right:2%; position:relative; background:url(../img/ico_cal.svg) no-repeat 96% 50%; background-size:26px 26px;}
.requestForm .inForm input.date:last-child {margin-right:0;}

.requestForm .inForm .formBlock .boothType {width:calc(100% - 16.944444%); display:flex; justify-content:space-between; align-items:stretch; gap:2%; flex-wrap:wrap;}
.requestForm .inForm .formBlock .boothType .typeBox {width:18.4%; border:1px solid #ccc; position:relative; cursor:pointer;}
.requestForm .inForm .formBlock .boothType .typeBox:after {content:''; display:block; height:auto; padding-bottom:100%;}
.requestForm .inForm .formBlock .boothType .typeBox .inBox {position:absolute; left:0; top:50%; transform:translate(0, -50%); text-align:center; width:100%;}
.requestForm .inForm .formBlock .boothType .typeBox .inBox .ico {opacity:0.2;}
.requestForm .inForm .formBlock .boothType .typeBox .inBox .txt {color:#999; font-size:18px; font-weight:700;}
.requestForm .inForm .formBlock .boothType .typeBox .inBox .txtSmall {color:#999; margin-top:20px; font-size:14px; font-weight:400; padding:0 10px; word-break:keep-all;}
.requestForm .inForm .formBlock .boothType .typeBox.on {border:1px solid #ff0000;}
.requestForm .inForm .formBlock .boothType .typeBox.on .inBox .ico {opacity:1.0;}
.requestForm .inForm .formBlock .boothType .typeBox.on .inBox .txt {color:#ff0000;}
.requestForm .inForm .formBlock .boothType .typeBox.on .inBox .txtSmall {color:#ff0000;}

.filebox {display:flex; justify-content:space-between; align-items:center;}
.filebox .upload-name {display: inline-block; height: 60px; border: 1px solid #ddd; width: calc(100% - 214px); color: #999; padding:0 10px;}
.filebox label {width:202px; height:60px; line-height:58px; line-height:58px; color:#999; border:1px solid #999; cursor: pointer; text-align:center; font-family:'Raleway';}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.requestForm .inForm .formBlock .termsBox {position:relative; width:100%;}
.requestForm .inForm .formBlock .termsBox .terms {display:block; height:150px; overflow:hidden; overflow-y:auto; padding:20px; color:#333; font-size:16px; line-height:1.4; border:1px solid #ccc; margin-bottom:15px;}

.requestForm .inForm .formBlock .btnArea {margin-left:16.944444%; width:calc(100% - 16.944444%); display:flex; justify-content:space-between; align-items:stretch; gap:24px; flex-wrap:wrap;}
.requestForm .inForm .formBlock .btnArea .bbsBtn {width:calc(50% - 12px); padding:27px 0; color:#111; font-size:16px; font-weight:700; text-align:center;}
.requestForm .inForm .formBlock .btnArea .bbsBtn.reset {border:1px solid #111;}
.requestForm .inForm .formBlock .btnArea .bbsBtn.confirm {border:1px solid #111; background:#111; color:#FFF;}

.mapSec {display:flex; justify-content:space-between; align-items:stretch; margin-bottom:72px;}
.mapSec:last-child {margin-bottom:0;}
.mapSec .mpTitle {}
.mapSec .mpTitle .title {color:#111; font-size:38px; font-weight:700; line-height:1.5; font-family:'Raleway'; text-transform:uppercase;}
.mapSec .mpTitle .title em {font-family:'Prependard'; text-transform:none; font-size:24px;}
.mapSec .mpTitle .address {color:#111; font-size:16px; font-weight:500;}
.mapSec .mpTitle .engInfo {color:#999; font-size:16px; font-weight:400; line-height:1.5; margin-top:20px;}
.mapSec .mapApi {width:calc(100% - 33%); max-width:952px; position:relative; border:1px solid #E5E5E5;}
.mapSec .mapApi:after {content:''; display:block; height:auto; padding-bottom:54.4117%;}
.mapSec .mapApi iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

.hrPart {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:24px;}
.hrPart .hrBox {width:calc(50% - 12px); margin-bottom:64px;}
.hrPart .hrBox .thumb {display:block; margin-bottom:24px;}
.hrPart .hrBox .title {color:#111; font-size:24px; font-weight:700; text-transform:uppercase; margin-bottom:10px;}
.hrPart .hrBox .desc {color:#111; font-size:16px; font-weight:500; line-height:1.5; word-break:keep-all;}

.pageHead {color:#111; font-size:38px; font-weight:700; line-height:1.5;}

.carBlock {display:flex; justify-content:space-between; align-items:stretch; margin-top:120px;}
.carBlock .titleSec .title {color:#111; font-size:24px; font-weight:700; line-height:1.5;}
.carBlock .titleSec em {display:block; color:#ff0000; font-size:12px; font-weight:700; line-height:1.5;}
.carBlock .conSec {display:block; width:calc(100% - 16.944444%);}
.carBlock .conSec .carrerList {position:relative;}
.carBlock .conSec .carrerList .article {display:flex; justify-content:space-between; align-items:center; gap:20px; padding:40px 0; border-bottom:1px solid #111;}
.carBlock .conSec .carrerList .article:first-child {padding-top:0;}
.carBlock .conSec .carrerList .article .subject .title {color:#111; font-size:24px; font-weight:700; line-height:1.3;}
.carBlock .conSec .carrerList .article .subject .date {color:#111; font-size:16px; font-weight:400; margin-top:6px;}
.carBlock .conSec .carrerList .article .outLink a {display:inline-block; padding:12px 24px; border-radius:100px; border:1px solid #111; color:#111; font-size:16px; font-weight:700; margin-right:10px;}
.carBlock .conSec .carrerList .article .outLink a:last-child {margin-right:0;}
.carBlock .conSec .carrerList .article .outLink a:hover {color:#FFF; background:#ff0000; border:1px solid #ff0000;}


@media only screen and (max-width:1440px) {
	.mainVisual .visualTxt {padding:0 80px; box-sizing:border-box;}
	.footer .inner {padding:0 20px;}
	.subComnWrap .comnTitle {padding:0 20px;}
	.introSec.part01 {padding:0 20px;}
	.introSec.part03 .licenseList {padding:0 20px;}
	.introSec .midTitle {padding:0 20px;}
	.categoryPj {padding:0 20px;}
	.baseProject.fix .inner {padding:0 20px;}
	.detailPj {padding-right:20px;}
	.requestForm {padding:0 20px;}
	.mapSec {padding:0 20px;}
	.pageHead {padding:0 20px;}
	.carBlock {padding:0 20px;}
	.mapSec .mpTitle .engInfo {padding-right:20px; word-break:keep-all;}
	.introSec.greeting {padding:200px 20px 0;}
	.baseProject {padding:40px 20px;}
}

@media only screen and (max-width:1280px) {
	.requestForm .guideSec {padding:30px;}
	.requestForm .guideSec .rgContact {padding-left:30px;}
	.allMenuWrap .inner .perMenu {float:none; display:block; width:100%; height:16vh;}
	.allMenuWrap .inner .perMenu a.depth1 {font-size:40px;}

}

@media only screen and (max-width:1024px) {
	.gloHeader {padding:0 20px;}
	.gloHeader .inner {padding:15px 0;}
	.gloHeader .inner .logo a {width:69px; height:34px;}
	.gloHeader .inner .naviSec ul {display:none;}
	.gloHeader .inner .naviSec .allMenu {background:url(../img/ico_menu_w.svg) no-repeat 50% 50%;}
	.gloHeader.fix .inner .logo a {width:69px; height:34px;}
	.gloHeader.fix .inner .naviSec .allMenu {background:url(../img/ico_menu_mo.svg) no-repeat 50% 50%; margin-right:0;}

	.allMenuWrap .inner .perMenu a.depth1 {font-size:32px; padding-bottom:26px;}

	.mainVisual {height:100vh;}
	.mainVisual .visualTxt {padding:0 20px;}
	.mainVisual .visualTxt .title {font-size:42px;}
	.mainVisual .visualTxt .desc {font-size:14px; word-break:keep-all;}
	.mainVisual .visualTxt .desc span {font-size:12px; opacity:1.0;}
	.mainVisual .visualTxt .desc br {display:none;}
	.mainVisual .visualFunc {left:20px; bottom:20px; width:calc(100% - 40px);}
	.mainVisual .visualFunc .visual-pagination {width:calc(100% - 30px);}

	.mProject {padding:56px 0 4px 0; background:#FFF;}
	.mProject .titleSet {padding:0 20px; text-align:left; margin-bottom:20px;}
	.mProject .titleSet .corp {font-size:14px;}
	.mProject .titleSet .title {font-size:28px;}
	.mProject .titleSet .more a {display:block; right:20px; bottom:10px;}

	.mProject .mRolling .swiper-slide .mProBox .txtBox {padding:15px;}
	.mProject .mRolling .swiper-slide .mProBox .txtBox .category {font-size:12px;}
	.mProject .mRolling .swiper-slide .mProBox .txtBox .client {font-size:20px;}
	.mProject .mRolling-prev {display:none;}
	.mProject .mRolling-next {display:none;}

	.mPortfolioSec {padding:30px 20px;}
	.portfolioList {gap:20px;}
	.portfolioList .projectBox {width:calc(50% - 10px);}
	.portfolioList .projectBox .img {width:100%; height:100%;}
	.portfolioList .projectBox:not(hover) .img {width:100%; height:100%;}
	.portfolioList .projectBox .img {background-size:auto 100% !important;}
	.portfolioList .projectBox .txtBox {display:none;}
	.mPortfolioSec .inner .btnArea .moreBtn {padding:17px 0; font-size:12px; max-width:100%; margin-top:30px;}

	.mBizSec {padding:80px 0 40px 0;}
	.txtRolling {width:130px; height:130px; left:-50px; top:-50px; background-size:100%;}
	.mBizSec .mBiz {flex-direction:column; gap:0; padding:0 20px;}
	.mBizSec .mBiz .imgSec {width:100%; margin-bottom:20px;}
	.mBizSec .mBiz .txtSec {width:100%; padding-left:0;}
	.mBizSec .mBiz .txtSec .txt {padding:10px 10px 20px 10px;}
	.mBizSec .mBiz .txtSec .txt .title {font-size:20px; letter-spacing:-1px; word-break:keep-all;}
	.mBizSec .mBiz .txtSec .txt .eng {font-size:14px; word-break:keep-all;}

	.mServiceSec {flex-direction:column;}
	.mServiceSec .mRequest {width:100%; height:auto; padding:90px 40px; border-bottom:2px solid #111;}
	.mServiceSec .mRequest a .title {font-size:20px;}
	.mServiceSec .mRequest a .desc {font-size:14px; word-break:keep-all;}
	.mServiceSec .mRequest a .desc br {display:none;}
	.mServiceSec .mRequest a .more {font-size:12px;}
	.mServiceSec .mContact {width:100%;}
	.mServiceSec .mContact .goContact a {padding:30px 28px;}
	.mServiceSec .mContact .goContact a .title {font-size:20px;}
	.mServiceSec .mContact .goContact a .desc {font-size:14px; margin-top:40px;}
	.mServiceSec .mContact .goContact a .desc span {margin:10px 0 0 0px; display:block; text-transform: none;}

	.footer .inner {flex-direction:column; padding:0 20px;}
	.footer .inner .logoBtm {width:180px; height:56px; margin-bottom:30px;  margin-left:40px;}
	.footer .inner .corpInfo {width:100%;}
	.footer .inner .corpInfo .footBlock {float:none; width:100%; display:block; text-align:center; margin-bottom:20px; padding-right:0;}
	.footer .inner .corpInfo .footBlock .title {font-size:14px; margin-bottom:8px;}
	.footer .inner .corpInfo .footBlock .desc {font-size:12px;}
	.footer .inner .corpInfo .copyright {text-align:center; padding:20px 40px 0; word-break:keep-all;}

	.dim {background:rgba(0, 0, 0, 0.7);}
	.allMenuWrap {left:unset; right:-100%; transform:none; top:0; width:68%; background:#FFF; justify-content:flex-start; align-items:stretch;}
	.allMenuWrap.on {right:0;}
	.allMenuWrap .closeSec {top:0;}
	.allMenuWrap .closeSec .closeMenu:before {background:#111;}
	.allMenuWrap .closeSec .closeMenu:after {background:#111;}
	.allMenuWrap .inner {margin-top:70px;}
	.allMenuWrap .inner .perMenu {float:none; width:100%; height:auto; text-align:left;}
	.allMenuWrap .inner .perMenu a {font-size:24px; color:#111; font-weight:500; border-bottom:1px solid #ddd; padding:0 30px 10px;}
	.allMenuWrap .inner .perMenu a.depth2 {margin-top:0; width:50%; float:left; box-sizing:border-box; font-size:16px; border-bottom:0;}

	.subComnWrap {padding-bottom:50px;}
	.subComnWrap .comnTitle {margin:120px 0 50px 0; padding:0 20px; flex-direction:column; align-items:stretch;}
	.subComnWrap .comnTitle .titleSec .title {font-size:30px;}
	.subComnWrap .comnTitle .subMenu {text-align:left; margin-top:10px;}
	.subComnWrap .comnTitle .subMenu .menu a {font-size:14px; padding:10px;}
	.subComnWrap .comnTitle .subMenu .menu:first-child a {padding-left:0;}
	.subComnWrap .comnTitle .subMenu .menu:first-child a:after {left:0; width:calc(100% - 10px);}
	.subComnWrap .comnTitle .subMenu .menu.on a:after {height:2px;}

	.introSec.part01 {flex-direction:column;}
	.introSec.part01 .txtSec {width:100%;}
	.introSec.part01 .txtSec .txtInner {padding:0 20px;}
	.introSec.part01 .txtSec .txtInner * {word-break:keep-all;}
	.introSec.part01 .txtSec .txtInner .headTitle {font-size:48px; line-height:1.1;}
	.introSec.part01 .txtSec .txtInner .desc {font-size:16px; margin-top:20px;}
	.introSec.part01 .txtSec .txtInner .desc strong {display:block;}
	.introSec.part01 .txtSec .txtInner .desc br {display:none;}
	.introSec.part01 .txtSec .txtInner .corpCapa {margin-top:60px; justify-content:flex-start; flex-direction:column;}
	.introSec.part01 .txtSec .txtInner .corpCapa .perCapa {width:100%; margin-bottom:15px;}
	.introSec.part01 .txtSec .txtInner .corpCapa .perCapa:nth-child(2) {width:100%;}
	.introSec.part01 .txtSec .txtInner .corpCapa .perCapa .pTitle {font-size:16px;}
	.introSec.part01 .txtSec .txtInner .corpCapa .perCapa .count {font-size:72px;}
	.introSec.part01 .txtSec .txtInner .corpCapa .perCapa .sup {font-size:36px;}

	.introSec.part01 .imgSec {display:block; width:100%; height:300px;}

	.introSec.greeting {padding-top:50px;}
	.introSec.greeting .txtSec .headCopy {font-size:20px; margin-bottom:20px; letter-spacing:0; line-height:1.4;}
	.introSec.greeting .txtSec .headCopy strong {font-size:24px;}
	.introSec.greeting .txtSec .subCopy {font-size:16px;}
	.introSec.greeting .txtSec .subCopy span {font-size:14px; margin-top:20px;}

	.introSec.part02 .mBizSec {padding:80px 0 40px 0;}

	.introSec.part03 {padding:60px 0;}
	.introSec.part03 .licenseList {padding:0 20px; gap:20px;}
	.introSec.part03 .licenseList .perPaper {width:calc(50% - 10px); margin-bottom:0px;}
	.introSec.part03 .licenseList .perPaper .desc {font-size:12px;}

	.licensePop .inner {padding:40px;}
	.licensePop .inner .liePopClose {top:8px; right:16px;}
	.licensePop .inner .inBox {}
	.licensePop .inner .inBox .goPrev, .licensePop .inner .inBox .goNext {width:40px; height:40px; background-size:40px;}
	.licensePop .inner .inBox .goPrev {left:-40px;}
	.licensePop .inner .inBox .goNext {right:-40px;}
	.licensePop .inner .inBox .desc {font-size:14px;}

	.introSec.part04 {padding:60px 0;}
	.introSec .midTitle {font-size:28px; margin-bottom:60px; padding:0 20px;}
	.introSec.part04 .hisBox {padding:0 0 30px 70px;}
	.introSec.part04 .hisBox .dot {left:24px; width:24px; height:24px;}
	.introSec.part04 .hisBox.on .dot:after {border:5px solid #ff0000;}
	.introSec.part04 .hisBox .hisLine {left:35px; top:12px;}
	.introSec.part04 .hisBox .hisYrs {font-size:24px; margin-bottom:20px;}
	.introSec.part04 .hisBox.on .hisYrs {font-size:24px; margin-bottom:20px;}
	.introSec.part04 .hisBox .hisBlock {margin-bottom:30px;}
	.introSec.part04 .hisBox .hisBlock .partYrs {padding-left:5px; font-size:18px;}
	.introSec.part04 .hisBox .hisBlock ul {flex-direction:column;}
	.introSec.part04 .hisBox .hisBlock ul li {width:100%; padding-right:20px;}
	.introSec.part04 .hisBox .hisBlock ul li .monthCon {font-size:14px;}
	.introSec.part04 .hisBox .hisBlock ul li * {word-break:keep-all;}
	.introSec.part04 .hisBox .hisBlock ul li .perMonth {top:-4px;}

	.introSec.part05 {padding:60px 0;}
	.introSec.part05 .midTitle {margin-bottom:30px;}
	.introSec.part05 .partnerList {padding:0 20px; gap:15px;}
	.introSec.part05 .partnerList .perPartner {width:calc(33.3333% - 10px);}
	.introSec.part05 .partnerList .perPartner img {width:auto !important; height:30px;}

	.categoryPj {gap:12px; padding:0 20px; flex-wrap:wrap;}
	.categoryPj .cate a {font-size:14px;}
	.subComnWrap .portfolioList {padding:0 20px;}

	.bigThumb {height:auto; background-size:auto 100% !important; margin-top:0px;}
	.bigThumb:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
	.baseProject {padding:20px;}
	.baseProject .category {font-size:14px;}
	.baseProject .client {font-size:24px; margin:10px 0;}
	.baseProject .location {display:inline-block; font-size:14px; position:relative; padding-right:16px;}
	.baseProject .location:after {content:''; position:absolute; right:5px; top:50%; transform:translate(0, -50%); width:3px; height:3px; background:#111;}
	.baseProject .date {display:inline-block; font-size:14px;}
	.baseProject .funcPj {position:fixed; left:0; bottom:0; margin-top:0; width:100%; display:flex; justify-content:space-between; align-items:center; background:rgba(255, 255, 255, 0.8); z-index:100; padding:10px 0; border-top:1px solid #ddd;}
	.detailPj {padding:0 20px; margin-top:30px;}
	.detailPj .perDetail .txt {padding:10px 0; font-size:14px;}

	.requestForm {padding:0 20px;}
	.requestForm .guideSec {padding:20px; flex-direction:column; margin-bottom:50px;}
	.requestForm .guideSec .rgTxtSec {width:100%; flex:0 0 100%;}
	.requestForm .guideSec .rgTxtSec .title {font-size:16px;}
	.requestForm .guideSec .rgTxtSec .tel {font-size:14px;}

	.requestForm .guideSec .rgContact {width:100%; flex:0 0 100%; padding:15px 0 0 0; margin-top:15px;}
	.requestForm .guideSec .rgContact:after {width:100%; height:1px;}
	.requestForm .guideSec .rgContact .title {font-size:16px; margin-bottom:10px;}
	.requestForm .guideSec .rgContact .info {font-size:14px;}

	.requestForm .inForm .formBlock {flex-direction:column; justify-content:flex-start;}
	.requestForm .inForm .formBlock .formTitle {font-size:18px; margin-bottom:20px;}
	.requestForm .inForm .formBlock .formTitle br {display:none;}
	.requestForm .inForm .formBlock .formItems {width:100%; flex-direction:column; gap:20px;}
	.requestForm .inForm .formBlock .formItems ul {width:100%; margin-bottom:0px;}
	.requestForm .inForm .formBlock .formItems ul li.item {font-size:12px; margin-bottom:0;}
	.requestForm .inForm input[type="text"], .requestForm .inForm input[type="password"], .requestForm .inForm input[type="number"] {height:40px; line-height:40px;}
	.requestForm .inForm .formBlock .boothType {width:100%; justify-content:flex-start;}
	.requestForm .inForm .formBlock .boothType .typeBox {width:32%; margin-bottom:8px; display:flex; justify-content:center; align-items:center;}
	.requestForm .inForm .formBlock .boothType .typeBox .inBox .ico {width:60%; display:inline-block;}
	.requestForm .inForm .formBlock .boothType .typeBox .inBox .txt {font-size:12px; margin-top:0; padding:0 10px;}
	.requestForm .inForm input.date {background-size:20px;}
	.requestForm .inForm textarea {margin-top:10px;}
	.filebox {margin-top:10px;}
	.filebox .upload-name {height:40px; line-height:38px; width:calc(100% - 110px);}
	.filebox label {width:100px; height:40px; line-height:38px; font-size:12px;}
	.requestForm .inForm .formBlock .btnArea {width:100%; margin-left:0;}
	.requestForm .inForm .formBlock .btnArea .bbsBtn {padding:15px 0;}

	.requestForm .inForm .formBlock .formTitle em {display:inline-block; margin-left:5px; font-size:12px;}
	.requestForm .inForm .formBlock .boothType .typeBox .inBox {top:unset; left:unset; position:relative; display:block; transform:none;}
	.requestForm .inForm .formBlock .boothType .typeBox .inBox .txtSmall {margin-top:5px;}

	.mapSec {justify-content:flex-start; flex-direction:column; padding:0 20px;}
	.mapSec .mpTitle .title {font-size:18px;}
	.mapSec .mpTitle .title em {font-size:14px;}
	.mapSec .mpTitle .address {font-size:14px;}
	.mapSec .mpTitle .engInfo {font-size:14px;}
	.mapSec .mapApi {width:100%; margin-top:20px;}
	.mapSec .mapApi:after {padding-bottom:100%;}

	.pageHead {padding:0 20px; font-size:20px;}
	.carBlock {margin-top:60px; flex-direction:column; justify-content:flex-start; padding:0 20px;}
	.carBlock .titleSec {margin-bottom:20px;}
	.carBlock .titleSec em {font-size:12px;}
	.carBlock .titleSec .title {font-size:20px;}
	.carBlock .conSec {width:100%;}
	.hrPart {flex-direction:column;}
	.hrPart .hrBox {width:100%; margin-bottom:10px;}
	.hrPart .hrBox .thumb {margin-bottom:10px;}
	.hrPart .hrBox .title {font-size:18px;}
	.hrPart .hrBox .desc {font-size:14px; word-break:keep-all;}

	.carBlock .conSec .carrerList .article {flex-direction:column; justify-content:flex-start;}
	.carBlock .conSec .carrerList .article .subject {width:100%;}
	.carBlock .conSec .carrerList .article .subject .title {font-size:20px;}
	.carBlock .conSec .carrerList .article .subject .date {font-size:14px;}
	.carBlock .conSec .carrerList .article .outLink {width:100%; text-align:right;}
	.carBlock .conSec .carrerList .article .outLink a {padding:6px 16px; font-size:14px; margin-right:5px;}

	.baseProject .location:after {display:none;}
	.portfolioList .projectBox:hover .img:after {display:none;}

}

@media only screen and (max-width:480px) {
	
.gloHeader .inner .logo a {display:block; width:180px !important;  height:43px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.gloHeader.fix .inner .logo a {width:180px !important;  height:43px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}




}