@charset "utf-8";
/* CSS Document */
/*main*/
/* .slick-arrow */
.custom-controls-wrap { text-align: center; }
.custom-controls-wrap .custom-controls > div, .custom-controls-wrap .custom-controls > button { float: left; }
.custom-controls .custom-slick-arrow{ display: inline-block; position: relative;; bottom: 0;  width: 63px;  height: 63px; text-indent: -999999em; z-index: 2; }
.custom-controls .custom-slick-prev.custom-slick-arrow{ background: url(../../image/main/icon_slider_prev.png) no-repeat center; }
.custom-controls .custom-slick-next.custom-slick-arrow{ background: url(../../image/main//icon_slider_next.png) no-repeat center; }
.custom-controls .play-control { display: inline-block; line-height: 27px; float: left; }
.custom-controls .play-control button { width: 63px; height: 63px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
.custom-controls .play-control button.stop { display: inline-block; background-image: url(../../image/main/icon_slider_pause.png); }
.custom-controls .play-control button.play { display: none; background-image: url(../../image/main/icon_slider_start.png); }
.custom-controls .play-control.active button.stop { display: none; }
.custom-controls .play-control.active button.play { display: inline-block; }

/* .slick-dots */
.custom-controls .slick-dots { position: relative;  display: block; padding: 0; line-height: 6px; }
.custom-controls .slick-dots li { float: none; position: relative; display: inline-block; width: 6px; height: 6px; cursor: pointer; margin-right: 4px; vertical-align: middle; }
.custom-controls .slick-dots li:last-child { margin-right: 0; }
.custom-controls .slick-dots li button { vertical-align: top; text-indent:-99999em; width: 6px; height: 6px; background-color: #D5DADC; }
.custom-controls .slick-dots li.slick-active button { width: 6px; height: 6px; background-color: #4B5053; box-sizing: border-box;}

.main-slider-wrap { overflow: hidden; position: relative; width: 100%; margin: 0px auto; }
.main-slider-wrap .item { background-repeat: no-repeat; background-position: center; background-size: 100%; }
.main-slider-wrap .item img { position: relative; display: inline-block; }
.main-slider-wrap .custom-controls-wrap { position: relative; margin: 0px auto; }
.main-slider-wrap .custom-controls-wrap .custom-controls { position: absolute; right: 10px; bottom: 25px; }
.main-slider-wrap .custom-controls-wrap .seek { position: absolute; width: 402px; height: 2px; left: 224px; bottom: 150px; background-color: #686868; }
.main-slider-wrap .custom-controls-wrap .seek .bar { position: absolute; width: 0px; height: 2px; left: 0px; top: 0px; background-color: #fff; }
.main-slider-wrap .custom-controls-wrap .custom-controls > div:not(.seek) { position: relative; width: 50px; }
.main-slider-wrap .custom-controls-wrap .custom-controls > div:not(.seek)::after { position: absolute; content: ''; width: 1px; height: 12px; left: 50%; top: 1px; background-color: #fff; }
.main-slider-wrap .custom-slick-arrow{ display: inline-block; position: relative;; bottom: 0;  width: 8px;  height: 13px; text-indent: -999999em; z-index: 2; background-size: 8px auto !important; }
.main-slider-wrap .custom-controls .custom-slick-prev.custom-slick-arrow{ float: left; background: url(../../image/main/icon_slider_prev2.png) no-repeat center; }
.main-slider-wrap .custom-controls .custom-slick-next.custom-slick-arrow{ float: right; background: url(../../image/main/icon_slider_next2.png) no-repeat center; }

.main-slider-wrap {height:calc(100vh - 250px);}
/* .main-slider-wrap {height:calc(100vh - 30vh);} */
.main-slider-wrap .slick-slider {height: inherit;}
.main-slider-wrap .slick-slider .slick-list {height: inherit;}


#contentsWrap { padding-bottom: 0; }
.section1 { position: relative; }
.section1 .scroll-wrap { position: absolute; width: 48px; left: 50%; transform: translate(-50%); bottom: 34.9%; }
.section1 .scroll-wrap {animation: motion 0.3s linear 0s infinite alternate; bottom: 34.9%;}        
@keyframes motion {
	0% { bottom : 34.9%; }
	100% { bottom : 32.9%; }
}
.section1 .scroll-wrap { position: absolute; width: 48px; left: 50%; transform: translate(-50%); bottom: 5.9%;}
.section1 .scroll-wrap {animation: motion 0.3s linear 0s infinite alternate; bottom: 5.9%;}

@keyframes motion {
    0% {
        bottom : 5.9%;
    }

    100% {
        bottom : 3.9%;
    }
}
.section-youtube {position: relative; padding: 40px 0;}
.youtube-slider-wrap .slide_area .slick-prev { left: -10px; background: url(../../image/common/arrowB-1.png) no-repeat center; background-size: contain; z-index: 1000;}
.youtube-slider-wrap .slide_area .slick-next { right: -10px; background: url(../../image/common/arrowB-2.png) no-repeat center; background-size: contain; z-index: 1000;}
.section2 { position: relative; background-color: #eeeeee; padding: 50px 0px; }
.section2 .btn-wrap { overflow: hidden; position: relative; margin-bottom: 30px; }
.section2 .btn-wrap a { position: relative; width: 33.3%; float: left; padding-top: 90px; font-size: 15px; color: #333333; text-align: center; background-repeat: no-repeat; background-position: top center; background-size: 78px auto; }
.section2 .btn-wrap a:nth-child(1) { background-image: url(../../image/main/btn_section2_1.png); }
.section2 .btn-wrap a:nth-child(2) { background-image: url(../../image/main/btn_section2_2.png); }
.section2 .btn-wrap a:nth-child(3) { background-image: url(../../image/main/btn_section2_3.png); }
.section2 .input-wrap { position: relative; width: 100%; padding: 20px; background-color: #fff; border: 1px solid #e2e2e2; }
.section2 .input-wrap .input-group { overflow: hidden; }
.section2 .input-wrap table input,.section2 .input-wrap table select { height: 40px; line-height: 40px; font-size: 10px; }
.section2 .input-wrap table select { padding-left: 10px; background-position: right 10px center; }
.section2 .input-wrap table tr:nth-child(2) th,.section2 .input-wrap table tr:nth-child(2) td { padding-top: 13px; }
.section2 .input-wrap .divide.hyphen { width: 10px; height: 50px; line-height: 50px; }
.section2 .input-wrap button { width: 100%; height: 40px; margin-top: 10px; line-height: 40px; background-color: #005097; font-size: 15px; color: #fff; text-align: center; }
.section2-1 { overflow: hidden; padding-top: 40px; }
.section2-1 .title-wrap { width: 100%; }
.section2-1 .title-wrap a { display: inline-block; margin-left: 10px; margin-top: 5px; vertical-align: top; }
/* .section2-1 .title-wrap a { display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background-color: #005097; } */
.section2-1 .notice-slider-wrap { position: relative; border: 1px solid #ddd; }
.section2-1 .notice-list { position: relative; height: 146px; padding: 25px 20px 20px 20px; }
.section2-1 .notice-list .date { display: block; position: absolute; left: 20px; bottom: 20px; }
.section2-1 .notice-slider-wrap .custom-controls-wrap { position: relative; background-color: #fff; z-index: 5; }
.section2-1 .notice-slider-wrap .custom-slick-arrow{ display: inline-block; position: relative; top: auto; bottom: -1px; margin-top: -15px;  width: 39px;  height: 39px; text-indent: -999999em; z-index: 2; background-size: 30px auto !important; border: 1px solid #ddd; z-index: 3; }
.section2-1 .notice-slider-wrap .custom-slick-prev.custom-slick-arrow { position: absolute; right: 37px; left: auto; margin-left: 0px; background: url(../../image/main/icon_slider_prev4.png) no-repeat center #fff; }
.section2-1 .notice-slider-wrap .custom-slick-next.custom-slick-arrow { position: absolute; right: -1px; margin-right: 0px; background: url(../../image/main/icon_slider_next4.png) no-repeat center #fff; }

.section2-1 .main-notice .custom-controls-wrap { top: -131px; position: relative; background-color: #fff; z-index: 5; }
.section2-1 .main-notice .custom-slick-arrow{ display: inline-block; position: relative; top: auto; bottom: -1px; margin-top: -15px;  width: 39px;  height: 39px; text-indent: -999999em; z-index: 2; background-size: 30px auto !important; border: 1px solid #ddd; z-index: 3; }
.section2-1 .main-notice .custom-slick-prev.custom-slick-arrow { position: absolute; right: 37px; left: auto; margin-left: 0px; background: url(../../image/main/icon_slider_prev4.png) no-repeat center #fff; }
.section2-1 .main-notice .custom-slick-next.custom-slick-arrow { position: absolute; right: -1px; margin-right: 0px; background: url(../../image/main/icon_slider_next4.png) no-repeat center #fff; }

.section3 { position: relative; padding-top: 40px; }
.section3 ul { overflow: hidden; position: relative; }
.section3 ul li { overflow: hidden; position: relative; float: left; width: 100%; }
.section3 ul li { margin-top: 13px; }
.section3 ul li.w50 { width: 48.2%; }
.section3 ul > .w50.mr { margin-right: 3.6%; }
.section3 ul li a { overflow: hidden; display: block; position: relative; }
.section3 ul li a img { transition: all .3s; }
.section3 ul li a:hover img { transform: scale(1.05); }
.section3 ul li a::before { position: absolute; content: ''; width: 101%; height: 101%; left: 0px; top: 0px; border: 0px solid #dceb0c;  transition: all .3s; z-index: 2; }
.section3 ul li a:hover::before { position: absolute; content: ''; width: calc(100% - 16px); height: calc(100% - 16px); left: 0px; top: 0px; border: 8px solid #dceb0c; transition: all .3s; }

.section4 { overflow: hidden; position: relative; margin-top: 40px; }
.section4 .knowhow-tab { overflow: visible; position: relative; z-index: 2; height: auto; }
.section4 .knowhow-tab li { position: relative; width: 20%; float: left; background-color: #fff !important; }
.section4 .knowhow-tab li + li::before { position: absolute; content: ''; width: 1px; height: 38px; left: 0px; top: 40px; background-color: #ddd; }
.section4 .knowhow-tab li a { position: relative; height: auto !important; line-height: 1 !important; padding-top: 47px; padding-bottom: 25px; background-repeat: no-repeat; background-position: center top; color: #363636 !important; background-size: 38px auto; }
.section4 .knowhow-tab li a::after { position: absolute; content: ''; width: 12px; height: 12px; left: 50%; transform: translateX(-50%); bottom: -6px; background-color: transparent; border-radius: 12px;  }
.section4 .knowhow-tab li.active a { color: #005097 !important; }
.section4 .knowhow-tab li.active a::after { width: 55px; height: 15px; bottom: -7px; background-image: url(../../image/main/know_on.png); background-color: transparent; background-size: 100% auto; }
.section4 .knowhow-tab li:nth-child(1) a { background-image: url(../../image/main/icon_knowhow1.png); }
.section4 .knowhow-tab li:nth-child(2) a { background-image: url(../../image/main/icon_knowhow2.png); }
.section4 .knowhow-tab li:nth-child(3) a { background-image: url(../../image/main/icon_knowhow3.png); }
.section4 .knowhow-tab li:nth-child(4) a { background-image: url(../../image/main/icon_knowhow4.png); }
.section4 .knowhow-tab li:nth-child(5) a { background-image: url(../../image/main/icon_knowhow5.png); }
.section4 .knowhow-tab li.active:nth-child(1) a { background-image: url(../../image/main/icon_knowhow1_on.png); }
.section4 .knowhow-tab li.active:nth-child(2) a { background-image: url(../../image/main/icon_knowhow2_on.png); }
.section4 .knowhow-tab li.active:nth-child(3) a { background-image: url(../../image/main/icon_knowhow3_on.png); }
.section4 .knowhow-tab li.active:nth-child(4) a { background-image: url(../../image/main/icon_knowhow4_on.png); }
.section4 .knowhow-tab li.active:nth-child(5) a { background-image: url(../../image/main/icon_knowhow5_on.png); }
.section4 .tab-content-wrap { position: relative; z-index: 1; }
.section4 .tab-content-wrap > p { position: absolute; width: 100%; left: 0px; top: 25px;  }
.section4 .tab-content-wrap > div { position: relative; }
.section4 .tab-content-wrap .tab-content { position: relative; }
.section5 { position: relative; padding: 40px 0px; }
.section5 .main-slider-wrap2 { position: relative; }
.section5 .main-slider-wrap2 .main-slider2 { margin: 0px auto; }
.section5 .main-slider-wrap2 .main-slider2 .slick-list { overflow: visible; }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide { margin: 0px 20px; }
.section5 .main-slider-wrap2 .main-slider2 .item { position: relative; overflow: hidden; width:211px !important; height: 232px;  padding: 50px 10px 0px 10px; transition: all 300ms ease; }
.section5 .main-slider-wrap2 .main-slider2 .item .border { position: absolute; width: 99.9%; height: 99.9%; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 12px solid #e6e6e6; z-index: 1;  }
.section5 .main-slider-wrap2 .main-slider2 .item p { position: relative; color: #b4b8bc; z-index: 3;  }
.section5 .main-slider-wrap2 .main-slider2 .item hr { position: relative;  z-index: 3; width: 80%; margin: 0px auto; }
.section5 .main-slider-wrap2 .main-slider2 .item::before { position: absolute; content: ''; width: 120%; height: 0%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 2; transition: all 300ms ease; }
.section5 .main-slider-wrap2 .main-slider2 .item::after { position: absolute; content: ''; width: 0%; height: 120%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 2; transition: all 300ms ease; }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide.slick-center .item { transform: scale(1.08); }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide.slick-center .item p { color: #363636; }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide.slick-center .item p.num { color: #005097; }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide.slick-center .item .border { position: absolute; width: 99%; height: 99%; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 12px solid #005097; z-index: 1;  }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide.slick-center .item::before { position: absolute; content: ''; width: 120%; height: 70%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 2; }
.section5 .main-slider-wrap2 .main-slider2 .slick-slide.slick-center .item::after { position: absolute; content: ''; width: 70%; height: 120%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 2; }
.section5 .main-slider-wrap2 .custom-slick-arrow{ display: inline-block; position: relative; top: 50%; margin-top: -15px;  width: 30px;  height: 30px; text-indent: -999999em; z-index: 2; background-size: 30px auto !important; }
.section5 .main-slider-wrap2 .custom-slick-prev.custom-slick-arrow { position: absolute; left: 50%; margin-left: -120px; background: url(../../image/main/icon_slider_prev.png) no-repeat center; }
.section5 .main-slider-wrap2 .custom-slick-next.custom-slick-arrow { position: absolute; right: 50%; margin-right: -120px; background: url(../../image/main/icon_slider_next.png) no-repeat center; }
.section6 { position: relative; padding-top: 34px; }
.section6::before {position: absolute; content: ''; width: 100%; height: 0; padding-bottom: 93.33%; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; background-image: url(../../image/main/bg_section6.jpg); }
.section6 .staff-tab { overflow: hidden; position: relative; }
.section6 .staff-tab li { width: 33.33%; float: left; text-align: center; }
.section6 .staff-tab li a { display: inline-block; width: 70px; height: 70px; border: 1px solid; padding: 42px 0px 18px; color: #fff; background-repeat: no-repeat; background-position: center top 18px; border-radius: 70px; background-color: transparent; background-size: 18px auto; }
.section6 .staff-tab li:nth-child(1) a { background-image: url(../../image/main/icon_staff1.png); }
.section6 .staff-tab li:nth-child(2) a { background-image: url(../../image/main/icon_staff2.png); }
.section6 .staff-tab li:nth-child(3) a { background-image: url(../../image/main/icon_staff3.png); }
.section6 .staff-tab li:nth-child(4) a { background-image: url(../../image/main/icon_staff4.png); }
.section6 .staff-tab li:nth-child(5) a { background-image: url(../../image/main/icon_staff5.png); }
.section6 .staff-tab li:nth-child(6) a { background-image: url(../../image/main/icon_staff6.png); }
.section6 .staff-tab li:nth-child(n+4) { margin-top: 17px; }
.section6 .staff-tab li.active a,.section6 .staff-tab li a:hover { color: #363636; background-color: #dceb0c; border-color: #dceb0c; }
.section6 .staff-tab li.active:nth-child(1) a,.section6 .staff-tab li:nth-child(1) a:hover { background-image: url(../../image/main/icon_staff1_on.png); }
.section6 .staff-tab li.active:nth-child(2) a,.section6 .staff-tab li:nth-child(2) a:hover { background-image: url(../../image/main/icon_staff2_on.png); }
.section6 .staff-tab li.active:nth-child(3) a,.section6 .staff-tab li:nth-child(3) a:hover { background-image: url(../../image/main/icon_staff3_on.png); }
.section6 .staff-tab li.active:nth-child(4) a,.section6 .staff-tab li:nth-child(4) a:hover { background-image: url(../../image/main/icon_staff4_on.png); }
.section6 .staff-tab li.active:nth-child(5) a,.section6 .staff-tab li:nth-child(5) a:hover { background-image: url(../../image/main/icon_staff5_on.png); }
.section6 .staff-tab li.active:nth-child(6) a,.section6 .staff-tab li:nth-child(6) a:hover { background-image: url(../../image/main/icon_staff6_on.png); }
.section6 .main-slider-wrap3 { position: relative; width: 100%; }
.section6 .main-slider-wrap3 .main-slider3 { position: relative; display: none;}
.section6 .main-slider-wrap3 .main-slider3.active { display: block; }
.section6 .main-slider-wrap3 .main-slider3 .slick-list {  padding: 0px !important; }
.section6 .main-slider-wrap3 .main-slider3 .slick-slide { overflow: hidden; position: relative; width: 100%;  background-color: #dcdddf; }
.section6 .main-slider-wrap3 .main-slider3 .slick-slide.slick-current { background-color: #e1e2e4; }
.section6 .main-slider-wrap3 .main-slider3 .slick-slide .item { overflow: hidden; display: block !important; position: relative; width: 100%; height: 0px; padding-bottom: 64.5%; }

.section6 .main-slider-wrap3 .main-slider3 .slick-slide .item a { display: block; }
.section6 .main-slider-wrap3 .main-slider3 .slick-slide .item a img { position: absolute; right: 0px; bottom: 0px; width: 100%; }
.section6 .main-slider-wrap3 .main-slider3 .slick-slide .item a .txt-wrap { position: absolute; right: 60%; top: 23%; }
.section6 .main-slider-wrap3 .custom-slick-arrow{ display: inline-block; position: relative; top: 50%; margin-top: -12px;  width: 14px;  height: 25px; text-indent: -999999em; z-index: 2; }
.section6 .main-slider-wrap3 .custom-slick-prev.custom-slick-arrow { position: absolute; left: 0px; background: url(../../image/main/icon_slider_prev3.png) no-repeat center; background-size: 100% auto; }
.section6 .main-slider-wrap3 .custom-slick-next.custom-slick-arrow { position: absolute; right: 0px; background: url(../../image/main/icon_slider_next3.png) no-repeat center; background-size: 100% auto; }
.section7 {  overflow: hidden; position: relative; padding-bottom: 40px; }
.section7 .btn-wrap { position: relative; z-index: 2; padding-right: 60px; }
.section7 .btn-video { position: relative; display: inline-block; width: 120px; height: 120px; line-height: 120px; background-color: #005097; border-radius: 50%; text-align: center; }
.section7 .main-video-wrap { overflow: hidden; position: relative; width: 100%; height: 0px; padding-bottom: 42.96%; z-index: 1; }
.section7 .main-video-wrap video { position: absolute; width: 110%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.section7 ul { overflow: hidden; position: relative; }
.section7 ul li { overflow: hidden; float: left; }
.section7 ul li + li { margin-top: 10px; }
.section8 .map-wrap { position: relative; background-color: #ddd; width: 100%; height: 0; padding-bottom: 53.33%; }
.section8 .map-wrap .map { position: absolute; width: 100%; height: 100%; }

.section9 { overflow: hidden; } 
.section9 .main-container { padding: 0; } 
.section9 .swiper-wrapper { transition-timing-function: linear; } 
.section9 .swiper-slide { width: auto; max-width: 27.4rem; height: 6rem; margin: 0 3rem; } 
.section9 .swiper-slide img { object-fit: contain; height: 40px;} 
.section9 .swiper-slide { max-width: 13.6rem; height: 2.8rem; margin: 0 0.8rem; } 

.section10 { overflow: hidden; padding-top: 40px; }
.section10 .title-wrap { width: 100%; }
.section10 .title-wrap a { display: inline-block; margin-left: 10px; margin-top: 5px; vertical-align: top; }

.section10 .main-review ul li a img {aspect-ratio: 649/365;}
.section10 .main-review .custom-controls-wrap { top: -8px; position: relative; background-color: #fff; z-index: 5; }
.section10 .main-review .custom-slick-arrow{ display: inline-block; position: relative; top: auto; bottom: -1px; margin-top: -15px;  width: 39px;  height: 39px; text-indent: -999999em; z-index: 2; background-size: 30px auto !important; border: 1px solid #ddd; z-index: 3; }
.section10 .main-review .custom-slick-prev.custom-slick-arrow { position: absolute; right: 37px; left: auto; margin-left: 0px; background: url(../../image/main/icon_slider_prev4.png) no-repeat center #fff; }
.section10 .main-review .custom-slick-next.custom-slick-arrow { position: absolute; right: -1px; margin-right: 0px; background: url(../../image/main/icon_slider_next4.png) no-repeat center #fff; }

.box-subject {
    display: flex;
    flex-wrap: wrap;
}

.box-subject .item {
    width: calc(100% / 3 - 6px);
    height: 70px;
    background-color: #0049c2;
    margin-right: 9px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-direction: column;
}

.box-subject .item.type1 {
    background-color: #0049c2;
}
.box-subject .item.type1 span {
    color: #fff;
}

.box-subject .item.type2 {
    background-color: #ececec;
}
.box-subject .item.type2 span {
    color: #3d3825;
}

.box-subject .item.type3 {
    background-color: #dceb0c;
}
.box-subject .item.type3 span {
    color: #1e1e1e;
}

.box-subject .item.type4 {
    background-color: #aaaeb7;
}
.box-subject .item.type4 span {
    color: #2c3240;
}

.box-subject .item.type5 {
    background-color: #2c3240;
}
.box-subject .item.type5 span {
    color: #fff;
}

.box-subject .item.type6 {
    background-color: #e9ecf1;
}
.box-subject .item.type6 span {
    color: #333;
}

.box-subject .item.type7 {
    background-color: #f7f7f7;
}
.box-subject .item.type7 span {
    color: #333;
}

.box-subject .item.type8 {
    background-color: #005097;
}
.box-subject .item.type8 span {
    color: #fff;
}

.box-subject .item.type9 {
    background-color: #16cae1;
}
.box-subject .item.type9 span {
    color: #fff;
}

.box-subject .item img {
    margin-bottom: 9px;
}

.box-subject .item span {
    font-family: "NanumSquare";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.61px;
    text-align: left;
    color: #fff;
    text-align: center;
}

.box-subject .item:nth-child(3n) {
    margin-right: 0px;
}