/* 언어선택 첫페이지 */
.main_lang{width: 100%; overflow: hidden;}
.main_lang>.inner{position: relative; width: 100%; height: 100vh; overflow: hidden; background: url(../img/main/main_bg2.png)no-repeat; background-position: center; background-size: cover;}
.main_lang>.inner> .text_wrap{ overflow: hidden; text-align: center; position: absolute;
  width: 100%;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
}
.main_lang>.inner> .text_wrap>.title{width: 100%; text-align:center;}
.main_lang>.inner> .text_wrap>.title>.text{font-size: 105px; font-weight: 500; color: #000;}
.main_lang>.inner> .text_wrap>.title>.text::before{content: "";
    display: inline-block; width:116px; height: 160px;
     background: url(../img/main/main_lang_logo.png)no-repeat; background-position: bottom; background-size: contain; background-position-y: 80%;
      margin-bottom:-12px; margin-right: -16px;
    }
    .main_lang>.inner> .text_wrap>.title>.text>span{font-size: 75px; font-weight: 400;}
.main_lang>.inner> .text_wrap .title_lang{width: 720px; max-width: 100%; overflow: hidden; margin: 0 auto;}
.main_lang>.inner> .text_wrap .title_lang>.inner{width: 100%; overflow: hidden;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul{margin-left: -16px; margin-right: -16px;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li{width: 33.333%; display:inline-block; vertical-align: top; margin-right: -5px; padding: 16px;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li>.lang_wrap{cursor: pointer; overflow: hidden; height: 205px;
    transition-duration:0.5s; background-color: rgba(255,255,255,0.8); border-radius:25px; border: 1px solid #ddd; padding: 54px; margin: 0 auto;
}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li>.lang_wrap:hover{background-color: #ffc233; border: 1px solid #ffc233;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li>.lang_wrap>.text{width: 100%; overflow: hidden;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li>.lang_wrap>.text>p{font-size:21px; font-weight: 500; padding-top: 16px;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li>.lang_wrap>.lang_img{width: 100%; overflow: hidden;}
.main_lang>.inner> .text_wrap .title_lang>.inner ul li>.lang_wrap>.lang_img>img{width:66px; height: 50px; margin: 0 auto;}
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------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: #ffc233!important;
    opacity: .2;

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


/* 메인배너 */
.main01{width: 100%; }
.main01 .main-slide{width: 100%; height: 960px;}
.main01 .main-slide .main-bg{width: 100%; height: 960px; position: relative; overflow: hidden;}
.main01 .main-slide .main-bg-img01{background: url(../img/main/main01-01.jpg)no-repeat; background-position: center; background-size: cover;}
.main01 .main-slide .main-bg-img02{background: url(../img/main/main01-04.jpg)no-repeat; background-position: center; background-size: cover;}
.main01 .main-slide .main-bg-img03{background: url(../img/main/main01-03.jpg)no-repeat; background-position: center; background-size: cover;}
.main01 .main-slide .main-bg-img04{background: url(../img/main/main01-05.jpg)no-repeat; background-position: center; background-size: cover;}

.main01 .main-slide .main-bg-img02 .main-text h1{font-size:3.389rem;  text-shadow:0px 1px 3px #7b7b7b;line-height: 1.4; }
:lang(ru) .main01 .main-slide .main-bg-img02 .main-text h1{font-size: 2.989rem;}
:lang(ru) .main01 .main-slide .main-bg-img02 .main-text h1{width: 65%; margin: 0 auto;}
.main01 .main-slide .main-bg-img03 .main-text h1{font-size:3.389rem;  text-shadow:0px 1px 3px #7b7b7b;line-height: 1.4; }

.main-text{width: 100%; position: relative; padding-top: 20%; text-align: center;}
:lang(ru) .main-text{padding-top: 16%;}
.main-text h1{font-size: 3.889rem; word-break: keep-all; line-height: 1.2; text-transform: uppercase; color: #fff; text-shadow: 0px 1px 3px #7b7b7b;}
.main-text h1>span{display: block;}
.main-text p{font-size: 1.111rem; color: #fff; word-break: keep-all; color: #fff; text-shadow:0px 1px 3px #757575; }
:lang(ru) .main-text p{width: 80%; margin: 0 auto; padding-top: 24px;}
.main-text p span{display: block;}

.main01-button{text-align: center; padding: 0 15px; width: 200px; height: 50px; border-radius: 30px; border: 1px solid #fff; background-color: rgba(255,255,255,0.2); 
    color: #fff; font-size: 1rem; font-weight: 500; text-transform: uppercase; transition: all .3s;
} 

.main01-button>img{ width: 100%; margin: 0 auto;}
.main01-button:hover{/* background-color:rgba(215,165,52,0.5); */ background-color:rgba(255,255,255,0.5);}
.main01-button a{width: 100%; height: 100%;}
.main_slide_arrow{width: 1440px; max-width: 100%;  position: absolute; height: 56px; top: 50%; left: 50%; 
    transform: translate(-50%, -50%); z-index: 999; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
 }
.main_slide_arrow ul li{width:28px; height: 56px; position: absolute;}
.main_slide_arrow ul .main_slide_arrow_left{ left:0px; cursor: pointer;}
.main_slide_arrow ul .main_slide_arrow_right{ right: 0px; cursor: pointer;}

.main_product_arrow{width: 1440px; max-width: 100%;  position: absolute; bottom: 0; left: 50%; padding-bottom: 17%;
    transform: translateX(-50%); z-index: 999; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
   z-index: 5;
 }
 .swiper-container{z-index:7!important ;}
.main_product_arrow ul li{width:28px; height: 56px; position: absolute;}
.main_product_arrow ul .main_product_arrow_left{ left:0;  top: 50%; transform: translateY(-50%);  cursor: pointer;}
.main_product_arrow ul .main_product_arrow_right{ right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 02 */
/* -------------------------------------------------------------------- */

.main02{padding:120px 0}
.main02 h2{font-size: 2.778rem; text-align: center;}
.main02 .main02-logo{width:54px; display: block; margin: 0 auto;}

.main02-li{width: 100%; padding-top: 80px;}
:lang(ru) .main02-li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
:lang(en) .main02-li{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.main02-li li{width: 33.333%; padding:1%; float: left; text-align: center;  position: relative;}
:lang(en) .main02-li li{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column;   }
:lang(ru) .main02-li li{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column;}
.main02-li li::before{width: 1px; height: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; background-color: #ddd;}
.main02-li li:last-child::before{display: none;}
.main02-li li .main02-icon{display: block; height: 35px; margin: 0 auto}
.main02-li li .main02-icon img{width: 100%; display: block ; -ms-interpolation-mode:bicubic;}
.main02-li li .m02-icon01{width:35px;}
.main02-li li .m02-icon02{width: 50px; padding-top: 10px;}
.main02-li li h4{font-size:1.333rem; padding-top: 20px; line-height: 1; padding-bottom: 24px;}
.main02-li li p{padding: 0 15%; word-break: break-all; color: #757575; font-weight: 300; font-size: 1rem; padding-bottom:25px;}
:lang(en) .main02-li li p{padding: 0 11%;}
:lang(en) :lang(en) .main02-li li p{padding-bottom: 25px;}
:lang(ru) .main02-li li p{ height: 100%;
   display: flex;
   -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;

    align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
    flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column; 
}

:lang(en) .main02-li li p{ 
    display: flex; 
   -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
   height: 100%;
    align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
    flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column; 
}
.main02-li li p span{display: block;}
:lang(ru) .main02-li li p span{display: inline;}
:lang(ru) .main02-li li p{display: block; text-align: center; word-break: keep-all;}
.main02-li li .button-wrap{padding-top: 20px;}
.main02-li li .button-wrap>a{display: inline;}
.main02-li li .main02-button{width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 30px; border: 1px solid #ffc233; color: #ffc233; transition: all .3s;}
:lang(ru) .main02-li li .main02-button{width: 190px;}
.main02-li li .main02-button:hover{background-color: #ffc233; color: #fff;}


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 03 */
/* -------------------------------------------------------------------- */

.main03{width: 100%; height: 350px; padding: 80px 0; background: url(../img/main/main03_2.jpg)no-repeat; background-position: center; background-attachment: fixed; background-size: cover;}
:lang(ru) .main03{padding: 53px 0;}
.main03 h4{text-align: center; color: #fff; font-size: 1.778rem;}
.main03 p{color: #fff; word-break: keep-all; text-align: center; font-weight: 300;}
.main03 p span{display: block;}
.main03 .button-wrap{padding-top: 40px;}
.main03 .button-wrap .main03-button{width:230px; height: 60px;color: #fff; display: block; text-align: center; border: 1px solid #fff; 
    background-color: rgba(255,255,255,0.2); transition: all .3s; margin:  0 auto; border-radius: 30px; font-size: 1rem;font-weight: 300; }
:lang(ru) .main03 .button-wrap .main03-button{width: 310px; height: 80px; border-radius: 55px;}
.main03 .button-wrap .main03-button:hover{background-color: rgba(255,255,255,0.5);}


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 04 */
/* -------------------------------------------------------------------- */
.main04{padding: 120px 0;}
.main04 h2{font-size: 2.778rem; text-align: center;padding-bottom: 70px;}

.main04-li{border: 1px solid #ddd; position: relative; cursor: pointer;}
.main04-li .main04-hover-bg{width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top:0; opacity: 0; transition: all .3s; 
    background-image:linear-gradient(to right, rgb(255 194 51 / 0.7) 0%, rgb(255 194 51 / 0.9)120%);


    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#437AF9', endColorstr='#FF6161',GradientType=1 ); /* IE6-8*/
    background: -moz-linear-gradient(left, rgba(255, 194, 51, 0.7) 0%,  rgba(255, 194, 51, 0.9)120%);/*FF3.6+*/
    background: -webkit-linear-gradient(left, rgba(255, 194, 51, 0.7) 0% 0%, rgba(255, 194, 51, 0.9)120%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 194, 51, 0.7) 0%, rgba(255, 194, 51, 0.9)120%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 194, 51, 0.7) 0%, rgba(255, 194, 51, 0.9)120%); /* IE10+ */
  background: linear-gradient(to right, rgba(255, 194, 51, 0.7) 0%, rgba(255, 194, 51, 0.9)120%); /* W3C */
}
.main04-li .main04-hover-bg p{position: absolute; top: 64%; text-align: center; color: #fff; width: 100%; font-weight: 500; }
.main04-li .main04-hover-bg .plusbtn{width: 50px; height: 50px; position: absolute; left: 50%; top: 46%; transform: translate(-50%,-50%); background:url(../img/main/plus-btn.png)no-repeat; 
background-size: cover; background-position: center;}
.main04-li .main04-hover-bg:hover{opacity: 1;}

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



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 05 */
/* -------------------------------------------------------------------- */
.main05{background-color: #eee; border-bottom: 1px solid #ddd;}
.main05 li{width: 50%; float: left; position: relative;}
.main05 li:nth-child(1){padding:80px 0;}
.main05 li:nth-child(1) h4{color: #333; font-size: 1.889rem;}
.main05 li:nth-child(1) .main05-phone{font-size: 2.5rem; color: #ffc233; font-weight: 500;}
.main05 li:nth-child(1) .main05-info{padding-top: 30px;}
.main05-info dl{display: table; width: 100%; table-layout: fixed; }
.main05-info dl dt{display: table-cell; color:#333; width: 15%;}
.main05-info dl dd{display: table-cell; color: #333; width: 85%; padding-left:20px;}

.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap{width: 100%!important; height: 400px!important; border: none!important; border-radius: 0!important; padding: 0!important;}
.root_daum_roughmap .wrap_map{height: 100%!important;}

.main05-hover{width: 100%; height: 100%; z-index: 99; cursor: pointer; color: #fff; transition: all .2s; text-align: center; line-height: 400px; background-color: rgba(51,51,51,0.9); left: 0; top: 0; position: absolute;} 
span.main05-btn{color: #fff;z-index: 999; text-align: center; cursor: pointer;opacity: 1; display: inline-block; border-bottom: 2px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.main05-hover:hover{opacity: 0; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-100px!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-100px!important;}
.swiper-button-next, .swiper-button-prev{margin-top: 50px!important; outline: none;}
:root{--swiper-theme-color:#ffc233!important;}
.swiper-pagination{width: 100%;bottom: -40px; left: -4px;}