@charset "utf-8";

/* 서브 공통 */
.sub_con {
    padding: clamp(60px,8vw,135px) 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    letter-spacing: 0;
}
.med{font-weight: 500;}
.bold{font-weight: 700;}
@media screen and (max-width:1480px) {
    .sub_con{padding: clamp(60px,8vw,135px) 40px;}
}
@media screen and (max-width:768px) {
    .pc_only{display: none;}
}
.top_menu.mobile-menu > div{justify-content: space-between; align-items: center;}
.mobile-menu .active-item img {
    transition: transform 0.3s ease; /* 부드러운 회전 효과 */
}

.mobile-menu .active-item img.active {
    transform: rotate(180deg); /* 180도 회전 */
}
/* 이미지 모달창 */
#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: clamp(24px,2vw,30px);font-weight: 300;background: #000;color: #FFF;text-align: center;}
.modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}


@media screen and (max-width: 768px){
    #modal__content {padding: 50px 20px;width: 80%;}
    .modal__exit {width: 50px;height: 50px;}
    .modal__exit span {width: 25px;height: 3px;}
    .modal__exit span:nth-child(1) {left: 13px;}
    .modal__exit span:nth-child(2) {left: 13px;}
}
.overlay {display: none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5) !important;z-index: 20;cursor: pointer;}
.overlay__message{display: block;width: 100%;font-size: 18px;line-height: 28px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 500px) {
    .overlay__message{font-size: 16px;line-height: 26px;}
}

.bg_img{height: 440px !important;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
    .bg_img{ background-attachment: fixed;}
}

@media screen and  (max-width: 768px){
    .bg_img{height: 200px !important;}
}

/* 서브페이지 네비게이션 */
#sub__nav{position:relative;z-index: 33;}
#sub__nav .visual__wrap{width:100%;height: 680px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#sub__nav .visual__wrap .nav-title{position: absolute;text-align: left;width: 100%;left: 50%;bottom: 76px;transform: translate(-50%, -50%);color: #fff;font-size: clamp(28px, 3vw, 42px);line-height: 1.4em;letter-spacing: 2px;max-width: 1400px;font-size: clamp(24px, 5vw, 54px);font-weight: 500;font-family: 'TheJamsil';}
#sub__nav .visual__wrap .nav__route{position: absolute;width: fit-content;left: 50%;bottom: 40px;transform: translateX(-50%);color: #fff;font-size: 15px;}
#sub__nav .visual__wrap .nav__route ul {display: flex;flex-wrap: wrap;}
#sub__nav .visual__wrap .nav__route ul li{padding: 0 13px;position: relative;font-size: 18px;color: rgba(255, 255, 255, 0.6);}
#sub__nav .visual__wrap .nav__route ul li:after{display:block;content: "\f105";position:absolute;top: 1px;right: -3px;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;font-size: 18px;}
#sub__nav .visual__wrap .nav__route ul li:last-child:after{display:none;}
.nav-title p.td {color: #fff4;font-size: clamp(12px,2vw,14px);}
#sub__nav .visual__wrap .nav-title .tt {font-size: clamp(42px, 7vw, 80px);font-weight: 500;font-family: 'TheJamsil';}


#sub__nav.nav01 .visual__wrap__01{background-image:url('../img/sub/img_navigation_visual03.jpg');}
#sub__nav.nav01 .visual__wrap{background-image:url('../img/sub/img_navigation_visual01.jpg');}
#sub__nav.nav02 .visual__wrap{background-image:url('../img/sub/img_navigation_visual02.jpg');}
#sub__nav.nav03 .visual__wrap{background-image:url('../img/sub/img_navigation_visual03.jpg');}
#sub__nav.nav04 .visual__wrap{background-image:url('../img/sub/img_navigation_visual04.jpg');}
#sub__nav.nav05 .visual__wrap{background-image:url('../img/sub/img_navigation_visual05.jpg');}
#sub__nav.nav06 .visual__wrap{background-image:url('../img/sub/img_navigation_visual06.jpg');}
#sub__nav.nav07 .visual__wrap{background-image:url('../img/sub/img_navigation_visual07.jpg');}

#sub__nav .nav-top-wr{margin:0 auto;}
#sub__nav .nav-top-wr.wr-1400 {display: flex;flex-wrap: wrap;bottom: calc(76px + 100px);border-top-left-radius: 30px;border-top-right-radius: 30px;position: absolute;text-align: left;width: 100%;left: 50%;transform: translate(-50%, -50%);font-size: clamp(28px, 3vw, 42px);line-height: 1.4em;letter-spacing: 2px;max-width: 1400px;color: #fff;}
#sub__nav .nav-top-wr.wr-1400 .df{width: 100%;}
#sub__nav .nav-top-wr .home{display: flex;justify-content: flex-start;align-items: center;width: 80px;height: 60px;font-size: 25px;text-align: center;color: #fff;}
#sub__nav .nav-top-wr .home.mo{display: none;justify-content: flex-start;align-items: center;width: clamp(50px,3.8vw,80px);height: 60px;font-size: 25px;text-align: center;color: #fff;}
#sub__nav .nav-top-wr .nav_ul{position: relative;z-index: 99;}
#sub__nav .nav-top-wr .nav_1a:before {display:block;content:'';width: 1px;height: 50%;position: absolute;bottom: 0;right:0;background: #d7d7d7;transform: translateY(-50%);}
#sub__nav .nav-top-wr .nav_ul:before {display:block;/* content:''; */width: 1px;height: 80%;position: absolute;bottom: -1px;right:0;background: #d7d7d7;}
#sub__nav .nav-top-wr .nav_ul:after {display:block;content:'';width: 1px;height: 50%;position: absolute;bottom: 0%;left:0;background: #d7d7d7;transform: translateY(-50%);}
#sub__nav .nav-top-wr .nav_ul li{position:relative;float:left;min-width: 240px;padding: 0 20px;height: 60px;z-index: 99;cursor: pointer;transition: all 0.3s;}
#sub__nav .nav-top-wr .nav_ul li .nav_1a{display:block;font-size:17px;color: #fff;height: 60px;line-height: 60px;font-weight: 500;font-family: 'TheJamsil';letter-spacing: -0.5px;}
#sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;right:15px;width:12px;height:12px;transform: translateY(-50%);background: url('../img/sub/icon_sub_arrow--white.png')no-repeat center;}
#sub__nav .nav-top-wr .nav_ul li ul{position:relative;display:none;position:absolute;top: 79px;left: -1px;border-top: 1px solid #e3e3e3;border-left:1px solid #e3e3e3;z-index:10;}
#sub__nav .nav-top-wr .nav_ul li ul li{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;transition:0.3s;background:#fff;/* line-height: 60px; */height: 50px;z-index: 99;}
#sub__nav .nav-top-wr .nav_ul li ul li:hover{background:#f5f5f5}
#sub__nav .nav-top-wr .nav_ul li ul li a{display:block;height: 50px;line-height: 50px;color:#000;font-weight: 900;font-size: clamp(14px,2vw,15px);}

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul{}
.m-menu .mnav-ul li .mnav-1a {display:block;background: #202329;font-size:15px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.m-menu .mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('../img/sub/m_icon_sub_arrow--grey.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .mnav-ul li ul {position:relative;display:none;position:absolute;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.m-menu .mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size:14px;word-break: keep-all;line-height: 25px;}
.m-menu .mnav-ul li ul li a:hover{color: #005ad4;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
    #sub__nav .visual__wrap{}
    #sub__nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1440px){
    #sub__nav .visual__wrap{}
    #sub__nav .menu-wr li a{padding: 15px 0;font-size: 15px;}
    #sub__nav .visual__wrap .nav-title .tt{padding: 0 40px;line-height: 1.1em;}
    #sub__nav .nav-top-wr{padding: 0 40px;}
}

@media (max-width:1300px){
    #sub__nav .visual__wrap{}

    #sub__nav .nav-top-wr .home{width:50px;height:50px;line-height: 48px;}
    #sub__nav .nav-top-wr .nav_ul li{height: 100%;}
    #sub__nav .nav-top-wr .nav_ul li .nav_1a{height: 100%;font-size: clamp(15px,2vw,16px);}
}

@media (max-width:1024px){
    #sub__nav .visual__wrap{height: 400px;}
    #sub__nav .menu-wr li a{padding: 20px 0;font-size: 16px;}
    #sub__nav .menu-wr li a p:after{right: -8px;}

    #sub__nav .nav-top-wr.wr-1400{bottom: calc(80px);}
    #sub__nav .visual__wrap .nav-title{bottom: 20px;}
}

@media (max-width:960px){
    #sub__nav .menu-wr li a{font-size: 15px;}
    #sub__nav .menu-wr li a p.long{font-size: 13px;}
}

@media (max-width:768px){
    #sub__nav .nav-top-wr .nav_ul{flex: calc(100% - clamp(50px,3.8vw,80px));}
    #sub__nav .nav-top-wr .nav_ul li .nav_1a{color: #000;display: flex;align-items: center;}
    #sub__nav .nav-top-wr.wr-1400{bottom: 0px;background: #fff;border-radius: 0;transform: none;height: 80px;left: auto;border-bottom: 1px solid #cfcfcf;}
    #sub__nav .visual__wrap{height: 360px;}
    #sub__nav .nav-top-wr .home{display: none;}
    #sub__nav .nav-top-wr .home.mo{display: flex;height: 100%;}
    #sub__nav .visual__wrap .nav-title{bottom: 120px;}
    #sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;right:15px;width:12px;height:12px;transform: translateY(-50%);background: url('../img/sub/icon_sub_arrow--block.png')no-repeat center;}

    #sub__nav .visual__wrap .nav__route {bottom: 70px; width: 100%; }
    #sub__nav .visual__wrap .nav__route ul {justify-content: center;}
    #sub__nav .visual__wrap .nav__route ul li {font-size: 14px;}
    .pc-menu{display:none}
    .m-menu{display:block;}
}

@media screen and (max-width:580px) {
    #sub__nav .nav-top-wr .nav_ul li{padding: 0 12px;min-width: 180px;}
    #sub__nav .nav-top-wr .nav_ul li ul{top: 59px;}
    #sub__nav .nav-top-wr .nav_ul > li:nth-child(1){display: none;}
    #sub__nav .nav-top-wr.wr-1400{height: 60px;}
    #sub__nav .nav-top-wr .home.mo{width: 30px;}
}

@media (max-width:500px){
    #sub__nav .visual__wrap .nav-title{font-size: clamp(20px,2vw,24px);}
    #sub__nav .visual__wrap .nav__route {bottom: 80px;}
}

#hd_wrapper.hd_wrapper--active {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
}

#hd_wrapper.hd_wrapper--active .gnb__logo-link-item--active {
    display: block !important;
}

#hd_wrapper.hd_wrapper--active  .gnb__logo-link-item {
    display: none;
}

#hd_wrapper.hd_wrapper--active .gnb_1da {color:#000}
#hd_wrapper.hd_wrapper--active .site_map li{color: #000;}

#hd_wrapper.hd_wrapper--active .site_map .go_eng::before {    color: #000;
    position: absolute;
    content: '';
    bottom: -10px;
    left: 50%;
    width: 51px;
    height: 3px;
    background: #000;
    transform: translate(-50%, -50%);}

#hd_wrapper.hd_wrapper--active  .sitemap__search {
    background: url(../img/icon_search--active.png) no-repeat center;
}
#hd_wrapper.hd_wrapper--active  .hd_right {
    background: #162b51;
}
/*.sub1_1 */
.sub1_1 {position: relative;}
.sub1_1 .btm_con .tit {font-size: clamp(24px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 700;line-height: 1.6em;padding: 0 0 clamp(40px,5.4vw,100px);}
.sub1_1 .btm_con .txt{line-height: 1.6em;font-size: clamp(18px,2vw,22px);font-weight: 300;}
.sub1_1 .btm_con .ceo_img{padding: 15px 0;}

@media screen and (max-width:1440px) {

}
@media screen and (max-width:1024px) {
    
}

@media screen and (max-width:768px) {
    .pc_only{display: none;}
}
/*.sub1_2 */
.sub1_2 {position: relative;}
.sub1_2 .btm_con .tit {font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 700;line-height: 1.6em;padding: 0 0 clamp(30px,5.4vw,100px);}
.sub1_2 .btm_con .content1{border-bottom: none;}
.sub1_2 .btm_con .content1 .date_box{display: flex;align-items: stretch;gap: clamp(25px,8vw,97px);padding: clamp(20px,4vw,40px) 0 clamp(20px,4vw,40px);border-bottom: 1px solid #dcdcdc;}
.sub1_2 .btm_con .content1 .date_box .year{font-size: clamp(24px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 400;color: #006dfb;}
.sub1_2 .btm_con .content1 .date_box .month{ font-size: clamp(14px,2vw,22px);line-height: 1.6em;}
.sub1_2 .btm_con .content1 .date_box .month .month_box{display: flex;gap: clamp(25px,5vw,97px);}

/*sub1_3*/

/*sub1_4*/
.sub1_4 .btm_con .tit {font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 700;line-height: 1.6em;padding: 0 0 clamp(40px,5.4vw,100px);}
.sub1_4 .full_img img {width: 100%; }
.sub1_4 .text-img-wrap .txt{line-height: 1.6em;font-size: clamp(18px,2vw,22px);font-weight: 300;}
.sub1_4 .text-img-wrap .box h3 {font-size: clamp(26px, 3.4vw, 50px);margin-bottom: clamp(20px,2.4vw,44px);}
.sub1_4 .text-img-wrap {display: flex;flex-wrap: wrap;overflow: hidden;width: 100%;}
.sub1_4 .text-img-wrap .box {display: flex; flex-direction: column; justify-content: flex-end;}
.sub1_4 .text-img-wrap .box h3 {font-size: clamp(26px, 3.4vw, 50px);margin-bottom: clamp(10px,2.4vw,15px);}

.sub1_4 .text-img-wrap .box.content{flex: 1 1;}
.sub1_4 .text-img-wrap .box.content > div {display: flex;align-items: center;}
.sub1_4 .text-img-wrap .box.content > div > .img-wrap {display: flex;justify-content: center;align-items: center;flex-direction: column;gap: clamp(12px,2vw,25px);}
.sub1_4 .text-img-wrap .box.content div .right_txt {font-size: clamp(22px,2vw,27px); font-weight: 700; padding-left: clamp(40px,10vw,186px);letter-spacing: 0.8px;flex: 0 1 calc(68%);}
.sub1_4 .text-img-wrap .box.content div .right_txt .tit{font-size: clamp(26px, 3.4vw, 40px); padding-bottom: clamp(16px,2.4vw,38px);;}
.sub1_4 .text-img-wrap .box.content div .right_txt .tit span{font-size: clamp(14px,2vw,22px);}
.sub1_4 .text-img-wrap .box.content div .img-wrap {position: relative;padding-bottom: 0;width: 300px;height: 300px;}
.sub1_4 .text-img-wrap .box.content div .img-wrap > img{position: relative;}
.sub1_4 .text-img-wrap .box.content div .img-wrap::before {content: "";width: clamp(80px,8vw,125px);position: absolute;top: 50%;left: clamp(86%,18vw,100%);transform: translate(0%, -50%);border-top: 2px solid #676767;z-index: 0;}
.sub1_4 .text-img-wrap .box.content div .img-wrap::after {content: "";width: 12px;height: 12px;background: #000000;position: absolute;top: 50%;right: -135px;transform: translate(-50%, -50%);border-radius: 50%;}
.sub1_4 .text-img-wrap .box.content div:nth-child(2) .img-wrap{background:url(../img/sub/sub1_4_1_circle_01.png) no-repeat center; background-size: clamp(200px,16vw,300px) clamp(200px,16vw,300px);z-index: 1;}
.sub1_4 .text-img-wrap .box.content div:nth-child(3) .img-wrap{background:url(../img/sub/sub1_4_1_circle_02.png) no-repeat center; background-size: clamp(200px,16vw,300px) clamp(200px,16vw,300px);z-index: 1;}
.sub1_4 .text-img-wrap .box.content div:nth-child(4) .img-wrap{background:url(../img/sub/sub1_4_1_circle_03.png) no-repeat center; background-size: clamp(200px,16vw,300px) clamp(200px,16vw,300px);z-index: 1;}

.sub1_4 .text-img-wrap .box.content div .img-wrap p {color: #ffffff;font-size: 2rem;font-weight: 600;}
.sub1_4 .text-img-wrap .box.content div {padding: 0 0 clamp(20px,3.4vw,54px) 0;}
.sub1_4 .text-img-wrap .box.content > div:last-child {padding: 0;}
.sub1_4 .text-img-wrap.df .left_con {display: flex;flex-wrap: wrap;flex-direction: column;gap: clamp(40px,5.2vw,84px);}
.sub1_4 .text-img-wrap.df .left_con .tit {font-size: clamp(26px, 3.4vw, 50px);font-family: 'TheJamsil';font-weight: 500;}
.sub1_4 .text-img-wrap.df .left_con .txt {font-size: clamp(18px,2vw,22px);font-weight: 500;line-height: 1.6em;}
.sub1_4 .text-img-wrap {margin: clamp(40px,6vw,100px) auto clamp(40px,10vw,140px);}
.sub1_4 .text-img-wrap.df{margin-bottom: clamp(40px,5.8vw,100px);}

@media screen and (max-width:1480px) {
    /* .sub1_4 .text-img-wrap.df{padding: 0 40px 20px;} */
    /* .sub1_4 .text-img-wrap{padding: 0 40px;} */
    .sub1_4 .text-img-wrap .box.content div .img-wrap::after{right: -85px;}
}

@media screen and (max-width:1200px){
    .sub1_4 .text-img-wrap.df .left_con .txt br{display: none;}
    .sub1_4 .text-img-wrap .box.content div .img-wrap::after{right: -60px;}
}

@media screen and (max-width:1024px) {
    .sub1_4 .text-img-wrap{flex-direction: column;}
    .sub1_4 .text-img-wrap .box.content{margin-left: 0;width: 100%;}
    .sub1_4 .text-img-wrap .box.content div .right_txt {padding-left: clamp(40px,8vw,186px);}
    .sub1_4 .text-img-wrap .box.content div .right_txt br{display: none;}
    .sub1_4 .text-img-wrap .box.content div .img-wrap::before{left: 96%;transform: translate(-50%, -50%);}
    .sub1_4 .text-img-wrap .box.content div .img-wrap::after{right: -42px;}
    .sub1_4 .text-img-wrap.df .left_con .txt{padding: 0 0 20px;}
}

@media screen and (max-width:768px) {
    .sub1_4 .text-img-wrap .box.content div .right_txt{padding-left: 20px;}
    .sub1_4 .text-img-wrap .box.content div .img-wrap::before{display: none;}
    .sub1_4 .text-img-wrap .box.content div .img-wrap::after{display: none;}
    .sub1_4 .text-img-wrap .box.content div:nth-child(1) .img-wrap,
    .sub1_4 .text-img-wrap .box.content div:nth-child(2) .img-wrap,
    .sub1_4 .text-img-wrap .box.content div:nth-child(3) .img-wrap{background-size: clamp(180px,34vw,320px) clamp(180px,34vw,320px);width: 280px;height: 280px;}
}

@media screen and (max-width:500px) {

    .sub1_4 .text-img-wrap .box.content > div{flex-direction: column;}
    .sub1_4 .text-img-wrap .box.content div .right_txt{padding-left: 0; text-align: center; font-size: 18px;}
}


.sub1_5 {}
.sub1_5 .map_content{position:relative;display: flex;padding-top: clamp(24px,4vw,48px);padding-bottom: clamp(24px,4vw,48px);}
.sub1_5 .map_content .map_bg {flex: 60%;}
.sub1_5 .map_content .map_bg > div {width: 100% !important;max-width: 1350px;}
.sub1_5 .map_content .map_bg > div .hide{display: none !important;}
.sub1_5 .map_content .wrap_map {height: 600px !important;}
.sub1_5 .root_daum_roughmap .cont{display: none;}
.sub1_5 .map_content .box_wr{flex: 40%;}
.sub1_5 .map_content > div p:last-child{font-size: clamp(16px,2vw,18px);}
.sub1_5 .map_content .box01{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_5 .map_content .box01 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;font-family: 'Pretendard';}
.sub1_5 .map_content .box02{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_5 .map_content .box02 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 700;padding-bottom: 15px;font-family: 'Pretendard';}
.sub1_5 .map_content .box03{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;font-size: clamp(18px,2vw,20px);}
.sub1_5 .map_content .box03 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;font-family: 'Pretendard';padding-bottom: 15px;}
.sub1_5 .map_content .box04{background:#fbe100;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;cursor: pointer;font-size: clamp(18px,2vw,20px);}
.sub1_5 .map_content .box04 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;font-family: 'Pretendard';}
.sub1_5 .arrow {transition: transform 0.3s ease;}
.sub1_5 .arrow.active {transform: rotate(180deg);}
.sub1_5 .menu_con .txt {max-height: 0;overflow: hidden;transition: max-height 0.5s ease; }


@media screen and (max-width:1440px){

}

@media screen and (max-width:1024px) {
    .sub1_5 .map_content{flex-wrap:wrap}
    .sub1_5 .map_content .wrap_map {height: 410px !important;}
    .sub1_5 .map_content .box_wr{top:-50px;right: 20px;flex: 100%;}
    .sub1_5 .map_content .map_bg{flex:100%}

    .sub1_5 .map_content .box01{padding: 30px 40px;height: 150px;}
    .sub1_5 .map_content .box01 p:first-child{font-size:20px}

    .sub1_5 .map_content .box02{padding: 30px 40px;height: 150px;}
    .sub1_5 .map_content .box02 p:first-child{font-size:20px}

    .sub1_5 .map_content .box03{padding: 30px 40px;height: 150px;}
    .sub1_5 .map_content .box03 p:first-child{font-size:20px}

    .sub1_5 .map_content .box04{padding: 30px 40px;height: 150px;}
    .sub1_5 .map_content .box04 p:first-child{font-size:20px}
}

@media screen and (max-width:768px) {
    .sub1_5 .btm_con{gap: 12px;}
    .sub1_5 .right_con{flex: 100%}
    .sub1_5 .page-tit{padding: 0 20px 30px 20px;}
    .sub1_5 .map_content .wrap_map {height: 310px !important;}

    .sub1_5 .map_content .box_wr{position: unset;}
    .sub1_5 .map_content .box_wr img{ width: clamp(65px,8vw,85px);height: clamp(65px,8vw,85px);}
    .sub1_5 .map_content .box01{padding: 20px 30px;}
    .sub1_5 .map_content .box01 p:first-child{font-weight: 600;}

    .sub1_5 .map_content .box02{padding: 20px 30px;}
    .sub1_5 .map_content .box02 p:first-child{font-weight: 600;}

    .sub1_5 .map_content .box03{padding: 20px 30px;}
    .sub1_5 .map_content .box03 p:first-child{font-weight: 600;}

    .sub1_5 .map_content .box04{padding: 20px 30px;}
    .sub1_5 .map_content .box04 p:first-child{font-weight: 600;}
}

@media screen and (max-width:500px) {

}

.top_menu {border-bottom: 1px solid #bfbfbf;}
.top_menu > div > a {line-height: 80px;flex: 0 1 calc(50%);text-align: center;font-size: clamp(16px,1.8vw,22px);color: #bfbfbf;}
.top_menu > div > .two{flex: 0 1 calc(100% / 2);}
.top_menu > div > .three{flex: 0 1 calc(100% / 3);}
.top_menu > div > .four{flex: 0 1 calc(100% / 4);}
.top_menu > div > .five{flex: 0 1 calc(100% / 5);}
.top_menu > div > .six{flex: 0 1 calc(100% / 6);}
.top_menu > div > .active {font-weight: 700;color: #000;position:relative;}
.top_menu > div > .active:before{content:'';position:absolute;bottom: -2px;left: 50%;width: 100%;height: 2px;background: #4465a1;transform: translateX(-50%);}
/*sub2_1*/
.sub2_1 {}
.sub2_1 .con_1{}
.sub2_1 .tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500;padding: 0 0 20px;}
.sub2_1 .con_1 .txt{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 300;}
.sub2_1 .con_1 .con_bg{position: relative;margin-bottom: 230px;padding-top: clamp(30px,6.5vw,70px);}
.sub2_1 .con_1 .con_bg .bg_text{position: absolute;background: #fff;box-shadow: 0px 0px 32px 6px #00000017;padding: clamp(32px, 5.4vw, 60px) clamp(26px, 3.4vw, 40px);bottom: -100px;right: 0;max-width: 700px;}
.sub2_1 .con_1 .con_bg .bg_text p{font-size: clamp(18px,2vw,22px); font-weight: 300;}
.sub2_1 .con_1 .con_bg .bg_text p span{color: #1140aa; font-weight: 500;}

.sub2_1 .con_2 {padding-bottom: clamp(60px,8vw,100px);}
.sub2_1 .con_2 .list_con{margin-top: 30px;}
.sub2_1 .con_2 .list_con .list{display: flex;margin-bottom: 10px;}
.sub2_1 .con_2 .list_con .list .main_tit{display: flex;justify-content: center;align-items: center;flex:  45%;background: #006dfb;color: #fff;font-size: clamp(26px, 3.4vw, 34px);font-weight: 700;text-align: center;padding: 33px 10px;line-height: 2.2rem;}
.sub2_1 .con_2 .list_con .list:nth-child(2) .main_tit{background: #0c90ae;}
.sub2_1 .con_2 .list_con .list:nth-child(3) .main_tit{background: #8446ed;}
.sub2_1 .con_2 .list_con .list .main_tit span{font-size: clamp(18px,2vw,22px);}
.sub2_1 .con_2 .list_con .list .sub_txt{display: flex;align-items: center;flex:  55%;padding: 10px 0 10px 5%;border-bottom: solid 1px #b5b5b5;}
.sub2_1 .con_2 .list_con .list .sub_txt ul {}
.sub2_1 .con_2 .list_con .list .sub_txt ul li{position:relative;font-size: clamp(22px,2vw,26px);font-weight: 700;}
.sub2_1 .con_2 .list_con .list .sub_txt ul li::before{content: '·';position:absolute;left: -15px;top: 0px;}


.sub2_1 .con_3 {}
.sub2_1 .con_3 .list_con{margin-top: 30px;}
.sub2_1 .con_3 .list_con .list{width: 100%;}
.sub2_1 .con_3 .list_con .list .txt{background: #162b51; color: #fff;font-size: clamp(24px,2vw,30px);font-weight: 700;text-align: center; padding: 24px 0;}
.sub2_1 .con_3 .list_con .list .txt_box{display: flex; border-bottom: solid 1px #b5b5b5;margin-bottom: 24px;}
.sub2_1 .con_3 .list_con .list .txt_box .half{flex: 50%;}
.sub2_1 .con_3 .list_con .list .txt_box .half:first-child{border-right: solid 1px #b5b5b5; }
.sub2_1 .con_3 .list_con .list .txt_box .half .header{background: #eeeeee; font-size: clamp(18px,2vw,22px); font-weight: 500; text-align: center; padding: 22px 0;}
.sub2_1 .con_3 .list_con .list .txt_box .half .body{display: flex;justify-content: center;padding: clamp(26px,3.4vw,40px) 15px;}
.sub2_1 .con_3 .list_con .list .txt_box .half .body ul{ font-size: clamp(18px,2vw,22px);}
.sub2_1 .con_3 .list_con .list .txt_box .half .body>ul{padding: 0 0 0 10px;}
.sub2_1 .con_3 .list_con .list .txt_box .half .body>ul>li{font-weight: 500;}
.sub2_1 .con_3 .list_con .list .txt_box .half .body ul li{position:relative; line-height: 2rem; padding-inline-start:10px}
.sub2_1 .con_3 .list_con .list .txt_box .half .body>ul>li::before{content: '·';position:absolute;left: -15px;top: 0px;}
@media screen and (max-width:1400px) {

}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:768px) {
    .sub2_1 .con_2 .list_con .list{flex-direction: column;}
    .sub2_1 .con_3 .list_con .list .txt_box{flex-direction: column;}
    .sub2_1 .con_3 .list_con .list .txt_box .half:first-child{border-right: none;}
    .sub2_1 .con_3 .list_con .list .txt_box .half .body{justify-content:start}
    .sub2_1 .con_2 .list_con .list .sub_txt{padding: clamp(23px,3vw,33px) 5%;border-bottom: none;}
    .sub2_1 .con_1 .con_bg{margin-bottom: 50px;}
    .sub2_1 .con_1 .con_bg .bg_text{position: static;}
    
}


/*sub2_2*/
.sub2_2 {}
.sub2_2 .con_1{}
.sub2_2 .tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}
.sub2_2 .con_1 .txt{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 300;}
.sub2_2 .con_1 .con_bg{position: relative; margin-bottom: 230px; padding-top: 70px;}
.sub2_2 .con_1 .con_bg .bg_text{position: absolute;background: #fff;box-shadow: 0px 0px 32px 6px #00000017 ; padding: clamp(32px, 5.4vw, 60px) clamp(26px, 3.4vw, 40px);bottom: -100px;right: 0;max-width: 700px;}
.sub2_2 .con_1 .con_bg .bg_text p{font-size: clamp(18px,2vw,22px); font-weight: 300;}
.sub2_2 .con_1 .con_bg .bg_text p span{color: #1140aa; font-weight: 500;}

.sub2_2 .con_2 {padding-bottom: clamp(60px,8vw,100px);}
.sub2_2 .con_2 .list_con{display: flex;margin-bottom: 100px;margin-top: clamp(26px,3.4vw,40px);}
.sub2_2 .con_2 .list_con .list{position: relative;flex:0 1 calc(100% / 6);display: flex;gap: 30px; flex-direction: column;align-items: center;}
.sub2_2 .con_2 .list_con .list:after{content: '';position: absolute;top: 25%;right: 0%;transform: translate(50%, -50%);background: url(../img/sub/sub2_2_con2_next.png) no-repeat center/contain;width: clamp(20px,3vw,35px);height: clamp(20px,3vw,35px);z-index: 10;}
.sub2_2 .con_2 .list_con .list .icon{
}
.sub2_2 .con_2 .list_con .list:last-child:after{display: none;}
.sub2_2 .con_2 .list_con .list .txt{gap: 10px;display: flex;text-align: center;width:100%;border-right:solid 1px #d9d9d9;min-height: 100px;flex-direction: column;padding: 13px 10px 0;justify-content: flex-start;}
.sub2_2 .con_2 .list_con .list:last-child .txt{border-right:none}
.sub2_2 .con_2 .list_con .list .title{font-size: clamp(20px,2vw,24px);font-weight: 700;color: #1140aa}
.sub2_2 .con_2 .list_con .list .text{font-size: clamp(16px,2vw,20px);font-weight: 400;}

.sub2_2 .con_2 .sub_list{display: flex; flex-wrap: wrap; gap: 10px 20px;}
.sub2_2 .con_2 .sub_list .half{flex:0 1 calc(100% / 2 - 20px);  border-bottom: solid 1px #d9d9d9;}
.sub2_2 .con_2 .sub_list .half .sub_con_box {display: flex;}
.sub2_2 .con_2 .sub_list .half .sub_con_box .title_box{flex: 0 1 calc(100% / 2); background: #162b51; color: #fff;font-size: clamp(16px,2vw,20px);font-weight: 700;text-align: center; padding: 24px 0;}
.sub2_2 .con_2 .sub_list .half .sub_con_box .title_box span{font-weight: 400;}
.sub2_2 .con_2 .sub_list .half .sub_con_box .txt_box{flex: 0 1 calc(100% / 2);display: flex;align-items: center;justify-content: center;font-weight: 400;padding: 0 10px; text-align: center;}

.sub2_2 .con_3 {}
.sub2_2 .con_3 .list_con{
    margin-top: clamp(26px,3.4vw,40px);
}
.sub2_2 .con_3 .list_con .list{width: 100%;}
.sub2_2 .con_3 .list_con .list .txt{background: #162b51; color: #fff;font-size: clamp(24px,2vw,30px);font-weight: 700;text-align: center; padding: 24px 0;}
.sub2_2 .con_3 .list_con .list:nth-child(1) .txt{background: #2584dc;}
.sub2_2 .con_3 .list_con .list:nth-child(2) .txt{background: #3e4cf7;}
.sub2_2 .con_3 .list_con .list:nth-child(3) .txt{background: #2684db;}
.sub2_2 .con_3 .list_con .list:nth-child(4) .txt{background: #0c90ae;}
.sub2_2 .con_3 .list_con .list .txt_box{display: flex; border-bottom: solid 1px #b5b5b5;margin-bottom: 24px;}
.sub2_2 .con_3 .list_con .list .txt_box .half{flex: 50%;}
.sub2_2 .con_3 .list_con .list .txt_box .half:first-child{border-right: solid 1px #b5b5b5; }
.sub2_2 .con_3 .list_con .list .txt_box .half .header{background: #eeeeee; font-size: clamp(18px,2vw,22px); font-weight: 500; text-align: center; padding: 22px 0;}
.sub2_2 .con_3 .list_con .list .txt_box .half .body{display: flex;justify-content: center; padding: clamp(26px,3.4vw,40px) 0;}
.sub2_2 .con_3 .list_con .list .txt_box .half:first-child .body p{ font-size: clamp(18px,2vw,22px);font-weight: 700;}
.sub2_2 .con_3 .list_con .list .txt_box .half .body p{ font-size: clamp(18px,2vw,22px);font-weight: 400;}


@media screen and (max-width:768px) {
    .sub2_2 .con_1 .con_bg{margin-bottom: 50px;}
    .sub2_2 .con_1 .con_bg .bg_text{position: static;}
    .sub2_2 .con_2 .list_con{flex-wrap: wrap;}
    .sub2_2 .con_2 .list_con .list{flex:0 1 calc(100% / 3);}
    .sub2_2 .con_2 .list_con .list:nth-child(3) .txt{border-right: none;}
    .sub2_2 .con_2 .list_con .list:nth-child(3)::after{display: none;}

    .sub2_2 .con_2 .sub_list{gap: 0px 0px;}
    .sub2_2 .con_2 .sub_list .half{flex:0 1 calc(100%); }
    
    .sub2_2 .con_3 .list_con .list .txt_box {flex-wrap: wrap;}
    .sub2_2 .con_3 .list_con .list .txt_box .half{flex: 100%;}
    .sub2_2 .con_3 .list_con .list .txt_box .half:first-child{border-right: none;border-bottom: solid 1px #b5b5b5; }

}

@media screen and (max-width:500px) {
    .sub2_2 .con_2 .list_con{gap: 0px 10px;}
    .sub2_2 .con_2 .list_con .list{flex: 0 1 calc(100% / 2 - 5px);}
    .sub2_2 .con_2 .list_con .list:nth-child(3)::after{display: block;}
    .sub2_2 .con_2 .list_con .list:nth-child(3) .txt{border-right:solid 1px #d9d9d9}
    .sub2_2 .con_2 .list_con .list:nth-child(2)::after{display: none;}
    .sub2_2 .con_2 .list_con .list:nth-child(4)::after{display: none;}
    .sub2_2 .con_2 .list_con .list:nth-child(2) .txt{border-right: none;}
    .sub2_2 .con_2 .list_con .list:nth-child(4) .txt{border-right: none;}
    
    .sub2_2 .con_2 .sub_list .half .sub_con_box{flex-direction: column;}
    .sub2_2 .con_2 .sub_list .half .sub_con_box .txt_box{padding: 24px 0;}

    
}
@media screen and (max-width:500px) {
    .sub2_2 .con_2 .list_con{gap: 30px 0px;}
    .sub2_2 .con_2 .list_con .list{flex: 0 1 calc(100%);}
    .sub2_2 .con_2 .list_con .list .txt{border-right: none;}
    .sub2_2 .con_2 .list_con .list:after{ top: 95%;right: 50%;transform: rotate(90deg)translate(50%, -50%);}
    .sub2_2 .con_2 .list_con .list:nth-child(2)::after{display: block;}
    .sub2_2 .con_2 .list_con .list:nth-child(4)::after{display: block;}

}
/*sub2_3*/
.sub2_3 {}
.sub2_3 .con_1{}
.sub2_3 .tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}
.sub2_3 .con_1 .txt{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 300;}
.sub2_3 .con_1 .con_bg{position: relative; margin-bottom: 230px; padding-top: 70px;}
.sub2_3 .con_1 .con_bg .bg_text{position: absolute;background: #fff;box-shadow: 0px 0px 32px 6px #00000017 ; padding: clamp(32px, 5.4vw, 60px) clamp(26px, 3.4vw, 40px);bottom: -100px;right: 0; max-width: 700px;}
.sub2_3 .con_1 .con_bg .bg_text p{font-size: clamp(18px,2vw,22px); font-weight: 300;}
.sub2_3 .con_1 .con_bg .bg_text p span{color: #1140aa; font-weight: 500;}

.sub2_3 .con_2 {padding-bottom: clamp(60px,8vw,100px);}
.sub2_3 .con_2 .list_con {margin-top:40px}
.sub2_3 .con_2 .list_con .list{width: 100%;}
.sub2_3 .con_2 .list_con .list .txt{background: #162b51; color: #fff;font-size: clamp(18px,2vw,24px);font-weight: 700;text-align: center; padding: 24px 0;}
.sub2_3 .con_2 .list_con .list:nth-child(1) .txt{background: #3e4cf7;}
.sub2_3 .con_2 .list_con .list:nth-child(2) .txt{background: #0c90ae;}
.sub2_3 .con_2 .list_con .list .txt_box{display: flex; border-bottom: solid 1px #b5b5b5;margin-bottom: 24px;}
.sub2_3 .con_2 .list_con .list .txt_box .half{flex: 50%;}
.sub2_3 .con_2 .list_con .list .txt_box .w-100{flex: 100%;}
.sub2_3 .con_2 .list_con .list .txt_box table{width: 100%;}
.sub2_3 .con_2 .list_con .list .txt_box table tr{width: 100%; text-align: center;border-bottom: solid 1px #b5b5b5;}
.sub2_3 .con_2 .list_con .list .txt_box table tr td{padding: 22px 0;}
.sub2_3 .con_2 .list_con .list .txt_box table tr td:first-child{background: rgba(238, 238, 238, 0.6); border-right: solid 1px #b5b5b5;}
/* .sub2_3 .con_2 .list_con .list .txt_box .table_box:first-child{border-right: solid 1px rgba(181, 181, 181, 0.6); } */
.sub2_3 .con_2 .list_con .list .txt_box .table_box .header{background: #eeeeee ;font-size: clamp(18px,2vw,22px); font-weight: 500; text-align: center; padding: 22px 0;}
.sub2_3 .con_2 .list_con .list .txt_box .table_box .body{display: flex;justify-content: center;padding: clamp(20px,3.5vw,40px) 10px;text-align: center;}
.sub2_3 .con_2 .list_con .list .txt_box .table_box:first-child .body p{ font-size: clamp(18px,2vw,22px);font-weight: 700;}
.sub2_3 .con_2 .list_con .list .txt_box .table_box .body p{ font-size: clamp(18px,2vw,22px);font-weight: 400;}

.sub2_3 .con_3 {}
.sub2_3 .con_3 .tit{margin-bottom: 50px;}
.sub2_3 .con_3 .list_con{}
.sub2_3 .con_3 .list_con {}
.sub2_3 .con_3 .list_con .img_box{display: flex;gap: 10px; margin-bottom: 40px;}
.sub2_3 .con_3 .list_con .img_box .half{flex: 50%; }
.sub2_3 .con_3 .list_con .img_box .half .img_con img{width: 100%; }
.sub2_3 .con_3 .list_con .img_box .half p{text-align: center; background:#576275; color: #fff; font-size: clamp(18px,2vw,24px);font-weight: 500; padding: 24px 0;}
.sub2_3 .con_3 .list_con .list{width: 100%;}
.sub2_3 .con_3 .list_con .list .txt{background: #162b51; color: #fff;font-size: clamp(24px,2vw,30px);font-weight: 700;text-align: center; padding: 24px 0;}
.sub2_3 .con_3 .list_con .list .txt span{font-weight: 400;}
.sub2_3 .con_3 .list_con .list .txt_box{display: flex; border-bottom: solid 1px #b5b5b5;margin-bottom: 24px;}
.sub2_3 .con_3 .list_con .list .txt_box .half{flex: 50%;}
.sub2_3 .con_3 .list_con .list .txt_box .half:first-child{border-right: solid 1px #b5b5b5; }
.sub2_3 .con_3 .list_con .list .txt_box .half .header{background: #eeeeee; font-size: clamp(18px,2vw,22px); font-weight: 500; text-align: center; padding: 22px 0;}
.sub2_3 .con_3 .list_con .list .txt_box .half .body{display: flex;justify-content: center; padding: 40px 0;}
.sub2_3 .con_3 .list_con .list .txt_box .half .body ul{ font-size: clamp(18px,2vw,22px);}
.sub2_3 .con_3 .list_con .list .txt_box .half .body>ul>li{font-weight: 500;}
.sub2_3 .con_3 .list_con .list .txt_box .half .body ul li{ line-height: 2rem; padding-inline-start:10px}

@media screen and (max-width:768px) {
    .sub2_3 .con_1 .con_bg{margin-bottom: 50px;}
    .sub2_3 .con_1 .con_bg .bg_text{position: static;}
    .sub2_3 .con_2 .list_con .list .txt_box .first-col,
    .sub2_3 .con_2 .list_con .list .txt_box .second-col{width: 100%;}
    .sub2_3 .con_3 .list_con .list .txt_box .half .body{justify-content: start;}
    .sub2_3 .con_2 .list_con .list .txt_box table tr td{display: block;}
    .sub2_3 .con_2 .list_con .list .txt_box table tr td:first-child{border-right: none;}
}


@media screen and (max-width:500px) {
    .sub2_3 .con_3 .list_con .img_box{flex-direction: column;}
    .sub2_3 .con_3 .list_con .list .txt_box{flex-direction: column;}
    .sub2_3 .con_3 .list_con .list .txt_box .half:first-child{border-right:none;}
}

/*sub2_4*/
.sub2_4 {}
.sub2_4 .con_1 {margin-bottom: 46px;}
.sub2_4 .con_1>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}
.sub2_4 .con_2{}
.sub2_4 .con_2>p{font-size: clamp(18px,2vw,22px); line-height: 3rem; font-weight: 400; padding: 50px 0;}
.sub2_4 .con_2 .three_con{display: flex;gap: clamp(15px,4vw,60px);align-items: center;} 
.sub2_4 .con_2 .three_con .con_box{flex: 0 1 calc(100% / 3);border-radius: 15px;overflow: hidden;height: 314px;display: flex;align-items: center;justify-content: center;} 
.sub2_4 .con_2 .three_con .con_box:nth-child(1){background: url(../img/sub/sub2_4_con2_bg_01.png)no-repeat center; background-size: cover;} 
.sub2_4 .con_2 .three_con .con_box:nth-child(2){background: url(../img/sub/sub2_4_con2_bg_02.png)no-repeat center; background-size: cover;} 
.sub2_4 .con_2 .three_con .con_box:nth-child(3){background: url(../img/sub/sub2_4_con2_bg_03.png)no-repeat center; background-size: cover;} 
.sub2_4 .con_2 .three_con .con_box p{font-size: clamp(24px,2vw,30px);color: #fff;font-weight: 700;text-align: center;padding: 0px 20px;}  
.sub2_4 .con_2 .three_con .con_box p span{font-size: clamp(18px,2vw,22px); font-weight: 400;}
.sub2_4 .con_3 {margin: 50px auto 0;}
.sub2_4 .con_3>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500;padding: 0 0 54px;}
.sub2_4 .con_3 .img_list{display: flex;flex-direction: row;flex-wrap: wrap;gap: 26px;}
.sub2_4 .con_3 .img_list .list{flex: 0 1 calc(100% / 4 - 20px);}
.sub2_4 .con_3 .img_list .list .img_con{}
.sub2_4 .con_3 .img_list .list .img_con img{}
.sub2_4 .con_3 .img_list .list .text_con{text-align: center;font-size: clamp(16px,2vw,20px);font-weight: 400;}
.sub2_4 .con_3 .img_list .list .text_con .tit{background: #576275;color: #fff;padding: 10px 0;}
.sub2_4 .con_3 .img_list .list .text_con .txt{background: #e5e5e5;padding: 10px 0;min-height: 44px;}

@media screen and (max-width:768px) {
    .sub2_4 .con_2 .three_con{flex-wrap: wrap; flex-direction: column;}
    .sub2_4 .con_2 .three_con .con_box{flex: 100%;width: 100%;padding: 30px 10px;}
    .sub2_4 .con_3 .img_list .list{flex: 0 1 calc(100% / 3 - 20px);}
}
@media screen and (max-width:500px) {
    .sub2_4 .con_3 .img_list .list{flex: 0 1 calc(100% / 2 - 20px);}
}
@media screen and (max-width:420px) {
    .sub2_4 .con_3 .img_list .list{flex: 0 1 calc(100%);}
    
}

/*sub3_1*/
.sub3_1 {}
.sub3_1 .con_1{padding-bottom: clamp(60px,8vw,100px);}
.sub3_1 .con_1>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}

.sub3_1 .con_2 {}
.sub3_1 .con_2 {padding-bottom: clamp(60px,8vw,100px);}
.sub3_1 .con_2>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 50px;}
.sub3_1 .con_2 .text_con p{font-size: clamp(18px,2vw,22px); font-weight: 400; line-height: 3rem;}

.sub3_1 .con_3 {}
.sub3_1 .con_3>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 50px;}
.sub3_1 .con_3 .list_con{}
.sub3_1 .con_3 .list_con .list{width: 100%;}
.sub3_1 .con_3 .list_con .list .txt{background: #162b51; color: #fff;font-size: clamp(20px,2vw,24px);font-weight: 700;text-align: center; padding: 24px 0;}
.sub3_1 .con_3 .list_con .list .txt_box{display: flex; border-bottom: solid 1px #b5b5b5;margin-bottom: 24px;}
.sub3_1 .con_3 .list_con .list .txt_box .half{flex: 50%;}
.sub3_1 .con_3 .list_con .list .txt_box .half:first-child{border-right: solid 1px #b5b5b5; }
.sub3_1 .con_3 .list_con .list .txt_box .half .header{background: #eeeeee; font-size: clamp(18px,2vw,22px); font-weight: 500; text-align: center; padding: 22px 0;}
.sub3_1 .con_3 .list_con .list .txt_box .half .body{display: flex;justify-content: center;padding: 40px 30px;}
.sub3_1 .con_3 .list_con .list .txt_box .half .body ul{ font-size: clamp(18px,2vw,22px);}
.sub3_1 .con_3 .list_con .list .txt_box .half .body>ul>li{font-weight: 500;}
.sub3_1 .con_3 .list_con .list .txt_box .half .body ul li{ line-height: 2rem; padding-inline-start:10px}


@media screen and (max-width:768px) {
    .sub3_1 .con_3 .list_con .list .txt_box {flex-wrap: wrap;}
    .sub3_1 .con_3 .list_con .list .txt_box .half{flex: 100%;}
    .sub3_1 .con_3 .list_con .list .txt_box .half .body{justify-content:start}
    .sub3_1 .con_3 .list_con .list .txt_box .half:first-child{border-right: none;border-bottom: solid 1px #b5b5b5; }
}

/*sub3_2*/
.sub3_2 {}
.sub3_2 .con_1{}
.sub3_2 .con_1>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}
.sub3_2 .con_1 .tit span{color: #006dfb;}
.sub3_2 .con_1 .partner_con{background: url(../img/sub/sub3_2_con1_bg.png) no-repeat center;  padding: clamp(60px,8vw,100px) 0;}
.sub3_2 .con_1 .partner_con p{text-align: center; font-size: 26px; font-weight: 500;}
.sub3_2 .con_1 .partner_con p span{font-weight: 700;}
.sub3_2 .con_1 .partner_con .partner_lsit {display: flex;gap: 42px;padding-bottom: 60px;flex-wrap: wrap;justify-content: center;}
.sub3_2 .con_1 .partner_con .partner_lsit .list{background: #fff; flex: 0 1 calc(100% / 5 - 42px);box-shadow: 0 0 13px 7px #00000013;border-radius: 20px;overflow: hidden;padding: 28px 10px;text-align: center;}

.sub3_2 .con_2{}
.sub3_2 .con_2 .tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 50px; }
.sub3_2 .con_2 .con_list{}
.sub3_2 .con_2 .con_list .con_box{box-shadow: 0 0 13px rgba(0, 0, 0, 0.16);border-radius: 15px; padding: 25px; margin-bottom: 50px;}
.sub3_2 .con_2 .con_list .con_box .arrow_con{display: flex; max-width: 1108px; margin: 0 auto 18px;}
.sub3_2 .con_2 .con_list .con_box:last-child .arrow_con{margin: 0 auto;}
.sub3_2 .con_2 .con_list .con_box .arrow_con .arrow{flex: 0 1 calc(100% / 3); height: 111px;  display: flex; justify-content: center; align-items: center; color: #fff; font-size: clamp(20px,2vw,24px); font-family: 'TheJamsil'; font-weight: 200;}
.sub3_2 .con_2 .con_list .con_box .arrow_con .arrow:nth-child(1){background: url(../img/sub/sub3_2_con2_arrow_01.png)no-repeat center; background-size: contain;}
.sub3_2 .con_2 .con_list .con_box .arrow_con .arrow:nth-child(2){background: url(../img/sub/sub3_2_con2_arrow_02.png)no-repeat center; background-size: contain;}
.sub3_2 .con_2 .con_list .con_box .arrow_con .arrow:nth-child(3){background: url(../img/sub/sub3_2_con2_arrow_03.png)no-repeat center; background-size: contain;}
.sub3_2 .con_2 .con_list .con_box .box_box{max-width: 1108px; margin: 0 auto; text-align: center; color: #fff; background: #a0a2ae; border-radius: 5px; padding: 12px 0; font-size: clamp(20px,2vw,24px); font-family: 'TheJamsil'; font-weight: 200;}
.sub3_2 .con_2 .con_list .con_box .long_arrow{height: 111px; color: #fff; width: 100%; display: flex; justify-content: center; align-items: center; font-size: clamp(24px,2vw,30px); font-family: 'TheJamsil'; font-weight: 400;}
.sub3_2 .con_2 .con_list .con_box .long_arrow{background: url(../img/sub/sub3_2_con2_arrow_04.png)no-repeat center; background-size: contain;}
.sub3_2 .con_2 .con_list .con_box .long_arrow.n_02{background: url(../img/sub/sub3_2_con2_arrow_05.png)no-repeat center; background-size: contain;}
.sub3_2 .con_2 .con_list .con_box .img_box{text-align: center; margin: 20px 0;}
.sub3_2 .con_2 .con_list .con_box .three_con {display: flex;gap: 20px;max-width: 1108px;margin: 0 auto;justify-content: center;}
.sub3_2 .con_2 .con_list .con_box .three_con .list{font-family: 'TheJamsil';flex: 0 1 calc(100% /3 - 20px);color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;background-size: cover;height: 193px;border-radius: 11px;overflow: hidden;}
.sub3_2 .con_2 .con_list .con_box .three_con .list{ font-size: clamp(20px,2vw,24px); font-weight: 400;}
.sub3_2 .con_2 .con_list .con_box .three_con .list span{font-weight: 300;}
.sub3_2 .con_2 .con_list .con_box .three_con .list:nth-child(1){background: url(../img/sub/sub3_2_con2_img_bg_01.jpg) no-repeat center; }
.sub3_2 .con_2 .con_list .con_box .three_con .list:nth-child(2){background: url(../img/sub/sub3_2_con2_img_bg_02.jpg) no-repeat center; }
.sub3_2 .con_2 .con_list .con_box .three_con .list:nth-child(3){background: url(../img/sub/sub3_2_con2_img_bg_03.jpg) no-repeat center; }

.sub3_2 .con_3 .tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 50px; }

.sub3_2.menu_con{display: flex; gap: clamp(14px,3vw,35px); margin: 30px 0;}
.sub3_2.menu_con  > .menu {position: relative;flex: 0 1 calc(100% / 4);display: flex;align-items: center;justify-content: center;font-size: clamp(18px,2vw,22px);line-height: 26px;color: #000000;font-weight: 600;text-align: center;border-radius: 0;border-bottom: 3px solid #333;padding: 24px 0;overflow: hidden;transition: all ease .3s;}
.sub3_2.menu_con  > .menu::before {position: absolute;content: '';width: 100%;height: 0%;left: 0;bottom: 0;background-color: #333;z-index: -1;transition: all ease .3s;}

.sub3_2.menu_con  > .menu:is(.active, :hover) {color: #fff;border-bottom-color: transparent;border-radius: 1rem;}
.sub3_2.menu_con  > .menu:is(.active, :hover)::before {height: 100%;}

.sub3_2 .con_3 .panel{display:none;}
.sub3_2 .con_3 .panel.is-show{display:block;}
.sub3_2 .con_3 .panels .sub_list{background: hsla(214, 100%, 40%, 0.05);display: flex;justify-content: center;align-items: center;gap: clamp(15px,5.5vw,60px);padding: 28px 10px;margin-bottom: 26px;flex-wrap: wrap;}
.sub3_2 .con_3 .panels .sub_list .list{font-size: clamp(18px,2vw,22px); font-weight: 600;}
.sub3_2 .con_3 .panels .sub_list .list:first-child{color: #006dfb;}
.sub3_2 .con_3 .panels .main_img_con{margin-bottom: 48px;}
.sub3_2 .con_3 .panels .con_box{text-align: center; box-shadow: 0 0 13px rgba(0, 0, 0, 0.16); padding: 30px; margin-bottom: 50px;}
.sub3_2 .con_3 .panels #KAI.panel .main_img_con{display: flex;/* gap: 26px; */justify-content: space-between;}

@media screen and (max-width:1024px) {
    .sub3_2 .con_1 .partner_con .partner_lsit .list{flex: 0 1 calc(100% / 3 - 42px);}
}




@media screen and (max-width:768px){
    .sub3_2 .con_1 .partner_con .partner_lsit .list{flex: 0 1 calc(100% / 2 - 42px);}
    .sub3_2 .con_2 .con_list .con_box .arrow_con{flex-direction: column; flex-wrap: wrap; gap: 10px 0;}
    .sub3_2 .con_2 .con_list .con_box .arrow_con .arrow{padding: 30px 10px;}
    .sub3_2 .con_2 .con_list .con_box .three_con{flex-direction: column;}
    .sub3_2 .con_2 .con_list .con_box .three_con .list{flex: auto;}
}

@media screen and (max-width:425px){
    .sub3_2.menu_con {flex-wrap:wrap}
    .sub3_2.menu_con > .menu{flex: 0 1 calc(100% / 2 - clamp(14px,3vw,35px));}
    .sub3_2 .con_1 .partner_con .partner_lsit .list{flex: 0 1 calc(100%);}
    
}
.bg_col_b{background: rgba(68, 100, 161, 0.10);}
/*sub4_1*/
.sub4_1{}
.sub4_1 .con_1{}
.sub4_1 .con_1 .con_list{display: flex;flex-wrap: wrap;gap: clamp(25px,8vw,100px);}
.sub4_1 .con_1 .con_list .list{flex: 0 1 calc(100% / 3 - clamp(25px,8vw,100px));border-bottom: solid 1px #a0a2ae;}
.sub4_1 .con_1 .con_list .list .img_con{text-align: center;}
.sub4_1 .con_1 .con_list .list .text_con{text-align: center; font-size: clamp(20px,2vw,24px); font-weight: 500; color: #a0a2ae; padding: 20px 0;}

@media screen and (max-width:768px){
    .sub4_1 .con_1 .con_list .list{flex: 0 1 calc(100% / 2 - clamp(25px,8vw,100px));}
    
}
@media screen and (max-width:500px){
    .sub4_1 .con_1 .con_list .list{flex:100%;}
}

/*sub4_2*/
.sub4_2{}
.sub4_2 .con_1{}
.sub4_2 .con_1>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500;padding: 0 0 clamp(24px,2vw,30px);}
.sub4_2 .con_1 table{border-collapse:collapse; width: 100%;min-width: 1024px;}
.sub4_2 .con_1 table tr td,
.sub4_2 .con_1 table tr th{border: solid 1px #7d7d7d;padding: 18px 10px;}
.sub4_2 .con_1 table tr td:first-child,
.sub4_2 .con_1 table tr th:first-child{border-left:none; }
.sub4_2 .con_1 table tr td:last-child,
.sub4_2 .con_1 table tr th:last-child{border-right:none; }
.sub4_2 .con_1 table tr td{text-align: center;}
.sub4_2 .con_1 table tr td:first-child{text-align: start;}
.sub4_2 .con_1 table thead{background: rgba(68, 100, 161, 0.10);}
.sub4_2 .con_1 table tbody{}

/*sub4_3*/
.sub4_3.menu_con{display: flex;gap: clamp(24px,3vw,35px);margin: 30px 0;flex-wrap: wrap;justify-content: center;}
.sub4_3.menu_con  > .menu {position: relative;flex: 0 1 calc(100% / 7 - clamp(24px, 3vw, 35px) );display: flex;align-items: center;justify-content: center;font-size: clamp(18px,2vw,22px);line-height: 26px;color: #000000;font-weight: 600;text-align: center;border-radius: 0;border-bottom: 3px solid #333;padding: 24px 0;overflow: hidden;transition: all ease .3s;}
.sub4_3.menu_con  > .menu::before {position: absolute;content: '';width: 100%;height: 0%;left: 0;bottom: 0;background-color: #333;z-index: -1;transition: all ease .3s;}
.sub4_3.menu_con  > .menu:is(.active, :hover) {color: #fff;border-bottom-color: transparent;border-radius: 1rem;}
.sub4_3.menu_con  > .menu:is(.active, :hover)::before {height: 100%;}


.sub4_3{}
.sub4_3 .con_1{}
.sub4_3 .con_1>.tit{font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}
.sub4_3 .con_1 table{border-collapse:collapse; width: 100%; min-width: 1024px;}
.sub4_3 .con_1 table tr td,
.sub4_3 .con_1 table tr th{border: solid 1px #7d7d7d; padding: 18px 0;}
.sub4_3 .con_1 table tr td:first-child,
.sub4_3 .con_1 table tr th:first-child{border-left:none; }
.sub4_3 .con_1 table tr td:last-child,
.sub4_3 .con_1 table tr th:last-child{border-right:none; }
.sub4_3 .con_1 table tr td{text-align: center;}
.sub4_3 .con_1 table tr td:first-child{text-align: start;}
.sub4_3 .con_1 table tr td.ta_cent{text-align: center;}
.sub4_3 .con_1 table tr td.ta_start{text-align: start; padding-left: 15px;}
.sub4_3 .con_1 table thead{background: rgba(68, 100, 161, 0.10);}
.sub4_3 .con_1 table tbody{}


/* sub5_1 */
.sub5_1{}
.sub5_1 .con_1{}
.sub5_1 .con_1>.tit{text-align: center; font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500; padding: 0 0 15px;}
.sub5_1 .con_1>.tit span{ color: #006dfb;}
.sub5_1 .con_1>.txt{text-align: center; font-size: clamp(16px, 2vw, 18px);font-weight: 300; padding: clamp(26px, 3.4vw, 40px) 0; line-height: 2rem;}

.sub5_1 .con_1 .min_conent {display: flex;justify-content: center;gap: clamp(20px,3vw,40px); flex-wrap: wrap; padding: 50px 0; }
.sub5_1 .con_1 .min_conent>div{width: 285px;height: 285px;border-radius: 50%;display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 30px;}
.sub5_1 .con_1 .min_conent .step-container{position: relative;background: conic-gradient(	#006dfb 0deg 90deg,#ddd 45deg 360deg);}
.sub5_1 .con_1 .min_conent .step-container:nth-child(1){background: conic-gradient(	#ddd 0deg 180deg,	#006dfb 180deg 270deg,#ddd 270deg 360deg);}
.sub5_1 .con_1 .min_conent .step-container:nth-child(2){background: conic-gradient(	#ddd 0deg 180deg,#006dfb 180deg 360deg);}
.sub5_1 .con_1 .min_conent .step-container:nth-child(3){background: conic-gradient(	#006dfb 0deg 90deg,#ddd 90deg 180deg,#006dfb 180deg 360deg);}
.sub5_1 .con_1 .min_conent .step-container:nth-child(4){background: conic-gradient(	#006dfb 0deg 360deg,#ddd 45deg 360deg);}
.sub5_1 .con_1 .min_conent .inner-circle{position: absolute;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 30px;border: 5px solid rgba(0,0,0,0);background-clip: padding-box;padding: 0 40px;text-align: center;}
.sub5_1 .con_1 .min_conent .inner-circle p{font-size: clamp(18px,2vw,22px); font-weight: 600;}
.sub5_1 .con_1 .min_conent .inner-circle p:first-child{color: #006dfb; font-size: 20px;}

.sub5_1 .con_2 {}
.sub5_1 .con_2 .text_list{}
.sub5_1 .con_2 .text_list .list{display: flex;border-bottom: solid 1px #dcdcdc;gap: 0 15px;}
.sub5_1 .con_2 .text_list .list .title{flex: 0 1 20%;text-align: center;padding: clamp(26px, 3.4vw, 40px) 0;font-size: clamp(18px,2vw,22px);font-weight: 600;color: #006dfb;}
.sub5_1 .con_2 .text_list .list .text{font-size: clamp(18px,2vw,22px);font-weight: 300;padding: clamp(26px, 3.4vw, 40px) 0;line-height: 2rem;flex: 0 1 80%;} 

@media screen and (max-width:768px){
    
}
@media screen and (max-width:500px){
    .sub5_1 .con_2 .text_list .list{flex-wrap: wrap;align-items: flex-start; flex-direction: column;}
    
}
/* sub5_2 */
.sub5_2{}
.sub5_2 .con_1>.tit{text-align: center;font-size: clamp(26px, 3.4vw, 40px);font-family: 'TheJamsil';font-weight: 500;padding: 0 0 15px;line-height: 1.5em;}
.sub5_2 .con_1>.tit span{ color: #006dfb;}

.sub5_2 .con_2{
    margin-top: 80px;
}
.sub5_2 .con_2 .con_list{display: flex; flex-wrap: wrap; gap: 40px;}
.sub5_2 .con_2 .con_list .list{flex: 0 1 calc(50% - 20px); background-color: #e4e8ea; padding: 28px;}
.sub5_2 .con_2 .con_list .list:nth-child(1){ background: url(../img/sub/sub5_2_con2_icno_01.png) no-repeat center;background-color: #e4e8ea;background-position: top 30px right 30px; }
.sub5_2 .con_2 .con_list .list:nth-child(2){ background: url(../img/sub/sub5_2_con2_icno_02.png) no-repeat center;background-color: #e4e8ea;background-position: top 30px right 30px; }
.sub5_2 .con_2 .con_list .list:nth-child(3){ background: url(../img/sub/sub5_2_con2_icno_03.png) no-repeat center;background-color: #e4e8ea;background-position: top 30px right 30px; }
.sub5_2 .con_2 .con_list .list:nth-child(4){ background: url(../img/sub/sub5_2_con2_icno_04.png) no-repeat center;background-color: #e4e8ea;background-position: top 30px right 30px; }
.sub5_2 .con_2 .con_list .list:nth-child(5){ background: url(../img/sub/sub5_2_con2_icno_05.png) no-repeat center;background-color: #e4e8ea;background-position: top 30px right 30px; }
.sub5_2 .con_2 .con_list .list:nth-child(6){ background: url(../img/sub/sub5_2_con2_icno_06.png) no-repeat center;background-color: #e4e8ea;background-position: top 30px right 30px; }
.sub5_2 .con_2 .con_list .list .num{font-family: "TheJamsil";font-size: 18px; font-weight: 200; color:#53656d; padding-bottom: 40px;}
.sub5_2 .con_2 .con_list .list .title{font-family: "TheJamsil"; font-size: 26px; font-weight: 400; color: #17323f; line-height: 2.5rem;}
.sub5_2 .con_2 .con_list .list .text{font-size: 20px; font-weight: 400;line-height: 2rem;}
@media screen and (max-width:768px){
    .sub5_2 .con_2 .con_list .list{flex: 0 1 calc(100%); }

}

/* 6_2 */
.sub6_2{margin:30px auto}
.sub6_2 .video-wr .top-txt{text-align:center;font-size: clamp(16px,4vw,20px);color:#999;font-weight:300;padding:30px 0}
.sub6_2 .video-wr .video iframe{height: 750px;max-width: 1290px;}
.sub6_2 .video-wr .video {text-align: center;}
.sub6_2 .prod-fixed .prod_list.on{border-radius:30px 0 0}


@media screen and (max-width:1440px) {
    .sub6_2 .video-wr .video iframe{height:600px}
}

@media screen and (max-width:1024px) {
    .sub6_2 .video-wr .video iframe{
        height: 500px;
    }
}

@media screen and (max-width:768px) {
    .sub6_2{padding:30px 20px;margin: 0 auto;}
    .sub6_2 .video-wr .video iframe{height:400px}
}

@media screen and (max-width:500px) {
    .sub6_2 .video-wr .video iframe{height:250px}
    .sub6_2 .prod-fixed .prod_list.on{border-radius:30px 0 0}
}

/* 6_3 */
.sub6_3{}
.sub6_3 .con-wr{display:flex;flex-wrap:wrap;gap: 20px 100px;justify-content: center;}
.sub6_3 .con-wr .con-list{flex: 0 1 calc(100% / 3 - 100px);margin:20px 15px;}
.sub6_3 .con-wr .con-list .con-img{text-align: center;}
.sub6_3 .con-wr .con-list .con-img img{max-height: 480px;}
.sub6_3 .con-wr .con-list .con-tit{background:#15519f;border-radius:50px;padding:20px;margin-top:20px;color: #fff;transition: all ease 0.4s;}
.sub6_3 .con-wr .con-list:hover .con-tit{background: #48745c;color: #ffffff;}
.sub6_3 .con-wr .con-list .con-tit p{font-size: 20px;font-weight: 700;text-align: center;}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1024px){
    .sub6_3 .cata-con{height:auto}
    .sub6_3 .left-txt .ebook-btn a{width:100%;padding:15px 30px}
    .sub6_3 .left-txt .ebook-btn a i{margin-left:20px}

    .sub6_3 .con-wr{gap: 20px;}
    .sub6_3 .con-wr .con-list{flex: 0 1 calc(100% / 3 - 44px);}
    .sub6_3 .con-wr .con-list .con-tit p{font-size: 18px;}
    .sub6_3 .con-wr .con-list .con-tit{padding: 15px 20px;}
}

@media screen and (max-width:768px) {
    .sub6_3{padding:20px}
    .sub6_3 .cata-con{padding:50px 40px;gap:30px;margin-top:30px}
    .sub6_3 .left-txt .ebook-btn a{}

    .sub6_3 .con-wr .con-list{flex: 0 1 calc(100% / 2 - 40px);}

}

@media screen and (max-width:610px) {
    .sub6_3 .cata-con{padding:30px 20px;flex-wrap:wrap}
    .sub6_3 .left-txt{flex:100%}
    .sub6_3 .right-img{flex:100%}
    .sub6_3 .left-txt .ebook-btn{margin-top:20px;width:100%}
}

@media screen and (max-width:500px) {
    .sub6_3 .left-txt .title{text-align:center}

    .sub6_3 .con-wr .con-list{flex:100%;margin: 0;}
}


.odometer-wrap {overflow: hidden;position: relative}
.odometer-wrap .odometer-tobe {display: none}
.odometer-wrap .odometer-newElem {position: absolute;top: 0;transform: translateY(100%)}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;position: relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {text-align: left;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {display: block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {display: block;-webkit-backface-visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {display: block;-webkit-transform: translateZ(0);font-family: 'TheJamsil';font-weight: 700;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {line-height: 1.1em}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {text-align: center}
.odometer .odometer-formatting-mark {display: none}
.scroll-content {position: relative;}
.navigation {display: flex;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;}
.navigation li {flex: 0 1 calc(100% / 4);list-style: none;text-align: center;padding: min(2.2vw,40px) 0;font-size: clamp(24px,2vw,35px);position: relative;}
.navigation li.active:before {width: 100%;height: 2px;background: #4465a1;position: absolute;content: '';bottom: -2px;left: 50%;transform: translateX(-50%)}
.history-navigator {position: sticky;top: 100px;left: 0;width: 100%;box-sizing: border-box;background: #fff;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);z-index: 2;transition: top .1s ease-in-out;/* margin-bottom: min(3.8vw,70px); */border-bottom: 2px solid #bfbfbf;}
.history-navigator.up {transition: top .28s ease-in-out}
.history-navigator ol.navigation {display: flex;align-items: center;padding: 0 min(6.25vw,120px);}
.history-navigator ol.navigation>li>a.active span {color: #162b50;}
.history-navigator ol.navigation>li>a>span {font-size: min(2.8vw,35px);font-weight: 500;line-height: 1.68;color: #dcdcdc;font-family: 'TheJamsil';}
.scroll-content {position: relative}
.fine-line {position: absolute;width: 2px;background: #e5e5e5;top: 0;left: 50%;transform: translate(-50%)}
ol.item-list {padding-top: min(6.8vw,120px);width: 100%;max-width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: clamp(40px,10vw,160px);overflow: hidden;}
ol.item-list:nth-of-type(2n){flex-direction: row-reverse;}
ol.item-list:nth-of-type(2n) li.item:nth-of-type(odd) {/* flex-direction: row; *//* text-align: right; *//* transform: translate(10%); */}
ol.item-list:nth-of-type(2n) li.item:nth-of-type(2n) {flex-direction: row-reverse;text-align: left;transform: translate(-10%)}
ol.item-list:nth-of-type(2n) li.item.active {transform: translate(0);opacity: 1}
ol.item-list li.item {display: flex;justify-content: space-between;opacity: 0;transition: 1s ease;border-bottom: 1px solid #c4c4c4;}
ol.item-list li.item:nth-of-type(odd) {transform: translate(-10%)}
ol.item-list li.item:nth-of-type(2n) {}
ol.item-list li.item.active {}
ol.item-list li.item .text-wrap {display: flex;width: 100%;height: 100%;padding: clamp(20px,2vw,40px) 0;align-items: flex-start;}
ol.item-list .tit {font-size: clamp(30px,4vw,60px);font-weight: 700;font-family: 'TheJamsil';color: #dcdcdc;padding: clamp(20px,2.4vw,45px) 0 clamp(30px,4.2vw,70px);}
ol.item-list .img_con {width: calc(45% - 80px);}
ol.item-list .item_menu {flex: 1 1 calc(55% - 80px);}
ol.item-list li.item .text-wrap .year-title {display: block;font-size: clamp(24px,2vw,30px);flex: 0 1 calc(150px);font-family: 'TheJamsil';font-weight: 700;}
ol.item-list li.item .text-wrap .desc {font-size: 18px;font-weight: 500;color: #4b4b4b;display: flex;align-items: center;padding: 0 0 clamp(12px,2vw,26px);}
ol.item-list li.item .text-wrap .desc:last-child{padding:0}
ol.item-list li.item .text-wrap .desc span{width:60px;font-weight: 700;}
ol.item-list li.item .txt{flex: 0 1 calc(100% - 150px);}

.mid-motion {position: relative;background: #fff;z-index: 1;margin-top: clamp(40px, 6.2vw, 120px);}
.mid-motion .year-motion {height: min(8vw,158px);overflow: hidden;text-align: center;opacity: 0;transform: translateY(min(5.2083333333vw,100px));transition: .5s ease;margin-bottom: min(34.2vw,80px);}
.mid-motion .year-motion.active {opacity: 1;transform: translateY(0)}
.mid-motion .year-motion .elem {display: inline-block;vertical-align: middle;font-size: min(6.25vw,120px);font-weight: 400;line-height: 1.32}
.mid-motion .year-motion .elem.hyphen {display: inline-block;margin: 0 min(.625vw,12px)}
.mid-motion .mid-motion-inner {display: flex;flex-direction: column;align-items: center;position: relative;}
.mid-motion .img-motion {/* height: 150vh; */position: relative;width: 30%;transition: 1.2s;transition-delay: .5s}
.mid-motion .img-motion.active {	width: 100%}
.mid-motion .img-motion.active .core-wrap .banner-wrap-his {min-height: min(44.7916666667vw,860px)}
.mid-motion .img-motion .core-wrap {display: flex;justify-content: center;align-items: center;position: sticky;top: 0;/* padding-top: min(16.6666666667vw,320px); */}
.mid-motion .img-motion .core-wrap .banner-wrap-his {position: relative;width: 100%;min-height: min(17.1875vw,330px);transition: 1.2s}
.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner {clip-path: inset(0% 0% 0%);position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;object-fit: scale-down;}

@media screen and (max-width:1480px) {
    ol.item-list{padding: min(6.8vw,120px) 20px 0;}
}

@media screen and (max-width:1024px) {
    .mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img{object-fit: none;}
}

@media screen and (max-width:768px) {
    ol.item-list{flex-direction: column; gap: 0;}
    ol.item-list .img_con{width: 100%;}
    ol.item-list .img_con img{width: 100%;}
    ol.item-list li.item .text-wrap{flex-direction: column; gap: 12px;}
    ol.item-list li.item .text-wrap .year-title{flex: none;}

    .mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img{position: relative;top: auto;left: auto;height: 300px;}
    ol.item-list li.item .text-wrap .desc{flex-direction: column;align-items: flex-start;}
}

@media screen and (max-width:500px) {
    .mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img{height: clamp(120px,12vw,200px);object-fit: cover;}
}


/* 개인정보처리방침 */
.sub_privacy{font-size:16px;color:#333;max-width:1300px;margin:20px auto 60px}
.privacy{font-size:clamp(14px, 2vw, 18px);font-weight:700;/* padding-left:80px; */}

.privacy .ttl {font-size: 21px;color: rgb(0 69 140);padding-bottom: 15px;font-weight: 700;}
.privacy .txt {font-size: clamp(16px, 2vw, 20px);color:#333;padding: 0 10px 20px;line-height: 1.5em;font-weight: 500;}
.privacy .mk {font-size:15px; font-weight:500; color:#003b68;}
.privacy .txt .dep1 li {padding-bottom:5px;font-size: clamp(16px, 2vw, 18px);}

.ctt_provision li{font-size:clamp(16px,2vw,18px);color:#333;font-weight:500;}

.quick-btn_hide{border-right: 2px solid #233763 !important;position:fixed;top:30px;right:-21px;background:#233763;border-top-left-radius:50px;border-bottom-left-radius:50px;color:#fff;font-size:18px;padding:10px 10px;z-index:10;cursor:pointer;-webkit-animation:moveright .8s linear 0s infinite alternate;animation:moveright .8s linear 0s infinite alternate;border:2px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.2)}

@-webkit-keyframes moveright {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(6px)
    }
}

@keyframes moveright {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(6px)
    }
}




.board_search_btn {
    background:url(../img/icon_search--active.png) no-repeat center;
    background-size: contain;
    border: none;
    width: 90px;
    height: 70px;
    background-size: 30px;
    cursor: pointer;
    outline: none;
    font-size: 0;
}

/* 호버 시 효과 */
.board_search_btn:hover {
    opacity: 0.8;
}


.mobile-menu {
    cursor: pointer;
    padding: 10px;
    background-color: #fff;
    position: relative;
    display: none;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
}

.pagination a {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
    background-color: #007bff;
    color: white;
}

.pagination a.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.pagination a.first,
.pagination a.last {
    font-weight: bold;
    color: #555;
}

.pagination a.prev,
.pagination a.next {
    font-weight: bold;
}

.pagination a.first:hover,
.pagination a.last:hover,
.pagination a.prev:hover,
.pagination a.next:hover {
    background-color: #0056b3;
    color: white;
}



@media screen and (max-width: 1024px) {
    .mobile-menu {
        display: block;
        height: 60px;
        padding: 20px 40px;
        z-index: 2;
        background: #f5f5f5;
    }
}

@media screen and (max-width:500px) {

}

.x-scr{position:relative}
.x-scr-view{display:none;padding-top:30px;background:url(../img/swipe.png) no-repeat center rgb(0 0 0 / 14%);background-size:45px;width:65px;height:65px;position:absolute;top:0;right:0;margin-left:-40px;border-radius:50%;z-index:999}
input:focus {outline: none !important;}
.x-scr{overflow-x:scroll;width: 100%;}
@media screen and (max-width:1024px) {
    .x-scr-view {
        background: url(../img/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);
        display: block;
        padding-top: 30px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 999;
        border-radius: 0;
    }
}