/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------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: #4888be!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%; position: relative;}
.main01 .main-text{width: 100%; color: white; position: absolute; top: 50%; transform: translateY(-50%);text-align: center; z-index: 2;}
.main01 .main-text p{font-size: 1.875rem; padding-bottom: 10px;}
.main01 .main-text h1{font-size: 4.375rem;}
.main01 .main-text .main_btn_wrap{width: 200px; height: 50px; margin:60px auto;background-color: #4888be; text-align: center;border-radius:25px; line-height: 50px; transition-duration: 0.2s;}
.main01 .main-text .main_btn_wrap:hover{background-color:white;color:#4888be;}
.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/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;}
.main01 .main-slide .main-bg-img03{background: url(../img/main/main_slide_img03.jpg)no-repeat; background-position: center; background-size: cover;}



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

.main02{padding:120px 0;}
.main02 .main02_inner li .main02_img{width: 50%; float: left;}
/* .main02 .main02_img_inner_wrap{margin:18px auto; position: relative; width:130px; height: 130px; border-radius: 50%; border:2px solid #4888be;}
.main02 .main02_img_inner_wrap:hover{background-color: #4888be;}
.main02 .main02_img_inner_wrap:hover .main02_img_inner img{-webkit-filter:opacity(0.5) drop-shadow(0 0 0 white);-webkit-filter: brightness(1.5); -moz-filter:opacity(0.5);} */
/* .main02 .main02_img_inner_wrap .main02_img_inner{width: 100%; position: absolute; left:24%; top:50%; transform: translateY(-50%);} */
.main02 .main02_img .main02_img_inner{margin:18px auto; position: relative; width:130px; height: 130px;}
.main02 .main02_img .main02_img_inner img:nth-child(2){display: none; margin:18px auto; position: relative; width:130px; height: 130px;}

.main02 .main02_img .main02_img_inner:hover img:nth-child(1){display: none;}
.main02 .main02_img .main02_img_inner:hover img:nth-child(2){display:block;}

.main02 h2{font-size: 2.778rem; text-align: center; padding-bottom: 130px;}
.main02 h2::before{content: ""; display: inline-block; width:8px; height:36px;  margin-right: 10px; background-color: #4888be;} 
.main02_inner{width: 100%;overflow: hidden; margin: 0 auto;}
.main02 .main02_inner li{width: 33.333%; float: left; position: relative;}
.main02 .main02_inner li .main02_text{width: 50%;float: right; padding: 0 32px; word-break: keep-all;}
.main02 .main02_inner li .main02_text h4{padding-bottom: 20px;}
.main02 .main02_inner li .main02_text p{color: #9c9c9c;}
.main02 .main02_inner li .main02_text span{display: block;}
.main02 .main02_inner li:nth-child(1)::after,.main02 .main02_inner li:nth-child(2)::after{content: ""; width:1px; height:145px; position: absolute; right: 0; top:35px; background-color:#dbdbdb;}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 03 */
/* -------------------------------------------------------------------- */
.main03{width: 100%; height:485px; overflow: hidden;}
.main03 h3{font-size: 1.778rem;margin-bottom: 35px; position: relative;}
.main03 h3::after{content: ""; width:100%; height:2px; background-color: white;position: absolute; bottom: -13px; left: 0;}
.main03 .main03_inner{width: 50%; height: 100%;float: left; position: relative;}
.main03 .main03_inner .main03_text_wrap{width:58%;text-align: right; padding:130px 0; color: white;}
.main03 .main03_text_wrap p{padding:0 0 40px 20px;}
.main03 .main03_text_wrap .main03_btn_wrap{float: right; width:200px; height: 50px; border-radius: 25px; border: 1px solid white; text-align: center; line-height: 50px; background-color: rgba(255, 255, 255, 0.3); transition-duration: 0.2s;}
.main03 .main03_text_wrap .main03_btn_wrap:hover{background-color: #4888be; border:1px solid #4888be;}
.main03 .main03_inner:nth-child(1){background: url(../img/main/main03_img01.jpg)no-repeat; background-size: cover; background-position: center;}
.main03 .main03_inner:nth-child(2){background: url(../img/main/main03_img02.jpg)no-repeat; background-size: cover; background-position: center;}



/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------main 04 */
/* -------------------------------------------------------------------- */
.main04{width: 100%; height: 380px;}
.main04 .main04_map{width: 55%; height: 100%; float: left;}
.main04 .main04_contact{position: relative; width:45%; height: 100%; float:right;background: url(../img/main/main04_img01.jpg)no-repeat; background-position: center; background-size:cover; padding-left:6%; padding-top:100px;}
.main04 .main04_contact .main04_table{width: 100%; color: white; font-size:1.0625rem;}
.main04 .main04_contact .main04_table tr td{padding: 8px 0; vertical-align:middle;}
.main04 .main04_contact P{position: absolute; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); font-size: 50px; color: white; right:-10%; top:40%;font-weight: 500; opacity: 0.3; }

.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1585526600042{width: 100%; height: 380px!important;}
.root_daum_roughmap .wrap_map{height: 100%!important;}

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

