@charset "utf-8";
/*============================================================================================================
    공통
============================================================================================================*/
.main {position: relative; z-index:1;  }
.main section {position: relative; z-index:1; overflow:hidden;  }
.main section .subTit {margin:0 0 15px; font-size:24px; font-weight:600; color:#222; }


.main .viewMore{text-align: center;}
.main .viewMore a{display: inline-flex; justify-content: center; align-items: center; width: 150px; height: 40px; font-size: 15px; font-weight: 400; color: #fff; border: 1px solid #fff; border-radius: 10px;}

@media all and (max-width:1400px){
}
@media all and (max-width:1200px){
	.main section .subTit {margin:0 0 12px; font-size:20px;}
}
@media all and (max-width:1024px){

}
@media all and (max-width:768px){
	.main section .subTit {margin:0 0 2.5vw; font-size:5vw; }

    .main .viewMore a{width: 30vw; height: 8vw; font-size: 3.4vw; border-radius: 2vw;}
}


/*============================================================================================================
    SECTION0
============================================================================================================*/
.main .section09{width: 100%; height: 970px;}
.main .section09 .section_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/common/img/main/section09_bg.jpg')no-repeat center/cover;}
.main .section09 .inner{height: 100%;}
.main .section09 .conBox {display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 8.4%; width: 100%; height: 100%;}
.main .section09 .conBox .swiperBox{position: relative; margin: 0 0 46px;}
/* .main .section09 .conBox .swiperBox ul {display: flex;} */
/* .main .section09 .conBox .swiperBox ul li {margin: 0 30px 0 0; width: calc((100% - 90px) / 4);} */
/* .main .section09 .conBox .swiperBox ul li:last-child{margin-right: 0;} */
.main .section09 .conBox .swiperBox ul li a{position: relative; display:block; padding:30px 20px; background-color: rgba(255, 255, 255, 0.88); border-radius: 10px; transition:all 0.4s;}
.main .section09 .conBox .swiperBox ul li a:hover{background-color: rgba(255, 255, 255, 0.95);}
.main .section09 .conBox .swiperBox ul li a::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #c49276; border-radius: 10px; box-sizing: border-box; opacity: 0; transition: all 0.4s;}
.main .section09 .conBox .swiperBox ul li a:hover::after{opacity: 0.95;}
.main .section09 .conBox .swiperBox ul li a .postHead{display: flex; justify-content: space-between; align-items: center; margin:0 0 30px;}
.main .section09 .conBox .swiperBox ul li a .postHead span{display: inline-flex; justify-content: center; align-items: center; width: 117px; height: 35px; font-size: 15px; font-weight: 400; color: #fff; text-align: center; background-color: #fc0011; border-radius: 3px;}
.main .section09 .conBox .swiperBox ul li a .postHead .nameBox {display:flex; align-items:center;}
.main .section09 .conBox .swiperBox ul li a .postHead .nameBox figure{margin-left: 5px; width: 36px; height: 36px;}
.main .section09 .conBox .swiperBox ul li a .postHead .nameBox figcaption{font-size: 13px; font-weight: 400; color: #888; letter-spacing: -0.26px;}
.main .section09 .conBox .swiperBox ul li a .postHead .nameBox figcaption strong{font-size: 15px; font-weight: 600; color: #222; letter-spacing: -0.3px;}
.main .section09 .conBox .swiperBox ul li a .postBody{display: flex;}
.main .section09 .conBox .swiperBox ul li a .postBody .imgArea{position: relative; width: 116px; border: 4px solid #233346;}
.main .section09 .conBox .swiperBox ul li a .postBody .imgArea::after{display: none; content: ''; position: absolute; top: -13.5px;/*15*/ left: calc(50% - 40px);/*46.5*/ width: 80px; height: 27px; background: url('/common/img/main/logobox_1114.jpg') no-repeat center/cover;}
.main .section09 .conBox .swiperBox ul li a .postBody .txtArea{padding-left: 20px; width: calc(100% - 116px);}
.main .section09 .conBox .swiperBox ul li a .postBody .txtArea .tit{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 20px; font-size: 18px; font-weight: 600; color: #222; letter-spacing: -0.18px; transition: all 0.4s;}
.main .section09 .conBox .swiperBox ul li a .postBody .txtArea .txt{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; font-weight: 400; color: #666; line-height: 1.6; letter-spacing: -0.15px;}
.main .section09 .conBox .swiperBox ul li a:hover .postBody .txtArea .tit{color: #c49276;}

.main .section09 .swiper-button-prev {width: 60px; height: 60px; left: -75px;}
.main .section09 .swiper-button-next {width: 60px; height: 60px; right: -75px;}
.main .section09 .swiper-button-prev svg, .main .section09 .swiper-button-next svg{width: 100%; height: 100%; stroke: rgba(255, 255, 255, 0.5); fill: rgba(255, 255, 255, 0.5);}
.main .section09 .swiper-button-prev:after,.main .section09 .swiper-button-next:after {display:none;}

.main .section09 .swiperBoxText{margin: 45px 0 0; font-family: "Nanum Myeongjo", serif; min-height: 120px;}
.main .section09 .swiperBoxText ul li:not(.active){display: none;}
.main .section09 .swiperBoxText ul li h2{font-size: 48px; font-weight: 400; color: #fff; text-align: center; line-height: 1.25;}
.main .section09 .swiperBoxText ul li h2 strong{position: relative; color: #c49276; font-weight: inherit;}
.main .section09 .swiperBoxText ul li h2 strong::after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: #c49276; transform: scaleX(0); transform-origin: left; transition: none;}
.main .section09 .swiperBoxText ul li h2 strong.active::after{transform: scaleX(1); transition: all 1s ease;}
.main .section09 .swiperBoxText ul li h3{margin: 20px 0 0; font-size: 24px; font-weight: 400; color: #ddd; text-align: center;}
.main .section09 .swiperBoxText ul li h3 em{font-size: 18px; color: #bfbfbf;}

@media all and (max-width:1600px){
    .main .section09 .conBox .swiperBox .swiper-container{width: calc(100% - 100px);}

    .main .section09 .swiper-button-prev {width: 50px; height: 50px; left: -15px;}
    .main .section09 .swiper-button-next {width: 50px; height: 50px; right: -15px;}
}
@media all and (max-width:1440px){
    .main .section09{height: 800px;}
    .main .section09 .conBox{padding-bottom: 50px;}

    .main .section09 .swiperBoxText ul li h2{font-size: 40px;}
    .main .section09 .swiperBoxText ul li h3{margin: 10px 0 0; font-size: 22px;}
    .main .section09 .swiperBoxText ul li h3 em{font-size: 16px;}
}
@media all and (max-width:1024px){
    .main .section09{height: auto;}
    .main .section09 .conBox{padding: calc(var(--header-height-) + 80px) 0 50px;}

    .main .section09 .conBox .swiperBox{margin: 0 0 30px; left: -20px; width: calc(100% + 40px);}
    .main .section09 .conBox .swiperBox .swiper-container{}
    .main .section09 .conBox .swiperBox ul li a::after{display: none;}
    .main .section09 .conBox .swiperBox ul li a .postHead{margin: 0 0 20px;}
    .main .section09 .conBox .swiperBox ul li a .postHead span{font-size: 13px;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox figcaption{font-size: 12px;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox figcaption strong{font-size: 14px;}
    .main .section09 .conBox .swiperBox ul li a .postBody .txtArea .tit{margin: 0 0 10px; font-size: 16px;}
    .main .section09 .conBox .swiperBox ul li a .postBody .txtArea .txt{font-size: 13px;}

    .main .section09 .swiperBoxText ul li h2{font-size: 32px;}
    .main .section09 .swiperBoxText ul li h3{font-size: 20px;}
    .main .section09 .swiperBoxText ul li h3 em{font-size: 14px;}

    .main .section09 .swiper-button-prev{left: 0;}
    .main .section09 .swiper-button-next{right: 0;}
}

@media all and (max-width:768px){
    .main .section09 .conBox{padding: calc(var(--header-height-) + 14vw) 0 6.5vw;}
    .main .section09 .conBox .swiperBox{margin: 0 0 5vw; left: -15px; width: calc(100% + 30px);}
    .main .section09 .conBox .swiperBox .swiper-container{padding: 0 15px; width: 100%;}
    .main .section09 .conBox .swiperBox ul{max-height: 150vw;}
    .main .section09 .conBox .swiperBox ul li a{padding: 3.9vw;}
    .main .section09 .conBox .swiperBox ul li a .postHead{margin: 0 0 2.6vw; justify-content: center;}
    .main .section09 .conBox .swiperBox ul li a .postHead span{padding: 1.3vw 3.9vw; width: auto; height: auto; font-size: 3.2vw;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox{position: absolute; bottom: 3.9vw; left: 3.9vw;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox figcaption{font-size: 3vw;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox figcaption strong{font-size: 3.2vw;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox figure{margin-left: 1vw; width: 9vw; height: 9vw;}
    .main .section09 .conBox .swiperBox ul li a .postHead .nameBox figure img{width: 100%; height: 100%;}
    .main .section09 .conBox .swiperBox ul li a .postBody .imgArea{display: none;}
    .main .section09 .conBox .swiperBox ul li a .postBody .txtArea{width: 100%; padding: 0 0 12vw;}
    .main .section09 .conBox .swiperBox ul li a .postBody .txtArea .tit{margin: 0 0 1.3vw; font-size: 3.8vw;text-align: center;}
    .main .section09 .conBox .swiperBox ul li a .postBody .txtArea .txt{font-size: 3.2vw; min-height: 20vw;}

    .main .section09 .swiperBoxText{margin: 6.5vw 0 0; min-height: 24vw;}
    .main .section09 .swiperBoxText ul li h2{font-size: 5vw;}
    .main .section09 .swiperBoxText ul li h2 strong::after{bottom: 0; height: 0.3vw;}
    .main .section09 .swiperBoxText ul li h3{font-size: 4vw;}
    .main .section09 .swiperBoxText ul li h3 em{font-size: 3vw;}

    .main .section09 .swiper-button-prev{left: 10px; width: 10vw; height: 10vw; background-color: #243447; border-radius: 50%;}
    .main .section09 .swiper-button-next{right: 10px; width: 10vw; height: 10vw; background-color: #243447; border-radius: 50%;}
    .main .section09 .swiper-button-prev svg, .main .section09 .swiper-button-next svg{width: 50%; height: 50%; fill: #fff; stroke: #fff;}
}



/*============================================================================================================
    SECTION01
============================================================================================================*/
.main .section01{width: 100%; height: 970px;}
.main .section01 .section_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/common/img/main/section01_bg.jpg')no-repeat center/cover;}
.main .section01 .inner{height: 100%;}
.main .section01 .conBox {display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 8.4%; width: 100%; height: 100%;}
.main .section01 .conBox .swiperBox{position: relative; margin: 0 0 46px;}
/* .main .section01 .conBox .swiperBox ul {display: flex;} */
/* .main .section01 .conBox .swiperBox ul li {margin: 0 30px 0 0; width: calc((100% - 90px) / 4);} */
/* .main .section01 .conBox .swiperBox ul li:last-child{margin-right: 0;} */
.main .section01 .conBox .swiperBox ul li a{position: relative; display:block; padding:30px 20px; background-color: rgba(255, 255, 255, 0.88); border-radius: 10px; transition:all 0.4s;}
.main .section01 .conBox .swiperBox ul li a:hover{background-color: rgba(255, 255, 255, 0.95);}
.main .section01 .conBox .swiperBox ul li a::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #c49276; border-radius: 10px; box-sizing: border-box; opacity: 0; transition: all 0.4s;}
.main .section01 .conBox .swiperBox ul li a:hover::after{opacity: 0.95;}
.main .section01 .conBox .swiperBox ul li a .postHead{display: flex; justify-content: space-between; align-items: center; margin:0 0 30px;}
.main .section01 .conBox .swiperBox ul li a .postHead span{display: inline-flex; justify-content: center; align-items: center; width: 117px; height: 35px; font-size: 15px; font-weight: 400; color: #fff; text-align: center; background-color: #fc0011; border-radius: 3px;}
.main .section01 .conBox .swiperBox ul li a .postHead .nameBox {display:flex; align-items:center;}
.main .section01 .conBox .swiperBox ul li a .postHead .nameBox figure{margin-left: 5px; width: 36px; height: 36px;}
.main .section01 .conBox .swiperBox ul li a .postHead .nameBox figcaption{font-size: 13px; font-weight: 400; color: #888; letter-spacing: -0.26px;}
.main .section01 .conBox .swiperBox ul li a .postHead .nameBox figcaption strong{font-size: 15px; font-weight: 600; color: #222; letter-spacing: -0.3px;}
.main .section01 .conBox .swiperBox ul li a .postBody{display: flex;}
.main .section01 .conBox .swiperBox ul li a .postBody .imgArea{position: relative; width: 116px; border: 4px solid #233346;}
.main .section01 .conBox .swiperBox ul li a .postBody .imgArea::after{display: none; content: ''; position: absolute; top: -13.5px;/*15*/ left: calc(50% - 40px);/*46.5*/ width: 80px; height: 27px; background: url('/common/img/main/logobox_1114.jpg') no-repeat center/cover;}
.main .section01 .conBox .swiperBox ul li a .postBody .txtArea{padding-left: 20px; width: calc(100% - 116px);}
.main .section01 .conBox .swiperBox ul li a .postBody .txtArea .tit{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 20px; font-size: 18px; font-weight: 600; color: #222; letter-spacing: -0.18px; transition: all 0.4s;}
.main .section01 .conBox .swiperBox ul li a .postBody .txtArea .txt{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; font-weight: 400; color: #666; line-height: 1.6; letter-spacing: -0.15px;}
.main .section01 .conBox .swiperBox ul li a:hover .postBody .txtArea .tit{color: #c49276;}

.main .section01 .swiper-button-prev {width: 60px; height: 60px; left: -75px;}
.main .section01 .swiper-button-next {width: 60px; height: 60px; right: -75px;}
.main .section01 .swiper-button-prev svg, .main .section01 .swiper-button-next svg{width: 100%; height: 100%; stroke: rgba(255, 255, 255, 0.5); fill: rgba(255, 255, 255, 0.5);}
.main .section01 .swiper-button-prev:after,.main .section01 .swiper-button-next:after {display:none;}

.main .section01 .swiperBoxText{margin: 45px 0 0; font-family: "Nanum Myeongjo", serif; min-height: 120px;}
.main .section01 .swiperBoxText ul li:not(.active){display: none;}
.main .section01 .swiperBoxText ul li h2{font-size: 48px; font-weight: 400; color: #fff; text-align: center; line-height: 1.25;}
.main .section01 .swiperBoxText ul li h2 strong{position: relative; color: #c49276; font-weight: inherit;}
.main .section01 .swiperBoxText ul li h2 strong::after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: #c49276; transform: scaleX(0); transform-origin: left; transition: none;}
.main .section01 .swiperBoxText ul li h2 strong.active::after{transform: scaleX(1); transition: all 1s ease;}
.main .section01 .swiperBoxText ul li h3{margin: 20px 0 0; font-size: 24px; font-weight: 400; color: #ddd; text-align: center;}
.main .section01 .swiperBoxText ul li h3 em{font-size: 18px; color: #bfbfbf;}

@media all and (max-width:1600px){
    .main .section01 .conBox .swiperBox .swiper-container{width: calc(100% - 100px);}

    .main .section01 .swiper-button-prev {width: 50px; height: 50px; left: -15px;}
    .main .section01 .swiper-button-next {width: 50px; height: 50px; right: -15px;}
}
@media all and (max-width:1440px){
    .main .section01{height: 800px;}
    .main .section01 .conBox{padding-bottom: 50px;}

    .main .section01 .swiperBoxText ul li h2{font-size: 40px;}
    .main .section01 .swiperBoxText ul li h3{margin: 10px 0 0; font-size: 22px;}
    .main .section01 .swiperBoxText ul li h3 em{font-size: 16px;}
}
@media all and (max-width:1024px){
    .main .section01{height: auto;}
    .main .section01 .conBox{padding: calc(var(--header-height-) + 80px) 0 50px;}

    .main .section01 .conBox .swiperBox{margin: 0 0 30px; left: -20px; width: calc(100% + 40px);}
    .main .section01 .conBox .swiperBox .swiper-container{}
    .main .section01 .conBox .swiperBox ul li a::after{display: none;}
    .main .section01 .conBox .swiperBox ul li a .postHead{margin: 0 0 20px;}
    .main .section01 .conBox .swiperBox ul li a .postHead span{font-size: 13px;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox figcaption{font-size: 12px;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox figcaption strong{font-size: 14px;}
    .main .section01 .conBox .swiperBox ul li a .postBody .txtArea .tit{margin: 0 0 10px; font-size: 16px;}
    .main .section01 .conBox .swiperBox ul li a .postBody .txtArea .txt{font-size: 13px;}

    .main .section01 .swiperBoxText ul li h2{font-size: 32px;}
    .main .section01 .swiperBoxText ul li h3{font-size: 20px;}
    .main .section01 .swiperBoxText ul li h3 em{font-size: 14px;}

    .main .section01 .swiper-button-prev{left: 0;}
    .main .section01 .swiper-button-next{right: 0;}
}

@media all and (max-width:768px){
    .main .section01 .conBox{padding: calc(var(--header-height-) + 14vw) 0 6.5vw;}
    .main .section01 .conBox .swiperBox{margin: 0 0 5vw; left: -15px; width: calc(100% + 30px);}
    .main .section01 .conBox .swiperBox .swiper-container{padding: 0 15px; width: 100%;}
    .main .section01 .conBox .swiperBox ul{max-height: 150vw;}
    .main .section01 .conBox .swiperBox ul li a{padding: 3.9vw;}
    .main .section01 .conBox .swiperBox ul li a .postHead{margin: 0 0 2.6vw; justify-content: center;}
    .main .section01 .conBox .swiperBox ul li a .postHead span{padding: 1.3vw 3.9vw; width: auto; height: auto; font-size: 3.2vw;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox{position: absolute; bottom: 3.9vw; left: 3.9vw;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox figcaption{font-size: 3vw;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox figcaption strong{font-size: 3.2vw;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox figure{margin-left: 1vw; width: 9vw; height: 9vw;}
    .main .section01 .conBox .swiperBox ul li a .postHead .nameBox figure img{width: 100%; height: 100%;}
    .main .section01 .conBox .swiperBox ul li a .postBody .imgArea{display: none;}
    .main .section01 .conBox .swiperBox ul li a .postBody .txtArea{width: 100%; padding: 0 0 12vw;}
    .main .section01 .conBox .swiperBox ul li a .postBody .txtArea .tit{margin: 0 0 1.3vw; font-size: 3.8vw;text-align: center;}
    .main .section01 .conBox .swiperBox ul li a .postBody .txtArea .txt{font-size: 3.2vw; min-height: 20vw;}

    .main .section01 .swiperBoxText{margin: 6.5vw 0 0; min-height: 24vw;}
    .main .section01 .swiperBoxText ul li h2{font-size: 5vw;}
    .main .section01 .swiperBoxText ul li h2 strong::after{bottom: 0; height: 0.3vw;}
    .main .section01 .swiperBoxText ul li h3{font-size: 4vw;}
    .main .section01 .swiperBoxText ul li h3 em{font-size: 3vw;}

    .main .section01 .swiper-button-prev{left: 10px; width: 10vw; height: 10vw; background-color: #243447; border-radius: 50%;}
    .main .section01 .swiper-button-next{right: 10px; width: 10vw; height: 10vw; background-color: #243447; border-radius: 50%;}
    .main .section01 .swiper-button-prev svg, .main .section01 .swiper-button-next svg{width: 50%; height: 50%; fill: #fff; stroke: #fff;}
}




/*============================================================================================================
    SECTION02
============================================================================================================*/
.main .section02 {padding:70px 0;}
.main .section02 .flexBox {display:flex; flex-wrap:wrap;}
.main .section02 .flexBox .leftBox {width:32.5%;}
.main .section02 .flexBox .leftBox .conBox {padding:56px 30px 57px; background: url('/common/img/main/section02_bg.jpg')no-repeat center/cover; border-radius:10px; text-align:center;}
.main .section02 .flexBox .leftBox .conBox h2 {font-size:30px; font-weight:700; color:#fff;}
.main .section02 .flexBox .leftBox .conBox .callBox {display:inline-flex; align-items: center; margin:14px 0 16px; padding: 3px 17px; background: #c72525; border-radius: 30px;}
.main .section02 .flexBox .leftBox .conBox .callBox svg{stroke: #fff; }
.main .section02 .flexBox .leftBox .conBox .callBox em{display: inline-block; margin-left: 10px; font-size:30px; font-weight:700; color:#fff; letter-spacing: -0.3px;}
.main .section02 .flexBox .leftBox .conBox p{font-size:24px; font-weight: 400; color: #ddd;}

.main .section02 .flexBox .rightBox {width:calc(100% - 32.5%); padding:0 0 0 20px;}
.main .section02 .flexBox .rightBox .fixIconWrap ul {display:flex; flex-wrap:wrap; margin-bottom: -20px;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li {margin: 0 20px 20px 0; width:calc((100% - 40px) / 3);}
.main .section02 .flexBox .rightBox .fixIconWrap ul li:nth-of-type(3n){margin-right: 0;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a{position:relative; display:flex; align-items: center; overflow:hidden; padding: 0 15px; height: 70px; background:#243447; border-radius:10px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); transition: all 0.4s;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a figure{position: relative; width: 50px; height: 50px; background-color: #4d5a6a; border-radius: 50%; transition: all 0.4s; z-index: 2;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a figure svg{fill: #dbdfe8; transition: all 0.4s; width: 100%; height: 100%;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a figcaption{position: relative; width: calc(100% - 50px); padding-left: 16px; font-size:16px; font-weight:600; color: #fff; letter-spacing: -0.16px; z-index: 2;}

.main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover{background:#fff;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover figure{background-color: #dbdfe8;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover figure svg{fill: #243447;}
.main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover figcaption{color:#333;}
@media all and (max-width:1024px){
	.main .section02 {padding:50px 0;}
    .main .section02 .flexBox .leftBox{width: 40%;}
    .main .section02 .flexBox .leftBox .conBox{padding: 74px 30px;}
    .main .section02 .flexBox .leftBox .conBox h2{font-size: 26px;}
    .main .section02 .flexBox .leftBox .conBox .callBox em{font-size: 26px;}
    .main .section02 .flexBox .leftBox .conBox p{font-size: 20px;}

    .main .section02 .flexBox .rightBox{width: 60%;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li{margin: 0 10px 10px 0; width: calc((100% - 10px) / 2);}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li:nth-of-type(3n){margin-right: 10px;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li:nth-of-type(2n){margin-right: 0;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a{height: 60px;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a span.round{display: none !important;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a figure{width: 45px; height: 45px;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a figcaption{font-size: 14px;}

    .main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover{background:#243447;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover figure{background-color: #4d5a6a;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover figure svg{fill: #dbdfe8;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a:hover figcaption{color:#fff;}
}

@media all and (max-width:768px){
	.main .section02 {padding:10vw 0;}
    .main .section02 .flexBox{flex-direction: column-reverse;}
	.main .section02 .flexBox .leftBox{width: 100%;}
    .main .section02 .flexBox .leftBox .conBox{padding: 14vw 4vw;}
    .main .section02 .flexBox .leftBox .conBox h2{font-size: 5vw;}
    .main .section02 .flexBox .leftBox .conBox .callBox{margin: 2.6vw 0 3.9vw; padding: 1.3vw -3.9vw;}
    .main .section02 .flexBox .leftBox .conBox .callBox svg{width: 5vw;}
    .main .section02 .flexBox .leftBox .conBox .callBox em{margin-left: 1.3vw; font-size: 5vw;}
    .main .section02 .flexBox .leftBox .conBox p{font-size: 3.6vw;}

    .main .section02 .flexBox .rightBox{padding: 0 0 8vw; width: 100%;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul{margin-bottom: -1.3vw;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li{margin: 0 1.3vw 1.3vw 0; width: calc((100% - 1.3vw) / 2);}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li:nth-of-type(3n){margin-right: 1.3vw;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li:nth-of-type(2n){margin-right: 0;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a{height: 14vw; padding: 0 1.3vw 0 2.6vw;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a figure{width: 8vw; height: 8vw;}
    .main .section02 .flexBox .rightBox .fixIconWrap ul li a figcaption{width: calc(100% - 8vw); padding-left: 1.3vw; font-size: 3.2vw;}
}



/*============================================================================================================
    SECTION03 
============================================================================================================*/
.main .section03 {padding:70px 0; background:#4f5c6b;}
.main .section03 h3.subTit {font-size: 33px; color:#fff; text-align: center; font-weight: 400; line-height: 1.3;}
.main .section03 h3.subTit strong{font-weight: 700;}
.main .section03 .conBox {margin:30px 0 0; }
.main .section03 .conBox ul li {}
.main .section03 .conBox ul li a {display:block; }
.main .section03 .conBox ul li a figure{position:relative; border-radius:10px; overflow:hidden; }
.main .section03 .conBox ul li a figure .mask {content:''; position:absolute; top:0;left:0;  width:100%; height:100%; background:url('/common/img/main/play_youtube.png') no-repeat center / cover; z-index:11; }
.main .section03 .conBox ul li a figure img {position:relative; width: 100%; transition: all 0.3s; background-size:cover;background-repeat: no-repeat; background-position: center; border-radius:10px; }
.main .section03 .conBox ul li a:hover figure img{transform: scale(1.08);}
.main .section03 .conBox ul li a figure img {width:100%; }
/*화살표 */
.main .section03 .swiper_arr > div i{width:30px; height:30px; line-height:30px; font-size:20px; color:#fff; text-align:center; transition:all 0.3s;  }
.main .section03 .swiper_arr > div:hover i {}
.main .section03 .swiper-pagination{position:relative; width:calc(100% - 70px); height:3px;background:rgba(255,255,255,0.3);}
.main .section03 .main_pagination{position:relative; margin:40px 0 55px;}
.main .section03 .swiper-pagination-progressbar-fill{background: #fff;}
.main .section03 .swiper_arr{display:flex; position:absolute; right:0px;}
/* 버튼 */
.main .section03 .swiper_arr .swiper-button-prev, .main .section03 .swiper_arr .swiper-button-next { }
.main .section03 .swiper_arr .swiper-button-prev {position:static; margin-right:6px;}
.main .section03 .swiper_arr .swiper-button-next {position:static; }
.main .section03 .swiper-button-prev:after,.main .section03 .swiper-button-next:after {display:none;}


@media all and (max-width:1200px){
	.main .section03 {padding:60px 0; }
    .main .section03 h3.subTit{font-size: 28px;}
}
@media all and (max-width:1024px){
	.main .section03 {padding:50px 0; }
	.main .section03 .inner {padding:0;}
    .main .section03 h3.subTit{padding: 0 20px;}
    .main .section03 .conBox .swiper-container{padding: 0 20px;}
	.main .section03 .conBox .btnWrap {margin:20px 0 0;}
}

@media all and (max-width:768px){
	.main .section03 {padding:10vw 0; }
    .main .section03 h3.subTit{font-size: 5vw; padding: 0 15px;}
	.main .section03 .swiper_arr > div i {width:7vw; height:7vw; line-height:7vw; font-size:3.8vw; }
	.main .section03 .conBox {margin:5vw 0 0; }
    .main .section03 .conBox .swiper-container{padding: 0 15px;}
	.main .section03 .conBox .btnWrap {margin:3vw 0 0;}
	.main .section03 .conBox .btnWrap a{width:30vw; height:8.2vw; line-height:8.2vw; font-size:3.4vw;  }
	.main .section03 .main_pagination {margin:5vw 0 6.5vw; }
	.main .section03 .youtubeSvg {display: inline-block; width:20vw; }
}

/*============================================================================================================
    SECTION04 
============================================================================================================*/
.main .section04 {padding:70px 0;}
.main .section04 .flexBox {display:flex; flex-wrap:wrap;  }
.main .section04 .flexBox .leftBox {width:66.666%; }
.main .section04 .flexBox .leftBox .conBox {margin:15px 0 0; }
.main .section04 .flexBox .leftBox .conBox ul {}
.main .section04 .flexBox .leftBox .conBox ul li {border-radius: 10px;box-shadow: 6px 6px 20px rgba(130, 135, 174, 0.12);overflow:hidden;}
.main .section04 .flexBox .leftBox .conBox ul li a {display:block; position:relative; }
.main .section04 .flexBox .leftBox .conBox ul li a figure img{width: 100%; background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.main .section04 .flexBox .leftBox .conBox ul li a:hover figure img{-webkit-transform: scale(1.18);-moz-transform: scale(1.18); -o-transform: scale(1.18);-ms-transform: scale(1.18);transform: scale(1.18);}
.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap{position:absolute; width:100%; bottom:0; padding:25px;  color:#fff; }
.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap h3 {display: -webkit-box;   -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word; font-size:18px; font-weight:600; line-height:1.35; }
.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap h3 img {display:none; }
.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap p { margin:12px 0 0; padding:12px 0 0;font-size:14px; opacity:0.7; border-top:1px solid rgba(255,255,255,0.2); }
.main .section04 .flexBox .leftBox .conBox ul li a figure {width:100%; }
.main .section04 .flexBox .leftBox .conBox ul li a figure:after {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 18%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.6) 82%, rgba(0,0,0,.8) 100%);  }

.main .section04 .flexBox .rightBox {width:33.333%; padding:0 0 0 25px; }
.main .section04 .flexBox .rightBox .conBox {margin:15px 0 0;}
.main .section04 .flexBox .rightBox .conBox ul {padding:34px 30px; border-radius: 10px;box-shadow: 6px 6px 20px rgba(130, 135, 174, 0.12); border:1px solid #e9ecef; }
.main .section04 .flexBox .rightBox .conBox ul li {}
.main .section04 .flexBox .rightBox .conBox ul li a {display:flex; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #ddd; transition:all 0.3s;}
.main .section04 .flexBox .rightBox .conBox ul li:last-child a {margin: 0;padding: 0; border-bottom: none;}
.main .section04 .flexBox .rightBox .conBox ul li a figure {width:108px;border-radius: 10px; overflow: hidden;}
.main .section04 .flexBox .rightBox .conBox ul li a figure img{width: 100%; background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.main .section04 .flexBox .rightBox .conBox ul li a:hover figuree img{-webkit-transform: scale(1.18);-moz-transform: scale(1.18); -o-transform: scale(1.18);-ms-transform: scale(1.18);transform: scale(1.18);}
.main .section04 .flexBox .rightBox .conBox ul li a .listBox {width:calc(100% - 108px); padding:0 20px 0 0; }
.main .section04 .flexBox .rightBox .conBox ul li a .listBox h3 { display: -webkit-box;   -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word; font-size:18px; font-weight:600; line-height:1.35; transition:all 1s;  }
.main .section04 .flexBox .rightBox .conBox ul li a .listBox h3 span {position: relative; background: linear-gradient(to bottom, transparent 95%, #222 0) left center no-repeat; background-size: 0; transition: 1s;}
.main .section04 .flexBox .rightBox .conBox ul li a .listBox h3 span img {display:none; }
.main .section04 .flexBox .rightBox .conBox ul li a:hover .listBox h3 span{background-size: 100% auto;}
.main .section04 .flexBox .rightBox .conBox ul li a .listBox p {margin:20px 0 0; font-size:14px; opacity:0.7;}

@media all and (max-width:1400px){
	.main .section04 .flexBox .leftBox {width:50%;}
	.main .section04 .flexBox .rightBox {width:50%;}
}
@media all and (max-width:1200px){
	.main .section04 {padding:60px 0; }
	.main .section04 .flexBox .leftBox {width:100%;}
	.main .section04 .flexBox .rightBox {width:100%; padding:0 0 0 20px;}
	.main .section04 .flexBox .rightBox {padding:50px 0 0; }
	.main .section04 .flexBox .rightBox .conBox ul {display:flex; flex-wrap:wrap; justify-content: space-between; padding:25px; }
	.main .section04 .flexBox .rightBox .conBox ul li {width:48.5%; }
	.main .section04 .flexBox .rightBox .conBox ul li a {margin:0 ; padding:0; border-bottom:none;  }
}
@media all and (max-width:1024px){
	.main .section04 {padding:50px 0; }
	.main .section04 .flexBox .leftBox .conBox {margin:12px 0 0; }

}
@media all and (max-width:768px){
	.main .section04 {padding:10vw 0; }
	.main .section04 .inner {padding:0 0 0 15px;}
	.main .section04 .flexBox .leftBox .conBox {margin:3vw 0 0;}
	.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap {padding:5vw; }
	.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap h3 {font-size:3.8vw; }
	.main .section04 .flexBox .leftBox .conBox ul li a .txtWrap p {margin:3vw 0 0; padding:3vw 0 0; font-size:3.2vw; }
	.main .section04 .flexBox .rightBox {padding:8vw 0 0; }
	.main .section04 .flexBox .rightBox .conBox {margin:3vw 0 0;}
	.main .section04 .flexBox .rightBox .conBox ul li {width:100%;}
	.main .section04 .flexBox .rightBox .conBox ul li a {margin:0 0 3vw; padding:0 0 3vw; border-bottom:1px solid #ddd; }
	.main .section04 .flexBox .rightBox .conBox ul {padding:5vw; margin:0 15px 0 0; }
	.main .section04 .flexBox .rightBox .conBox ul li a .listBox h3 {font-size:3.8vw; }
	.main .section04 .flexBox .rightBox .conBox ul li a .listBox p {font-size:3.2vw; margin:3vw 0 0; }
	.main .section04 .flexBox .rightBox .conBox ul li a figure {width:25vw; }
	.main .section04 .flexBox .rightBox .conBox ul li a .listBox {width:calc(100% - 25vw); padding:0 2vw 0 0; }

}

/*============================================================================================================
    SECTION05 
============================================================================================================*/
.main .section05 {padding:60px 0; background-color: #f7f8f9;}
.main .section05 .conBox .swiper-wrapper {margin:20px 0; transition-timing-function: linear;}
.main .section05 .conBox {}
.main .section05 .conBox ul {}
.main .section05 .conBox ul li{position: relative; display:block; padding:20px 30px; background:#fff; border-radius: 10px; box-shadow: 6px 6px 20px rgba(130, 135, 174, 0.12); border: 1px solid #e9ecef; transition:all 0.4s;}
.main .section05 .conBox ul li:hover{transform: translateY(-8px); box-shadow: none;}
.main .section05 .conBox ul li::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #c49276; border-radius: 10px; box-sizing: border-box; opacity: 0; transition: all 0.4s; z-index: -1;}
.main .section05 .conBox ul li:hover::after{opacity: 1;}
.main .section05 .conBox ul li .boxHead{display: flex; justify-content: space-between; align-items: center;}
.main .section05 .conBox ul li .boxHead h6{font-size: 18px; font-weight: 700; color: #ccb0a2;}
.main .section05 .conBox ul li:hover .boxHead h6{color: #c49276; transition: all 0.4s;}
.main .section05 .conBox ul li .boxHead span{padding: 6px 4px; font-size: 14px; font-weight: 800; color: #9d6e54; letter-spacing: -0.28px; background-color: #f8f3f0; border-radius: 3px; transition: all 0.4s;}
.main .section05 .conBox ul li:hover .boxHead span{color: #fff; background-color: #c49276;}
.main .section05 .conBox ul li .boxBody i.sec05icon{display:block; width:34px; height:31px; margin:10px 0 20px; background-image:url('/common/img/main/sec05icon01.png'); background-position: center; background-repeat: no-repeat;}
.main .section05 .conBox ul li:hover .boxBody i.sec05icon{background-image:url('/common/img/main/sec05icon01_hover.png');}
.main .section05 .conBox ul li .boxBody h3{font-size:18px; font-weight:600; white-space:nowrap;  }
.main .section05 .conBox ul li .boxBody h4.txt{ display: -webkit-box;-webkit-line-clamp: 5;overflow: hidden; -webkit-box-orient: vertical; height:110px; margin:10px 0 30px; color:#666; line-height:1.5; font-weight:500; font-size:15px;}
.main .section05 .conBox ul li .boxBody span{font-size:15px; color: #777; }

.main .section05 .swiper-button-prev {width: 60px; height: 60px; left: -55px;}
.main .section05 .swiper-button-next {width: 60px; height: 60px; right: -55px;}
.main .section05 .swiper-button-prev svg, .main .section05 .swiper-button-next svg{width: 100%; height: 100%; stroke: #c49276; fill: #c49276;}
.main .section05 .swiper-button-prev:after,.main .section05 .swiper-button-next:after {display:none;}
@media all and (max-width:1600px){
    .main .section05 .conBox{width: calc(100% - 70px);}

    .main .section05 .swiper-button-prev {width: 50px; height: 50px; left: 0;}
    .main .section05 .swiper-button-next {width: 50px; height: 50px; right: 0;}
}
@media all and (max-width:1024px){
	.main .section05 {padding:40px 0;}
    .main .section05 .inner{padding: 0;}
    .main .section05 .subTit{padding: 0 20px;}
    .main .section05 .conBox{width: 100%; padding: 0 20px;}
    .main .section05 .conBox ul li .boxHead h6{font-size: 16px;}
    .main .section05 .conBox ul li .boxBody h3{font-size: 16px;}
    .main .section05 .conBox ul li .boxBody h4.txt{margin: 10px 0 20px; font-size: 14px; height: 105px;}

    .main .section05 .arrow{display: none;}
}

@media all and (max-width:768px){
	.main .section05 {padding:9vw 0;}
    .main .section05 .subTit{padding: 0 15px; text-align: center;}
    .main .section05 .conBox{padding: 0 15px;}
    .main .section05 .conBox ul li{padding: 5vw;}
    .main .section05 .conBox ul li .boxHead h6{font-size: 3.6vw;}
	.main .section05 .conBox ul li .boxHead span{font-size: 3vw; padding:1vw;}
	.main .section05 .conBox ul li .boxBody i.sec05icon{ width: 6vw; height: 6vw;background-size: contain; margin: 3vw 0;}
	.main .section05 .conBox ul li .boxBody h3{font-size: 3.8vw;}
	.main .section05 .conBox ul li .boxBody h4.txt{-webkit-line-clamp: 4; height:19vw; margin:3vw 0; font-size:3.2vw; }
	.main .section05 .conBox ul li .boxBody span{font-size:3.2vw;}
}


/*============================================================================================================
    SECTION06 
============================================================================================================*/
.main .section06 {margin:0 0 70px; }
.main .section06 .conBox {padding:55px; background:url(/common/img/main/sec06bg01.png)no-repeat bottom right / cover; border-radius:10px; box-shadow: 6px 6px 20px rgba(130, 135, 174, 0.12);}
.main .section06 .subTit {display:inline-block; margin:0; color:#fff; }
.main .section06 .subTit i {display:inline-block; margin:0 0 0 7px; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px; background:#9ca3ac; }
.main .section06 .subTit em {font-style: italic;}

@media all and (max-width:1200px){
	.main .section06 {margin:0 0 60px; }
	.main .section06 .conBox {padding:45px; }
}
@media all and (max-width:1024px){
	.main .section06 {margin:0 0 50px; }
	.main .section06 .conBox {padding:40px;}

}

@media all and (max-width:768px){
	.main .section06 {margin:0 0 10vw; }
	.main .section06 .inner {padding:0; }
	.main .section06 .conBox {padding:8vw 6vw; background:url(/common/img/main/sec06bg01.png) no-repeat bottom right / contain #9199a3; border-radius:0; background-size:140vw;  }
	.main .section06 .subTit i {width:7vw; height:7vw; font-size:3.8vw; line-height:7vw; margin:0 0 0 1vw;  }
}

/*============================================================================================================
    SECTION07 
============================================================================================================*/
.main .section07 {padding:0 0 70px; overflow:hidden; }
.main .section07 .flexBox {display:flex; flex-wrap:wrap; margin:0 -25px; }
.main .section07 .flexBox > div {width:calc(50% - 50px); margin:0 25px;}
.main .section07 .flexBox .leftBox {}
.main .section07 .flexBox .leftBox .root_daum_roughmap .wrap_map {height:390px; border-radius:10px; overflow:hidden;  }
.main .section07 .flexBox .rightBox {}
.main .section07 .flexBox .rightBox dl {display:flex; flex-wrap:wrap; justify-content: right; padding:30px 0; font-size:15px; border-bottom:1px solid #e4e4e4;  }

.main .section07 .flexBox .rightBox dl:last-child {border-bottom:none; padding-bottom:0; }
.main .section07 .flexBox .rightBox dl dt {width:120px; font-weight:600; }
.main .section07 .flexBox .rightBox dl dd {display:flex; width:calc(100% - 120px); color:#666;  }
.main .section07 .flexBox .rightBox dl dd i {width:25px; margin:0 7px 0 0; text-align:center; }
.main .section07 .flexBox .rightBox dl dd p{width:calc(100% - 25px); }
.main .section07 .flexBox .rightBox dl dd p b {font-weight:600; }
.main .section07 .flexBox .rightBox dl.iconBox dd {margin:0 0 12px; line-height:1.6}
.main .section07 .flexBox .rightBox dl.iconBox dd:last-child {margin:0;}

.main .section07 .flexBox .rightBox dl dd:last-child p {}
.main .section07 .flexBox .rightBox dl dd i.subwayIcon{ width: 25px;height: 25px; margin: 0 7px 0 0;line-height: 25px; background: #16b458; text-align: center;color: #fff;font-weight: 600; border-radius: 50%; font-style: normal;}
.main .section07 .flexBox .rightBox dl dd i.busIcon img{width:20px;}
.main .section07 .flexBox .rightBox dl dd i.locationIcon img{width:17px;}
.main .section07 .flexBox .rightBox dl dd a {display:block; width:160px; height:40px; margin:5px 0 0; text-align:center; line-height:38px; border:1px solid #ddd; border-radius:10px; font-weight:600; }

@media all and (max-width:1200px){
	.main .section07 {padding:0 0 60px;}
	.main .section07 .flexBox .rightBox dl {padding:20px 0; }
	.main .section07 .flexBox .rightBox {margin:0;}
}
@media all and (max-width:1024px){
	.main .section07 {padding:0 0 50px;}
	.main .section07 .flexBox {margin:0; }
	.main .section07 .flexBox > div {width:100%; margin:0; }
	.main .section07 .flexBox .leftBox .root_daum_roughmap .wrap_map {height:280px;}
	.main .section07 .flexBox .rightBox {margin:30px 0 0;}


}

@media all and (max-width:768px){
	.main .section07 {padding:0 0 10vw;}
	.main .section07 .flexBox .leftBox .root_daum_roughmap .wrap_map {height:45vw;} 
	.main .section07 .flexBox .rightBox {margin:5vw 0 0;}
	.main .section07 .flexBox .rightBox dl {padding:3vw 0; font-size:3.3vw ;}
	.main .section07 .flexBox .rightBox dl dt {width:22vw; }
	.main .section07 .flexBox .rightBox dl dd {width:calc(100% - 22vw);}
	.main .section07 .flexBox .rightBox dl dd i.subwayIcon {width:5vw; height:5vw; margin:0 1.5vw 0 0; line-height:5vw; }
	.main .section07 .flexBox .rightBox dl dd i {width:5vw; margin:0 1.5vw 0 0; }
	.main .section07 .flexBox .rightBox dl dd i.busIcon img {width:3.7vw; }
	.main .section07 .flexBox .rightBox dl.iconBox dd{margin:0 0 1.5vw; }
	.main .section07 .flexBox .rightBox dl dd a {width:auto; height:auto; line-height:1;font-size:3.4vw; margin:3vw 0 0; padding:2vw 5vw;  }
	.main .section07 .flexBox .rightBox dl dd a i {display:inline-block; width:4vw; margin:0 0.5vw 0; }
	.main .section07 .flexBox .rightBox dl dd p{width:calc(100% - 5vw); }

}