/* default.css */
/* cont공통 */
.container{width: 1200px;}
.cont{padding: 150px 0;}
.cont .title{
margin-bottom: 65px;
}
.cont .title .sub{font-size: 16px;
letter-spacing: 1px;
color: #3182F6;display: block;
margin-bottom: 10px;}
.cont .title h3{
font-size: 78px;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 800;
letter-spacing: -0.013em;
background: radial-gradient(97.25% 91.66% at 52.47% 91.67%, #3f91ff 0%, #08438e 34.46%, #094376 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.cont .title p{
font-size: 20px;
line-height: 1.6;
color: #4e5968;
margin-bottom: 15px;
}
.cont .title .moreBtn{
display: inline-block;
font-size: 15px;
text-decoration: underline;
padding-top: 16px;
}
@media(max-width: 1200px) {
.container{width: 100%;}
}
@media(max-width: 1024px){
.cont{padding: 60px 0;}
.cont .title h3{font-size: 38px;}
.cont .title p{font-size: 18px;}
}

a.more{font-size: 17px;}
a.more img{    width: 14px !important;
display: inline-block !important;
margin-top: -7px;transition:transform 0.3s;margin-left: 5px;}
a.more:hover{color: #3182F6;font-weight: 500;}
a.more:hover img{transform: translateX(5px);filter: invert(36%) sepia(94%) saturate(1556%) hue-rotate(202deg) brightness(102%) contrast(93%);}

/*탭메뉴*/
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{    border: 1px solid #e2e9f1;background: #fff;
margin-right: 5px;
display: inline-block;
border-radius: 6px;
padding: 14px 20px;
cursor: pointer;font-size: 17px;
}
ul.tabs li.active{
color: #fff;
background-color: #3182F6;
border-color: #3182F6;
}
.tab-content{
display: block;
}
.tab-content.current{
display: inherit;
}
.tab-content > li {
display: none;
}
.tab-content > li.active {
display: block;
}








/* 메인슬라이더 */
#visual{position:relative;width:100%;height:100vh;margin:0 auto;overflow:hidden;visibility:hidden;}
#visual .sliderbx{z-index:10;width:100%!important;height:100vh;position:relative;}
#visual .sliderbx::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
#visual .sliderbx li{width:100%!important;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;position:relative;}
#visual .mv01{position:relative;width:100%;height:100vh;overflow:hidden;}
#visual .mv01 img{width: 100%;height: 100%;object-fit: cover}
#visual .mv01 .video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;}
#visual .mv01 iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:190.78vh;transform:translate(-50%,-50%);object-fit:cover;border:none;}
#visual .area_txt{position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:15;transform:translate(-50%,-50%);color:#fff;text-align:center;}
#visual .area_txt>h3{position:absolute;left:50%;top:50%;transform:translate(-50%,-65%);font-size:6em;line-height:1.3;letter-spacing:-1px;font-family:'Noto Sans KR';font-weight:800;background:linear-gradient(316.15deg,#a6cbfe 51%,#1a48a9 104.94%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}
#visual .area_txt>p{font-size:26px;position:absolute;left:50%;transform:translateX(-50%);bottom:150px;font-weight:500;color:#dbeaff;}
#visual .area_txt>ul li{margin-top:100px;}
#visual div.bx-pager{z-index:50;position:absolute;top:87%;right:50px;transform:translateY(-50%);}
#visual div.bx-pager div{margin:0 0 40px;}
#visual div.bx-pager div:last-child{margin:0;}
#visual div.bx-pager div a{font-family:'Oswald',sans-serif;position:relative;font-size:15px;font-weight:400;color:#fff;transition:.3s;opacity:.4;}
#visual div.bx-pager div a.active{opacity:1;font-weight:600;}
#visual div.bx-pager div a:after{content:'';position:absolute;left:50%;bottom:-25px;width:5px;height:5px;background:#fff;border-radius:50%;transform:translateX(-50%);opacity:.4;}
#visual div.bx-pager div a:before{content:'0';display:inline;}
#visual div.bx-pager div:last-child a:after{display:none;}
#visual .bx-controls-direction{display:none;}
@media screen and (max-width:1024px){
#visual .area_txt>h3{font-size:50px;}
#visual .area_txt>h2{font-size:45px;}
#visual div.bx-pager{right:25px;}
}
@media screen and (max-width:768px){
#visual .area_txt>h3{font-size:40px;}
#visual .area_txt>h2{font-size:35px;}
#visual .area_txt>p{width:90%;font-size:16px;}
#visual .area_txt>ul li{padding:0 25px;font-size:20px;}
#visual .area_txt>ul li svg{font-size:1.4em;}
#visual .area_txt>ul li p{padding:5px 0;font-size:1em;}
}
@media screen and (max-width:600px){
#visual .area_txt>p{padding:10px 0 0;font-size:16px;}
}
@media screen and (max-width:550px){
#visual div.bx-pager{right:15px;}
#visual div.bx-pager div{margin:0 0 20px;}
#visual div.bx-pager div a:after{bottom:-15px;width:4px;height:4px;}
#visual div.bx-pager div a{font-size:14px;}
#visual .area_txt>ul li{font-size:15px;padding:0 10px;}
#visual .area_txt>ul li svg{font-size:1.2em;}
}


/* cont_intro */
.cont_intro{position: relative;z-index: 1;background: #fff url(../img/main/model01.png) no-repeat right bottom;background-size: 420px;}
.cont_intro .tt strong{      font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;
display: block;
margin-bottom: 30px;}
.cont_intro .tt p{font-size: 20px;line-height: 1.6;color: #4e5968;}
.cont_intro .intro_keyword{display:flex;justify-content:center;gap:16px;margin-top:60px;flex-wrap:wrap}
.cont_intro .intro_keyword li{padding:14px 28px;border:1px solid #e2e9f1;border-radius:999px;background:#fff;font-size:18px;font-weight:600;line-height:1.4;color:#1e293b}
@media(max-width: 1024px){
.cont_intro .tt strong{font-size: 28px;}
.cont_intro .tt p{font-size: 18px;}
}
@media(max-width: 769px){
.cont_intro{background: #fff;}
.cont_intro .intro_keyword li{font-size: 16px;font-weight: 500;padding: 12px 12px;        letter-spacing: -0.04em;}
.cont_intro .intro_keyword{gap: 6px}
.cont_intro .intro_keyword li{font-size: 15px;}

}



/* cont_problem */
.cont_problem{position: relative;z-index: 1;background: #F6FAFF;}
.cont_problem .problem-list{display: flex;gap: 100px;justify-content: center}
.cont_problem .problem-list li{text-align:center}
.cont_problem .problem-list .icoBox{width:220px;height:220px;margin:0 auto 30px;border-radius:46% 54% 47% 53% / 53% 42% 58% 47% ;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cont_problem .problem-list .icoBox img{}
.cont_problem .problem-list .txtBox strong{display:block;font-size:25px;font-weight:700;line-height:1.3;color:#222}
.cont_problem .problem-list .txtBox p{margin-top:22px;font-size:20px;line-height:1.6;color:#555;word-break:keep-all}
@media(max-width: 1024px){
.cont_problem .problem-list{gap: 30px}
.cont_problem .problem-list .icoBox{width: 180px;height: 180px;}
.cont_problem .problem-list .txtBox strong{font-size: 23px;}
.cont_problem .problem-list .txtBox p{font-size: 18px;line-height: 1.4;margin-top: 15px;}

}
@media(max-width: 769px){
.cont_problem .problem-list{display: block !important;}
.cont_problem .problem-list li{margin-bottom: 50px;}
.cont_problem .problem-list li:last-child{margin-bottom: 0;}
.cont_problem .problem-list .icoBox{margin: 0 auto 20px;}
.cont_problem .problem-list .icoBox {
width: 150px;
height: 150px;
}

}





/* cont_service */
.cont_service{background:#F6FAFF}
.cont_service .service_wrap{    max-width: 950px;
margin: 0 auto;}
.cont_service .service_wrap li{display:flex;align-items:center;justify-content:space-between;gap:80px;margin-bottom: 100px;}
.cont_service .service_wrap li:last-child{margin-bottom: 0;}
.cont_service .imgBox{width:48%;text-align:center;border-radius: 20px;overflow: hidden}
.cont_service .imgBox img{max-width:100%;width:100%}
.cont_service .service_wrap li:nth-child(2n) .imgBox{order:2;}
.cont_service .txtBox{width:52%}
.cont_service .txtBox h3{font-size:34px;font-weight:700;line-height:1.4;color:#4b5563;word-break:keep-all;margin-bottom: 50px;}
.cont_service .txtBox p{font-size: 20px;
line-height: 1.6;
color: #555;
word-break: keep-all;}
.cont_service .txtBox ul{margin-top:34px}
.cont_service .txtBox ul li{position:relative;padding-left:28px;font-size:22px;font-weight:600;line-height:1.8;color:#4b5563;word-break:keep-all}
.cont_service .txtBox ul li:before{content:"✔";position:absolute;left:0;top:0;color:#2f6bff;font-weight:700}
@media(max-width: 1024px){
.cont.cont_service{padding-top: 0;}
.cont_service .txtBox h3{font-size: 28px;margin-bottom: 30px;}
.cont_service .txtBox p{font-size: 18px;}
.cont_service .imgBox{width: 40%;}
.cont_service .txtBox{width: 60%;}
}
@media(max-width: 769px){
.cont_service .service_wrap li{display: block;margin-bottom: 60px;}
.cont_service .service_wrap li > div{width: 100%;}
.cont_service .service_wrap li .txtBox{margin-top: 20px;}

}




/* cont_product */
.cont_product{background: #F0F2F4;}
.cont_product .tabs{margin-bottom: 40px;        width: 100%;
justify-content: center;}
.cont_product .title h3{    font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;background: none;
display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
margin-bottom: 30px;}
.cont_product .pdSwiper{overflow: hidden}
.cont_product .swiper-slide{border-radius: 20px;overflow: hidden;background: #fff;padding: 40px 35px 0;text-align: center}
.cont_product .swiper-slide p{    font-size: 20px;
line-height: 1.6;
color: #4e5968;
}
.cont_product .swiper-slide h4{    display: block;
font-size: 22px;
letter-spacing: -0.05em;
font-weight: 700;
line-height: 1.3;
color: #222;margin-top: 5px;

min-height: 57px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width:100%;
word-break: break-all;
}
.cont_product .swiper-slide .imgBox{min-height: 279px;    display: flex;
justify-content: center;
align-items: center;}
.cont_product .swiper-slide img{transition: 0.5s;max-width: 100%}
.cont_product .swiper-slide:hover img{transform: scale(1.1)}
@media(max-width: 1024px){
.cont_product .title h3{font-size: 28px;}    /*.cont_product ul.grid{grid-template-columns: repeat(2, 1fr);}*/
.cont_product .swiper-slide p{font-size: 18px;}
.cont_product .swiper-slide h4{font-size: 23px;}

.cont_product ul.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 0 40px 4%;}
.cont_product ul.tabs li{flex:0 0 auto;padding:12px 14px;font-size:15px;margin-right:5px;white-space:nowrap;}
}
@media(max-width: 769px){
/*.cont_product ul.grid{grid-template-columns: repeat(1, 1fr);}*/
.cont_product ul.tabs{justify-content: flex-start}
.cont_product .inr{width: 100% !important;}
.cont_product .tab-content{padding-left: 4%;}
}



/* cont_feature */
.cont_feature{background: #020203;}
.cont_feature .title h3{    font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;background: none;
display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
margin-bottom: 30px;}
.cont_feature .more{color: #fff}
.cont_feature .more img{filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(263deg) brightness(107%) contrast(101%);}
.cont_feature li{background: #1B1B1D;border-radius: 20px;padding: 40px;text-align: center}
.cont_feature li h4 {
display: block;
font-size: 25px;
font-weight: 700;
line-height: 1.3;
color: #222;
margin-top: 5px;
margin-bottom: 40px;
}
.cont_feature li p {
font-size: 20px;
line-height: 1.6;
color: #4e5968;
}
.cont_feature li img{max-width: 100%}
@media(max-width: 1024px){
.cont_feature .title h3{font-size: 28px;}
.cont_feature ul.grid{    grid-template-columns: repeat(2, 1fr) !important;}
.cont_feature li p{font-size: 18px;}
.cont_feature li h4{font-size: 23px;}
}
@media(max-width: 769px){
.cont_feature ul.grid{grid-template-columns: repeat(1, 1fr) !important;}

}




/* cont_review */
.cont_review{background: #F6FAFF}
.cont_review .container{overflow: hidden}
.cont_review .title h3{    font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;background: none;
display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
margin-bottom: 30px;}
.cont_review .reviewSwiper{position: relative}
.cont_review .swiper-slide{
position: relative;
border-radius: 16px;
background: #fff;
padding: 20px;
overflow: unset;
font-size: 17px;

}
.cont_review .top{
border-bottom: 1px solid #EFEFEF;
padding-bottom: 15px;margin-bottom: 15px;
}
.cont_review .top img{
width: 60px;
height: 60px;
border-radius: 8px;
margin-right: 10px;
}
.cont_review .top .tit{
font-size: 25px;
font-weight: 700;
line-height: 1.3;

overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.cont_review ul{grid-gap: 20px; font-size: 16px;    margin-top: 80px;}
.cont_review .middle{min-height: 102px;
margin-bottom: 25px;
min-height: 160px;
font-size: 20px;
line-height: 1.6;
color: #555;
word-break: keep-all;
}
.cont_review .date{
color: #999696;
line-height: 1;
margin-bottom: 5px;
font-size: 15px;
}
.cont_review .name{    color: #999696;font-size: 16px;}
.cont_review .swiper-wrapper{
padding-bottom: 40px;
}
.cont_review .swiper-pagination{
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.cont_review .swiper-pagination-bullet{
width: 8px;
height: 8px;border-radius: 50%;
background: #000;
opacity: 0.3;
margin-right: 6px;
}
.cont_review .swiper-pagination-bullet-active{
opacity: 1;
}
@media(max-width: 1024px){
.cont_review .title h3{font-size: 28px;}
.cont_review .top .tit{font-size: 23px;}
.cont_review .middle{font-size: 18px;}

}
@media(max-width: 768px){
.cont_review .inr{width: 100%;}
.cont_review .title{width: 90% !important;margin: 0 auto;}
.reviewSwiper{padding-left: 4%;}
.cont_review .swiper-slide{
font-size: 15px;
}
.cont_review .middle{
min-height: 96px;
}
.cont_review ul{
display: block;
}
.cont_review li{
width: 100%;
padding-bottom: 100%;
margin-bottom: 16px;
}
.cont_review li .txtBox{
width: 100%;
bottom: 10%;
}
.cont_review li strong{
font-size: 26px;
}
.cont_review li p{
font-size: 15px;
line-height: 1.4;
}


}




/* cont_board */
.cont_board .title{position: relative}
.cont_board .title h3{    font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;background: none;
display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
margin-bottom: 30px;}
.cont_board .more {
position: absolute;
right: 0;
bottom: 0;
font-size: 17px;
}
.cont_board ul.tabs{background: none;margin-bottom: 30px;}
@media(max-width: 1024px){
.cont_board .title h3{font-size: 28px;}
}
@media(max-width: 768px){
.cont_board .more{position: unset}
}



/* cont_estimate */
.cont_estimate{background: #020203;}
.cont_estimate input{}
.cont_estimate .title h3{    font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;background: none;
display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
margin-bottom: 30px;}
.cont_estimate .formWrap{width: 550px;margin: 0 auto;}
.cont_estimate button{height: 55px;background: transparent;border-color: #fff}
.cont_estimate button:hover{color: #fff;background-color: #1B1B1D}
.cont_estimate textarea{min-height: 130px;margin-top: 5px;}
.cont_estimate button.supply{margin-top: 50px;background: #3979f8 ;border-color: #3979f8 }
.cont_estimate #join_agr{margin-top: 20px;}
.cont_estimate .row{margin: 0;margin-bottom: 20px;}
.cont_estimate .row:last-child{margin-bottom: 0;}
.cont_estimate label{font-size: 18px;color: #fff}
.cont_estimate label span{padding: 4px 6px;color: #fff;font-weight: normal;font-size: 0.9em;margin-right: 5px;}
input[type=radio] {
margin: 0px .5px 0 0;
}
input[type="search"]:hover {    border-bottom: 1px solid #fff0!important;}
[type="radio"] {
display: inline-block;
vertical-align: middle;
background: lightgray;
appearance: none;
width: 1.25em;
height: 1.25em;
}
[type="radio"]:checked {
background: #fff;
border: 0.4em solid #444;
}
[type="radio"]:focus-visible {
outline-offset: max(2px, 0.1em);
outline: max(2px, 0.1em) dotted #444;
}
[type="radio"]:hover {
box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
cursor: pointer;
}
[type="radio"]:disabled {
background-color: lightgray;
box-shadow: none;
opacity: 0.7;
cursor: not-allowed;
}
[type="radio"]:disabled + span {
opacity: 0.7;
cursor: not-allowed;
}
[type="checkbox"] {
margin: 0px 5px 0 0 !important;
position: relative;
display: inline-block;
vertical-align: middle;
background: #fff !important;
appearance: none;
width: 24px !important;
height: 24px !important;
outline: none !important;
}
[type="checkbox"]::after {
color: #ccc;
position: absolute;
right: 4px;
font-size: 0.8em;
cursor: pointer;
top: 4px;
left: 9px;
box-sizing: border-box;
width: 4px;
height: 12px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-color: #ccc;
border-top: 0;
content: " ";
border-left: 0;
transition: all 200ms ease-in;
}
[type="checkbox"]:checked {
border-color: #fff;
background: #020203 !important;
}
[type="checkbox"]:checked + label{
color: #333333;
}
[type="checkbox"]:checked::after {
border-color: #fff
}
[type="checkbox"]:focus-visible {
outline-offset: max(2px, 0.1em);
outline: max(2px, 0.1em) dotted #444;
}
[type="checkbox"]:hover {
box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
cursor: pointer;
}
[type="checkbox"]:disabled {
background-color: lightgray;
box-shadow: none;
opacity: 0.7;
cursor: not-allowed;
}
[type="checkbox"]:disabled + span {
opacity: 0.7;
cursor: not-allowed;
}
input{
width: 100%;
background: #fff !important;
border: 0;
height: 55px;
line-height: 55px;
text-indent: 10px;
margin: 0;
margin-bottom: 10px;
color: #1a1a1a;
border-radius: 5px;
border: 1px solid #ececec;
font-size: 18px;
}
textarea {    font-family: inherit;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #ececec;
color: #1a1a1c;
padding: 10px;	border-radius: 5px;

outline: none;font-size: 18px;
}
.btn, a.btn {
height: fit-content;
background: #020203;
display: inline-block;
text-align: center;
border-radius: 3px;
border: 1px solid #020203;
width: max-content;
word-break: keep-all;
padding: 8px 10px;
line-height: 1em;
cursor: pointer;
font-weight: 500;
position: relative;
box-sizing: border-box;
text-align: center;
font-size: 18px;
color: #fff;
}

@media(max-width: 1024px){
.cont_estimate .title h3{font-size: 28px;}

}
@media(max-width: 769px){
.cont_estimate .formWrap{width: 100%;}

}





/* cont_cta */
.cont_cta{position: relative; background: url(../img/main/cont_cta_bg.jpg) no-repeat; background-size: cover;padding: 220px 0 !important;}
.cont_cta::after{    content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);}
.cont_cta .container{position: relative;z-index: 1;}
.cont_cta img{height: 60px;}
.cont_cta p{        line-height: 1.4;
font-weight: 600;
font-size: 29px;margin-top: 20px;color: #fff;word-break: keep-all}
.cont_cta .flex{margin-top: 65px;}
.cont_cta a{height: 52px;line-height: 52px;background: #fff;color: #1a1a1a;opacity: 0.9;border-radius: 6px;padding: 0 30px;font-size: 18px;font-weight: 500;transition: 0.3s;min-width: 178px}
.cont_cta a:hover{opacity: 1;}
@media(max-width: 769px){
.cont_cta p{font-size: 26px;}
.cont_cta img{height: 26px;}

}


/* map_area */
.map_area .title h3{    font-size: 40px;
font-weight: 700;
line-height: 1.3;
color: #222;background: none;
display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
margin-bottom: 30px;}
.map_area{display:flex;}
.map_area .left{padding-left: calc((100vw - 1200px) / 2);width: 55%;}

.map_area .info li{margin-bottom:35px;}
.map_area .info h4{font-size:26px;font-weight:600;margin-bottom:15px;}
.map_area .info p{font-size:21px;color:#444;line-height:1.7;}

.map_area .way strong{display:block;font-size:26px;font-weight:600;margin-bottom:15px;color:#111;}
.map_area .way i{margin-right:8px;color:#0068B7;    font-size: 1.3em;}

.map_area .right{width: 45%;}
.map_area .right iframe{width:100%;height:520px;border:0;}
.root_daum_roughmap .map_border,
.root_daum_roughmap .cont .section.lst{display: none !important;}
.map_area .root_daum_roughmap,
.map_area .root_daum_roughmap .wrap_map{height: 100%;}

@media(max-width: 1024px){
.map_area .title h3{font-size: 28px;}
}
@media(max-width:768px){
.map_area{padding: 60px 1rem;display: block}
.map_area > div{width: 100% !important;padding: 0;}
.map_area .info h4, .map_area .way strong{font-size: 20px;}
.map_area .info p{font-size: 16px;}
.map_area .root_daum_roughmap, .map_area .root_daum_roughmap .wrap_map{height: 300px;}
}
/* //map_area */