/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 01 */
/* -------------------------------------------------------------------- */

.swiper-pagination-bullet-active {
	color:#fff;
	background: #fff!important;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: white!important;
    opacity:0.2;

}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 16px!important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px!important;}

/* 언어탭 */

/* 메인배너 */
.wrap_inner{padding-left: 6.4375%; padding-right:6.4375%; overflow: hidden;}
.main01{position: relative; overflow: hidden; margin-top: 110px; letter-spacing: -0.8px;}
.main01 .main-text{padding: 106px 0; width: 100%; height: 363px; background:url(../img/main/main01_slide_line.png)no-repeat; background-position: center; background-size: cover;
     color: white; position: absolute; left:0; top: 50%;  
     transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); 
     z-index:10;
     text-align: center; margin: 0 auto;
    }
.mt-green{color: #03e321;}
.mt-blue{color:#2c3a71;}

.main01 .main-text h2{font-size: 2.7888rem; padding:0 16px 16px 16px; word-break: keep-all;}
.main01 .main-text p{font-size: 1.333rem; width: 565px; padding-bottom: 50px; word-break: keep-all;text-align: center; margin: 0 auto;} 
.main01 .main-text .main_btn_wrap{width: 144px;}
.main01 .main-text .main_btn_wrap a>img:nth-child(2){display: none;}
.main01 .main-text .main_btn_wrap:hover a>img:nth-child(1){display: none;}
.main01 .main-text .main_btn_wrap:hover a>img:nth-child(2){display: block;}


.main01 .main_product{position: absolute; top: 640px; left: 0; z-index: 99;}
.main01 .main_product::before{content: "제품소개"; position: absolute; left: 0; top:-42px; width: 150px; color: white; font-size: 1.222rem; font-weight: 600; }
.main01 .main_product .main_product_wrap{width: 100%; position: relative; padding-right: 16px;}
.main01 .main_product .main_product_wrap p{position: absolute;  color: white; bottom: 14px; left: 20px; font-size: 0.888rem;}
.slick-dots li{display: none!important;}
.slick-prev{top: -23px!important; left: auto!important; right:56px!important;}
.slick-next{top: -23px!important; right:18px!important;}
.slick-prev:before, .slick-next:before{font-size: 25px!important;}
/* .main01 .main_product h2{font-size: 1.222rem; color: white;}
.main01 .main_product>ul{margin-left: -16px; margin-right: -16px;}
.main01 .main_product>ul>li{width: 25%; padding: 16px; display: inline-block; margin-right: -4px; color: white;}
.main01 .main_product>ul>li .main_product_wrap{width:25%; overflow: hidden; position: relative;}
.main01 .main_product>ul>li .main_product_wrap .main_product_img{width: 100%; overflow: hidden;}
.main01 .main_product>ul>li .main_product_wrap .main_product_img>img{width: 100%;}
.main01 .main_product>ul>li .main_product_wrap p{position: absolute; bottom: 14px; left: 20px; font-size: 0.888rem;}
.main01 .main_product .main_product_arrow{position: absolute; right: 0; top:18px; }
.main01 .main_product .main_product_arrow ul li{float: left; padding-right: 24px; cursor: pointer;}
.main01 .main_product .main_product_arrow ul li:last-child{padding-right: 0;} */

.main01 .main-slide{width: 100%; height: 600px;}
.main01 .main-slide .main-bg{width: 100%; /*height: 960px;*/ position: relative; overflow: hidden;}
.main01 .main-slide .main-bg-img01{background: url(../img/main/main_slide_img01.jpg)no-repeat; background-position: center; background-size: cover;}
.main01 .main-slide .main-bg-img02{background: url(../img/main/main_slide_img02.jpg)no-repeat; background-position: center; background-size: cover;}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 02 */
/* -------------------------------------------------------------------- */

.main02{padding:24px 13% 48px 13%; overflow: hidden; background: url(../img/main/main_02_bg.png)no-repeat; background-position: center; background-size: cover; background-color:#fcfcfc;}
.main02 .main02_left{width:100%; overflow: hidden;}
.main02 .main02_left>ul{margin-left: -12px; margin-right: -12px;}
.main02 .main02_left>ul>li{width: 33.333%; height:51%; display: inline-block; margin-right: -4px; padding: 12px; vertical-align: top;}
.main02 .main02_left>ul>li .main02_left_inner{height: 300px;  position: relative; width: 100%; border-top: 1px solid #dbdbdb;  border-right: 1px solid #dbdbdb;   border-bottom: 1px solid #dbdbdb; 
    padding:34px;background-color: white;
}
:lang(en) .main02 .main02_left>ul>li .main02_left_inner{height: 315px;}   
:lang(en) .main02 .main02_left>ul>li .main02_left_inner .main02_left_text>p{height: 57px;}
:lang(en) .main02 .main02_left>ul>li .main02_left_inner .main02_left_text>h3{font-size: 1.2444rem;}
:lang(en) .cover>.cover_inner>h2{font-size:1.2625rem; line-height: 1.2;}
.main02_left_icon{width: 71px; margin: 28px auto 0 auto;}
.main02_left_icon>img{width: 100%;}
.main02_right_icon{width: 50px; margin: 0 auto; padding-bottom: 8px; }
.main02_right_icon>img{width: 100%;}
.main_02_img{width: 328px; margin: 32px auto;}
.main_02_img>img{width: 100%;}
.main02 .main02_left>ul>li .main02_left_inner .main02_left_text{word-break: keep-all; width: 100%; text-align: center;}
.main02 .main02_left>ul>li .main02_left_inner .main02_left_text::before{content: ""; display: block; width:30px; height: 1px; background-color: #232323; margin: 0 auto 24px auto;}
.main02 .main02_left>ul>li .main02_left_inner .main02_left_text span{display: block;}
.main02 .main02_left>ul>li .main02_left_inner .main02_left_text>i{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.main02 .main02_left>ul>li .main02_left_inner .main02_left_text>h3{font-size: 1.344rem; font-weight: 600; padding: 8px 0;}
.main02 .main02_left>ul>li .main02_left_inner .main02_left_text>p{height: 50px; font-size: 0.9rem; color: #616161; line-height: 1.4;}

.bd_left_blue::before{content: ""; position: absolute; left: 0; top: 0; width: 4px;height: 100%; border-left:4px solid #00558e!important;}
.bd_left_orange::before{content: ""; position: absolute; left: 0; top: 0; width: 4px;height: 100%;border-left:4px solid #ff8b2d!important;}
.bd_left_skyblue::before{content: ""; position: absolute; left: 0; top: 0; width: 4px;height: 100%;border-left:4px solid #01a5f6!important;}
.bd_left_green::before{content: ""; position: absolute; left: 0; top: 0; width: 4px;height: 100%;border-left:4px solid #34c684!important;}

.cover{width: 100%; opacity: 0; height: 100%; position:absolute; left: 0; top: 0; z-index: 99; color: white;  transition-duration:0.5s; }
.cover_inner{opacity: 0; ; border: 1px solid rgba(255, 255, 255, 0.7); width: 100%; height: 100%; padding: 96px 0; position: relative;}
.cover_inner::after{content: ""; position: absolute; left: 0; top: 0; width: 92px; height: 62px; background: url(../img/main/main_02_line.png)no-repeat; background-position: center; background-size: contain;}
.cover_inner::before{content: ""; position: absolute;right: 0; bottom: 0; width: 92px; height: 62px; background: url(../img/main/main_02_line.png)no-repeat; background-position: center; background-size: contain;}

.cover>.cover_inner>h2{width: 100%; text-align: center; font-size: 1.4625rem; line-height: 0.9;}
.cover>.cover_inner>p{border: 1px solid white;  width: 130px;  padding: 8px; text-align: center; margin: 16px auto; transition-duration:0.3s; cursor: pointer;}
.cover01{background-color:#00558e;}
.cover02{background-color:#ff8b2d;}
.cover03{background-color:#01a5f6;}
.cover04{background-color:#34c684;}
.main02 .main02_left>ul>li .main02_left_inner{ transition-delay: 0.5s;}
.main02 .main02_left>ul>li .main02_left_inner:hover .cover{opacity: 1; padding:12px;}
.main02 .main02_left>ul>li .main02_left_inner:hover .cover>.cover_inner{opacity: 1;  transition-duration:0.5s; transition-delay:0.2s;}
.cover>.cover_inner>p:hover{background-color: white;}
.cover01>.cover_inner>p:hover{color:#00558e;}
.cover02>.cover_inner>p:hover{color:#ff8b2d ;}
.cover03>.cover_inner>p:hover{color:#01a5f6 ;}
.cover04>.cover_inner>p:hover{color:#34c684;}



.main02 .main02_right{padding: 34px; width: 100%;height: 300px; text-align: center; word-break: keep-all;  background: url(../img/main/main02_right.png)no-repeat; 
    background-position: center; background-size:cover;}
.main02 .main02_right .main02_right_inner {width: 100%;
}
:lang(en) .main02 .main02_right{height: 315px;}
   
.main02 .main02_right .main02_right_inner h3{font-size: 1.111rem; color: white;font-family: 'Roboto', sans-serif; font-weight: 400;}
.main02 .main02_right .main02_right_inner p{font-size: 2.4111rem; color: white;  font-family: 'Roboto', sans-serif;}
:lang(en) .main02 .main02_right .main02_right_inner p{font-size: 2.4111rem;}
.main02 .main02_right .main02_right_inner p:nth-child(3){font-size: 0.9444rem!important;padding-bottom:32px; font-family:'Noto Sans KR', sans-serif;}
.main02 .main02_right .main02_right_inner p:nth-child(3)>span{display: block;}
.main02 .main02_right .main02_right_inner>i{display: block; width:55px;text-align: center; margin: 20px auto; transition-duration:0.3s;}
.main02 .main02_right .main02_right_inner>i>a>img{width: 100%;}
.main02 .main02_right .main02_right_inner>i:hover{transform: rotateZ(-180deg);}


/* 슬라이드 플러그인 */
.main04-slide>div{float: left;}