@charset "utf-8";

/* 메인 공통 */
.main_section_wrap .section_txt .txt01 .small_txt{font-size: 2.18em; font-weight: 700;}
.main_section_wrap .section_txt .txt01 .big_txt{font-size: 5em; line-height: 0.8em; margin: 0.3em 0; font-weight: 900;}
.main_section_wrap .section_txt .txt02{font-size: 1.25em; line-height: 1.5em;}

@media screen and (max-width:1080px) {
    .main_section_wrap .section_txt{font-size: 0.9em;}
}
@media screen and (max-width:570px) {
    .main_section_wrap .section_txt{font-size: 0.8em;}
}
@media screen and (max-width:460px) {
    .main_section_wrap .section_txt .txt01{font-size: 0.8em;}
}
/* visual */

.main_visual_wrap{width: 100%; height: 60em;}
.main_visual_wrap .main_visual{position: relative;width: 100%;height: 100%;background-image: url(../img/main_visual01_img02.png), url(../img/main_visual01_img03.png);background-position: left bottom, right top;background-repeat: no-repeat;}
.main_visual_wrap .main_visual > .guide{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.main_visual .visual_list{display: flex; justify-content: center; align-items: center; width: 100%;}
.main_visual .visual_list .visual_txt_wrap{display: inline-block; width: 45%;}
.main_visual .visual_list .visual_txt_wrap .txt01{font-size: 3.75em; font-weight: 900; line-height: 1.25em;}
.main_visual .visual_list .visual_txt_wrap .txt02{font-size: 1.75em; margin-top: 1em;}
.main_visual .visual_list .img{width: 55%; display: inline-block;}

@media screen and (max-width:1380px) {
    .main_visual_wrap .main_visual{background-size: 30%, 70%;}
    .main_visual .visual_list .visual_txt_wrap{width: 60%;}
    .main_visual .visual_list .img{width: 40%;}
}
@media screen and (max-width:1080px) {
    .main_visual_wrap{height: 40em;}
    .main_visual .visual_list .visual_txt_wrap{width: 70%;}
    .main_visual .visual_list .img{width: 30%;}
}
@media screen and (max-width:767px) {
    .main_visual_wrap{height: auto;}
    .main_visual_wrap .main_visual > .guide{position: static;top: auto;left: auto;padding: 13em 0 2em;transform: translate(0);}
    .main_visual .visual_list{align-items: flex-end; flex-direction: column;}
    .main_visual .visual_list .visual_txt_wrap{width: 100%;}
    .main_visual .visual_list .img{width: 50%;margin-top: 2em;}
    
}
@media screen and (max-width:570px) {
    .main_visual .visual_list .visual_txt_wrap{font-size: 0.9em;}
}
@media screen and (max-width:460px) {
    .main_visual .visual_list .visual_txt_wrap{font-size: 0.6em;}
}
/* com_main_section */

.com_main_section{padding: 6em 0;}
@media screen and (max-width:570px) {
    .com_main_section{padding: 3.85em 0;}
}

/* main_section01 */
.main_section01{position: relative; background: url(../img/main_section01_bg_icon_03.jpg)repeat center center/cover; background-color: #17519a; background-size: 3.5em; width: 100%; height: 100%;}

.main_section01 .section_txt .txt01{color: #fff;}
.main_section01 .section_txt .txt02{color: #fff; word-break: keep-all;}
.main_section01 .value_list_wrap{float: right;margin-top: 3.75em;width: 74%;}
.main_section01 .value_list_wrap .value_list{text-align: center;margin: 0 -15px;}
.main_section01 .value_list .list_cate{ width: 25%; position: relative; float: left; margin: 0 15px; margin-top: -35px; /*cursor: pointer;*/}
.main_section01 .value_list .list_cate.list01{margin-left: 9em;}
.main_section01 .value_list .list_cate.list04{margin-left: 1em;}
.main_section01 .value_list .list_cate .bg{width: 100%; height: 100%;}
.main_section01 .value_list .list_cate .bg img{display: block; width: 100%;}
.main_section01 .value_list .list_cate .bg img.on{opacity: 0;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main_section01 .value_list .list_cate:hover .bg img.off{opacity: 0;}
.main_section01 .value_list .list_cate:hover .bg img.on{ opacity: 1;}


.main_section01 .value_list .list_cate .cate_inner{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 
.main_section01 .value_list .list_cate .cate_inner .icon{font-size: 2.5em; color: #c4c4c4; margin-bottom: 0.6em;} 
.main_section01 .value_list .list_cate .cate_inner .txt{} 
.main_section01 .value_list .list_cate .cate_inner .txt .cata_txt{font-size: 1.12em; margin-bottom: 0.89em; color: #666;} 
.main_section01 .value_list .list_cate .cate_inner .txt .cata_txt span{ display: inline-block; font-size: 12px; color: #999;}
.main_section01 .value_list .list_cate .cate_inner .txt .cate_cont{font-size: 1.87em; font-weight: 900; color: #222;} 
.main_section01 .value_list .list_cate:hover .cate_inner .txt .cata_txt span{color: #fff;}
.main_section01 .value_list .list_cate:hover .cate_inner .icon{color: #fff;}
.main_section01 .value_list .list_cate:hover .cate_inner .txt .cata_txt{color: #fff;}
.main_section01 .value_list .list_cate:hover .cate_inner .txt .cate_cont{color: #fff;}

@media screen and (max-width:1260px) {
    .main_section01 .value_list_wrap{float: none; width: 100%;}
    .main_section01 .value_list .list_cate{margin:-35px -11px 0; }
    .main_section01 .value_list .list_cate.list01{margin-left: 11em;}
    .main_section01 .value_list .list_cate.list04{margin-left: 3em;}
    .main_section01 .value_list .list_cate .bg img{width: 80%; margin: 0 auto;}
}
@media screen and (max-width:1080px) {
    .main_section01 .value_list_wrap{ margin: 5.75em auto 0; width: 74%;}
    .main_section01 .value_list_wrap .value_list{margin: 0;}
    .main_section01 .value_list .list_cate{width: 33%; margin: 0 15px; margin-top: -35px;}
    .main_section01 .value_list .list_cate .bg img{width: 100%; margin: 0 auto;}
    .main_section01 .value_list .list_cate.list01{margin-left: 6%;}
    .main_section01 .value_list .list_cate.list03{margin-left: 25%;}
    .main_section01 .value_list .list_cate.list04{margin-left: 15px;}
    .main_section01 .value_list .list_cate.list05{margin-left: 6%;}
    .main_section01 .value_list .list_cate .cate_inner{font-size: 0.8em;}
}
@media screen and (max-width:767px) {
    .main_section01 .value_list .list_cate{ margin: -22px 10px 0;}
    .main_section01 .value_list .list_cate.list01{margin-left: 7%;}
    .main_section01 .value_list .list_cate.list04{margin-left: 10px;}
    .main_section01 .value_list .list_cate.list05{margin-left: 7%;}

}
@media screen and (max-width:570px) {
    .main_section01 .value_list_wrap{width: 100%; margin-top: 2.75em;}
    
    .main_section01 .value_list .list_cate .cate_inner .icon{margin-bottom: 0.3em; font-size: 2em;}
    .main_section01 .value_list .list_cate .cate_inner .txt .cata_txt span{font-size: 0.5em;}
}
@media screen and (max-width:460px) {
    .main_section01 .value_list .list_cate{width: 30%; margin-top: -14px;}
    .main_section01 .value_list .list_cate.list01{margin-left: 9%;}
    .main_section01 .value_list .list_cate.list03{margin-left: 26%;}
    .main_section01 .value_list .list_cate.list05{margin-left: 9%;}
    .main_section01 .value_list .list_cate .cate_inner{top: 45%;}
    .main_section01 .value_list .list_cate .cate_inner .txt .cata_txt{margin-bottom: 0.5em; font-size: 12px;}
    .main_section01 .value_list .list_cate .cate_inner .txt .cate_cont{font-size: 1.6em;}
    .main_section01 .value_list .list_cate .cate_inner .icon{font-size: 2em;}
}
@media screen and (max-width:340px) {
    .main_section01 .section_txt .txt02 br{display: none;}
    .main_section01 .value_list .list_cate{margin-top: -12px;}
    .main_section01 .value_list .list_cate.list01{margin-left: 8%;}
    .main_section01 .value_list .list_cate.list05{margin-left: 8%;}
    .main_section01 .value_list .list_cate .cate_inner .txt .cate_cont{font-size: 1.3em;}
    .main_section01 .value_list .list_cate .cate_inner .icon{font-size: 1.5em;}
}

/* main_section02 */
.main_section02{position: relative; padding-bottom:8.68em;}
.main_section02 > .guide{max-width: 1400px;}
.main_section02 .bubble_wrap{position: relative; width: 100%; background-color: #333; padding-top: 28.12em; border-radius: 6.25em; box-shadow: 0px 5px 15px 0px rgba(4, 0, 0, 0.15);}
.main_section02 .bubble_wrap::after{content: ""; display: block; background: url(../img/main_section02_img3.png)no-repeat; background-size: 75%; width: 5.5em; height: 2.7em; position: absolute; top: 100%; right: 26.3%;}
.main_section02 .bubble_wrap:before{content: ""; display: inline-block; position: absolute; top: 17.2%; left: 10.6%; padding-top: 14%; background: url(../img/main_section02_img02.png)no-repeat center left/contain; width: 223px;}

.main_section02 .bubble_wrap .bg img{ display: block; width: 100%; height: 100%;}
.main_section02 .bubble_wrap .txt_wrap{text-align: center; color: #f1f1f1; width: 100%; padding: 0 5%; word-break: keep-all; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main_section02 .bubble_wrap .txt01{font-size: 1.87em; line-height: 1.5em; font-weight: 900;}
.main_section02 .bubble_wrap .txt01 .mob_br{display: none;}
.main_section02 .bubble_wrap .txt01 span{color: #4fafda;}
.main_section02 .bubble_wrap .txt02{ margin-top: 1em; font-size: 1.25em; line-height: 1.5em;  }
.main_section02 .bubble_wrap .txt02 .mob_br{display: none;}
.main_section02 .bubble_wrap{}

@media screen and (max-width:1380px) {
    .main_section02 .bubble_wrap .txt_wrap{font-size: 0.9em;}
}
@media screen and (max-width:1080px) {
    .main_section02 .bubble_wrap{padding-top: 24.12em;}
    .main_section02 .bubble_wrap .txt01 .mob_br{display: block;}
}
@media screen and (max-width:767px) {
    .main_section02 .bubble_wrap .txt_wrap{font-size: 0.8em;}
}
@media screen and (max-width:570px) {
    .main_section02{padding-bottom:6.42em;}
    .main_section02 .bubble_wrap .txt01{font-size: 1.74em;}
    .main_section02 .bubble_wrap .txt01 br,.main_section02 .bubble_wrap .txt01 .mob_br{display: none;}
    .main_section02 .bubble_wrap .txt02 br{display: none;}

}
/* main_section03 */

.main_section03{ position: relative; background-color: #f9f9f9;}
.main_section03 .section_txt .txt01 .big_txt{margin-bottom: 0.62em;}
.main_section03 .slide_num{margin-bottom: 4%;}
.main_section03 .swiper-pagination{width: 100%; position: static;}
.main_section03 .swiper-pagination-bullet{background: transparent; opacity: 1; width: auto; height: auto; float: left; font-size: 1.12em; font-weight: 400; color: #999; margin-right: 1.67em;}
.main_section03 .swiper-pagination-bullet::before{content: ""; display: inline-block; background: url(../img/main_section03_img06.png)no-repeat center; width: 16px; padding-top: 1.5em; vertical-align: -6px; margin-right: 10px;}
.main_section03 .swiper-pagination-bullet-active{background: transparent; color: #17519a;}
.main_section03 .swiper-pagination-bullet-active::before{background-image: url(../img/main_section03_img07.png);}

.main_section03 .slide_wrap{position: relative; }
.main_section03 .slide_area{position: relative; max-width: 1080px; width: 50%; overflow: hidden; float: right;}
.main_section03 .slide_area .slide{list-style: none; padding: 0;}
.main_section03 .slide_area .slide .slide_list{display: block; width: auto; margin: 2em 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 1.87em;}
.main_section03 .slide_area .slide .slide_list a{display: block; width: 100%;}
.main_section03 .slide_area .slide .slide_list a img{display: block; width: 100%; border-radius: 1.87em;}
.main_section03 .slide_area .slide .slide_list .more_btn{ position: absolute; bottom: 4.6%; right: 3.2%;}
.main_section03 .slide_area .slide .slide_list .more_btn .btn{ background-color: #222; color: #fff; font-size: 1.25em; padding: 1em; border-radius: 1.25em; }
.main_section03 .slide_area .slide .slide_list .more_btn .btn::after{ content:"\e603"; display: inline-block; font-size: 15px; color: #fff; font-family: 'xeicon'; margin-left: 10px;}

.main_section03 .slide_txt_area > .guide{ position: absolute; top: 45%; left: 50%; transform: translateX(-50%);}
.main_section03 .slide-captions{width: 50%; height: 140px; }
.main_section03 .slide-captions .current-title{font-size: 1.25em; min-height: 40px; line-height: 1.5em; color: #444; padding-right: 2%; margin-bottom: 0.8em; word-break: keep-all;}
.main_section03 .slide-captions .current-subtitle{display: inline-block;  /*width: 35%; max-width: 150px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ font-size: 2.5em; font-weight: bold; color: #444; }
.main_section03 .slide-captions .current-subtitle img{display: block; /*width: 100%;*/}

.main_section03 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: "";}
.main_section03 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: "";}
.main_section03 .swiper-button .button{font-size: 2.5em; color: #17519a; } 
.main_section03 .swiper-button-prev,.main_section03 .swiper-button-next{top: 165%;}
.main_section03 .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity: 1;}
.main_section03 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: auto; left: 2.5em;}
.main_section03 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: auto;}

@media screen and (max-width:1080px) {
    .main_section03 .swiper-pagination-bullet{font-size: 1.1em;}
    .main_section03 .slide_area{width: 100%; margin-left: 4%; float: none;}
    .main_section03 .slide_area .slide .slide_list{width: 80%;}
    .main_section03 .slide_txt_area > .guide{position: static; top: auto; left: auto; transform: translate(0);}
    .main_section03 .slide-captions{width: 100%; margin-top: 4%; min-height: 80px;}
    .main_section03 .swiper-button-prev,.main_section03 .swiper-button-next{top: 50%;}
    .main_section03 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0%; left: auto;}
    .main_section03 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ right: 10%; left: auto;}

}
@media screen and (min-width:571px) and (max-width:1080px) {
    .main_section03 .slide-captions .current-title br{display: none;}
}
@media screen and (max-width:767px) {
    .main_section03 .swiper-pagination-bullet{font-size: 1em; margin-right: 2%;}
    .main_section03 .slide-captions .current-title{min-height: 30px;}
}
@media screen and (max-width:570px) {
    .main_section03 .section_txt .txt01 .big_txt{margin-bottom: 0;}
    .main_section03 .slide_area .slide .slide_list .more_btn .btn{font-size: 1em;}
    .main_section03 .slide_area .slide .slide_list .more_btn .btn::after{font-size: 12px;}
    .main_section03 .slide-captions{width: 95%; height: 110px; margin: 0 auto;}
    .main_section03 .slide-captions .current-title{font-size: 1.1em;}
    .main_section03 .slide-captions .current-subtitle { font-size: 1.8em; }
    .main_section03 .slide03_logo { max-width: 80%; }
    
    .main_section03 .slide_num{display: none;}
    .main_section03 .swiper-button .button{font-size: 2em;}
    .main_section03 .swiper-button-prev,.main_section03 .swiper-button-next{ display: inline-block; margin: 0;}
    .main_section03 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{margin-left: 5%;}
}



/* main section04 */
.main_section04{ width: 100%; position: relative; padding: 8.5% 0; background: url(../img/main_section04_bg.jpg) no-repeat center/ cover; background-attachment: fixed;}
.main_section04 .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0;  background-color: rgba(41,41,41,0.8); }
.main_section04 .txt_wrap{text-align: center;}
.main_section04 .txt_wrap .txt{color: #fff; font-weight: 700; word-break: keep-all;}
.main_section04 .txt_wrap .txt .txt01{font-size: 1.5em; margin-bottom: 1em; display: block; line-height: 1.3em;}
.main_section04 .txt_wrap .txt .txt02{font-size: 2.25em; margin-bottom: 1.38em; display: block; line-height: 1.3em;}
.main_section04 .txt_wrap .txt .txt01 .mob_br{display: none;}
.main_section04 .txt_wrap .txt .txt02 .mob_br{display: none;}
.main_section04 .txt_wrap .inquiry_btn{} 
.main_section04 .txt_wrap .inquiry_btn .btn{background-color: #17519a; color: #fff; padding: 0.8em 1.95em; border-radius: 1.56em; font-size: 1.25em ;}
.main_section04 .txt_wrap .inquiry_btn .btn span::after{content:"\e603"; color: #fff; font-family: 'xeicon'; font-size: 0.87em; margin-left: 12px;}

@media screen and (max-width:1080px) {
    .main_section04 .txt_wrap .txt .txt02 .mob_br{display: block;}
}
@media screen and (max-width:767px) {
    .main_section04 .txt_wrap .txt{font-size: 0.9em;}
}
@media screen and (max-width:570px) {
    .main_section04{padding: 9.5% 0;}
    .main_section04 .txt_wrap .txt{font-size: 0.8em;}
    .main_section04 .txt_wrap .txt .txt01{font-size: 1.25em;}
    .main_section04 .txt_wrap .txt .txt02{font-size: 1.74em; line-height: 1.5em;}

}
@media screen and (max-width:460px) {
    .main_section04 .txt_wrap .txt .txt01 .mob_br{display: block;}
    .main_section04 .txt_wrap .txt .txt02 .mob_br{display: none;}

}

/* main_section05 */
.main_section05{position: relative; background-color: #f9f9f9;}
.main_section05 .section_txt .txt01 .big_txt{margin-bottom: 0;}
.main_section05 .section_txt{margin-bottom: 6.7%;}
.main_section05 .partner_wrap{position: relative;}
.main_section05 .partner_wrap > .guide{max-width: none; width: 100%;}
.main_section05 .partner_list{width: 100%;}
.main_section05 .partner_list .list{ position: relative; float: left; margin: 0 0.5%; width: 90% !important;}
.main_section05 .partner_list .list a{display: block; width: 100%;}
.main_section05 .partner_list .list .bg{width: 100%; height: 100%;}
.main_section05 .partner_list .list .bg img{ display: block; width: 100%; height: 100%;}

.main_section05 .partner_list .list .cate_inner{ width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.main_section05 .partner_list .list .cate_inner .icon{position: relative; display: block; width: 70%; height: 100%; margin: 0 auto;}
.main_section05 .partner_list .list .cate_inner .icon{ -webkit-filter: grayscale(100%); filter: gray; opacity: 0.4;}
.main_section05 .partner_list .list:hover .cate_inner .icon{-webkit-filter: grayscale(0%); filter: none; opacity: 1;}
.main_section05 .partner_list02,.main_section05 .partner_list03 {margin-top: -1.4%;}
.main_section05 .partner_list02 li{margin-left: 50% !important;}
.main_section05 .slick-track{left: -50%;}

@media screen and (max-width:960px) {
    .main_section05 .partner_list .list{margin: 0 1% -1.7%;}
}
@media screen and (max-width:767px) {
    .main_section05 .partner_list .list{ margin:0 0.5%;}
}
@media screen and (max-width:570px) {
    .main_section05 .partner_list02, .main_section05 .partner_list03 {margin-top: -4.7%;}
    .main_section05 .partner_list .list{width: 100% !important;}
    .main_section05 .partner_list .list .bg{width: 90%; margin: 0 auto;}
}