.main-container{}
.main-visual-w{width:100%;height:850px;position:relative}
.main-visual-w .main-visual{width:100%;height:850px;position:relative;}
.main-visual-w .main-visual .swiper-slide{position:relative;height:850px;overflow:hidden}
.main-visual-w .main-visual .swiper-slide .slide-visual {transform: scale(1.3,1.3) ;width:100%;height:850px;transition: all 1.5s; opacity:0} 
.main-visual-w .mv01 {background: url('/asset/images/main_visual_01.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .mv02 {background: url('/asset/images/main_visual_02.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .mv03 {background: url('/asset/images/main_visual_03.jpg') no-repeat 50% 0;background-size:cover}
.main-visual-w .main-visual .swiper-slide-active .slide-visual{transform: scale(1.0,1.0) ;width:100%;transition: all 1.5s;opacity:1 }
.main-visual-w .main-btn-prev{position:absolute;left:20px;top:280px;background-image:url('/asset/images/btn_main_prev.png');background-repeat:no-repeat;background-size:45px 90px;width:45px;height:90px;z-index:100;cursor:pointer}
.main-visual-w .main-btn-next{position:absolute;right:20px;top:280px;background-image:url('/asset/images/btn_main_next.png');background-repeat:no-repeat;background-size:45px 90px;width:45px;height:90px;z-index:100;cursor:pointer}
.main-visual-w .main-visual .mv-pagination {position:absolute;width:46%;right:0;bottom:130px;z-index:100;height:40px;text-align:left}
.main-visual-w .main-visual .mv-pagination .swiper-pagination{position:relative;text-align:left;display:inline-block;margin:0 7px 0 0}
.main-visual-w .main-visual .mv-pagination .swiper-stop{background:transparent;vertical-align:4px} 
.main-visual-w .main-visual .mv-pagination .swiper-play{background:transparent;vertical-align:4px} 
.main-visual-w .main-visual .main-txt {position:absolute;color:#FFF;background:transparent;z-index:1;left:53%;top:300px}
.main-visual-w .main-visual .txt01{font-size:62px; color:#FFF;line-height:1;font-family:'NanumSquareBold';position:relative;opacity:0;transition:all 0.5s } 
.main-visual-w .main-visual .swiper-slide-active .txt01{opacity: 1.0;}
.main-visual-w .main-visual .swiper-slide-active .txt01 .item{animation: text-active-animation .5s cubic-bezier(.5, 0, .5, 1) both;}
.main-visual-w .main-visual .main-txt .txt01 .item{position:relative}
.main-visual-w .main-visual .txt02{font-size:62px; color:#FFF;display:block;line-height:1;font-family:'NanumSquareLight';margin-top:15px;opacity:0;}
.main-visual-w .main-visual .swiper-slide-active .txt02{opacity: 1.0;}
.main-visual-w .main-visual .swiper-slide-active .txt02 .item{animation: text-active-animation .5s cubic-bezier(.5, 0, .5, 1) both;}
.main-visual-w .main-visual .main-txt .txt02 .item{position:relative}
.main-visual-w .main-visual .txt03 {font-size:30px;margin-top:10px;color:#FFF;opacity:0;transition:all 1s;line-height:1.1em}
.main-visual-w .main-visual .swiper-slide-active .txt03 {opacity:1;margin-top:20px;transition:all 1s;}
.main-visual-w .main-visual .swiper-pagination-bullet{width:15px;height:15px;margin:0 8px;border:1px solid #fff;background:transparent;opacity:1;}
.main-visual-w .main-visual .swiper-pagination-bullet-active{background:#FFF !important;border:1px solid #fff;}

.main-bn-w {position:absolute;left:0;bottom:0;width:50%;z-index:1;display:flex;justify-content:end;}
.main-bn-w .con {max-width:700px;}
.main-bn-w .bn01{width:50%;height:240px;background:url(/asset/images/bg_sj_info.jpg) no-repeat 0 0;padding:50px 30px;cursor:pointer}
.main-bn-w .bn01 h3{font-size:30px;color:rgba(255,255,255,.7)}
.main-bn-w .bn01 p{font-size:18px;color:rgba(255,255,255,.7);margin-top:20px}
.main-bn-w .bn01 .btn-bn01-more{display:block;background:#252525;width:100px;height:26px;border-radius:30px;color:#fff;text-align:center;font-size:11px;margin-top:20px;line-height:1.2em;padding-top:6px;box-sizing:border-box}
.main-bn-w .bn01 .btn-bn01-more:hover{background:#274cea}
.main-bn-w .bn02-w{display:flex;height:240px;width:100%;margin-top:1px;}
.main-bn-w .bn02{position:relative;display:block;width:50%;height:240px;background-color:#f4f4f4;padding-top:120px;box-sizing:border-box;text-align:center;border-bottom:1px solid #bababa;cursor:pointer}
.main-bn-w .bn02:nth-child(1){background:#f4f4f4 url(/asset/images/ico_biz.png) no-repeat 50% 42px;border-right:1px solid #bababa}
.main-bn-w .bn02:nth-child(2){background:#f4f4f4 url(/asset/images/ico_result.png) no-repeat 50% 42px}
.main-bn-w .bn02 h3{font-size:24px;color:#000;text-align:center;font-weight:500;}
.main-bn-w .bn02 p{font-size:18px;color:#666;text-align:center;margin-top:20px}
.main-bn-w .bn02 .btn-more-s{display:block;position:absolute;right:10px;top:10px;width:30px;height:30px;border:1px solid #c6c6c6;background:#fff url('/asset/images/ico_more_s.png') no-repeat 50% 50%}
.main-bn-w .bn02 .btn-more-s:hover{border:1px solid #3974c3}

.main-visual-w .main-notice{position:absolute;bottom:0;right:0;width:50%;height:120px;background:rgba(0,0,0,.7);overflow:hidden;z-index:1}
.main-visual-w .main-notice .notice-con{position:relative;max-width:700px;color:#FFF;padding-left:160px;box-sizing:border-box}
.main-visual-w .main-notice .notice-con h3{position:absolute;top:50px;left:35px;color:#FFF;font-family:'GmarketSansBold';font-size:24px;}
.main-visual-w .main-notice .swiper-notice {height:120px;}
.main-visual-w .main-notice .swiper-notice .swiper-slide{padding-top:35px;height:120px;box-sizing:border-box}
.main-visual-w .main-notice .swiper-notice a{display:block;color:#FFF;font-size:20px;padding-right:50px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 1.5em;}
.main-visual-w .main-notice .swiper-notice span{display:block;color:#4572a2;font-size:20px;margin-top:15px}
.main-visual-w .main-notice .btn-notice-w{position:absolute;right:0;top:15px;z-index:1000}
.main-visual-w .main-notice .btn-notice-w .btn-notice-up{display:block;width:42px;height:42px;border:1px solid #fff;background:url('/asset/images/ico_up.png') no-repeat center 50%;box-sizing:border-box;margin-bottom:5px}
.main-visual-w .main-notice .btn-notice-w .btn-notice-down{display:block;width:42px;height:42px;border:1px solid #fff;background:url('/asset/images/ico_down.png') no-repeat center 50%;box-sizing:border-box}
.main-visual-w .main-notice .btn-notice-w button:hover{border:1px solid #3974c3}

.main-tit{font-family:'GmarketSansBold';font-size:44px;color:#000;text-align:center;line-height:1em}
.btn-more-m{display:inline-block;position:absolute;right:10px;top:10px;width:44px;height:44px;border:1px solid #c6c6c6;background:#fff url('/asset/images/ico_more.png') no-repeat 50% 50%}
.btn-more-m:hover{border:1px solid #3974c3}
.main-prod-w {background:#f4f4f4;padding:80px;}
.main-prod-w .con{position:relative;max-width:1400px;margin:0 auto}
.main-prod-w .btn-more-m{position:absolute;right:0;top:0;}
.tab-main-prod {display:flex;justify-content:space-around;align-items:center;max-width:1080px;margin:50px auto}
.tab-main-prod li{display:inline-flex;justify-content:center;align-items:center;width:30%;border:1px solid #c7c7c7;background:#FFF;border-radius:15px;height:60px;text-align:center;color:#8f969f;font-size:24px;cursor:pointer}
.tab-main-prod li.select, .tab-main-prod li:hover{background:#2f94e0;border:1px solid #2f94e0;color:#FFF;font-weight:bolder}
.main-prod-list {position:relative;max-width:1280px;margin:0 auto}
.main-prod-list .swiper-slide{text-align:center}
.main-prod-list .prod-img{display:inline-flex;justify-content:center;align-items:center;border:1px solid #cccccc;filter: drop-shadow(5px 5px 5px #dadada);overflow:hidden;background:#FFF;height:280px;width:280px}
.main-prod-list .prod-img:hover{border:1px solid #33499c; filter: drop-shadow(8px 8px 10px rgba(185, 185, 185, .7))}
.main-prod-list .prod-img img{max-width:286px;max-height:280px;transition: all 1s;}
.main-prod-list .prod-img:hover img{transform: scale(1.1,1.1) ;transition: all 1s;}
.main-prod-list .prod-txt{display:block;text-align:center;margin-top:15px;font-size:18px;overflow:hidden; text-overflow:ellipsis; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 1.8em;}
.btn-prod-prev {display:block;position:absolute;left:-50px;top:calc(50% - 35px);width:44px;height:44px;border:1px solid #e4e4e4;color:#FFF;background:#FFF url(/asset/images/ico_round_prev.png) no-repeat 50% 50%;border-radius:100%;z-index:1}
.btn-prod-prev:hover {border:1px solid #33499c}
.btn-prod-next {display:block;position:absolute;right:-50px;top:calc(50% - 35px);width:44px;height:44px;border:1px solid #e4e4e4;color:#FFF;background:#FFF url(/asset/images/ico_round_next.png) no-repeat 50% 50%;border-radius:100%;z-index:1}
.btn-prod-next:hover {border:1px solid #33499c}

.main-our-w{display:flex;max-width:1360px;justify-content:space-between;margin:0 auto;padding:70px 0;}
.main-our-w .our-biz{max-width:610px;display:flex;justify-content:space-between;flex-wrap:wrap}
.main-our-w .our-biz .main-tit{width:100%;margin-bottom:40px}
.main-our-w .our-biz a {display:block;width:30%;text-align:center}
.main-our-w .our-biz a .ico{display:inline-block;width:180px;height:180px;border-radius:100%;background:#e8eced}
.main-our-w .our-biz a .txt{display:block;margin-top:10px;font-size:18px;}
.main-our-w .our-biz a.biz-01 .ico {background:#e8eced url('/asset/images/ico_our_01.png') no-repeat 50% 50%}
.main-our-w .our-biz a.biz-01:hover .ico {background:#e8eced url('/asset/images/ico_our_on_01.png') no-repeat 50% 50%}
.main-our-w .our-biz a.biz-02 .ico {background:#e8eced url('/asset/images/ico_our_02.png') no-repeat 50% 50%}
.main-our-w .our-biz a.biz-02:hover .ico {background:#e8eced url('/asset/images/ico_our_on_02.png') no-repeat 50% 50%}
.main-our-w .our-biz a.biz-03 .ico {background:#e8eced url('/asset/images/ico_our_03.png') no-repeat 50% 50%}
.main-our-w .our-biz a.biz-03:hover .ico {background:#e8eced url('/asset/images/ico_our_on_03.png') no-repeat 50% 50%}
.main-our-w .our-per{width:690px;position:relative}
.main-our-w .our-per .btn-more-m{position:absolute;right:0;top:0}
.main-our-w .our-per .our-per-list{width:100%;background:#f6f6f6;padding:25px 40px;margin-top:20px;min-height:270px}
.main-our-w .our-per .our-per-list .item{display:flex;justify-content:space-between;width:100%;background:url(/asset/images/ico_dot.jpg) no-repeat 0 17px;font-size:18px;padding:7px 0 7px 12px}
.main-our-w .our-per .our-per-list .item .name{width:40%}
.main-our-w .our-per .our-per-list .item .client{width:40%}
.main-our-w .our-per .our-per-list .item .date{width:90px;text-align:right}

.f-bn-w{display:flex;justify-content:space-between;margin-top:30px;max-width:1250px;margin:30px auto 55px}
.f-bn-w a{display:block;position:relative;max-width:384px;height:148px;overflow:hidden}
.f-bn-w a .txt{position:absolute;top:54px;left:42px;z-index:2;font-family:'GmarketSansBold';font-size:24px;color:#FFF}
.f-bn-w a .txt span{display:block}
.f-bn-w a .txt em{display:inline-block;padding-bottom:5px;font-size:16px;color:#FFF;margin-top:10px;font-family:'Noto Sans KR';border-bottom:1px solid #fff}
.f-bn-w a .img{width:100%;height:100%;display:block}
.f-bn-w a .img img{transform: scale(1.0,1.0) ;transition: all 1s;}
.f-bn-w a:hover .img img{transform: scale(1.2,1.2) ;transition: all 1s;}
.f-bn-w a .alt{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.3);transition: all 1s;}
.f-bn-w a:hover .alt{background:rgba(0,0,0,0);transition: all 1s;}

.main-customer-w {background:#143e85 url('/asset/images/img_customer.png') no-repeat 70% 100%;height:425px;width:100%;}
.main-customer-w .con {max-width:1400px;margin:0 auto;padding-top:72px}
.main-customer-w .con > div {color:#FFF;letter-spacing:-0.03em}
.main-customer-w .txt1 {font-size:36px;font-weight:500}
.main-customer-w .txt2 {font-family:'GmarketSansBold';font-size:44px;margin-top:20px;}
.main-customer-w .txt3 {font-size:20px;margin-top:20px;font-weight:300}
.main-customer-w .tel {font-family:'GmarketSansMedium';font-size:40px;margin-top:30px}
.main-customer-w .tel .ico-phone {display:inline-block;width:65px;height:65px;background:#8fc3ff url(/asset/images/ico_phone.png) no-repeat 50% 50%;border-radius:100%;vertical-align:-20px}



@media screen and (max-width:1080px){
    .main-visual-w .main-notice .notice-con{max-width:100% !important;padding-right:15px}
    .main-visual-w .main-notice .btn-notice-w{right:15px}
    .main-visual-w .main-btn-next, .main-visual-w .main-btn-prev{display:none}

    .main-bn-w .bn01{height:200px;padding:25px 25px}
    .main-bn-w .bn01 h3{font-size:20px}
    .main-bn-w .bn01 p{font-size:15px;margin-top:10px}
    .main-bn-w .bn01 .btn-bn01-more{margin-top:15px;height:23px;width:80px}
    .main-bn-w .bn02-w{height:200px}
    .main-bn-w .bn02{height:200px;padding-top:110px}
    .main-bn-w .bn02 h3{font-size:21px}
    .main-bn-w .bn02 p{font-size:15px;margin-top:10px;padding:0 10px;line-height:1.1em}
    .main-bn-w .bn02:nth-child(1){background-size:48px;background-position:50% 30px}
    .main-bn-w .bn02:nth-child(2){background-size:48px;background-position:50% 30px}
    .main-visual-w .main-notice .notice-con{padding-left:120px}
    .main-visual-w .main-notice .notice-con h3{font-size:21px;left:20px}

	.main-prod-list .prod-img{width:auto}
    .main-prod-list .prod-img img{max-width:250px}
    .tab-main-prod{margin:45px 0;}
    .tab-main-prod li{height:40px;font-size:18px}

    .main-our-w{display:block}
    .main-our-w .our-biz{margin:0 auto}
    .main-our-w .our-per{margin:80px auto 0}

    .f-bn-w{padding:0 30px}
    .f-bn-w a{width:32%}

    .main-customer-w{height:auto;background-size:400px;background-position:100% 100%}
    .main-customer-w .con{padding:45px 20px 45px 35px}
    .main-customer-w .txt1{font-size:21px}
    .main-customer-w .txt2{font-size:27px;margin-top:10px}
    .main-customer-w .txt3{font-size:20px;margin-top:15px}
    .main-customer-w .tel{font-size:24px}
    .main-customer-w .tel .ico-phone{width:45px;height:45px;background-size:22px;vertical-align:-22px}
}

@media screen and (max-width:768px){
    .main-visual-w{height:750px}
    .main-visual-w .main-visual{height:480px}
    .main-visual-w .main-visual .main-txt{left:10%;top:90px}
    .main-visual-w .main-visual .txt01{font-size:31px}
    .main-visual-w .main-visual .txt02{font-size:31px}
    .main-visual-w .main-visual .txt03{font-size:18px}
    .main-visual-w .main-btn-next, .main-visual-w .main-btn-prev{display:none}
    .main-visual-w .main-visual .swiper-slide .slide-visual {height:480px}
    .main-visual-w .main-visual .mv-pagination{bottom:165px;left:30px}
    .main-visual-w .main-visual .swiper-pagination-bullet{width:10px;height:10px}
    .main-bn-w{position:relative;width:100%;bottom:auto;margin-top:-170px}
    .main-bn-w .bn01{height:170px;padding:15px 15px}
    .main-bn-w .bn01 h3{font-size:18px}
    .main-bn-w .bn01 p{font-size:13px;margin-top:10px}
    .main-bn-w .bn01 .btn-bn01-more{margin-top:10px;height:23px;width:80px}
    .main-bn-w .bn02-w{height:170px}
    .main-bn-w .bn02{height:170px;padding-top:70px}
    .main-bn-w .bn02 h3{font-size:18px}
    .main-bn-w .bn02 p{font-size:13px;margin-top:10px;padding:0 10px;line-height:1.1em}
    .main-bn-w .bn02:nth-child(1){background-size:35px;background-position:50% 20px}
    .main-bn-w .bn02:nth-child(2){background-size:35px;background-position:50% 20px}
    .main-visual-w .main-notice{position:relative;width:100%;left:auto;bottom:auto;height:100px}
    .main-visual-w .main-notice .notice-con{max-width:100% !important;padding-right:15px;padding-left:15px}
    .main-visual-w .main-notice .notice-con h3{position:relative;top:auto;left:auto;font-size:16px;margin-top:15px}
    .main-visual-w .main-notice .btn-notice-w{right:10px;top:0}
    .main-visual-w .main-notice .swiper-notice{overflow:hidden; height:80px}
    .main-visual-w .main-notice .swiper-notice .swiper-slide{padding-top:5px}
    .main-visual-w .main-notice .swiper-notice span{margin-top:5px;font-size:13px;line-height:1em}
    .main-visual-w .main-notice .swiper-notice a{font-size:15px}
    .main-visual-w .main-notice .btn-notice-w .btn-notice-up{width:34px;height:34px}
    .main-visual-w .main-notice .btn-notice-w .btn-notice-down{width:34px;height:34px}

    .main-tit{font-size:19px}
    .main-prod-w .btn-more-m{width:34px; height:34px;position:absolute;right:0;top:-10px;}    
    .main-prod-w {background:#f4f4f4;padding:45px 10px 50px;}
    .main-prod-w .con{position:relative;max-width:1400px;margin:0 auto} 
    .tab-main-prod{margin: 25px;px 0}
    .tab-main-prod li{height:40px;font-size:18px}
    .main-prod-list{padding:0 50px}
	.main-prod-list .prod-img{width:auto}
    .main-prod-list .prod-img img{width:100%}
    .main-prod-list .prod-txt{font-size:15px}
    .btn-prod-prev{left:0}
    .btn-prod-next{right:0}

    .main-our-w{display:block;padding:40px 0}
    .main-our-w .our-biz{justify-content:center;}
    .main-our-w .our-biz a {margin:0 5px}
    .main-our-w .our-biz a .ico{width:110px;height:110px;background-size:40px !important}

    .main-our-w .our-per{width:100%;margin-top:50px}
    .main-our-w .our-per .btn-more-m{width:34px; height:34px;position:absolute;right:10px;top:-10px;}  
    .main-our-w .our-per .our-per-list{padding:15px 15px;min-height:auto} 
    .main-our-w .our-per .our-per-list .item{padding:5px 5px 5px 12px;box-sizing:border-box}
    .main-our-w .our-per .our-per-list .item span{font-size:15px}

    .f-bn-w{flex-wrap:wrap;padding:0 20px;justify-content:center;}
    .f-bn-w a{margin-bottom:24px;width:100%}

    .main-customer-w{height:auto;background-image:none}
    .main-customer-w .con{padding:45px 20px}
    .main-customer-w .txt1{font-size:18px}
    .main-customer-w .txt2{font-size:21px;margin-top:10px}
    .main-customer-w .txt3{font-size:16px;margin-top:15px}
    .main-customer-w .tel{font-size:24px}
    .main-customer-w .tel .ico-phone{width:45px;height:45px;background-size:22px;vertical-align:-22px}
    
}
@media screen and (max-width:420px){
.main-our-w .our-biz a .ico{width:90px;height:90px;background-size:35px !important}
}