#header {z-index: 9999}
#header .header {border-bottom: 1px solid rgba(224,224,224,0.5);}
#header .header .header-inner {max-width: 122.6rem;}
#header .header .header-cont {align-items: center;}
#header .header .logo {}
#header .header .logo img {}
#header .header .logo img.active-logo {opacity: 0;}
#header .header .gnb {}
#header .header .gnb .gnb-list {min-width: 17.6rem;}
#header .header .gnb .gnb-list > a {display: flex; justify-content: center; align-items: center; height: 100%; padding: 3.8rem 0;}
#header .header .gnb .gnb-list > a:hover {font-weight: bold}
#header .header .lnb {top: 100%; background: #fff; border-top: 5px solid #005DA9; display: none}
#header .header .lnb .lnb-list {}
#header .header .lnb .lnb-list + .lnb-list {border-top: 1px solid #E0E0E0;}
#header .header .lnb .lnb-list a {display: flex; align-items: center; justify-content: center; min-height: 5rem;}
#header .header .lnb .lnb-list a:hover {background-color: #003560; color: #fff;}

#header .header.change {background: #fff; border-bottom: 0;}
#header .header.change  .logo img {opacity: 0}
#header .header.change  .logo img.active-logo {opacity: 1;}
#header .header.change .gnb .gnb-list {color: #212121}
#header .header.change .gnb .gnb-list > a:hover {color: #005DA9}

#mo_header {position: fixed; width: 100%; top: 0; z-index: 99; transition: background 0.3s;}
#mo_header.fixed {background: #fff;}

#mo_header .mo_head {justify-content: space-between; align-items: center; padding: 1.2rem 5rem;}
#mo_header .mo_head .logo {width: 40%;}
#mo_header .mo_head .logo img.acive-logo {opacity: 0}
#mo_header .mo_head .menu_btn {width: 5%;}

#mo_header .mo_menu_wrap {position: fixed; width: 100%; height: 100%; top: 0; display: none; z-index: 999999;}
#mo_header .mo_menu_box {width: 100%; height: 100%; background: #fff; transition: 1s;}
#mo_header .menu_gnb {padding: 11.5rem 0;}
#mo_header .menu_gnb_lst {padding: 4rem 0 0 0; border-bottom: 1px solid #DDDDDD;}
#mo_header .menu_gnb_lst .gnb_name {font-size: 4rem; display: block; font-weight: bold; padding: 0 5rem; padding-bottom: 4rem;}
#mo_header .menu_gnb_lst .gnb_name:after {content: ''; display: block; position: absolute; top: 31%; right: 5rem; transform: translateY(-50%); width: 15px; height: 15px; background: url('../img/mo_menu_arrow.png') no-repeat; background-size: contain;}
#mo_header .menu_gnb_lst .gnb_name.on {color: #3171B8}
#mo_header .menu_gnb_lst .gnb_name.on:after {background: url('../img/mo_menu_arrow2.png') no-repeat; background-size: contain; top: 41%;}

#mo_header .menu_lnb {display: none; background: #F5F5F5; padding: 4rem 0;}
#mo_header .menu_lnb .menu_lnb_lst {}
#mo_header .menu_lnb .menu_lnb_lst + .menu_lnb_lst a {padding-top: 3rem;}
#mo_header .menu_lnb .menu_lnb_lst a {display: block; font-size: 3rem; padding: 0 5rem; color: #555555;}
#mo_header .cancel-btn {top: 3rem; position: absolute; right: 5rem; max-width: 2.5rem;}

#mo_header .mo_head.change {background: #fff;}
#mo_header .mo_head.change .logo img {opacity: 0}
#mo_header .mo_head.change .logo img.acive-logo {opacity: 1}
#mo_header .mo_head.change .menu_btn {filter: brightness(0);}

#footer {background: #003560;}
#footer .ft-inner {}
#footer .ft-menu-area {border-bottom: 1px solid rgba(255,255,255,0.3)}
#footer .ft-menu-cont {padding: 3rem 0;}
#footer .ft-menu-cont .ft-logo {opacity: 0.8;}
#footer .ft-menu-cont .ft-menu {opacity: 0.6; gap: 3rem;}
#footer .ft-menu-cont .ft-menu li {}
#footer .ft-info-area {}
#footer .ft-info-cont {padding: 3rem 0 5.6rem; line-height: 2.6rem;}
#footer .ft-info-cont .copy {}

@media all and (max-width: 800px){
    #footer .ft-menu-cont {flex-direction: column; align-items: baseline; gap: 1rem}
    #footer .ft-menu-cont .ft-logo {max-width: 50%;}
    #footer .ft-menu-cont .ft-logo img {width: 100%; display: block;}
    #footer .ft-menu-cont .ft-menu {width: 100%; align-items: center; font-size: 2.2rem;}
    #footer .ft-menu-cont .ft-menu li {flex: 1; text-align: center;}
    #footer .ft-info-cont {font-size: 2.2rem; line-height: 3.3rem; color: rgba(255,255,255,0.8);}
    #footer .ft-info-cont em {display: none}
    #footer .ft-info-cont .copy {color: rgba(255,255,255,0.5)}
}

#top {bottom: 8.3rem; right: 10rem; z-index: 99}

@media all and (max-width: 800px){
    #top {max-width: 8%; right: 5rem;bottom: 4rem;}
}

#wrap {}

/** 메인 스타일 **/
#main {}

.visual {}
.visual .visual-inner {height: 100vh;}
.visual .text-area {}
.visual .text-area .title {}
.visual .text-area .sub-title {padding-top: 2.2rem;}

.visual .visual-next,.visual .visual-prev {top: 69%; z-index: 999}
.visual .visual-next::after,.visual .visual-prev::after {font-size: 1.3rem; color: #fff;}
.visual .visual-next {right: 46.4%;}
.visual .visual-prev {left: 46.4%;}
.visual .visual-pg {font-size: 1.4rem; color: #fff; bottom: 30%; font-family: 'NanumSquare'}
.visual .visual-pg .swiper-pagination-current {opacity: 1; padding-right: 15px;}
.visual .visual-pg .swiper-pagination-total {opacity: 0.7; padding-left: 15px}

.visual .text-scroll {z-index: 1; padding-bottom: 8rem;}
.visual .text-scroll::before {content: ''; display: block; position: absolute; height: 7rem; width: 1px; background: #fff; left: 50%; bottom: 0}

.visual .visual1 {background: url('../img/main/main_visual_1.jpg') center/cover;}
.visual .visual2 {background: url('../img/main/main_visual_2.jpg') center/cover;}
.visual .visual3 {background: url('../img/main/main_visual_3.jpg') center/cover;}


@media all and (max-width: 800px){
    .visual .text-area .title {font-size: 7rem;}
    .visual .text-area .sub-title {font-size: 2.4rem;}

    .visual .visual-prev {left: 32.4%;}
    .visual .visual-next {right: 32.4%;}
    .visual .visual-pg {font-size: 2rem;}
    .visual .text-scroll {font-size: 2rem;}
}

.sec1 {padding: 15rem 0}
.sec1 .inner {}
.sec1 .content {}
.sec1 .text-area {}
.sec1 .text-area .sub-title {letter-spacing: 8px}
.sec1 .text-area .title {margin-top: 3rem;}
.sec1 .text-area .sent {line-height: 2.5rem;}
.sec1 .text-area .more-btn {margin-top: 6rem}
.sec1 .text-area .more-btn a {padding: 1.5rem 1.7rem; border: 1px solid #005DA9; border-radius: 30px; gap: 7rem; transition: 0.2s;}
.sec1 .text-area .more-btn a:hover {background: #005DA9; color: #fff;}
.sec1 .text-area .more-btn a:hover img {filter: brightness(100);}
.sec1 .img-area {}

@media all and (max-width: 800px){
    .sec1 .content {flex-direction: column; align-items: baseline; gap: 5rem;}
    .sec1 .text-area .sub-title {font-size: 2.2rem;}
    .sec1 .text-area .title {font-size: 8rem; margin: 2rem 0 1rem;}
    .sec1 .text-area .sent {font-size: 2.4rem; line-height: 3.3rem;}
    .sec1 .text-area .more-btn {margin-top: 4rem; font-size: 2.2rem}
    .sec1 .text-area .more-btn a {padding: 1.2rem 4rem 1.2rem 1.7rem;}
    .sec1 .text-area .more-btn a img {max-width: 2rem;}
}

.sec2 {}
.sec2 .inner {background: url('../img/main/s2_bg.png') center/cover;}
.sec2 .cont {}
.sec2 .cont-list {}
.sec2 .cont-list .list {padding: 16rem 0; flex: 1;}
.sec2 .cont-list .list.line {border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5);}
.sec2 .cont-list .list a {z-index: 1; height: 100%}
.sec2 .cont-list .list a img {}
.sec2 .cont-list .list .txt-area {height: 100%}
.sec2 .cont-list .list .title {padding-top: 2.1rem;}
.sec2 .cont-list .list .sub-title {opacity: 0.7; margin-top: auto; padding-top: 1.3rem;}
.sec2 .cont-list .list .bg-img {opacity: 0; transition: 0.4s;}
.sec2 .cont-list .list:hover .bg-img {opacity: 1;}

@media all and (max-width: 800px){
    .sec2 .inner {background: url('../img/main/s2_bg_mo.png') center/cover;}
    .sec2 .cont {max-width: 100%}
    .sec2 .cont-list {flex-direction: column;}
    .sec2 .cont-list .list {padding: 4.8rem 0;}
    .sec2 .cont-list .list.line {border: 0; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.5);}
    .sec2 .cont-list .list a {flex-direction: row; gap: 5.6rem; padding: 0 20%;}
    .sec2 .cont-list .list a img {max-width: 10rem;}
    .sec2 .cont-list .list .txt-area {align-items: baseline;}
    .sec2 .cont-list .list .title {font-size: 4rem; padding-top: 0; text-align: left;}
    .sec2 .cont-list .list .sub-title {font-size: 2.4rem; padding-top: 0}
    .sec2 .cont-list .list .bg-img {height: 100%}
    .sec2 .cont-list .list .bg-img img {height: 100%; object-fit: cover;}
}

.sec3 {}
.sec3 .inner {padding: 15rem 0 15.5rem;}
.sec3 .title-area {margin-bottom: 5.2rem;}
.sec3 .title-area .sub-title {padding-bottom: 1rem; letter-spacing: 8px;}
.sec3 .title-area .title {}
.sec3 .list-area {}
.sec3 .list-area .list {width: 44.5%; border-bottom: 1px solid #CCCCCC; padding-bottom: 2rem;}
.sec3 .list-area .list .subj-area {}
.sec3 .list-area .list .subj-area .subj {}
.sec3 .list-area .list .subj-area .sent {margin-top: 1.3rem;}
.sec3 .list-area .list .plus {padding: 1.5rem; border: 1px solid #005DA9; border-radius: 100%; transition: 0.2s;}
.sec3 .list-area .list:hover .plus img {transition: 0.2s;}
.sec3 .list-area .list:hover .plus {background: #005DA9;}
.sec3 .list-area .list:hover .plus img {filter: brightness(100); transform: rotate(90deg);}

@media all and (max-width: 800px){
    .sec3 .inner {padding: 10rem 0 13rem;}
    .sec3 .title-area {margin-bottom: 8rem;}
    .sec3 .title-area .sub-title {font-size: 2.2rem; padding-bottom: 2rem;}
    .sec3 .title-area .title {font-size: 8rem; line-height: 9rem;}
    .sec3 .list-area {flex-direction: column; gap: 5rem;}
    .sec3 .list-area .list {width: 100%;}
    .sec3 .list-area .list .subj-area .subj {font-size: 4rem;}
    .sec3 .list-area .list .subj-area .sent {font-size: 2.4rem; margin-top: 1rem;}
    .sec3 .list-area .list .plus img {max-width: 1.9rem; display: block;}
}

.sec4 {}
.sec4 .inner {background: #FAFAFA; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.sec4 .cont {padding-bottom: 6rem;}
.sec4 .title {background: #005DA9; padding: 1.3rem 4rem 1.3rem 5rem; border-radius: 50px; letter-spacing: 10px; margin-top: -2.5rem;}
.sec4 .sub-title {margin: 5rem 0 3rem}
.sec4 .main_banner_swiper {}
.sec4 .banner {overflow: hidden; max-width: 123rem}
.sec4 .banner-list {gap: 1rem;}
.sec4 .banner-list li {width: 30rem; height: 10rem}

@media all and (max-width: 800px){
    .sec4 .title {font-size: 2.4rem;}
    .sec4 .sub-title {max-width: 60%;}
    .sec4 .sub-title img {width: 100%; display: block;}
    .sec4 .banner {max-width: 95%;}
    .sec4 .banner-list li {width: auto; height: auto}
    .sec4 .banner-list li img {}
}

.sec5 {}
.sec5 .inner {padding-top: 13rem;}
.sec5 .title-area {margin-bottom: 5rem;}
.sec5 .sub-title {letter-spacing: 8px;}
.sec5 .title {padding-top: 1.5rem;}

.sec5 .map-area {}
.sec5 .map-pop {z-index: 9; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); right: 10%}
.sec5 .pop-inner {padding: 7.2rem 8.3rem 9.6rem 3.5rem; background: url('../img/main/s5_bg.png') no-repeat; background-size: 84%; background-position: bottom 10% right 0;}
.sec5 .map-list {}
.sec5 .map-list .list {gap: 2rem;}
.sec5 .map-list .list + .list {margin-top: 4.9rem}
.sec5 .map-list .list img {max-width: 2rem;}

@media all and (max-width: 800px){
    .sec5 .inner {padding: 13rem 0}
    .sec5 .sub-title {letter-spacing: 0; font-size: 3rem;}
    .sec5 .title {font-size: 6rem; padding-top: 2rem}

    .sec5 .map-pop {position: relative; right: auto; max-width: 90%; margin: 0 auto; transform: none; margin-top: -20%;}
    .sec5 .pop-inner {padding: 7rem 0 11rem 7.3rem; background-position: bottom 2% right 0;}
    .sec5 .map-list {margin-top: 3rem;}
    .sec5 .map-list .list {font-size: 2.4rem;}
    .sec5 .map-list .list + .list {margin-top: 3rem;}
    .sec5 .map-list .list img {max-width: 5rem;}
}

/**서브*****************************************************************/

#sub {}
#sub .inner {}

.sub-visual {padding: 27.5rem 0 25.4rem;}
.sub-visual .title {}
.sub-menu {background: rgba(0,93,169,0.85); z-index: 1}
.sub-menu-inner {}
.sub-menu-cont {}
.sub-menu-cont .home {padding: 2.2rem 2rem; border-right: 1px solid rgba(255,255,255,0.2);}
.sub-menu-cont .sub-menu-gnb,
.sub-menu-cont .sub-menu-lnb {padding: 0 2rem; min-width: 22rem;}
.sub-menu-cont .sub-menu-gnb span,
.sub-menu-cont .sub-menu-lnb span {align-items: center; height: 100%;}
.sub-menu-cont .sub-menu-gnb.on,
.sub-menu-cont .sub-menu-lnb.on {background-color: #005DA9;}
.sub-menu-cont .sub-menu-lnb {border-right: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2);}
.sub-menu-cont .menu-list {top: 100%; left: 0; border: 1px solid #E0E0E0; display: none; background: #fff;}
.sub-menu-cont .menu-list li {height: 6rem;}
.sub-menu-cont .menu-list li + li {border-top: 1px solid #E0E0E0;}
.sub-menu-cont .menu-list li a {display: flex; align-items: center; height: 100%; padding: 0 2rem}
.sub-menu-cont .menu-list li a:hover {background: #FAFAFA;}

.sub1 .sub-visual,
.sub2 .sub-visual,
.sub3 .sub-visual {background: url('../img/sub/sub_visual_1.png') center/cover;}
.sub4 .sub-visual {background: url('../img/sub/sub_visual_2.png') center/cover;}
.sub5 .sub-visual {background: url('../img/sub/sub_visual_3.png') center/cover;}
.sub6 .sub-visual {background: url('../img/sub/sub_visual_4.png') center/cover;}
.sub7 .sub-visual {background: url('../img/sub/sub_visual_5.png') center/cover;}

.sub-comp-title {padding-top: 13.4rem}
.sub-comp-title .sub-title {padding-bottom: 1rem;}
.sub-comp-title .title {}
.sub-comp-title .menu {gap: 1rem; bottom: 1.4rem; right: 0;}
.sub-comp-title .menu li {}
.sub-comp-title .menu li span {color: #363636;}

@media all and (max-width: 800px){
    .sub-visual {padding: 19rem 0 18rem}
    .sub-visual .title {font-size: 7rem;}
    .sub-menu-inner {max-width: 100%;}
    .sub-menu-cont .home img {width: 100%; display: block; max-width: 3rem;}
    .sub-menu-cont .sub-menu-gnb,
    .sub-menu-cont .sub-menu-lnb {font-size: 2.2rem; min-width: 23rem;}
    .sub-menu-cont .sub-menu-gnb span,
    .sub-menu-cont .sub-menu-lnb span {}
    .sub-menu-cont .sub-menu-gnb span img,
    .sub-menu-cont .sub-menu-lnb span img {max-width: 1.5rem}
    .sub-menu-cont .menu-list li {height: 7rem;}
    .sub-menu-cont .menu-list li a {}

    .sub-comp-title {padding-top: 14.6rem;}
    .sub-comp-title .sub-title {font-size: 2.4rem; padding-bottom: 3px;}
    .sub-comp-title .title {font-size: 6rem;}
    .sub-comp-title .menu {font-size: 2.2rem; bottom: auto; top: 2rem;}
}

.sub1 {}
.sub1 .content {padding: 8rem 0 21rem; background: url('../img/sub/sub1-bg-img.png') no-repeat left bottom}
.sub1 .cont-inner {gap: 12.5rem; justify-content: flex-end;}
.sub1 .cont-inner .txt-area {}
.sub1 .cont-inner .title-img {}
.sub1 .cont-inner .sent {line-height: 2.6rem; margin: 5rem 0;}
.sub1 .cont-inner .name {padding-left: 50%;}

@media all and (max-width: 800px){
    .sub1 .content {background: none; padding: 5.4rem 0 0 0;}
    .sub1 .cont-inner {flex-direction: column;}
    .sub1 .cont-inner .txt-area {max-width: 87%; margin: 0 auto;}
    .sub1 .cont-inner .sent {font-size: 2.6rem; line-height: 3.6rem;}
    .sub1 .cont-inner .name {font-size: 2.2rem; text-align: right; padding: 0;}
    .sub1 .cont-inner .name span {font-size: 2.4rem;}
}


.sub2 {}
.sub2 .content {padding-bottom: 15rem;}
.sub2 .cont-inner {}
.sub2 .cert-list {gap: 8rem 4rem;}
.sub2 .cert-list .title {padding-top: 2rem;}

.sub2 .cert-modal {top: 0; left: 0; z-index: 999; display: none;}
.sub2 .cert-modal-bg {background: rgba(0,0,0,0.3);}
.sub2 .swiper-box {max-width: 80rem; padding: 5rem 0}
.sub2 .swiper-box .cert-swiper {overflow: hidden;}
.sub2 .swiper-box .img {max-width: 40rem}
.sub2 .swiper-box .modal-title {padding-top: 2rem;}
.sub2 .swiper-box .cancel-btn {top: 2rem; right: 2rem;}
.sub2 .swiper-box .swiper-button-prev,
.sub2 .swiper-box .swiper-button-next {width: 6rem; height: 6rem;}
.sub2 .swiper-box .swiper-button-prev::after,
.sub2 .swiper-box .swiper-button-next::after {display: none;}
.sub2 .swiper-box .swiper-button-prev {background: url('../img/sub/sub2-modal-prev.png') no-repeat center/contain; left: 4rem;}
.sub2 .swiper-box .swiper-button-next {background: url('../img/sub/sub2-modal-next.png') no-repeat center/contain; right: 4rem;}

@media all and (max-width: 800px){
    .sub2 .cert-list {gap: 6rem 3rem; flex-wrap: wrap}
    .sub2 .cert-list .list {width: calc((100% - 3rem) / 2);}

    .sub2 .swiper-box {max-width: 90%;}
    .sub2 .swiper-box .cancel-btn {max-width: 2rem}
    .sub2 .swiper-box .cancel-btn img {width: 100%; display: block;}
    .sub2 .swiper-box .swiper-button-next {right: 1rem;}
    .sub2 .swiper-box .swiper-button-prev {left: 1rem;}
}

.sub3 {}
.sub3 .content {}
.sub3 .cont-inner {gap: 11rem; padding: 8rem 0 15.5rem;}
.sub3 .map-area {}
.sub3 .txt-area {}
.sub3 .txt-area .title {margin-bottom: 5rem;}
.sub3 .txt-area .list {}
.sub3 .txt-area .list > li {}
.sub3 .txt-area .list > li + li {padding-top: 3rem; margin-top: 3rem; border-top: 1px solid rgba(122,122,122,0.3);}
.sub3 .txt-area .list .list-title {gap: 2rem;}
.sub3 .txt-area .list .list-title img {max-width: 2rem;}
.sub3 .txt-area .list .list-cont {margin-top: 1.5rem; padding-left: 4rem;}
.sub3 .txt-area .list .list-cont ul {}
.sub3 .txt-area .list .list-cont ul li + li {margin-top: 1rem;}
.sub3 .txt-area .list .list-cont ul li span {}

@media all and (max-width: 800px){
    .sub3 .comp-inner {max-width: 100%}
    .sub3 .cont-inner {flex-direction: column; padding: 5.8rem 0 13rem; gap: 3.2rem;}
    .sub3 .sub-comp-title {max-width: 87%; margin: 0 auto;}
    .sub3 .txt-area {width: 100%; max-width: 87%; margin: 0 auto;}
    .sub3 .txt-area .title {font-size: 4rem; line-height: 5.5rem; margin-bottom: 6rem;}
    .sub3 .txt-area .list > li + li {padding-top: 5rem; margin-top: 5rem;}
    .sub3 .txt-area .list .list-title img {max-width: 5rem;}
    .sub3 .txt-area .list .list-title {font-size: 2.6rem;}
    .sub3 .txt-area .list .list-cont {font-size: 2.4rem; margin-top: 1.1rem; padding-left: 7rem;}
}

/** 게시판 리스트 **/
.sub-list {}
.sub-list .content {}
.sub-list .cont-inner {padding: 8rem 0 13rem;}
.sub-list .category2 {margin-bottom: 5rem; padding-left: 1px;}
.sub-list .category2 > div {width: calc(100% / 4); border: 1px solid #E0E0E0; margin-left: -1px;}
.sub-list .category2 > div a {display: flex; align-items: center; justify-content: center; height: 100%;padding: 2.3rem 0;}
.sub-list .category2 > div.on {color: #fff; font-weight: bold; background: #005DA9}
.sub-list .category2 > div:hover {color: #fff; font-weight: bold; background: #005DA9}
.sub-list .category2.cate-4 > div:nth-child(n+5) {margin-top: -1px}
.sub-list .category2.cate-5 > div {width: calc(100% / 5);}
.sub-list .category2.cate-5 > div a {padding: 1.1rem 0;}

@media all and (max-width: 800px){
    .sub-list .cont-inner {padding: 4.8rem 0 13rem}
    .sub-list .category2 {font-size: 2.2rem; width: 116%; margin-left: -8%;}
    .sub-list .category2 > div {width: calc(100% / 3); min-height: 8rem;}
    .sub-list .category2 > div a {padding: 1rem 0;}

    .sub-list .category2.cate-4 > div:nth-child(n+4) {margin-top: -1px}

    .sub-list .category2.cate-5 > div {width: calc(100% / 3);}
    .sub-list .category2.cate-5 > div:nth-child(n+4) {margin-top: -1px}
}


.sub-list .sub-category {margin-bottom: 5rem;}
.sub-list .sub-category .cate-list {background: #FAFAFA;}
.sub-list .sub-category .cate-list li {width: 20%}
.sub-list .sub-category .cate-list li a {display: block; padding: 2rem 0 2rem 3.3rem;}
.sub-list .sub-category .cate-list li a#bo_cate_on {color: #003560;}
.sub-list .sub-category .cate-list li a#bo_cate_on::before {content: ''; display: block; position: absolute; height: 100%; width: 3px; background: #005DA9; left: 0; top: 50%; transform: translateY(-50%);}
.sub-list .sub-category .cate-list li a:hover {color: #003560;}
.sub-list .sub-category .cate-list li a:hover::before {content: ''; display: block; position: absolute; height: 100%; width: 3px; background: #005DA9; left: 0; top: 50%; transform: translateY(-50%);}

@media all and (max-width: 800px){
    .sub-list .sub-category .cate-list {flex-wrap: wrap; font-size: 2rem;}
    .sub-list .sub-category .cate-list li {width: 50%; text-align: center}
}


.sub-list .list-area {gap: 5rem 4rem;}
.sub-list .list {border: 1px solid #D9D9D9; border-radius: 20px; overflow: hidden; width: calc((100% - 8rem) / 3); transition: 0.4s;}
.sub-list .list:hover {border: 1px solid #003560;}
.sub-list .list a {}
.sub-list .list a .img {}
.sub-list .list a .img img {width: 100%; height: 100%; object-fit: cover;}
.sub-list .list a .txt {padding: 2.4rem 2.6rem 3rem; border-top: 1px solid #D9D9D9;}
.sub-list .list a .txt .title {margin-bottom: 1.8rem;}
.sub-list .list a .txt .sent {text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.sub-list .write-btn {text-align: right; margin-top: 4rem;}
.sub-list .write-btn a {background: #005DA9; color: #fff; padding: 2.4rem 6rem; display: inline-block;}


@media all and (max-width: 800px){
    .sub-list .list-area {gap: 3rem;}
    .sub-list .list {width: calc((100% - 3rem) / 2);}
    .sub-list .list a .txt {padding: 2rem;}
    .sub-list .list a .txt .title {font-size: 3rem; margin-bottom: 1rem;}
    .sub-list .list a .txt .sent {font-size: 2.2rem;}
}


/** 게시판 뷰페이지 **/
.view-content {padding: 5rem 0 13rem; margin-top: 5rem; border-top: 1px solid rgba(0,0,0,0.3)}
.view-content .top-area {gap: 11rem; margin-bottom: 6.6rem;}
.view-content .img-area {max-width: 51rem;}
.view-content .img-area .view-img-swiper-thumb {overflow: hidden; margin-bottom: 1rem;}
.view-content .img-area .view-img-swiper {overflow: hidden;}
.view-content .img-area .view-img-swiper .img img {height: auto;}
.view-content .txt-area {}
.view-content .txt-area > .title {}
.view-content .txt-area .sent {line-height: 2.5rem; margin-top: 1.5rem;}
.view-content .txt-area .cont {}
.view-content .txt-area .cont.spec {margin-top: 8rem;}
.view-content .txt-area .cont.indst {margin-top: 5rem;}
.view-content .txt-area .cont .title {margin-bottom: 1rem}
.view-content .txt-area .cont .title span {width: 8px; height: 8px; background: #005DA9; margin-right: 1rem;}
.view-content .txt-area .cont li {padding-top: 1rem}
.view-content .txt-area .spec-list li {list-style: inside}

.view-content .bot-area {}
.view-content .bot-tab {}
.view-content .bot-tab {}
.view-content .bot-tab .tab-list {flex: 1; border: 1px solid #E0E0E0;}
.view-content .bot-tab .tab-list:hover {background: #F0F0F0}
.view-content .bot-tab .tab-list.on {background: #F0F0F0}
.view-content .bot-tab .tab-list a {display: block; padding: 2.5rem 0;
}
.view-content .tab-box {padding: 5rem; border: 1px solid #E0E0E0; border-radius: 20px; margin: 2rem 0}
.view-content .tab-box .title {margin-bottom: 1rem}
.view-content .tab-box .title span {width: 8px; height: 8px; background: #005DA9; margin-right: 1rem;}
.view-content .tab-box .sub-title {padding-bottom: 1rem}
.view-content .tab-box .box-list {}
.view-content .tab-box .box-list li {list-style: inside}
.view-content .tab-box .box-list li + li {padding-top: 1rem}
.view-content .tab-box .sub-box {margin-top: 4rem;}

.view-content .btn-area {gap: 2rem;}
.view-content .view-btn-box {margin-left: auto; gap: 1rem;}
.view-content .view-btn {}
.view-content .view-btn.view-btn-down,
.view-content .view-btn.view-btn-link {border: 1px solid #707070; min-width: 30rem; padding: 2.4rem 0; text-align: center;}
.view-content .view-btn.view-btn-down:hover,
.view-content .view-btn.view-btn-link:hover {color: #fff; background: #003560;}
.view-content .view-btn.view-btn-list {background: #005DA9; color: #fff; padding: 2.4rem 6rem;}


/** 문의하기 게시판 **/
.contact-list .cont-inner {padding: 8rem 0 13rem;}

.contact-table {border-top: 1px solid #707070;}
.contact-table thead {background: #FAFAFA;}
.contact-table thead tr {border-bottom: 1px solid #CCCCCC;}
.contact-table thead th {padding: 2rem 0;}
.contact-table tbody {}
.contact-table tbody tr {border-bottom: 1px solid #CCCCCC;}
.contact-table tbody td {padding: 2rem 0;}
.contact-table tbody td.progress {color: #E88B00}
.contact-table tbody td.progress.on {color: #005DA9}
.contact-table tbody td .subj {gap: 1rem}

.contact-view {}
.contact-view .title-area {padding: 2rem 2.5rem 2rem 1.1rem; background: #FAFAFA; border-top: 1px solid #707070; border-bottom: 1px solid rgba(112,112,112,0.5)}
.contact-view .title-area .title {gap: 1rem}
.contact-view .title-area .title span {color: #E88B00}
.contact-view .title-area .title span.on {color: #005DA9}
.contact-view .title-area .write-info {}
.contact-view .title-area .write-info .name {}
.contact-view .title-area .write-info .date {padding-left: 1rem; margin-left: 1rem; border-left: 1px solid rgba(112,112,112,0.5);}
.contact-view .contents-area {margin: 4rem 0; padding: 0 1rem;}

.contact-view .btn-area {gap: 2rem;}
.contact-view .view-btn-box {margin-left: auto; gap: 1rem;}
.contact-view .view-btn {}
.contact-view .view-btn.view-btn-down,
.contact-view .view-btn.view-btn-link {border: 1px solid #707070; min-width: 30rem; padding: 2.4rem 0; text-align: center;}
.contact-view .view-btn.view-btn-down:hover,
.contact-view .view-btn.view-btn-link:hover {color: #fff; background: #003560;}
.contact-view .view-btn.view-btn-list {background: #005DA9; color: #fff; padding: 2.4rem 6rem;}

.contact-list .write-btn {text-align: right; margin-top: 4rem;}
.contact-list .write-btn a {background: #005DA9; color: #fff; padding: 2.4rem 6rem; display: inline-block;}

@media all and (max-width: 800px){
    .contact-table {font-size: 2rem;}
    .contact-table tbody td .subj img {max-width: 1rem; height: 100%}
}

.form-area {}
.form-area-inner {padding: 6.3rem 7rem; border: 1px solid #E0E0E0;}
.form-line {gap: 4rem;}
.form-line + .form-line {margin-top: 3rem;}
.form-cont {width: 100%}
.form-cont .title {margin-bottom: 1rem}
.form-cont .form-phone {gap: 1.1rem;}
.form-cont .form-email {gap: 1.1rem}
.form-cont .form-file {display: flex; align-items: center;}
.form-cont .form-file .title {width: 8%}
.form-cont input, .form-cont textarea {width: 100%; box-shadow: none; border: 1px solid #CCCCCC; height: 5rem; line-height: 2.5rem; background: #fff; border-radius: 5px;}
.form-cont textarea {height: 24rem;}
.form-cont input[type="file"] {line-height: 3.8rem;}
.form-cont .form-detail {padding: 2rem; background: #FAFAFA; border: 1px solid #CCCCCC;}
.form-cont .form-detail-box {overflow-y: scroll; padding-right: 4rem; max-height: 24rem; line-height: 2rem;}
.form-area .form-agree {margin: 1.7rem 0 1.3rem; gap: 1rem;}
.form-area .submit-btn {background: #005DA9; padding: 2.1rem 0; border-radius: 5px;}

.estimate-div {}
.estimate-div + .estimate-div {margin-top: 1.5rem}
.estimate-div .title {font-weight: bold; min-width: 12rem;}

@media all and (max-width: 800px){
    .form-area-inner {padding: 0; border: 0}
    .form-line {flex-direction: column; gap: 3rem;}
    .form-cont .title {font-size: 2.2rem;}
    .form-cont input, .form-cont textarea {height: 6rem;}
    .form-cont #wr_content {max-height: 200px !important}
    .form-cont .form-file .title {width: 17%;}
    .form-cont .form-detail {font-size: 2rem;}
    .form-cont .form-detail-box {line-height: 2.8rem}
}

.pg_wrap {float: none; margin-top: 5rem; width: 100%;}
.pg_wrap:after {display: none}
.pg_wrap .pg {display: flex; align-items: center; justify-content: center; gap: 4px;}
.pg_wrap .pg .pg_page {width: 28px; height: 28px; font-size: 14px; line-height: 28px; font-weight: 400; color: #797979; background: #fff; border: 1px solid #E0E0E0; border-radius: 3px;}
.pg_wrap .pg .pg_page.pg_start {border-radius: 3px; border: 0; background: url('../img/icon_arrow_double_pagination_1.png') no-repeat center/contain;}
.pg_wrap .pg .pg_page.pg_prev {border-radius: 3px; border: 0; background: url('../img/icon_arrow_pagination_1.png') no-repeat center/contain; margin-right: 8px;}
.pg_wrap .pg .pg_page.pg_next {border-radius: 3px; border: 0; background: url('../img/icon_arrow_pagination_2.png') no-repeat center/contain; margin-left: 8px}
.pg_wrap .pg .pg_page.pg_end {border-radius: 3px; border: 0; background: url('../img/icon_arrow_double_pagination_2.png') no-repeat center/contain;}
.pg_wrap .pg .pg_current {width: 28px; height: 28px; line-height: 28px; background: #005DA9; border: 0; border-radius: 3px;}

@media all and (max-width: 800px){
    .pg_wrap {}
}




.