@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * color *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
:root{
    /* --main-color:#35a99c; */
    --main-color:#0077cb;
    --black-color:#444444;
}

a.click_link{padding-top: 250px; position: absolute; bottom: 100%; display: block;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Section *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#fullpage .section{padding: 0;}
.section {padding: 120px 0; box-sizing: border-box;}
.section.w1800{max-width: 1800px; width: 100%; margin: 0 auto;}
.section.bg{background-color: #f9f9f9;}
.section.pb-0 {padding-bottom: 0;}
.section.pt-0 {padding-top: 0;}
.section.last {padding-bottom: 150px;}

.section [class^=row] + [class^=row] {margin-top: 0;}

@media all and (max-width:768px){
    .section{padding: 80px 0;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Title *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_tit h3{font-size: var(--fz-62); letter-spacing: 0; line-height: 1.1612em; font-weight: 700; color: #222222;}
.main_tit h3 span{color: var(--main-color);}

.main_tit .desc p{font-size: var(--fz-18); letter-spacing: 0; line-height: 1.5555em; margin-top: 40px; color: #666666;}
.main_tit .desc p strong{display: block; font-size: var(--fz-28); font-weight: 700; margin-top: 25px;}
.main_tit.white h3,
.main_tit.white .desc p{color: #fff;}
.main_tit.center{text-align: center;}

.main_con_tit h5 {}

.sub_main_tit h3 {font-size: var(--fz-54); color: #222222; letter-spacing: 0; font-weight: 700;}
.sub_main_tit .desc{margin-top: 20px;}
.sub_main_tit .desc p{font-size: var(--fz-16); color: #888888; letter-spacing: 0;}

.sub_main_tit.white h3,
.sub_main_tit.white .desc p{color: #fff;}

.sub_main_tit.center h3,
.sub_main_tit.center .desc p{text-align: center;}
.sub_con_tit h5 {}

.heading .desc p {}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * map_box *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.map_box .root_daum_roughmap{width: 100%; height: 100%;}
.map_box .root_daum_roughmap .wrap_controllers.hide{display: none;}
.map_box .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * tab_btn_box *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.tab_btn_box ul{display: flex; border-radius: 10px; background-color: #f9f9f9;}
.tab_btn_box ul li {width: 180px;}
.tab_btn_box ul li a{width: 100%; padding: 18px 0; text-align: center; display: block; color: #9b9b9b; font-weight: 700; letter-spacing: 0; border-radius: 10px; font-size: var(--fz-20);}
.tab_btn_box ul li.on a{background-color: var(--main-color); color: #fff;}

.tab_con_box .tab_con{display: none;}
.tab_con_box .tab_con.on{display: block;}

@media all and (max-width:1024px){
    .tab_btn_box ul.item04{flex-wrap: wrap; width: 100%;}
    .tab_btn_box ul.item04 li{width: 50%;}
    .tab_btn_box ul.item03 li{width: 33.333%;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * zigzag_list *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.zigzag_list{display: flex; flex-direction: column; gap: 60px;}
.zigzag_list > li{display: flex; align-items: center; flex-wrap: wrap;}
.zigzag_list > li > div{width: 50%; box-sizing: border-box;}
.zigzag_list > li .right_box{padding: 0 100px;}
.zigzag_list > li .right_box.pr-0{padding-right: 0;}
.zigzag_list > li .img_box{border: 1px solid #dcdcdc; width: 100%; box-sizing: border-box; text-align: center; overflow: hidden;}
.zigzag_list > li .img_box img{width: 100%; max-width: fit-content; transition: .5s;}
.zigzag_list > li .img_box:hover img{transform: scale(1.2);}
.zigzag_list > li .tit {position: relative; margin-bottom: 30px ;padding-bottom: 30px;}
.zigzag_list > li .tit p{font-size: var(--fz-32); color: #222222; letter-spacing: 0; font-weight: 700;}
.zigzag_list > li .tit:before{position: absolute; content: ''; left: 0; bottom: 0; height: 1px; width: 40px; background-color: var(--main-color);}
.zigzag_list > li .txt p{font-size: 16px; color: #888888; line-height: 1.625em; letter-spacing: 0;}
.zigzag_list > li .txt p + p{margin-top: 30px;}
.zigzag_list > li .txt p b{color: var(--main-color);}
.zigzag_list > li .txt p span{display: block; color: var(--main-color); font-weight: 700;}
.zigzag_list > li .icon_list ul{display: flex; flex-wrap: wrap; gap: 40px;}
.zigzag_list > li .icon_list ul li{width: calc(50% - 20px); max-width: 250px;}

.zigzag_list > li .icon_list ul li i{width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;}

.zigzag_list > li .txt img{width: 100%; max-width: fit-content; }

.zigzag_list > li .btn_box{margin-top: 60px;}

.zigzag_list > li .btn_box ul{display: flex; gap: 20px;}
.zigzag_list > li .btn_box ul li a{display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid var(--main-color); background-color: #fff; border-radius: 30px; width: 240px; height: 60px; gap: 10px; transition: .3s;}
.zigzag_list > li .btn_box ul li a img{ transition: .3s;}
.zigzag_list > li .btn_box ul li a span{color: var(--main-color); font-weight: 700; font-size: 16px; letter-spacing: 0; transition: .3s;}

.zigzag_list > li .btn_box ul li:hover a{background-color: var(--main-color);}
.zigzag_list > li .btn_box ul li:hover a img{filter: brightness(0) invert(100%);}
.zigzag_list > li .btn_box ul li:hover a span{color: #fff;}

.zigzag_list > li:nth-child(even) .left_box{order: 2;}
.zigzag_list > li:nth-child(even) .right_box{order: 1;}

@media all and (max-width:1300px){
    .zigzag_list > li .right_box{padding: 0 40px;}
    .zigzag_list > li .btn_box ul li a{width: 190px;}
}

@media all and (max-width:1024px){
    .zigzag_list > li {gap: 30px 0;}
    .zigzag_list > li > div{width: 100%;}
    .zigzag_list > li:nth-child(even) .left_box{order: 1;}
    .zigzag_list > li:nth-child(even) .right_box{order: 2;}
    .zigzag_list > li .right_box{padding: 0;}
    .zigzag_list > li .btn_box{margin-top: 30px;}
    .zigzag_list > li .btn_box ul{width: 100%;}
    .zigzag_list > li .btn_box ul li{width: calc(50% - 5px);}
    .zigzag_list > li .btn_box ul li a{width: 100%}

    .zigzag_list > li .icon_list ul li{max-width: none;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * banner_box *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.banner_box{}
.banner_box .swiper-wrapper{transition-timing-function:linear; }
.banner_box .swiper-slide{border: 1px solid #d2d2d2; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 115px; border-radius: 10px; background-color: #fff;}