@charset "utf-8";


.consulting {position:relative; overflow:hidden;}
.consulting .visual {height:100vh; background:url('../img/sub/consulting-visual.jpg') center center no-repeat; background-size:cover; padding-top:250px; text-align:center; overflow:hidden;}
.consulting .visual .col {display:flex; justify-content:center; margin-bottom:180px;}
.consulting .visual .col .row {padding:0 100px; color:#fff; position:relative;}
.consulting .visual .col .row:after {content:''; width:1px; height:120px; background:rgba(255,255,255,0.2); position:absolute; top:50%; margin-top:-60px; right:0;}
.consulting .visual .col .row:last-child:after {display:none;}
.consulting .visual .col .row p {font-size:24px; font-weight:700; line-height:1.6em; margin-bottom:14px;}
.consulting .visual .col .row p img {display:inline-block; vertical-align:middle; margin-top:-6px; margin-right:10px;}
.consulting .visual .col .row h3 {font-size:60px; line-height:1.2em; font-family:'Montserrat';}
.consulting .visual .col .row h3 span {font-size:36px; font-weight:400; display:inline-block; vertical-align:middle; margin-top:-2px;}
.consulting .visual .tit-box p {font-size:24px; margin-bottom:10px; font-weight:600; line-height:1.6em; background:linear-gradient(90deg, #CDFF8F 25.16%, #7DFFAF 73.32%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.consulting .visual .tit-box h2 {font-size:50px; line-height:1.2em; color:#fff; margin-bottom:60px;}
.consulting .visual .tit-box .more a {display:inline-block; font-size:24px; font-weight:700; padding:0 60px; line-height:70px; background:linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); color:#fff; border-radius:35px;}

.consulting .cnt01 {padding:310px 0 200px; background:url('../img/sub/consulting01bg.jpg') center center no-repeat; background-size:cover;}
.consulting .cnt01 .wrap {position:relative; margin-bottom:140px;}
.consulting .cnt01 .wrap .img {position:absolute; overflow:hidden; border-radius:40px;}
.consulting .cnt01 .wrap .img01 {top:-152px; left:145px;}
.consulting .cnt01 .wrap .img02 {top:-129px; right:205px;}
.consulting .cnt01 .wrap .img03 {top:76px; left:-98px;}
.consulting .cnt01 .wrap .img04 {top:32px; right:-104px;}
.consulting .cnt01 .wrap .img05 {bottom:110px; left:130px;}
.consulting .cnt01 .wrap .img06 {bottom:170px; right:110px;}
.consulting .cnt01 .wrap .box {width:100%; max-width:725px; margin:70px auto 0;}
.consulting .cnt01 .wrap .box dl {display:flex; padding-bottom:16px; margin-bottom:30px; border-bottom:1px solid rgba(153,153,153,0.4); text-align:left;}
.consulting .cnt01 .wrap .box dt {width:100%; max-width:220px; padding-left:34px; position:relative; font-size:24px; font-weight:600; line-height:1.6em; color:#fcfcfc;}
.consulting .cnt01 .wrap .box dt:before {content:''; width:6px; height:6px; background:#fcfcfc; position:absolute; top:15px; left:14px; border-radius:50%;}
.consulting .cnt01 .wrap .box dd {width:1%; flex:1 1 auto; font-size:22px; line-height:1.6em; color:#fcfcfc;}
.consulting .cnt01 .wrap .box dd span {color:#ff0000;}



.consulting .cnt01 .txt-box {text-align:center; position:relative;}
.consulting .cnt01 .txt-box h3 {font-size:50px; line-height:1.2em; color:#fff; margin-bottom:40px;}
.consulting .cnt01 .txt-box p {font-size:24px; line-height:1.6em; font-weight:600; color:#fcfcfc;}
.consulting .cnt01 .txt-box p strong {background:linear-gradient(90deg, #CDFF8F 0%, #7DFFF0 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.consulting .cnt01 .txt-box p span {font-size:22px; font-weight:600; line-height:1.6em; color:#ccc; display:block; margin-top:33px;}
.consulting .cnt01 .tit-box {margin-bottom:74px;}
.consulting .cnt01 .tit-box h4 {font-size:40px; line-height:1.6em; color:#fff; margin-bottom:20px;}
.consulting .cnt01 .tit-box p {font-size:22px; line-height:1.6em; color:#ccc; position:relative; padding-left:16px;}
.consulting .cnt01 .tit-box p:before {content:''; width:4px; height:20px; background:linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); border-radius:2px; position:absolute; top:8px; left:0;}

.consulting .cnt01 .ct01 {margin-bottom:160px;}
.consulting .cnt01 .ct01 .col {display:flex; padding-left:40px; border:2px solid #00A4E4; border-radius:10px 0 0 10px; position:relative; overflow:hidden; margin-top:20px;}
.consulting .cnt01 .ct01 .col .ti {background:#00A4E4; width:40px; height:100%; position:absolute; left:0; top:0;}
.consulting .cnt01 .ct01 .col .ti p {font-size:18px; font-weight:700; line-height:1.6em; color:#fff; transform:rotate(-90deg) translateX(-280%); white-space:nowrap;}
.consulting .cnt01 .ct01 .col .row {width:25%; display:flex; align-items:center; padding:30px; border-right:1px dashed #00A4E4;}
.consulting .cnt01 .ct01 .col .row:last-child {border-right:0;}
.consulting .cnt01 .ct01 .col .row p {font-size:18px; line-height:1.6em; color:#ccc;}
.consulting .cnt01 .ct01 .col .row p span {color:#ff0000;}

.consulting .cnt01 .ct02 .col {display:flex; margin:0 -10px;}
.consulting .cnt01 .ct02 .col .row {width:20%; padding:0 10px;}
.consulting .cnt01 .ct02 .inner {display:flex; flex-direction:column; overflow:hidden; border-radius:40px; height:100%; background:linear-gradient(180deg, rgba(178, 218, 255, 0.20) 0%, rgba(239, 239, 239, 0.20) 100%); box-shadow:0 2px 4px 0 rgba(255, 255, 255, 0.10) inset; backdrop-filter:blur(5px);}
.consulting .cnt01 .ct02 .inner .ti {flex:1; padding:30px;}
.consulting .cnt01 .ct02 .inner .ti .num {font-size:24px; line-height:1.2em; font-weight:700; text-align:right; color:rgba(255,255,255,0.3);}
.consulting .cnt01 .ct02 .inner .ti .tt {color:#fff; font-size:26px; line-height:1.6em; font-weight:700;}
.consulting .cnt01 .ct02 .inner .ti h4 {font-size:28px; font-weight:400; line-height:1.2em; background: linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:10px;}
.consulting .cnt01 .ct02 .inner .ti h4 strong {font-size:40px; font-weight:700;}
.consulting .cnt01 .ct02 .inner .ti p {font-size:18px; line-height:1.6em; color:#fff;}
.consulting .cnt01 .ct02 .inner .tx {height:70px; display:flex; align-items:center; justify-content:center; text-align:center; padding:5px; background:rgba(40, 114, 183, 0.10); border-top:1px solid rgba(255,255,255,0.1);}
.consulting .cnt01 .ct02 .inner .tx p {font-size:24px; line-height:1.6em; color:#ff0000; font-weight:600;}

.consulting .cnt03 {background:linear-gradient(133deg, #00A4E4 13.19%, #0223A6 102.56%); padding:190px 0 176px;}
.consulting .cnt03 .tit-box {margin-bottom:120px; display:flex; color:#fff;}
.consulting .cnt03 .tit-box .tit {width:100%; max-width:500px;}
.consulting .cnt03 .tit-box .txt {width:1%; flex:1 1 auto ;}
.consulting .cnt03 .tit-box h3 {font-size:50px; line-height:1.2em;}
.consulting .cnt03 .tit-box p {font-size:24px; font-weight:600; line-height:1.6em; color:#f8f8f8; margin-bottom:4px;}
.consulting .cnt03 .tit-box p:last-child {margin-bottom:0;}
.consulting .cnt03 .img-box {text-align:center;}
/* sub-contact */
.sub-contact {background:url('../img/sub/consulting04bg.jpg') center center no-repeat; background-size:cover; padding:146px 0 94px; text-align:center;}
.sub-contact .tit {margin-bottom:44px;}
.sub-contact .tit p {font-size:26px; line-height:1.6em; font-weight:600; color:#eee; margin-bottom:10px;}
.sub-contact .tit h3 {font-size:50px; line-height:1.2em; color:#fff;}
.sub-contact .txt p {font-size:26px; line-height:1.6em; color:#fff; font-weight:700;}
.sub-contact .txt p a {display:inline-block; margin-left:24px; background:linear-gradient(90deg, #CDFF8F 0%, #7DFFF0 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.sub-contact .txt .more {margin-top:24px; z-index:1;}
.sub-contact .txt .more a {display:inline-block; font-size:24px; font-weight:700; color:#fff; padding:0 60px; line-height:64px; border-radius:35px; position:relative; transition:all 0.4s; z-index:1;}
.sub-contact .txt .more a:hover {color:#00a4e4;}
.sub-contact .txt .more a:before {content:''; width:calc(100% + 6px); height:70px; background:linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); position:absolute; top:-3px; left:-3px; z-index:-1; border-radius:36px;}
.sub-contact .txt .more a:after {content:''; width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; border-radius:35px; z-index:-1; opacity:0; transition:all 0.4s;}
.sub-contact .txt .more a:hover:after {opacity:1;}

/* sub 02 */
.performance {padding:260px 0 200px; background:#021133;}
.performance .title {text-align:center; margin-bottom:80px;}
.performance .title h2 {font-size:60px; line-height:1.2em; color:#fff; margin-bottom:40px;}
.performance .title ul {display:flex; justify-content:center;}
.performance .title ul li {padding:0 30px; display:flex; align-items:center; white-space:nowrap;}
.performance .title ul li p {width:110px; font-size:22px; font-weight:700; line-height:1.6em; color:#fff; text-align:left;}
.performance .title ul li .case {font-size:36px; font-weight:700; line-height:1.6em; background:linear-gradient(90deg, #CDFF8F 0%, #7DFFF0 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.performance .col {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.performance .col .row {width:33.333333%; padding:0 20px; margin-bottom:40px;}
.performance .inner {display:block; position:relative; border-radius:40px; overflow:hidden;}
.performance .inner .img-box .pic {position:relative; height:0; padding-bottom:81.19%; overflow:hidden; transition:all 0.6s;}
.performance .inner .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.performance .inner .txt-box {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; padding:30px 20px; flex-direction:column; justify-content:flex-end; transition:all 0.4s;}
.performance .inner:hover .txt-box {opacity:0;}
.performance .inner .txt-box p {font-size:24px; font-weight:600; color:#5cd1ff; line-height:1.6em;}
.performance .inner .txt-box h4 {font-size:30px; line-height:1.6em; color:#fff;}

.performance .inner .over {opacity:0; background:linear-gradient(0deg, rgba(2, 3, 32, 0.80) 0%, rgba(2, 3, 32, 0.80) 100%); position:absolute; width:100%; height:100%; top:0; left:0; padding:10px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; transition:all 0.4s;}
.performance .inner:hover .over {opacity:1;}
.performance .inner .over p {font-size:24px; font-weight:600; color:#fff; line-height:1.6em;}
.performance .inner .over h4 {font-size:30px; line-height:1.6em; color:#fff; margin-bottom:20px;}
.performance .inner .over .more {display:inline-block; font-size:18px; line-height:1.6em; color:#32a3ff;}
.performance .inner .over .more:after {content:''; width:24px; height:24px; background:url('../img/main/sec04-more.png') no-repeat; display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:12px; transition:all 0.4s;}
.performance .inner:hover .over .more:hover:after {margin-left:20px;}

.performance .more {margin-top:100px; text-align:center;}
.performance .more a {display:inline-block; font-size:24px; font-weight:700; color:#fff; padding:0 60px; line-height:64px; border-radius:35px; transition:all 0.4s; position:relative; z-index:1;}
.performance .more a:hover {color:#00a4e4;}
.performance .more a:before {content:''; width:calc(100% + 6px); height:70px; background:linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); position:absolute; top:-3px; left:-3px; z-index:-1; border-radius:36px;}
.performance .more a:after {content:''; width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; border-radius:35px; z-index:-1; opacity:0; transition:all 0.4s;}
.performance .more a:hover:after {opacity:1;}


/* sub 03 */
.expansion {overflow:hidden;}
.expansion .visual {height:100vh; background:url('../img/sub/expansion-visual.jpg') center center no-repeat; background-size:cover; text-align:center; padding:0 15px; display:flex; align-items:center; justify-content:center;}
.expansion .visual .tit-box h2 {font-size:60px; line-height:1.2em; color:#fff; margin-bottom:30px;}
.expansion .visual .tit-box h2 span {color:#00a4e4;}
.expansion .visual .tit-box p {font-size:22px; line-height:1.6em; color:#ccc; margin-bottom:60px;}
.expansion .visual .tit-box .more a {display:inline-block; font-size:24px; font-weight:700; padding:0 60px; line-height:70px; background:linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); color:#fff; border-radius:35px;}

.expansion .cnt01 {background:url('../img/sub/expansion01bg.jpg') center center no-repeat; background-size:cover; padding:230px 0 90px;}
.expansion .cnt01 .txt-box {display:flex; justify-content:flex-end; margin-bottom:55px;}
.expansion .cnt01 .txt-box .tt {font-size:26px; margin-bottom:24px; line-height:1.6em; font-weight:600; font-family:'Montserrat'; background:linear-gradient(90deg, #CDFF8F 0%, #7DFFF0 35.95%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.expansion .cnt01 .txt-box p {font-size:24px; line-height:1.6em; color:#fff; margin-bottom:10px;}
.expansion .cnt01 .txt-box p:last-of-type {margin-bottom:54px;}
.expansion .cnt01 .txt-box h3 {font-size:50px; line-height:1.2em; color:#fff;}
.expansion .cnt01 .txt-box h3 strong {font-size:60px;}
.expansion .cnt01 .col {display:flex; justify-content:flex-end; margin:0 -40px 120px;}
.expansion .cnt01 .col .row {padding:0 40px; position:relative; text-align:center;}
.expansion .cnt01 .col .row:after {content:''; width:1px; height:110px; background:rgba(255,255,255,0.3); position:absolute; top:50%; margin-top:-55px; right:0;}
.expansion .cnt01 .col .row:last-child:after {display:none;}
.expansion .cnt01 .col .row p {font-size:24px; line-height:1.6em; font-weight:700; color:#fff; margin-bottom:12px;}
.expansion .cnt01 .col .row h4 {font-size:64px; line-height:1.2em; color:#fff;}
.expansion .cnt01 .slide {position:relative; overflow:hidden; height:120px; padding:10px 0; background:#08173c;}
.expansion .cnt01 .slide .items {display:flex; height:100%; align-items:center;}
.expansion .cnt01 .slide .item {padding:0 30px;}
.expansion .cnt01 .slide .item img {max-width:none;}

.expansion .cnt02 {overflow:hidden; padding:200px 0 220px;}
.expansion .cnt02 .img-box {height:392px; position:relative; display:flex; align-items:flex-end; padding:0 70px;}
.expansion .cnt02 .img-box:before {content:''; width:1680px; height:100%; position:absolute; top:0; left:0; background:url('../img/sub/expansion02bg.jpg') center center no-repeat; background-size:cover; z-index:-1;}
.expansion .cnt02 h3 {font-size:50px; color:#fff; line-height:1.2em; margin-top:8px;}
.expansion .cnt02 h3 span {color:#00a4e4;}
.expansion .cnt02 .tit-box {padding:0 70px; margin-bottom:100px;}
.expansion .cnt02 .tit-box h3 {color:#070707;}
.expansion .cnt02 .txt-box {padding-left:400px;}
.expansion .cnt02 .txt-box h4 {font-size:26px; line-height:1.6em; font-weight:600; color:#444; margin-bottom:4px;}
.expansion .cnt02 .txt-box p {font-size:22px; line-height:1.6em; font-weight:600; color:#444; margin-bottom:22px;}
.expansion .cnt02 .txt-box p:last-child {margin-bottom:0;}

.expansion .cnt03 {overflow:hidden;}
.expansion .cnt03 .tit-box {height:454px; background:url('../img/sub/expansion03bg.jpg') center center no-repeat; background-size:cover; padding:115px 15px 0; text-align:center; position:relative; z-index:1;}
.expansion .cnt03 .tit-box h3 {font-size:40px; line-height:1.6em; margin-bottom:10px; color:#fff;}
.expansion .cnt03 .tit-box p {font-size:22px; line-height:1.6em; color:#f8f8f8;}
.expansion .cnt03 .history {background:#fff; margin-top:-130px; position:relative; z-index:2; padding:80px 0 200px;} 
.expansion .cnt03 .history > ul > li{position: relative;display: flex; flex-wrap: wrap; }
.expansion .cnt03 .history > ul > li .year{position: relative;width: 430px;padding-left: 203px;box-sizing: border-box;padding-right: 88px; padding-bottom: 48px; }
.expansion .cnt03 .history > ul > li .year span{font-size: 58px;line-height: 1;letter-spacing: -0.025em;color: #00d6e5;font-weight: 700;}
.expansion .cnt03 .history > ul > li .txt_cnt{display: flex; flex-wrap: wrap; flex-direction: column;font-size: 20px;line-height: 34px;letter-spacing: -0.025em;color: #555; flex:1; padding-bottom: 80px; padding-left: 84px; padding-top: 13px;}
.expansion .cnt03 .history > ul > li:last-child .txt_cnt{padding-bottom: 150px;}
.expansion .cnt03 .history > ul > li .txt_cnt .box{display: flex; flex-wrap:wrap;} 
.expansion .cnt03 .history > ul > li .txt_cnt .box .month{font-weight: 700;color: #000;width: 58px;padding-left: 7px;}
.expansion .cnt03 .history > ul > li .txt_cnt .box .txt{flex:1; }
.expansion .cnt03 .history > ul > li:after{position: absolute;content: '';width: 1px;height: calc(100% + 143px);background: #ddd;left: 430px;top: 37px;}
.expansion .cnt03 .history > ul > li .year:after{position: absolute;content: '';width: 15px;height: 15px;border: 4px solid #00d6e5;background: #fff;border-radius: 50%;box-sizing: border-box;right: -8px;top: 22px;}

.expansion .cnt04 {background:#f9f9f9; padding:170px 0 210px;}
.expansion .cnt04 .maps {margin-bottom:50px; border:1px solid #ccc; border-radius:30px; overflow:hidden;}
.expansion .cnt04 .maps .root_daum_roughmap {width:100% !important; height:630px !important;}
.expansion .cnt04 .maps .root_daum_roughmap .wrap_map {height:630px !important;}
.expansion .cnt04 .maps .root_daum_roughmap .map_border {border:0 !important; width:0 !important; height:0 !important;}
.expansion .cnt04 .col {display:flex;}
.expansion .cnt04 .tit-box {width:100%; max-width:290px;}
.expansion .cnt04 .tit-box h3 {font-size:42px; line-height:1.5em; color:#070707;}
.expansion .cnt04 .txt-box {width:1%; flex:1 1 auto;}
.expansion .cnt04 .txt-box dl {display:flex; margin-bottom:8px; font-size:24px; line-height:1.6em;}
.expansion .cnt04 .txt-box dt {width:100%; max-width:80px; color:#222; font-weight:600;}
.expansion .cnt04 .txt-box dd {width:1%; flex:1 1 auto; padding-left:40px; color:#444;}
/* sub 04 */
.inquiry {padding:260px 0 200px; background:#021133; overflow:hidden;}
.inquiry .tit-box {margin-bottom:80px; text-align:center;}
.inquiry .tit-box h3 {font-size:60px; line-height:1.2em; color:#fff; margin-bottom:40px;}
.inquiry .tit-box p {font-size:22px; line-height:1.6em; color:#ccc;}
.inquiry .col {display:flex; flex-wrap:wrap; margin:0 -30px;}
.inquiry .col .row {padding:0 30px; margin-bottom:40px; display:flex;}
.inquiry .col .row50 {width:50%;}
.inquiry .col .row100 {width:100%;}
.inquiry .tit {width:100%; max-width:170px; font-size:24px; font-weight:600; line-height:1.6em; color:#fff; line-height:64px;}
.inquiry .tit span {background:linear-gradient(270deg, #00A4E4 -1.24%, #14D8DF 99.94%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.inquiry .txt {width:1%; flex:1 1 auto;}
.inquiry .txt input {width:100%; padding:0 30px; background:rgba(255, 255, 255, 0.10); border-radius:8px; font-size:20px; color:#fff; border:0; height:64px;}
.inquiry .txt input::placeholder {color:#999;}
.inquiry .txt textarea {width:100%; height:310px; padding:30px; font-size:20px; line-height:1.6em; color:#fff; background:rgba(255, 255, 255, 0.10); border:0; border-radius:8px; resize:none;}
.inquiry .txt textarea::placeholder {color:#999;}
.inquiry .txt .type {display:flex; align-items:center; min-height:64px; border-bottom:1px solid rgba(255,255,255,0.2);}
.inquiry .txt .type > span {display:block; margin-right:36px;}
.inquiry .txt .box input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.inquiry .txt .box label {display:inline-block; font-size:22px; color:#fff;}
.inquiry .txt .box label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0; width:28px; height:28px; background-color:transparent; border:1px solid #00A4E4;}
.inquiry .txt .box.radio label:before {border-radius:100%;}
.inquiry .txt .box.check label:before {border-radius:8px;}
.inquiry .txt .box input:checked + label:before {background:#00A4E4 url("../img/sub/check.png") center center no-repeat; background-size:18px;}
.inquiry .txt .box input:focus + label:before {outline:0;}
.inquiry .txt .tt {margin-top:30px;}
.inquiry .txt .tt span {display:inline-block; font-size:22px; line-height:1.6em; color:#fff;}
.inquiry .txt .tt a {display:inline-block; font-size:22px; line-height:1.6em; color:#fff; text-decoration:underline; margin-left:14px;}
.inquiry .btn {width:520px; line-height:64px; font-size:24px; border:3px solid #00A4E4; font-weight:700; cursor:pointer; color:#fff; border-radius:35px; background:#00a4e4; transition:all 0.4s; z-index:1;}
.inquiry .btn:hover {color:#00A4E4; background:#fff;}


 
.inquiry  #captcha #captcha_img {border:0;}
.inquiry #captcha #captcha_key {background:rgba(255, 255, 255, 0.10); border:0;}
.inquiry #captcha #captcha_info {color:#fff;}