/* mobile search modal */
#wrap.wrap_20220124 .find_modal {position: fixed; top: 80px; left: 0; width: 100%; height: calc(100% - 80px); background: rgba(0,0,0,0.7); z-index: 100;}
#wrap.wrap_20220124 .find_modal .find_form{width: 100%; height: 100px; background: #fff; border-top: 1px solid #dedede; padding-top: 24px;}
#wrap.wrap_20220124 .find_modal .find_form .input_wrap{width: 80%; margin: auto; border: 1px solid #dedede; padding:10px;}
#wrap.wrap_20220124 .find_modal .find_form .input_wrap input[type="text"]{width: 90%; padding-left: 10%; text-align: center;}
#wrap.wrap_20220124 .find_modal .find_form .input_wrap > a{display: inline-block; background: url('../images/main/icon_find_gray.png') no-repeat; background-position: center; background-size: cover; width: 20px; height: 20px;vertical-align: middle;}
#wrap.wrap_20220124 .find_modal > .bt_close {display: block; text-align: center;}
#wrap.wrap_20220124 .find_modal > .bt_close img {width: 40px; margin-top: 20px;}

.main_visual_wrap .visual_slide .stVisual .mo_banner{display: none;}

.main_section1{padding-top: 80px;}
.main_visual_wrap{position:relative;width:100%; background:#f5f5f5;}
.main_visual_wrap .visual_slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.main_visual_wrap .visual_slide.slick-initialized {
    visibility: visible;
    opacity: 1;
}
.main_visual_wrap .slick-track{height: 100%;}
.main_visual_wrap .slick-slider .slick-list{height: 100%;}
.main_visual_wrap .visual_slide{position:relative;width:100%;max-width: 1920px; /* aspect-ratio: 1 / 0.198; */ margin:auto;height:100%; overflow: hidden; color:#fff;}
.main_visual_wrap .visual_slide{position:relative;width:100%;max-width: 1920px;  aspect-ratio: 1 / 0.198;  margin:auto;height:100%; overflow: hidden; color:#fff;}
.main_visual_wrap .visual_slide .slick-arrow {position: absolute; top: 0; width: 10%; height: 100%; background-color: transparent; z-index: 2;}
.main_visual_wrap .visual_slide .slick-prev{background: url('../images/main/ar_left.png') no-repeat; left: 0; background-position: center;}
.main_visual_wrap .visual_slide .slick-next{background: url('../images/main/ar_right.png') no-repeat; right: 0; background-position: center;}
.main_visual_wrap .visual_slide .stVisual{position: relative;}
.main_visual_wrap .visual_slide .stVisual .banner{position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden;}
.main_visual_wrap .visual_slide .stVisual .banner .imgBox{position: absolute; left:0;top:0; width: 100%; height: auto;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox{position: relative; max-width: 1252px; display: flex; justify-content: center; flex-direction: column; width: 100%; height: 100%;font-family: Inter; margin: 0 auto ; user-select: text; color: #fff;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-family: 'Inter','mainTitleBold', 'Noto Sans KR', sans-serif ; font-size: 60px;font-weight: 600;line-height: 1.233;  display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-family:  'Inter','subTitleRegular', 'Noto Sans KR', sans-serif; font-size: 28px;font-style: normal;font-weight: 500; line-height: 1.214; margin-top: 11px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{font-family: 'Noto Sans KR', sans-serif; position: absolute; right: 55px; bottom:54px;   display: inline-flex; align-items: center;justify-content: center; font-size: 20px; font-weight: 500; line-height: 32px; color: #fff;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn::after{font-family: 'Noto Sans KR', sans-serif; content: ""; position: absolute; bottom:-11px; right:-35%; display: inline-block; width: 146%;  aspect-ratio: 1 / 0.122; background: url(../images/main/btn_arrow.png) no-repeat center bottom; background-size: 100% auto;}

/* .main_visual_wrap .visual_slide .stNews{position: relative;width:100%;height: 100%;padding-top: 110px;}
.main_visual_wrap .visual_slide .stNews .newsWrap{position: relative;width:100%;max-width:1200px;margin:auto;height:315px;overflow: hidden;}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsImg{float:left;width:48%;max-width:560px;height:300px;background-size:cover;background-repeat:no-repeat;background-position:top center;border-radius: 10px;overflow: hidden;font-size:0;}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsBox{float:left;width:50%;max-width:600px;margin-left:2%; padding-top: 15px; letter-spacing: -1px}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .newsTit{font-size: 40px;font-weight: 600;line-height: 50px;height: 100px;overflow: hidden;word-break:keep-all;}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .newsSubTit{margin-top:15px;font-size: 18px;line-height: 24px;height: 24px;overflow: hidden;word-break:keep-all;}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .newsText{margin-top:28px;font-size: 16px;line-height: 20px;height: 40px;color:#787878;overflow: hidden;word-break:keep-all;}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .btnWrap{margin-top:30px}
.main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .btnWrap a{color:#2196f3;display:inline-block;width:140px;line-height:45px;text-align: center; border:1px solid #2196f3;border-radius: 5px;font-size:16px;} */
.main_visual_wrap .slick-dots{position: absolute;left:0;bottom: 18px;width:100%;text-align: center;line-height:12px;z-index: 3}
.main_visual_wrap .slick-dots li{display: inline-block;width:6px;height:6px;background:#aaaaaa;border-radius: 50%;margin:0 10px;overflow: hidden;vertical-align: middle;}
.main_visual_wrap .slick-dots li button{background: none;}
.main_visual_wrap .slick-dots li{display: inline-block;width:6px;height:6px;background:#aaaaaa;border-radius: 50%;margin:0 10px;overflow: hidden;}
.main_visual_wrap .slick-dots li.slick-active{display: inline-block;width:12px;height:12px;background:none;border:2px solid #aaaaaa;border-radius: 50%;margin:0 10px;overflow: hidden;}
.main_project{padding-top:130px;}
.main_project .section_inner{width:100%;max-width: 1230px;margin:auto;}
.main_project .section_inner h3{font-size:36px}
.main_project .section_inner a.bt_all{position: absolute;top:20px;right:46px;font-size:16px;padding-right: 23px;background:url('../images/main/icon_plus.png') no-repeat right center;}
.main_project .section_inner .project_wrap{margin-top:15px;}
.main_project .section_inner .project_wrap a{display: block;}
.main_project .section_inner .project_wrap .slick-list{}
.main_project .section_inner .project_wrap .project_slide {display: inline-block; max-width:390px ; height:480px;border:1px solid #b9b9b9;margin:0 10px;border-radius: 5px; overflow: hidden;}
.main_project .section_inner .project_wrap .project_slide:focus-within {outline: 2px solid #000;}
.main_project .section_inner .project_wrap .project_slide .p_img{width:100%;height:285px;background-position: center center;font-size:0;text-indent: -1000px;overflow: hidden;background-position: center center;background-repeat: no-repeat;transition: all .5s ease;background-size:cover}
.main_project .section_inner .project_wrap .project_slide .text_box{padding:0 30px;height:194px;border-radius:0 0 5px 5px;}
.main_project .section_inner .project_wrap .project_slide .text_box .p_name{padding-top: 23px;font-size:24px;font-weight: 600;overflow:hidden;height:54px;line-height: 30px;word-break: break-all}
.main_project .section_inner .project_wrap .project_slide .text_box .p_product{height: 18px; margin-top: 10px;font-size:14px;color:#a3a3a3;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.main_project .section_inner .project_wrap .project_slide .text_box .p_product span{display:inline-block;padding-right:8px;margin-right:5px;background:url('../images/main/bar_h13.png') no-repeat right center;}
.main_project .section_inner .project_wrap .project_slide .text_box .p_text{margin-top: 10px;font-size:14px;color:#777777;line-height: 20px;height:40px;overflow: hidden;}
.main_project .section_inner .project_wrap .project_slide .text_box .p_detail{margin-top: 30px;font-size:14px;font-weight:600;color:#2196f3;}
.main_project .section_inner .project_wrap .project_slide:hover{}
.main_project .section_inner .project_wrap .project_slide:hover .p_img{height:360px;overflow:hidden;background-size:cover;transform: scale(1.07);;}
.main_project .section_inner .project_wrap .project_slide:hover .text_box{height:120px}
.main_project .section_inner .project_wrap .project_slide:hover .text_box .p_name{padding-top:36px;height:64px;}
.main_project .section_inner .project_wrap .project_slide:hover .text_box .p_text{display: none}
.main_project .section_inner .project_wrap .project_slide:hover .text_box .p_detail{display: none}
.main_project .section_inner .project_wrap .slick-arrow{position:absolute;top:50%;margin-top:-27px;width:29px;height:55px;}
.main_project .section_inner .project_wrap .slick-prev{left:-60px;background:url('../images/main/ar_left.png') no-repeat;}
.main_project .section_inner .project_wrap .slick-next{right:-60px;background:url('../images/main/ar_right.png') no-repeat;}
.main_project .section_inner .project_wrap  .slick-dots{position: relative;margin-top:30px;width:100%;text-align: center;line-height:12px;z-index: 3}
.main_project .section_inner .project_wrap  .slick-dots li{display: inline-block;width:6px;height:6px;background:#aaaaaa;border-radius: 50%;margin:0 10px;overflow: hidden;vertical-align: middle;}
.main_project .section_inner .project_wrap  .slick-dots li button{ background: none;}
.main_project .section_inner .project_wrap  .slick-dots li{display: inline-block;width:6px;height:6px;background:#aaaaaa;border-radius: 50%;margin:0 10px;overflow: hidden;}
.main_project .section_inner .project_wrap  .slick-dots li.slick-active{display: inline-block;width:12px;height:12px;background:none;border:2px solid #aaaaaa;border-radius: 50%;margin:0 10px;overflow: hidden;}



/* item section */
.item_wrap {margin-top: 40px;}
.item_wrap .item_list {width: 100%; max-width: 1200px; margin: 0 auto;}
.item_wrap .item_list ul{text-align: center;font-size:0;}
.item_wrap .item_list ul li {position:relative;display: inline-block;vertical-align: top; text-align: left;width:25%; max-width: 290px; height: 185px; padding: 15px 20px;}
.item_wrap .item_list ul li:nth-child(2),
.item_wrap .item_list ul li:nth-child(3),
.item_wrap .item_list ul li:nth-child(4){border-left: 1px solid #dddddd;}
.item_wrap .item_list ul li .tit { margin-bottom: 20px;line-height: 1.2; font-size: 20px;font-weight: 600;}
.item_wrap .item_list ul li .txt { font-size: 15px; line-height: 20px;}
.item_wrap .item_list ul li .bt { padding-top: 20px;}
.item_wrap .item_list ul li .bt a{color: #2196f3;  font-size: 14px;font-weight: 600}


/* section4 */
.main_section4 {margin: 140px 0 160px 0;}
.main_section4 .section_inner{text-align: center;font-size:0}
.main_section4 .section_inner .consulting,
.main_section4 .section_inner .newsletter {display: inline-block;width:49%; max-width: 590px; height: 280px; border-radius: 8px; text-align: left;}
.main_section4 .section_inner .consulting {background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 2%; border: 1px solid #c0c0c0;}
.main_section4 .section_inner .newsletter {background-repeat: no-repeat; background-size: cover; background-position: center; border: 1px solid #c0c0c0;}
.main_section4 .section_inner .section4_bx {display: inline-block; padding: 60px 0px 0px 30px;}
.main_section4 .section_inner h3{color: #fff; font-size: 34px; font-weight: 600;}
.main_section4 .section_inner .txt{color: #999999; margin: 20px 0 30px 0; font-size: 16px; line-height: 20px;height:40px;overflow: hidden;}
.main_section4 .section_inner p{display: inline-block; padding: 12px 0;}
.main_section4 .section_inner p a{color: #fff; font-size: 16px; padding: 12px 30px; background-color: #2196f3; border-radius: 5px;}

@media screen and (max-width:1800px) {
.main_visual_wrap .visual_slide .stVisual .banner .textBox{ max-width: 1100px;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 50px;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 22px; margin-top: 11px; }
.main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 55px; bottom:48px; font-size: 16px; line-height: 28px;}
.main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn::after{content: ""; bottom:-6px;} 
}

@media screen and (max-width:1520px) {
    .main_visual_wrap .visual_slide .stVisual .banner .textBox{ max-width: 900px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 40px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 18px; margin-top: 11px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 55px; bottom:40px; font-size: 16px; line-height: 28px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn::after{content: ""; bottom:-6px;} 
}

@media screen and (max-width:1300px) {

    .main_visual_wrap .visual_slide{max-width: initial;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox{ max-width: 800px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 32px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 16px; margin-top: 8px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 55px; bottom:30px; font-size: 16px; line-height: 28px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn::after{content: ""; bottom:-6px;} 

    .main_visual_wrap .visual_slide .stNews{position: relative;width:100%;height: 100%;}
    .main_visual_wrap .visual_slide .stNews .newsWrap{position: relative;width:95%;max-width:100%;margin:auto;overflow: hidden;}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsImg{float:left;width:48%;max-width:560px;border-radius: 10px;overflow: hidden}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsBox{float:left;width:50%;max-width:600px;margin-left:2%; padding-top: 15px; letter-spacing: -1px}

    .main_project .section_inner{width:85%;max-width: 1200px;margin:auto;}
    .main_project .section_inner h3{font-size:26px;margin-left:15px;}
    .main_project .section_inner a.bt_all{position: absolute;top:10px;right:20px;font-size:16px;padding-right: 23px;background:url('../images/main/icon_plus.png') no-repeat right center;}
    .main_section4 .section_inner{width:95%;margin:auto;}
    .logo_wrap .section_inner h3 {font-size: 26px;}
}
@media screen and (max-width:1200px) {
    .main_section1{padding-top: 50px;}

    .main_visual_wrap .visual_slide .slick-arrow{width: 7%;}
    .main_visual_wrap .visual_slide{max-width: initial;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox{ max-width: 700px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 30px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 16px; margin-top: 8px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 55px; bottom:28px; font-size: 16px; line-height: 28px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn::after{content: ""; bottom:-6px;} 
}
@media screen and (max-width:1000px) {
    .main_visual_wrap{position:relative;width:100%;background:#f5f5f5}
    .main_visual_wrap .visual_slide .stVisual{position: relative;}
    .main_visual_wrap .visual_slide .stVisual .pc_banner{display: none;}
    .main_visual_wrap .visual_slide .stVisual .mo_banner{display: block;}
    .main_visual_wrap .slick-dots{position: absolute;left:0;bottom:15px;width:100%;text-align: center;line-height:12px;z-index: 3}
    .main_visual_wrap .visual_slide .stNews{position: relative;width:100%;height: 100%;padding-top:20px;}
    .main_visual_wrap .visual_slide .stNews .newsWrap{position: relative;width:90%;max-width:100%;margin:auto;height:auto;overflow: hidden;}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsImg{float:none;width:100%;max-width:100%;border-radius: 10px;overflow: hidden}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsBox{float:none;width:100%;max-width:100%;margin-left:0%; padding-top: 15px; letter-spacing: -1px}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .newsTit{font-size: 30px;font-weight: 600;line-height: 1;height: auto;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;word-break: normal}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .newsSubTit{margin-top:10px;font-size: 16px;line-height: 24px;height: 24px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;word-break: normal;}
    .main_visual_wrap .visual_slide .stNews .newsWrap .newsBox .newsText{margin-top:10px;font-size: 14px;line-height: 20px;height: 40px;color:#787878;overflow: hidden;word-break:keep-all;}
    .main_project{padding-top:70px;}
    .main_project .section_inner .project_wrap .project_slide {max-width: unset; height:360px;border:1px solid #b9b9b9;margin:0 10px;border-radius: 5px; overflow: hidden;}
    .main_project .section_inner .project_wrap .project_slide .p_img{width:100%;height:180px;background-position: center center;font-size:0;text-indent: -1000px;overflow: hidden;background-position: center center;background-repeat: no-repeat;transition: all .5s ease;background-size:cover}
    .main_project .section_inner .project_wrap .project_slide .text_box{padding:0 20px;height:180px;border-radius:0 0 5px 5px;}
/*    .main_project .section_inner .project_wrap .project_slide .text_box .p_name{padding-top: 20px;font-size:24px;height:44px;line-height:24px;font-weight: 600;overflow:hidden;}*/
       .main_project .section_inner .project_wrap .project_slide:hover .p_img{height:230px;overflow:hidden;background-size:cover;transform: scale(1.07);;}
    .main_project .section_inner .project_wrap .project_slide .text_box .p_detail{margin-top: 20px;font-size:14px;font-weight:600;color:#2196f3;}

    
    
    .main_section4 {margin: 70px 0 }
    .main_project .section_inner{width:100%;max-width: 1200px;margin:auto;}
    .item_wrap .item_list ul{width:95%;margin:auto}
    .item_wrap .item_list ul li {display: inline-block; text-align: left;width:50%;max-width:50%; ; height: auto; padding:30px 20px;}
    .item_wrap .item_list ul li .tit {color: #000; margin-bottom: 10px; font-size: 20px;line-height:25px;height:50px; font-weight: 600;overflow:hidden;white-space:inherit; text-overflow:inherit; }
    .item_wrap .item_list ul li:nth-child(3){border-top: 1px solid #dddddd;border-left:none}
    .item_wrap .item_list ul li:nth-child(4){border-left: 1px solid #dddddd;border-top: 1px solid #dddddd;}
    .main_section4 .section_inner .consulting, .main_section4 .section_inner .newsletter {display: inline-block;width:100%; max-width: 100%; height: 200px; border-radius: 8px; text-align: left;margin-bottom: 20px;;}
    .main_section4 .section_inner .section4_bx {display: block; padding: 30px 20px;;}
    .main_section4 .section_inner .consulting { margin-right: 0;}
    .main_section4 .section_inner h3{color: #fff; font-size: 27px; font-weight: 600;}
    .main_section4 .section_inner .txt{color: #999999; margin: 15px 0 20px 0;padding:0; font-size: 14px; line-height: 18px;height:36px;overflow: hidden;}
    .main_section4 .section_inner p a{color: #fff; font-size: 16px; padding: 10px 30px; background-color: #2196f3; border-radius: 5px;}

    .main_visual_wrap .visual_slide .slick-arrow{width: 6%;}
    .main_visual_wrap .visual_slide{aspect-ratio: 1 / 0.843;}
    .main_visual_wrap .visual_slide{max-width: initial;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox{ max-width: initial; justify-content: end; padding: 0 6.6% 22%;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 50px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 22px; margin-top: 30px; -webkit-line-clamp: 3; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 110px; bottom: 60px; font-size: 20px; line-height: 40px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn::after{content: ""; bottom: -4px;}
}

@media screen and (max-width:840px) {
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 42px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 20px; margin-top: 20px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 90px; bottom: 50px; font-size: 18px; line-height: 36px;}
}

@media screen and (max-width:735px) {
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 32px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 18px; margin-top: 16px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 70px; bottom: 40px; font-size: 16px; line-height: 32px;}
}

@media screen and (max-width:580px) {
    .main_visual_wrap .visual_slide .slick-prev{background-size:60% auto}
    .main_visual_wrap .visual_slide .slick-next{background-size:60% auto}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox{}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 24px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 14px; margin-top: 12px; }
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .bannerBtn{right: 50px; bottom: 30px; font-size: 14px; line-height: 30px;}
}

@media screen and (max-width:430px) {
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .mainText{font-size: 18px;}
    .main_visual_wrap .visual_slide .stVisual .banner .textBox .subText{font-size: 14px; margin-top: 10px; }
}