@charset "utf-8";
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;}
html{overflow-y:scroll; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

body,h1,h2,h3,h4,input,button{font-family:'Noto Sans KR', 'Play', 'sans-serif'; font-size:14px; font-weight:400; letter-spacing:-1px; color:#333;}
body{overflow:hidden; height:100%; background:#FFF; word-break:keep-all; padding:0; margin:0; position:relative;}
body.noScroll {position:fixed; width:100%; height:100%; left:0; top:0; overflow:hidden;}
img,fieldset,iframe{border:0 none}
div {box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family:'Noto Sans KR', 'Play', 'sans-serif'; font-size:14px; font-weight:400; letter-spacing:-1px; outline:none; color:#333;}
textarea {font-family:'Noto Sans KR', 'Play', 'sans-serif';}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0; background:none; cursor:pointer;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{display:none; overflow:hidden;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0;}
table caption{display:none;}


.wrap {position:relative; width:100%; max-width:1920px; margin:0 auto;}
@media only screen and (min-width: 1920px) {
	.wrap {
		position:relative; width:100%; min-width:1920px; max-width: none; margin:0 auto;
	}
	.mainProud {
		background: url(../img/bg_deco.png) no-repeat 50% bottom;
		background-size: 100% 100%;
	}
}
/* .popupwrap {display: none;} */
.popop_top_nav {    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 8px;
    align-items: center;
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 999;
    padding: 16px 16px 16px 16px;}
.popupwrap .mainrequest .infoimg {display: none; width: 300px;}
.popupwrap .mainrequest > ul li:nth-child(1) p input:focus {border: 1px solid #009de6; color: #000000;}
.popupwrap .mainrequest > ul li p input::placeholder {color: #d9d9d9;}
.popupwrap .mainrequest > ul li ul.checkbox_layout {display: flex; gap: 16px; flex-direction: row; align-items: flex-start;}
.popupwrap .mainrequest > ul li ul.checkbox_layout li {display: flex; flex-direction: row; align-items: flex-start; width: auto; gap: 4px;}
.uldiv {display: flex; flex-direction: row; width: calc(100% - 12px);}
.popupwrap {position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
.popupwrap .mainrequest {display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 30px 30px 30px 30px;}
.popupwrap .mainrequest h3 {font-size: 36px; font-weight: 600; text-align: center; margin: 0px 0px 30px 0px;}
.popupwrap .mainrequest > ul {display: flex; flex-direction: column; gap: 14px; flex-wrap: wrap; align-items: flex-end; align-content: stretch;}
.popupwrap .mainrequest > ul li {display: flex; flex-direction: row; align-items: center; width: 100%;}
.popupwrap .mainrequest > ul li p:nth-child(2) {width: 100%;}
.popupwrap .mainrequest > ul li ul {display: flex; gap: 16px; flex-direction: row; align-items: flex-start; width: 100%;}
.popupwrap .mainrequest > ul li .btxt {font-size: 14px; font-weight: 600; position: relative; left: auto; top: auto; line-height: 1.2em;  width: 100px; text-align: right; padding-right: 16px;}
.popupwrap .mainrequest > ul li input {color: #000000; border: 1px solid #d9d9d9; font-size: 16px; font-weight: 300; border-radius: 6px; height: 50px; padding-left: 12px; box-sizing: border-box; width: 100%;}
.popupwrap .mainrequest > ul li:nth-child(1) p input {color: #000000; border: 1px solid #d9d9d9; font-size: 14px; font-weight: 300; border-radius: 6px; height: 50px; padding-left: 12px; box-sizing: border-box; width: 100%;}
.popupwrap .mainrequest > ul li select, option {color: #000000; border: 1px solid #d9d9d9; font-size: 14px; font-weight: 300; border-radius: 6px; height: 50px; padding-left: 12px; box-sizing: border-box; width: 100%;}
.popupwrap .mainrequest > ul li input, select, button {vertical-align: middle; font-family: 'Noto Sans KR', 'Play', 'sans-serif'; font-size: 14px; font-weight: 400; letter-spacing: -1px; outline: none; color: #333;}
.popupwrap .mainrequest > ul li input[type="checkbox"] {width: 20px; height: 20px;}
.popupwrap .mainrequest > ul li textarea {font-size: 14px; border-radius: 6px; width: 100%; box-sizing: border-box; display: block; height: 150px; letter-spacing: -0.03em; border: 1px solid #d9d9d9; background: #fff; color: #181818; padding: 20px; box-sizing: border-box; display: block; resize: none;}
.popupwrap .mainrequest > ul button.web_button {width: 100%; height: 60px; background-color: #009DE6; color: white; font-size: 16px; position: sticky; bottom: 0px;}
button.mobile_button {display: none;}
.consulting {background-color: white; display: none;  overflow-y: hidden;}/*left: calc(50% - 230px);*/

.menuDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:100; display:none;}
.gnbSec {position:absolute; left:0; top:0; width:100%; z-index:10; padding:30px 80px; display:flex; justify-content:space-between;}
.gnbSec .logo a {float:left; width:139px; height:42px; margin-left:40px; background:url(../img/logo.png) no-repeat 50% 50%; background-size:100%; overflow:hidden;}
.gnb {position:absolute; right:80px; top:30px; z-index:20;}
.gnb li {display:inline-block;}
.gnb li a {display:block; padding:0 40px; line-height:42px; font-size:18px; color:#FFF; font-weight:500;}

.gnbSec .gnbMenu a {position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_menu.png) no-repeat 50% 50%; background-size:24px 24px; display:none;}

.gnbClose {position:absolute; right:15px; top:15px; width:40px; height:40px; z-index:10; cursor:pointer; display:none;}
.gnbClose:after {content:''; position:absolute; left:20px; top:50%; width:2px; height:22px; background:#FFF; transform:translate(0, -50%) rotate(45deg);}
.gnbClose:before {content:''; position:absolute; left:20px; top:50%; width:2px; height:22px; background:#FFF; transform:translate(0, -50%) rotate(-45deg);}

.mainVisual {position:relative; height:800px;}
.mainVisual:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.mainVisual .mVisual {width:100%; height:100%; position:relative;}
.mainVisual .mVisual.bg01 {background:url(../img/main_visual.png) no-repeat center/cover; background-size:cover;}
.mainVisual .mVisual .dim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:1;}
.mainVisual .mVisual .visualTxt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10;}
.mainVisual .mVisual .visualTxt div {color:#FFF; font-size:70px; font-family:'S-CoreDream-3Light', sans-serif; font-weight:900;}
.mainVisual .mVisual .visualTxt div p {display:inline-block; vertical-align:middle; line-height:1.0;}
.mainVisual .mVisual .visualTxt div p.qpos {vertical-align:0px;}
.scrollDown {position:absolute; left:50%; transform:translate(-50%, 0); bottom:42px; text-align:center; z-index:10;}
.scrollDown a {display:block;}
.scrollDown .txt {color:#FFF; font-size:15px; margin-bottom:10px; display:block;}
.scrollDown .ico {display:block;}

.majorField {padding:100px 0;}
.majorField .inner {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1400px; margin:0 auto;}
.majorField .inner .majorBox {width:13.857%; background:#eaf5f8; border-radius:16px; text-align:center; transition:.4s all;}
.majorField .inner .majorBox a {display:block; width:100%; height:100%; padding:20px 0 0 0; box-sizing:border-box;}
.majorField .inner .majorBox:hover a {position:relative;}
.majorField .inner .majorBox:hover a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #00b5f1; border-radius:16px; box-sizing:border-box;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.majorField .inner .majorBox .ico {display:block; width:75px; height:92px; margin:0 auto;}
.majorField .inner .majorBox .ico.field01 {background:url(../img/ico_func01.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .ico.field02 {background:url(../img/ico_func02.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .ico.field03 {background:url(../img/ico_func03.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .ico.field04 {background:url(../img/ico_func04.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .ico.field05 {background:url(../img/ico_func05.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .ico.field06 {background:url(../img/ico_func06.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .ico.field07 {background:url(../img/ico_func07.png) no-repeat 50% 50%; background-size:100%;}
.majorField .inner .majorBox .txt {display:block; height:52px; line-height:1.0; overflow:hidden; margin-top:10px; text-align:center; font-size:18px; color:#222; font-weight:300; }

.partDevice {padding:20px 0 100px 0;}
.partDevice .inner {width:100%; max-width:1400px; margin:0 auto;}
.partTitle {text-align:center; font-size:42px; color:#222; font-weight:600; padding-top:20px; position:relative;}
.partTitle em {color:#00b5f1;}
.partTitle .dot {position:absolute; left:50%; top:16px; margin-left:80px; width:auto; height:7px;}
.partTitle .dot i {display:inline-block; width:7px; height:7px; background:#00b5f1; border-radius:50%; margin-right:32px; font-style:normal; vertical-align:top;}
.partDevice .inner .imgDevice {text-align:center;}

.mainProud {background:url(../img/bg_deco.png) no-repeat 50% bottom; background-size:100% auto;}
.mainProud .inner {display:flex; justify-content:flex-start; align-items:flex-end; width:100%; padding:80px 0 120px 0; max-width:1400px; margin:0 auto; position:relative;}
.mainProud .inner .imgSec {border-radius:16px; overflow:hidden; width:53%; height:auto; position:relative; z-index:10;}
.mainProud .inner .imgSec img {max-width:100%;}
.mainProud .inner .deco {position:absolute; left:-56px; top:32px; width:113px; height:113px; background:url(../img/deco01.png) no-repeat 50% 50%; background-size:100%;}
.mainProud .inner .txtSec {padding:0 0 26px 70px; color:#FFF;}
.mainProud .inner .txtSec .headDesc {font-size:33px; font-weight:400; line-height:1.4; margin-bottom:24px;}
.mainProud .inner .txtSec .subDesc {font-size:26px; font-weight:300; line-height:1.3;}

.mainFeature {padding:150px 0;}
.mainFeature .inner {width:100%; height:500px; max-width:1400px; margin:0 auto; position:relative;}
.mainFeature .inner .txtSec {margin-top:30px;}
.mainFeature .inner .txtSec .headDesc {font-size:36px; font-weight:600; color:#222; line-height:1.4; margin-bottom:24px;}
.mainFeature .inner .txtSec .subDesc {font-size:26px; font-weight:300; color:#000;}
.mainFeature .inner .imgSec {position:absolute; left:35%; top:50%; transform:translate(0, -50%);}
.mainFeature .inner .imgSec .imgMock01 {position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.mainFeature .inner .imgSec .imgMock02 {position:absolute; left:510px; top:50%; transform:translate(0, -50%);}

.mainCase {padding:120px 0; background:#f3f7f9;}
.mainCase .partTitle br {display:none;}
.mainCase .partTitle .dot {margin-left:-65px;}
.mainCase .inner {width:100%; max-width:1400px; margin:0 auto;}
.mainCase .inner .tpoSec {display:flex; justify-content:space-between; align-items:stretch; width:100%; margin-top:90px;}
.mainCase .inner .tpoSec .tpoBox {width:19%; padding-top:197px; position:relative;}
.mainCase .inner .tpoSec .tpoBox .tpoInfo {display:block; background:#FFF; border:1px solid #e5e5e5; border-radius:10px; padding:0 10px; box-sizing:border-box; position:relative; z-index:10;}
.mainCase .inner .tpoSec .tpoBox .tpoInfo .title {display:flex; justify-content:center; align-items:center; height:110px; border-bottom:1px solid #efeee8; font-size:23px; color:#181818; font-weight:500;}
.mainCase .inner .tpoSec .tpoBox .tpoInfo ul {display:block; height:210px; overflow:hidden; padding:30px 24px; box-sizing:border-box;}
.mainCase .inner .tpoSec .tpoBox .tpoInfo ul li {display:block; font-size:20px; color:#000; font-weight:400; padding-left:25px; line-height:1.5; background:url(../img/ico_chk.png) no-repeat left 5px;}
.mainCase .inner .tpoSec .tpoBox .tpoThumb {position:absolute; left:0; top:0; width:100%; height:197px; text-align:center;}
.mainCase .inner .tpoSec .tpoBox .tpoThumb img {max-width:100%;}

.mainReview {background:url(../img/bg_pettern.png) repeat left top; padding:178px 0; position:relative;}
.mainReview .inner {width:100%; max-width:1400px; margin:0 auto;}
.mainReview .inner .logoCont {display:block; margin-bottom:30px;}
.mainReview .inner .revTitle {font-size:45px; color:#FFF; font-weight:700; line-height:1.5;}
.mainReview .inner .revTitle em {display:block; color:#00b5f1;}
.mainReview .review {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:calc(100% - 35%);}
.mainReview .review .swiper-slide {width:auto;}
.mainReview .review .reviewBox {display:block; background:#FFF; height:auto; width:312px; border-radius:20px; overflow:hidden;}
.mainReview .review .reviewBox .thumb {display:block; height:188px;}
.mainReview .review .reviewBox .thumb img {max-width:100%;}
.mainReview .review .reviewBox .reviewTxt {padding:0 40px 40px 40px; font-size:22px; color:#000; line-height:1.4; height:70px; overflow:hidden;}

.mainAward {height:917px; position:relative; background:#0f1528; overflow:hidden;}
.mainAward .curtain {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/bg_award.png) no-repeat center/cover; background-size:cover; z-index:10;}
.mainAward .inner {width:100%; max-width:1280px; margin:0 auto;}
.mainAward .inner .awardCon {position:absolute; left:50%; top:0; margin-left:-600px; display:flex; justify-content:flex-start; align-items:center; padding:90px 120px;}
.mainAward .inner .awardCon .awardMark {width:135px;}
.mainAward .inner .awardCon .awardMark img {max-width:100%;}
.mainAward .inner .awardCon .awardTxt {float:right; width:calc(100% - 135px); color:#FFF; font-size:35px; font-weight:600; line-height:1.4; padding-left:20px; box-sizing:border-box;}
.mainAward .inner .awardCon .awardTxt em {color:#ffe156;}
.mainAward .inner .awardPhoto {display:block; text-align:center; padding-top:305px;}
.mainAward .inner .awardPhoto img {max-width:100%;}

.mainService {padding:136px 0;}
.mainService .inner {width:100%; max-width:1400px; margin:0 auto; display:block; height:auto; overflow:hidden;}
.mainService .inner .mServiceChat {float:left; width:49.5%; background:#009de6; border-radius:20px; display:flex; justify-content:flex-start; align-items:center;}
.mainService .inner .mServiceChat a {display:block; width:100%; height:100%; padding:78px 90px; box-sizing:border-box;}
.mainService .inner .mServiceChat .ico {float:left; width:138px; height:116px; background:url(../img/ico_chat.png) no-repeat 50% 50%; background-size:100%;}
.mainService .inner .mServiceChat .chatTxt {float:right; width:calc(100% - 138px); padding-left:35px; box-sizing:border-box; color:#FFF;}
.mainService .inner .mServiceChat .chatTxt .title {font-size:30px; font-weight:700; margin-bottom:10px;}
.mainService .inner .mServiceChat .chatTxt .desc {font-size:18px; font-weight:300;}
.mainService .inner .mServiceChat .chatTxt .link {margin-top:25px; display:inline-block; font-size:18px; position:relative; padding-right:24px; background:url(../img/ico_more.png) no-repeat right 7px;}
.mainService .inner .mServicePart {float:right; width:49.5%; border-radius:20px; position:relative;}
.mainService .inner .mServicePart .title {color:#FFF; padding-left:50px; height:32px; line-height:32px; font-size:26px; font-weight:400;}
.mainService .inner .mServicePart .desc {position:absolute; right:50px; top:50%; transform:translate(0, -50%); color:#FFF; font-size:26px; font-weight:700;}
.mainService .inner .mServicePart .desc.link {font-weight:400; padding-right:24px; background:url(../img/ico_more.png) no-repeat right 15px;}
.mainService .inner .mServicePart a {display:block; width:100%; height:100%; padding:52px 50px; color:#FFF;}
.mainService .inner .mServicePart.call {background:#a459e3; margin-bottom:15px;}
.mainService .inner .mServicePart.date {background:#1f2c54;}
.mainService .inner .mServicePart.call .title {background:url(../img/ico_tel.png) no-repeat left 50%;}
.mainService .inner .mServicePart.date .title {background:url(../img/ico_date.png) no-repeat left 50%;}

.mainPartner {height:161px; position:relative;}
.mainPartner .inner {width:100%; max-width:1400px; margin:0 auto;}
.mainPartner .inner .subDesc {font-size:20px; color:#5e5e5e; font-weight:300; margin-bottom:15px; padding-top:10px;}
.mainPartner .inner .headDesc {font-size:30px; color:#222; font-weight:700; line-height:1.3;}
.mainPartner .partner {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:calc(100% - 30%);}
.mainPartner .partner .swiper-slide {width:auto;}
.mainPartner .partner .partnerBox {display:block; background:#FFF; height:auto; width:223px; height:161px; border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.mainPartner .partner .partnerBox img {max-width:100%;}

.mainCorp {padding:170px 0; position:relative; text-align:center;}
.mainCorp .inner {width:100%; max-width:1400px; margin:0 auto;}
.mainCorp .inner .partTitle {font-size:45px; color:#222; font-weight:700; margin-bottom:40px;}
.mainCorp .inner .corpDesc {font-size:18px; color:#222; font-weight:300; line-height:1.7;}
.mainCorp .inner .mainCorpHis {display:block; height:auto; overflow:hidden; margin-top:60px; padding:40px 13%; border-top:2px solid #d5dadf; border-bottom:2px solid #d5dadf;}
.mainCorp .inner .mainCorpHis ul {float:left; height:auto; overflow:hidden; width:50%;}
.mainCorp .inner .mainCorpHis ul li {display:block; position:relative; line-height:1.7; padding-left:90px; color:#222; font-size:17px; text-align:left;}
.mainCorp .inner .mainCorpHis ul li em {position:absolute; left:0; top:0; line-height:1.7; width:65px; color:#00ade1;}
.mainCorp .inner .mainCorpHis ul li.ty01 em {letter-spacing:6.5px;}
.mainCorp .inner .mainCorpHis ul li.ty02 em {letter-spacing:29px;}

.footer {padding:60px 0; background:#000;}
.footer .inner {width:100%; max-width:1400px; margin:0 auto; letter-spacing:0;}
.footer .inner .footerTxt {line-height:1.7; color:#FFF; font-weight:100; font-size:15px;}
.footer .inner .footerTxt span {display:inline-block; padding-right:12px; margin-right:12px; position:relative;}
.footer .inner .footerTxt span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#FFF;}
.footer .inner .footerTxt span:last-child {padding-right:0; margin-right:0;}
.footer .inner .footerTxt span:last-child:after {display:none;}
.footer .inner .copyright {color:#a3a3a3; margin-top:30px;}

.btn_top {position:fixed;right:30px;bottom:60px;z-index:100;}
.btn_top img {max-width:100%;}

@media only screen and (max-width:1280px) {
	.gnbSec .logo a {margin-left:0;}
	.gnbSec .gnb li a {padding:0 24px; font-size:24px;}
	.mainVisual .mVisual .visualTxt {width:100%;}
	.mainVisual .mVisual .visualTxt div {width:100%; text-align:center;}
	.mainVisual {height:700px;}

	.majorField {padding:60px 30px;}
	.partTitle {font-size:40px;}

	.mainProud {background-size:auto 100%;}
	.mainProud .inner {padding:80px 80px 120px 80px;}
	.mainProud .inner .txtSec {padding-left:40px;}
	.mainProud .inner .deco {left:50%; margin-left:-26px;}
	.mainFeature .inner {padding:0 80px;}
	.mainFeature .inner .imgSec {left:31%;}
	.mainCase .partTitle .dot {margin-left:-62px;}
	.mainCase .inner .tpoSec {flex-direction:column; justify-content:flex-start;}
	.mainCase .inner {padding:0 30px;}
	.mainCase .inner .tpoSec .tpoBox {width:100%; background:#FFF; border-radius:20px; border:1px solid #e5e5e5; padding:54px 0; box-sizing:border-box; display:flex; justify-content:flex-start; align-items:center; margin-bottom:20px;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo {background:transparent; border:0; border-radius:0; width:72%; display:flex; justify-content:flex-start; align-items:center;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo .title {float:left; width:49%; border-bottom:0; border-right:1px solid #efeee8; font-size:32px; height:auto; display:block; text-align:center;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo ul {float:left; width:50%; height:auto; padding:0 0 0 70px;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo ul li {font-size:26px; padding-left:30px; background-position:left 12px;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo ul li br {display:none;}
	.mainCase .inner .tpoSec .tpoBox .tpoThumb {left:unset; right:0; top:45%; height:auto; transform:translate(0, -50%); width:calc(100% - 74%);}
	.mainCase .inner .tpoSec .tpoBox .tpoThumb img {max-width:170px;}

	.mainReview {padding:145px 0;}
	.mainReview .inner {padding:0 80px;}
	.mainReview .review {width:calc(100% - 37%);}
	.mainReview .review .reviewBox {width:261px;}
	.mainReview .review .reviewBox .reviewTxt {font-size:20px; padding:0 27px 27px 27px;}

	.mainAward {height:700px;}
	.mainAward .inner .awardCon {padding:90px; left:0; margin:0; width:100%; z-index:20;}
	.mainAward .inner .awardCon .awardMark {width:103px;}
	.mainAward .inner .awardPhoto {padding-top:270px; width:calc(100% - 247px); margin:0 auto;}

	.mainService {padding:80px 20px;}
	.mainService .inner .mServiceChat a {padding:49px 60px; display:flex; justify-content:space-between; align-items:center;}
	.mainService .inner .mServiceChat .chatTxt .desc {font-size:26px;}
	.mainService .inner .mServiceChat .chatTxt .link {font-size:26px; background:url(../img/ar_more_mo.png) no-repeat right 8px; background-size:15px 25px; padding-right:30px;}

	.mainPartner .inner {padding:0 80px;}
	.mainPartner .inner .subDesc {font-size:26px;}
	.mainPartner .inner .headDesc {font-size:40px;}
	.mainPartner .partner {width:calc(100% - 40%);}
	.mainPartner .partner .partnerBox {width:198px; height:161px;}

	.mainCorp .inner {padding:0 30px;}
	.mainCorp .inner .partTitle {font-size:40px;}
	.mainCorp .inner .corpDesc {font-size:22px;}
	.mainCorp .inner .mainCorpHis {padding:40px 2% 40px 5%;}
	.mainCorp .inner .mainCorpHis ul li {padding-left:108px; font-size:22px;}
	.mainCorp .inner .mainCorpHis ul li em {width:108px;}
	.mainCorp .inner .mainCorpHis ul li.ty01 em {letter-spacing:9px;}
	.mainCorp .inner .mainCorpHis ul li.ty02 em {letter-spacing:38px;}

	.footer .inner {padding:0 30px;}
	.footer .inner .footerTxt {font-size:18px;}
}

@media only screen and (min-width:721px) {
	.menuDim {display:none !important;}
}

@media only screen and (max-width:720px) {
    .popupwrap .mainrequest .infoimg {display:block; width: 100%;}
	.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
	.uldiv {display: flex; flex-direction: row; width: calc(100%); flex-wrap: wrap; gap: 14px;}
	.popupwrap {position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}
	.popupwrap .mainrequest {    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0px 30px 30px 30px;
    height: 100vh;}
	.popupwrap .mainrequest h3 {font-size: 36px; font-weight: 600; text-align: center; margin: 0px 0px 30px 0px;}
	.popupwrap .mainrequest > ul {display: flex; flex-direction: column; gap: 14px; flex-wrap: wrap; align-items: flex-end; align-content: stretch;}
	.popupwrap .mainrequest > ul li ul.checkbox_layout li {display: flex; align-items: flex-start;}
	.popupwrap .mainrequest > ul li {display: flex; flex-direction: row; align-items: center; width: 100%;}
	.popupwrap .mainrequest > ul li p:nth-child(2) {width: 100%;}
	.popupwrap .mainrequest > ul li ul {display: flex; gap: 16px; flex-direction: row; align-items: flex-start; width: 100%;}
	.popupwrap .mainrequest > ul li .btxt {font-size: 14px; font-weight: 600; position: relative; left: auto; top: auto; line-height: 1.2em;  width: 100px; text-align: right; padding-right: 16px;}
	.popupwrap .mainrequest > ul li input {color: #000000; border: 1px solid #d9d9d9; font-size: 16px; font-weight: 300; border-radius: 6px; height: 50px; padding-left: 12px; box-sizing: border-box; width: 100%;}
	.popupwrap .mainrequest > ul li:nth-child(1) p input {color: #000000; border: 1px solid #d9d9d9; font-size: 14px; font-weight: 300; border-radius: 6px; height: 50px; padding-left: 12px; box-sizing: border-box; width: 100%;}
	.popupwrap .mainrequest > ul li select, option {color: #000000; border: 1px solid #d9d9d9; font-size: 14px; font-weight: 300; border-radius: 6px; height: 50px; padding-left: 12px; box-sizing: border-box; width: 100%;}
	.popupwrap .mainrequest > ul li input, select, button {vertical-align: middle; font-family: 'Noto Sans KR', 'Play', 'sans-serif'; font-size: 14px; font-weight: 400; letter-spacing: -1px; outline: none; color: #333;}
	.popupwrap .mainrequest > ul li input[type="checkbox"] {width: 20px; height: 20px;}
	.popupwrap .mainrequest > ul li textarea {font-size: 14px; border-radius: 6px; width: 100%; box-sizing: border-box; display: block; height: 150px; letter-spacing: -0.03em; border: 1px solid #d9d9d9; background: #fff; color: #181818; padding: 20px; box-sizing: border-box; display: block; resize: none;}
	.popupwrap .mainrequest > ul button.web_button {display: none;}
	button.mobile_button {display: block; width: 100%; height: 60px; background-color: #009DE6; color: white; font-size: 16px; position: sticky; bottom: 0px;}
	.consulting {background-color: white; display: none; width: 100vw; height: 100%; overflow: hidden; overflow-y: auto; top: auto !important; bottom: 0px !important;}

	.gnbSec {padding:17px 15px;}
	.gnbSec .logo a {width:95px; height:29px;}
	.gnb {position:fixed; right:0; top:0; width:70%; height:100%; background:#00182e; transition:.4s all; display:none; z-index:300;}
	.gnb ul {display:block; height:auto; overflow:hidden; width:calc(100% - 76px); margin:84px auto 0;}
	.gnb ul li {float:none; display:block; font-size:17px; font-weight:400; margin:0; padding:0;}
	.gnb ul li a {display:block; padding:18px 0; color:#FFF; border-bottom:2px solid rgba(255, 255, 255, 0.2);}
	.gnbClose {display:block;}
	.gnbSec .gnbMenu a {display:block; z-index:10;}
	.mainVisual .mVisual .visualTxt div {font-size:24px;}
	.mainVisual .mVisual .visualTxt div p img {height:24px;}
	.mainVisual {height:280px;}
	.scrollDown {display:none;}

	.majorField {padding:30px 15px;}
	.majorField .inner {justify-content:center; flex-wrap:wrap;}
	.majorField .inner .majorBox {width:23%; margin:0 1%; margin-bottom:8px;}
	.majorField .inner .majorBox .ico {width:30px; height:37px;}
	.majorField .inner .majorBox .txt {font-size:13px; letter-spacing:0; height:42px;}

	.partTitle {font-size:20px;}
	.partTitle .dot {margin-left:37px;}
	.partTitle .dot i {width:3px; height:3px; margin-right:16px;}

	.partDevice .inner {padding:0 15px;}
	.partDevice .inner .imgDevice {margin-top:20px;}
	.partDevice .inner .imgDevice img {max-width:100%;}

	.mainProud .inner {flex-direction:column; padding:20px 36px;}
	.mainProud .inner .imgSec {width:100%;}
	.mainProud .inner .deco {left:unset; right:10px; width:65px; height:65px; top:-10px;}
	.mainProud .inner .txtSec {padding:0 0 40px 0; width:100%; margin-top:20px;}
	.mainProud .inner .txtSec .headDesc {font-size:18px;}
	.mainProud .inner .txtSec .subDesc {font-size:14px;}

	.mainFeature {padding:60px 0 70px 0;}
	.mainFeature .inner {padding:0 35px; height:auto;}
	.mainFeature .inner .txtSec {margin-top:0;}
	.mainFeature .inner .txtSec .headDesc {font-size:18px; margin-bottom:15px;}
	.mainFeature .inner .txtSec .subDesc {font-size:14px;}
	.mainFeature .inner .imgSec {position:relative; left:unset; top:unset; transform:none; width:100%; display:block; height:auto; overflow:hidden; margin-top:30px;}
	.mainFeature .inner .imgSec .imgMock01 img {width:250px;}
	.mainFeature .inner .imgSec .imgMock02 img {width:120px;}
	.mainFeature .inner .imgSec .imgMock01 {top:unset; bottom:0; transform:none;}
	.mainFeature .inner .imgSec .imgMock02 {left:unset; right:unset; position:relative; float:right; top:unset; transform:none; display:block;}

	.mainCase {padding:60px 0;}
	.mainCase .partTitle br {display:block;}
	.mainCase .partTitle .dot {display:none;}
	.mainCase .inner {padding:0 15px;}
	.mainCase .inner .tpoSec {margin-top:30px;}
	.mainCase .inner .tpoSec .tpoBox {padding:25px;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo {flex-direction:column; padding:0; align-items:flex-start; width:100%;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo .title {float:none; text-align:left; display:block; border-right:0; font-size:18px; margin-bottom:15px; width:70%;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo .title br {display:none;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo ul {float:none; display:block; padding:0; width:calc(100% - 100px);}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo ul li {font-size:14px; background-position:left 5px; background-size:auto 10px; padding-left:20px;}
	.mainCase .inner .tpoSec .tpoBox .tpoInfo ul li br {display:none;}
	.mainCase .inner .tpoSec .tpoBox .tpoThumb {top:unset; transform:none; bottom:25px; right:25px; width:auto;}
	.mainCase .inner .tpoSec .tpoBox .tpoThumb img {max-width:90px;}

	.mainReview {padding:50px 0;}
	.mainReview .inner {padding:0; text-align:center;}
	.mainReview .inner .logoCont {text-align:center; margin-bottom:20px;}
	.mainReview .inner .logoCont img {height:25px;}
	.mainReview .inner .revTitle {font-size:20px;}
	.mainReview .review {position:relative; left:unset; top:unset; transform:none; width:100%; padding-left:15px; margin-top:30px;}
	.mainReview .review .reviewBox {width:216px;}
	.mainReview .review .reviewBox .thumb {height:100%;}/*height:77px; overflow:hidden;*/
	.mainReview .review .reviewBox .thumb img {max-width:100%;}
	.mainReview .review .reviewBox .reviewTxt {font-size:16px; padding:0 20px 40px 20px; height:36px;}/*{font-size:11px; padding:0 10px 10px 10px; height:36px;}*/

	.mainAward {display:block; height:auto; overflow:hidden;}
	.mainAward .curtain {background-size:134% 100%;}
	.mainAward .inner .awardCon {padding:45px 30px 30px 30px; flex-direction:column; position:relative; display:block; height:auto; overflow:hidden;}
	.mainAward .inner .awardCon .awardMark {width:60px; margin-bottom:10px; margin:0 auto 10px; display:block; height:auto; overflow:hidden;}
	.mainAward .inner .awardCon .awardTxt {float:none; display:block; width:100%; font-size:18px; text-align:center; padding-left:0;}
	.mainAward .inner .awardCon .awardTxt span {display:block;}
	.mainAward .inner .awardPhoto {padding-top:0; width:calc(100% - 60px);}

	.mainService {padding:30px 15px;}
	.mainService .inner .mServiceChat {float:none; display:block; width:100%; margin:0 0 10px 0;}
	.mainService .inner .mServiceChat a {padding:30px;}
	.mainService .inner .mServicePart {float:none; display:block; width:100%; margin:0 0 10px 0;}
	.mainService .inner .mServiceChat .ico {width:78px; height:66px;}
	.mainService .inner .mServiceChat .chatTxt {width:calc(100% - 50px);}
	.mainService .inner .mServiceChat .chatTxt .title {font-size:18px; margin-bottom:6px;}
	.mainService .inner .mServiceChat .chatTxt .desc {font-size:14px;}
	.mainService .inner .mServiceChat .chatTxt .link {font-size:14px; margin-top:8px; padding-right:20px; background-size:auto 14px; background-position:right 5px;}
	.mainService .inner .mServicePart a {padding:30px;}
	.mainService .inner .mServicePart .title {font-size:18px;}
	.mainService .inner .mServicePart .desc {font-size:14px;}
	.mainService .inner .mServicePart.call .title {background-size:auto 20px; padding-left:30px;}
	.mainService .inner .mServicePart.date .title {background-size:auto 20px; padding-left:30px;}
	.mainService .inner .mServicePart .desc.link {background-size:auto 14px; background-position:right 4px; padding-right:15px;}

	.mainPartner {height:auto; overflow:hidden; padding:30px 0;}
	.mainPartner .inner {}
	.mainPartner .inner .subDesc {font-size:14px; padding:0; text-align:center;}
	.mainPartner .inner .headDesc {font-size:22px; text-align:center;}
	.mainPartner .partner {position:relative; left:unset; top:unset; transform:none; width:100%; margin-top:30px; padding-left:15px;}
	.mainPartner .partner .partnerBox {width:137px; height:auto; overflow:hidden;}/*90*/

	.mainCorp {padding:30px 0;}
	.mainCorp .inner .partTitle {font-size:20px; margin-bottom:25px;}
	.mainCorp .inner .corpDesc {font-size:13px;}
	.mainCorp .inner .mainCorpHis {padding:20px 15px; margin-top:30px;}
	.mainCorp .inner .mainCorpHis ul {display:block; width:100%;}
	.mainCorp .inner .mainCorpHis ul li {font-size:14px; padding-left:65px;}
	.mainCorp .inner .mainCorpHis ul li em {width:60px;}
	.mainCorp .inner .mainCorpHis ul li.ty01 em {letter-spacing:5px;}
	.mainCorp .inner .mainCorpHis ul li.ty02 em {letter-spacing:23px;}

	.footer {padding:35px 0;}
	.footer .inner {padding:0 60px 0 20px;}
	.footer .inner .footerTxt {font-size:11px; opacity:0.8;}
	.footer .inner .footerTxt span {padding-right:0; margin-right:0; display:block;}
	.footer .inner .footerTxt span:after {display:none;}
	.footer .inner .copyright {margin-top:15px; font-size:11px;}

	.btn_top {right:15px; bottom:30px; width:40px; height:40px;}
}