/* =============================================
    초기화
============================================= */
:root {
    --main_c1: #004f4a;
    --main_c2: #90bd20;
    --main_c3: #22bfa5;
    --main_brv_c1: #009688;
    /* 서브 컬러는 많으면 색상 및 번호 */
    --sub_black: #3a3a3a;
    /* Section 기본 패딩 및 마진 */
    --basic_pd: 3rem;
    --basic_mg: 7rem;
    /* 폰트 스타일 */
    --awesome: "Font Awesome 5 Free";
    --mont: 'Montserrat', sans-serif;
    /* 넓이 값 */
    --col-2: 50%;
    --col-3: 33.33%;
    --col-4: 25%;
    --col-5: 20%;
    --col-6: 16.66%;
    --col-10: 10%;
    /* 기본 컬러값 */
    --c_red: #de3d4c;
    --c_white: #fff;
    --c_black: #000;
    --c_3a: #3a3a3a;
    --c_66: #666;
}

@media (max-width: 780px) {
    .pcv {
        display: none !important;
    }
}

.container {
    margin: 0 auto;
}

.container {
    max-width: 1620px;
    padding-left: 3rem;
    padding-right: 3rem;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    color: #666666;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 1.2;
    font-weight: 400;
}

/* html { font-size:62.5%; } */
html {
    font-size: 10px;
}

body {
    font-size: 1.4rem;
}

* {
    padding: 0;
    margin: 0;
    word-break: keep-all;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* body {margin:0;padding:0;font-size: inherit;font-family:"NanumSquare", sans-serif;} */
/*body {margin:0;padding:0;font-size: inherit;font-family:'Titillium Web', sans-serif !important;}*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 500;
}

p {
    margin: 0;
    padding: 0;
    word-break: keep-all;
    line-height: 1.5;
    letter-spacing: -0.025em;
}

li, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
}

.cont_st {
    max-width: 1620px;
    padding-left: 3rem;
    padding-right: 3rem;
    box-sizing: border-box;
}

.cont_st {
    margin: 0 auto;
}

/****** mbvbtstmk_a03 ******/
.mbvbtstmk_b {
    display: inline-block;
    width: 32px;
    height: 27px;
    position: relative;
    cursor: pointer;
    z-index: 101;
    margin-left: 4.4rem;
}

.mbvbtstmk_b .markico {
    display: block;
    width: 0px;
    height: 3px;
    background-color: var(--main_c1);
    margin-top: 12px;
    position: relative;
    border-radius: 5px;
}

.mbvbtstmk_b .markico:before {
    content: '';
    width: 19px;
    height: 3px;
    background-color: var(--main_c1);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: transform 0.3s;
    border-radius: 5px;
}

.mbvbtstmk_b .markico:after {
    content: '';
    width: 19px;
    height: 3px;
    background-color: var(--main_c1);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: transform 0.3s;
    border-radius: 5px;
}

.mbvbtstmk_b.show span:before {
    transform: rotate(45deg);
    transition: all 0.3s 0.8s;
    background: #fff;
    width: 32px;
}

.mbvbtstmk_b.show span:after {
    transform: rotate(-45deg);
    transition: all 0.3s 0.8s;
    background: #fff;
    width: 32px;
}

.mbvbtstmk_b:before {
    content: '';
    width: 32px;
    height: 3px;
    background-color: var(--main_c1);
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.3s 0.4s;
    border-radius: 5px;
}

.mbvbtstmk_b:after {
    content: '';
    width: 32px;
    height: 3px;
    background-color: var(--main_c1);
    position: absolute;
    left: 0;
    top: 0;
    transition: width 0.3s 0.4s;
    border-radius: 5px;
}

.mbvbtstmk_b.show:before {
    width: 0;
    right: 0;
    bottom: 0;
}

.mbvbtstmk_b.show:after {
    width: 0;
    left: 0;
    top: 0;
}

.hdrcode {
    background: #fff;
}

.hdrcode .cont_st {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hdrcode .logo_mbv {
    font-size: 0;
}

.hdrcode .logo_mbv, .hdrcode .rt-item {
    width: 151px;
}

.hdrcode .gnb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hdrcode .gnb .gnb_on_ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hdrcode .gnb .gnb_on_ul .gnb-item {
    position: relative;
}

.hdrcode .gnb .gnb_on_ul .gnb-item .gnb-link {
    font-size: 1.8rem;
    color: #3a3a3a;
    font-weight: 500;
    display: flex;
    height: 105px;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 4.5rem;
    box-sizing: border-box;
}

.hdrcode .gnb .gnb_on_ul .gnb-item .gnb-submenu {
    background: #fff;
    border-radius: 10px;
    position: absolute;
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    width: calc(100% + 3.2rem);
    left: -1.6rem;
    margin-top: -2.3rem;
    padding: 2rem 0;
    box-sizing: border-box;
    display: none;
    z-index: 3;
}

.hdrcode .gnb .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item {
    padding: 0.8rem 0;
    box-sizing: border-box;
}

.hdrcode .gnb .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link {
    display: block;
    font-size: 1.6rem;
    color: #222;
}

.hdrcode .rt-item {
    display: flex;
    align-items: center;
    justify-content: end;
}

.hdrcode .rt-item .lang {
    position: relative;
}

.hdrcode .rt-item .lang label {
    font-family: var(--mont);
    font-weight: 700;
    font-size: 1.6rem;
    color: #3a3a3a;
    display: flex;
    align-items: center;
    padding-right: 22px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.hdrcode .rt-item .lang label span {
    display: inline-block;
}

.hdrcode .rt-item .lang label i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    transform: rotate(45deg);
    transform-origin: center;
    transition: all 0.5s;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.7px;
}

.hdrcode .rt-item .lang .contbox {
    display: none;
    width: 80px;
    padding: 2rem 0;
    box-sizing: border-box;
    border-radius: 0 10px 10px 10px;
    background: var(--main_c1);
    position: absolute;
    left: 2px;
    top: 26px;
    z-index: 3;
}

.hdrcode .rt-item .lang .contbox li {
    text-align: center;
    margin-top: 6px;
}

.hdrcode .rt-item .lang .contbox li:first-child {
    margin-top: 0;
}

.hdrcode .rt-item .lang .contbox li a {
    font-family: var(--mont);
    font-size: 1.6rfem;
    color: #eaeaea;
}

.hdrcode .rt-item .lang.show label i {
    transform: rotate(-135deg);
    margin-top: 0;
    margin-bottom: -7.7px;
}

.hdrcode .rt-item .lang-itembox {
    position: relative;
}

.hdrcode .rt-item .lang-itembox label {
    cursor: pointer;
    display: inline-flex;
    background: #fff;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}

.hdrcode .rt-item .lang-itembox .contbox {
    display: none;
    width: 100px;
    padding: 2.5rem 1rem;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f7f7f7;
    position: absolute;
    right: 0;
    top: 38px;
    z-index: 3;
}

.hdrcode .rt-item .lang-itembox .contbox li {
    margin-top: 15px;
}

.hdrcode .rt-item .lang-itembox .contbox li:first-child {
    margin-top: 0;
}

.hdrcode .rt-item .lang-itembox .contbox li a {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.hdrcode .rt-item .lang-itembox .contbox li a img {
    margin-right: 6px;
}

/****** mbvbtstmk_b ******/
.mbvbtstmk_b {
    display: inline-block;
    width: 32px;
    height: 27px;
    position: relative;
    cursor: pointer;
    z-index: 101;
    margin-left: 4.4rem;
}

.mbvbtstmk_b .markico {
    display: block;
    width: 0px;
    height: 3px;
    background-color: var(--main_c1);
    margin-top: 12px;
    position: relative;
    border-radius: 5px;
}

.mbvbtstmk_b .markico:before {
    content: '';
    width: 19px;
    height: 3px;
    background-color: var(--main_c1);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: transform 0.3s;
    border-radius: 5px;
}

.mbvbtstmk_b .markico:after {
    content: '';
    width: 19px;
    height: 3px;
    background-color: var(--main_c1);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: transform 0.3s;
    border-radius: 5px;
}

.mbvbtstmk_b.show span:before {
    transform: rotate(45deg);
    transition: all 0.3s 0.8s;
    background: #fff;
    width: 32px;
}

.mbvbtstmk_b.show span:after {
    transform: rotate(-45deg);
    transition: all 0.3s 0.8s;
    background: #fff;
    width: 32px;
}

.mbvbtstmk_b:before {
    content: '';
    width: 32px;
    height: 3px;
    background-color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.3s 0.4s;
    border-radius: 5px;
}

.mbvbtstmk_b:after {
    content: '';
    width: 32px;
    height: 3px;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    transition: width 0.3s 0.4s;
    border-radius: 5px;
}

.mbvbtstmk_b.show:before {
    width: 0;
    right: 0;
    bottom: 0;
}

.mbvbtstmk_b.show:after {
    width: 0;
    left: 0;
    top: 0;
}

.mbvbtstmk_b > img {
    position: relative;
    top: -2px;
}

.hdrcode .m_gnb {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #20bd80 -20%, #004e4f);
    z-index: 11;
    display: none;
}

.hdrcode .m_gnb .cont_st {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

/*
.hdrcode .m_gnb .all_gnb {  }
.hdrcode .m_gnb .all_gnb .logo_mbv { border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing:border-box; width:100%; padding: 2.5rem 0; box-sizing:border-box;}
.hdrcode .m_gnb .all_gnb .logo_mbv .cont_st {  }
.hdrcode .m_gnb .all_gnb .logo_mbv a {  }
.hdrcode .m_gnb .all_gnb .logo_mbv .m_lang { display:none; }

.hdrcode .m_gnb .all_gnb .inner { padding-top: 5rem; box-sizing:border-box; }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul { width:100%; }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item { display:flex; align-items:end; border-top: 2px dotted rgba(255, 255, 255, 0.4); box-sizing:border-box; padding: 4.6rem 0 5rem; }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item:first-child { border-top: 0; }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link { font-size:3rem; color:#dadada; font-weight: 600; display:block; width:250px; }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu { display:flex; align-items:center; width:calc(100% - 250px); }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item { width:20%; }
.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link { font-size:2.4rem; color:#fff; font-weight: 600; }
*/
.hdrcode .m_gnb .all_gnb {
    height: 100%;
    overflow-y: scroll;
}

.hdrcode .m_gnb .all_gnb .logo_mbv {
    width: 100%;
    padding: 2.5rem 0;
    box-sizing: border-box;
}

.hdrcode .m_gnb .all_gnb .logo_mbv .cont_st {
}

.hdrcode .m_gnb .all_gnb .logo_mbv a {
}

.hdrcode .m_gnb .all_gnb .logo_mbv .m_lang {
    display: none;
}

.hdrcode .m_gnb .all_gnb .inner {
    height: calc(100% - 10.4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item {
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item:first-child {
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 600;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu {
    margin-top: 4rem;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item {
    margin-top: 12px;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item:first-child {
    margin-top: 0;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link {
    font-size: 1.8rem;
    color: #fff;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    margin-top: 13rem;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb {
    display: flex;
    align-items: top;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    padding: 3.1rem 0;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list {
    display: flex;
    align-items: center;
    margin-left: -3.8rem;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list li {
    margin-left: 3.8rem;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list li a {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .info_line {
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .info_line .info {
    display: flex;
    align-items: center;
    margin: 32px 0 20px;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .info_line .info li {
    display: flex;
    align-items: center;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .info_line .info li span {
    display: inline-block;
    font-size: 14px;
    color: #ccc;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .info_line .info li span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 2.2rem;
}

.hdrcode .m_gnb .all_gnb .inner .gnb_ft .info_line .info li span:first-child:before {
    display: none;
}

header#hdrcode {
    border-bottom: 1px solid #f0f0f0;
}

.main_ctt .visual_wrap {
    height: max-content;
}

.main_ctt {
}

.main_ctt .visual_wrap {
    border-top: 1px solid #dadada;
    box-sizing: border-box;
    overflow: hidden;
}

.main_ctt .visual_wrap .visual {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.main_ctt .visual_wrap .visual .inner_flex {
    display: flex;
    height: 800px;
    padding-top: 16.6rem;
    box-sizing: border-box;
}

.main_ctt .visual_wrap .visual .inner_flex .num {
    font-size: 6.4rem;
    color: #fff;
    font-family: var(--mont);
    font-weight: 600;
    padding-top: 0px;
    position: relative;
    margin-right: 7rem;
    top: -15px;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box {
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
    display: inline-flex;
    background: var(--main_c1);
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    height: 40px;
    align-items: center;
    border-radius: 5px;
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
    font-size: 4rem;
    line-height: 4.8rem;
    color: #fff;
    font-weight: 400;
    margin: 1.8rem 0 4.7rem;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .tit strong {
    font-weight: 600;
    color: #1bccbb;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
    font-size: 1.8rem;
    color: #fff;
    line-height: 2.8rem;
    font-weight: 500;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
    margin-top: 4.4em;
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
    width: 200px;
    height: 56px;
    display: block;
    border-radius: 100px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .more i {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-style: normal;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .more:before {
    content: "";
    display: block;
    background: transparent;
    position: absolute;
    width: 2px;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: -3px;
    border-radius: 50%;
    transform: scale(104);
    transform-origin: left center;
    transition: all 0.5s;
    z-index: 1;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .more:hover {
    border: 1px solid var(--main_c1);
    box-sizing: border-box;
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .more:hover i {
    background: var(--main_c1);
}

.main_ctt .visual_wrap .visual .inner_flex .txt_box .more:hover:before {
    transform: scale(0);
}

.main_ctt .visual_wrap .visual .inner_flex.black .num {
    color: #000;
}

.main_ctt .visual_wrap .visual .inner_flex.black .txt_box .tit {
    color: #000;
}

.main_ctt .visual_wrap .visual .inner_flex.black .txt_box .txt {
    color: #3a3a3a;
}

.main_ctt .visual_wrap .visual .inner_flex.black .txt_box .more:hover i {
    color: #fff;
}

.main_ctt .visual_wrap .visual .inner_flex.black .txt_box .more i {
    color: var(--main_c1);
}

.main_ctt .visual_wrap .visual .inner_flex.black .txt_box .more {
    border: 1px solid var(--main_c1);
}

.main_ctt .visual_wrap .visual01 {
    background-image: url(../web_src/a_main_vb.jpg);
}

.main_ctt .visual_wrap .visual02 {
    background-image: url(../web_src/b_main_vb.jpg);
}

.main_ctt .visual_wrap .visual03 {
    background-image: url(../web_src/c_main_vb.jpg);
}

.main_ctt .visual_wrap .visual04 {
    background-image: url(../web_src/d_main_vb.jpg);
}

.main_ctt .visual_wrap .visual05 {
    background-image: url(../web_src/e_main_vb.jpg);
}

.main_ctt .aorrw_rela {
    position: relative;
}

.main_ctt .side_arrow {
    background: rgb(255 255 255);
    width: 255px;
    height: 94px;
    position: absolute;
    right: 3rem;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 0 4.5rem;
    box-sizing: border-box;
    border-radius: 30px 30px 0px 0px;
}

.main_ctt .side_arrow > div {
}

.main_ctt .side_arrow .arrow {
    display: inline-block;
    width: 33px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: invert(26%) sepia(59%) saturate(570%) hue-rotate(124deg) brightness(92%) contrast(91%);
}

.main_ctt .side_arrow .prev {
    background-image: url(./img/header/main_sld_left.svg);
}

.main_ctt .side_arrow .next {
    background-image: url(./img/header/main_sld_right.svg);
}

.main_ctt .side_arrow .pagination1 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: calc(100% - 66px);
}

.main_ctt .side_arrow .num {
    font-family: var(--mont);
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
}

.main_ctt .side_arrow .count {
    color: var(--main_c1);
}

.main_ctt .side_arrow .total {
    color: #bbb;
}

.main_ctt .side_arrow .slash {
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #e5e5e5;
    margin: 0 10px;
}

.main_ctt .side_arrow .pagination2 {
    position: absolute;
    width: calc(100% - 9rem);
    left: 4.5rem;
    top: 73px;
    height: 2px;
    background: #eee;
}

.main_ctt .side_arrow .pagination2 .swiper-pagination-progressbar-fill {
    background: var(--main_c1);
}

.main_ctt .section .more {
    font-size: 14px;
    color: #000;
}

.main_ctt .section .more i {
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: #d2ecea;
    color: #000;
    line-height: 34px;
    margin-left: 10px;
}

.main_ctt .section .more i:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
}

.main_ctt .section .more.rgreen i {
    background: var(--main_c2);
    color: #fff;
}

.main_ctt .section .more.green i {
    background: var(--main_c1);
    color: #fff;
}

.hdrcode .gnb .gnb_on_ul .gnb-item:hover .gnb-link {
    color: var(--main_brv_c1);
}

.hdrcode .gnb .gnb_on_ul .gnb-item ul li:hover a {
    color: var(--main_brv_c1) !important;
}

a.online_contactsp.idxv {
    color: #fff;
    background: #115b53;
    padding: 10px 20px;
    border-radius: 10px;
}

section#siteMapmenucon {
    z-index: -1;
    opacity: 0;
    filter: Alpha(opacity=0);
    visibility: hidden;
}

section.hcm-smp-con {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

section.hcm-smp-con:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
    opacity: 0;
    transition: opacity 0.2s ease;
}

section.hcm-smp-con.active:before {
    opacity: 0.5;
}

section#siteMapmenucon.active {
    opacity: 1.0;
    filter: Alpha(opacity=100);
    visibility: visible;
    z-index: 99999;
}

section.hcm-smp-con .sitemapbgcon {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0px;
    width: 0;
    height: 100%;
    background: #004f4a;
    transition: all 0.6s ease;
}

section.hcm-smp-con .sitemapexta {
    left: auto;
    right: 0%;
    width: 0%;
}

section.hcm-smp-con.active .sitemapbgcon {
    width: 100%;
}

/* 전체 레이어 */
section.hcm-smp-con .sitemapexta .sitemap_layer {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* 안쪽 최대폭 컨테이너 */
section.hcm-smp-con .sitemapexta .sitemap_inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 20px 80px;
    box-sizing: border-box;
}

/* 상단 영역: SITEMAP + 닫기 버튼 */
section.hcm-smp-con .sitemapexta .sitemap_toprow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 60px;
}

section.hcm-smp-con .sitemapexta .sitemap_title {
    margin: 0;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

section.hcm-smp-con .sitemapexta .sitemap_close {
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.hcm-smp-con .sitemapexta .sitemap_close .close_icon {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
}

/* 기본(모바일~태블릿): 1열 */
section.hcm-smp-con .sitemapexta .sitemap_cols {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: 40px;
    box-sizing: border-box;
}

section.hcm-smp-con .sitemapexta .sitemap_col {
    position: relative;
    padding-bottom: 20px;
}

section.hcm-smp-con .sitemapexta .sitemap_col_title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #fff;
    margin: 0 0 24px;
    letter-spacing: -0.02em;
}

section.hcm-smp-con .sitemapexta .sitemap_links {
    list-style: none;
    margin: 0;
    padding: 0;
}

section.hcm-smp-con .sitemapexta .sitemap_links li {
    margin-bottom: 16px;
}

section.hcm-smp-con .sitemapexta .sitemap_links li:last-child {
    margin-bottom: 0;
}

section.hcm-smp-con .sitemapexta .sitemap_links a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition: color 0.15s ease;
}

section.hcm-smp-con .sitemapexta .sitemap_links a:hover {
    color: #aaa;
}

:root {
    --brand-dark: #003c32;
    --brand-main: #007968;
    --page-bg: #ffffff;
    --tile-bg: #ffffff;
    /* 첫 번째 이미지 타일 배경 느낌 (아주 옅은 아이보리) */
    --text-main: #2d2d2d;
}

/* 섹션 전체 래퍼 */
.quick-links-section {
    background-color: var(--page-bg);
    padding: 50px 0px 60px;
    box-sizing: border-box;
}

/* 내부 컨테이너: 히어로처럼 max-width 가운데 정렬 */
.quick-links-inner {
    max-width: initial;
    margin: 0 auto;
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
    justify-items: center;
    justify-content: space-between;
    /* 이거 핵심 */
}

/* 카드 하나 */
.ql-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 210px;
    /* 카드 실제 박스 폭 느낌 */
    min-height: 180px;
    background-color: var(--tile-bg);
    border-radius: 16px;
    text-decoration: none;
    /* 첫 이미지 레퍼런스는 그림자 거의 없고 그냥 라운드박스라서
     box-shadow를 아주 약하게 주거나 0으로 둘 수 있음.
     튀지 않게 은은하게만 */
    box-shadow: none;
    padding: 32px 16px 24px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #dcdcdc;
    transition: box-shadow .18s ease, transform .18s ease;
}

.ql-item:hover {
    box-shadow: 0 12px 24px rgba(0,0,0,0.07);
}

/* 아이콘 영역 */
.ql-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ql-icon img {
    max-width: 56px;
    max-height: 56px;
    display: block;
}

/* 라벨 (텍스트) */
.ql-label {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--text-main);
    word-break: keep-all;
    text-align: center;
}

/* ============ 반응형 ============ */
/* 태블릿 이상에서 3열 */
@media (min-width: 768px) {
    .quick-links-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px 20px;
        justify-items: center;
    }

    .ql-item {
        max-width: 220px;
        min-height: 190px;
        border-radius: 18px;
    }

    .ql-label {
        font-size: 18px;
    }
}

/* PC 이상에서 6열 가로 일렬 (레퍼런스처럼 쭉 펼쳐진 느낌) */
@media (min-width: 1200px) {
    .quick-links-inner {
        grid-template-columns: repeat(6, 1fr);
        gap: 24px;
        justify-items: center;
    }

    .ql-item {
        width: 100%;
        max-width: 200px;
        min-height: 180px;
        border-radius: 20px;
    }

    .ql-label {
        font-size: 17px;
        line-height: 1.4;
        font-weight: 600;
    }
}

:root {
    --accent-color: #54c2ff;
    /* 제목 파란 강조 색 */
    --line-color: rgba(0,0,0,0.08);
    --border-card: rgba(0,0,0,0.12);
    --radius-card: 8px;
    --txt-main: #1a1a1a;
    --txt-sub: #707070;
    --bg-card: #fff;
    --bg-page: #fff;
    --badge-pink-bg: #ffd8e7;
    --badge-pink-txt: #d03a72;
    --badge-yellow-bg: #ffe28a;
    --badge-yellow-txt: #6a5700;
    --badge-blue-bg: #cfe9ff;
    --badge-blue-txt: #0068ad;
    --badge-purple-bg: #dcd2ff;
    --badge-purple-txt: #4a2a9a;
}

.news-section {
    background-color: var(--bg-page);
    padding: 40px 16px 80px;
    box-sizing: border-box;
    color: var(--txt-main);
    font-family: "Noto Sans KR", sans-serif;
}

.news-inner {
    max-width: initial;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

/* 공통 타이틀 스타일 */
.news-title {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--txt-main);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}

.news-title .accent {
    color: var(--main_brv_c1);
}

/* 왼쪽 헤더 영역 */
.news-left-head {
    display: flex;
    grid-template-columns: auto 1fr auto;
    align-items: flex-start;
    row-gap: 16px;
    column-gap: 24px;
    margin-bottom: 24px;
    justify-content: space-between;
}

.news-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 8px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--txt-main);
}

.news-tabs li {
    display: flex;
    align-items: center;
}

.news-tabs li a {
    background: none;
    border: 0;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--txt-main);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
}

.news-tabs li.on button {
    font-weight: 700;
    color: var(--txt-main);
}

.news-tabs li.on button .dot {
    width: 6px;
    height: 6px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: inline-block;
}

.news-tabs li:not(.on) .dot {
    display: none;
}

/* 우측 상단 + 버튼 공용 */
.news-more-btn {
    background: none;
    border: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    color: var(--txt-main);
    border: 1px solid var(--line-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 뉴스 리스트 카드 */
.news-list-card {
    border: 1px solid var(--border-card);
    border-radius: var(--radius-card);
    background: var(--bg-card);
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0,0,0,0.04);
}

.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: flex-start;
    column-gap: 16px;
    padding: 20px 16px;
    border-bottom: 1px solid var(--line-color);
    font-size: 18px;
    line-height: 1.5;
    color: var(--txt-main);
    font-weight: 500;
}

.news-row:last-child {
    border-bottom: 0;
}

.news-text {
    text-decoration: none;
    color: var(--txt-main);
    word-break: keep-all;
}

.news-text:hover {
    text-decoration: underline;
}

.news-date {
    font-size: 16px;
    line-height: 1.5;
    color: var(--txt-sub);
    font-weight: 400;
    white-space: nowrap;
}

/* 배지들 */
.badge {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    border-radius: 20px;
    padding: 8px 12px;
    white-space: nowrap;
}

.badge.pink {
    background-color: var(--badge-pink-bg);
    color: var(--badge-pink-txt);
}

.badge.yellow {
    background-color: var(--main_brv_c1);
    color: #fff;
}

.badge.blue {
    background-color: var(--badge-blue-bg);
    color: var(--badge-blue-txt);
}

.badge.purple {
    background-color: var(--badge-purple-bg);
    color: var(--badge-purple-txt);
}

/* 오른쪽 영역 */
.news-right-head {
    display: flex;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 31px;
    justify-content: space-between;
}

.mag-card {
    border: 1px solid var(--border-card);
    border-radius: var(--radius-card);
    background: var(--bg-card);
    box-shadow: 0 16px 40px rgba(0,0,0,0.04);
    padding: 11px 11px;
    text-align: center;
    color: var(--txt-main);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mag-thumb {
    border: 1px solid var(--line-color);
    border-radius: 4px;
    background: #fff;
    width: 440px;
    max-width: 100%;
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
}

.mag-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.mag-desc {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--txt-main);
    word-break: keep-all;
}

.mag-desc .mag-title {
    margin: 0 0 8px;
}

.mag-desc .mag-sub {
    margin: 0;
    font-weight: 600;
}

/* ============ 반응형 ============ */
/* 태블릿 이상: 좌우 2열 배치 */
@media(min-width: 1024px) {
    .news-inner {
        grid-template-columns: 1fr 474px;
        gap: 40px;
    }

    .news-left-head {
        grid-template-columns: auto 1fr auto;
        align-items: center;
        row-gap: 8px;
        margin-bottom: 32px;
    }

    .news-title {
        font-size: 36px;
    }

    .news-tabs {
        font-size: 18px;
    }

    .news-tabs li button {
        font-size: 18px;
    }

    .news-row {
        font-size: 18px;
        padding: 20px 24px;
    }

    .news-date {
        font-size: 16px;
    }

    .mag-desc {
        font-size: 20px;
    }
}

.news-tabs li a {
    padding: 10px;
    border-radius: 10px;
}

.news-tabs li.on a {
    background: var(--main_c1);
    padding: 10px;
    border-radius: 10px;
    color: #fff;
}

img.idx_news_more_btn_img {
    width: 100%;
}

.news-more-btn:hover {
    background: var(--main_brv_c1);
    border-color: var(--main_brv_c1);
}

.news-more-btn:hover img.idx_news_more_btn_img {
    filter: invert(1);
}

.ql-item:hover {
    background: var(--main_brv_c1);
    border-color: var(--main_brv_c1);
}

.ql-item:hover .ql-label {
    color: #fff;
}

.ql-item:hover .ql-icon img {
    filter: brightness(100);
}

a.ql-item.kakao {
    background: #f7e126;
    border-color: #f7e126;
}

.ql-item.kakao:hover .ql-icon img {
    filter: brightness(0.5);
}

.ql-item.kakao:hover .ql-label {
    color: #000;
}

:root {
    --bg: #070c12;
    /* 딥 네이비 배경 */
    --fg: #e9edf2;
    /* 기본 전경색 */
    --fg-weak: #b8c2cc;
    /* 보조 텍스트 */
    --btn-border: #aeb7c1;
    /* 버튼 테두리 */
    --btn-hover: #ffffff;
    /* 버튼 hover 테두리/텍스트 */
    --accent: #cfe0ff;
    /* 아크 장식색 (은은한 파랑) */
}

.section03.section.wrap {
    margin: 0;
    background: var(--main_c1);
    color: var(--fg);
}

.section03.section.wrap .hero_banner {
    position: relative;
    /* 화면 높이의 절반 이상 */
    display: grid;
    place-items: center;
    text-align: center;
    padding: 10rem 6rem;
    overflow: hidden !important;
}

.section03.section.wrap .hero_inner {
    width: min(1100px, 92vw);
    margin-inline:auto; }

.section03.section.wrap .eyebrow {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--fg-weak);
    margin-bottom: 1rem;
}

.section03.section.wrap .hero_title {
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-size: clamp(1.65rem, 3.2vw + 1rem, 3rem);
    /* 반응형 크기 */
    margin: 0 0 2.25rem;
}

/* 버튼 영역 */
.section03.section.wrap .hero_actions {
    display: flex;
    gap: .9rem;
    justify-content: center;
    flex-wrap: wrap;
}

.section03.section.wrap .hero_btn {
    appearance: none;
    border: 1px solid var(--btn-border);
    color: var(--fg);
    background: transparent;
    padding: .95rem 1.6rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .15s ease;
    will-change: transform;
}

.section03.section.wrap .hero_btn:hover {
    border-color: var(--btn-hover);
    color: var(--btn-hover);
    transform: translateY(-1px);
    background: rgba(255,255,255,.04);
}

.section03.section.wrap .hero_btn .arrow {
    display: inline-block;
    translate: 0 1px;
}

/* 우측 점선 아크 장식 (배경 효과) */
.section03.section.wrap .hero_banner::after {
    content: "";
    position: absolute;
    right: clamp(-140px, 12vw, -20px);
    top: clamp(30px, 6vh, 80px);
    width: min(540px, 55vw);
    aspect-ratio: 1/1;
    background: radial-gradient(closest-side, color-mix(in oklab, var(--accent) 80%, transparent) 0 60%, transparent 61%) 50% 50/100% 100% no-repeat;
    -webkit-mask: conic-gradient(from -20deg at 60% 60%, transparent 0 12deg, #000 12deg 20deg, transparent 20deg 34deg, #000 34deg 40deg, transparent 40deg 54deg, #000 54deg 60deg, transparent 60deg 360deg);
    mask: conic-gradient(from -20deg at 60% 60%, transparent 0 12deg, #000 12deg 20deg, transparent 20deg 34deg, #000 34deg 40deg, transparent 40deg 54deg, #000 54deg 60deg, transparent 60deg 360deg);
    filter: blur(1px) drop-shadow(0 0 18px rgba(123,180,255,.18));
    opacity: .55;
    pointer-events: none;
    animation: twinkle 3.2s ease-in-out infinite alternate;
}

@keyframes twinkle {
    from {
        opacity: .45;
        transform: rotate(-1deg) scale(1);
    }

    to {
        opacity: .7;
        transform: rotate(.6deg) scale(1.03);
    }
}

/* 여백/배치 조정 (작은 화면) */
@media (max-width: 768px) {
    .section03.section.wrap .hero_banner {
        padding:6.5rem 1rem 4.5rem;
        min-height: 50vh;
    }

    .section03.section.wrap .hero_banner::after {
        right: -120px;
        top: 40px;
        width: min(440px, 80vw);
    }
}

@media (max-width: 520px) {
    .section03.section.wrap .eyebrow {
        font-size:.95rem
    }

    .section03.section.wrap .hero_btn {
        padding: .9rem 1.35rem;
        font-size: .95rem
    }

    .section03.section.wrap .hero_banner::after {
        opacity: .45
    }
}

.ftcls_a_ver {
    background: #1c1c1c;
    color: #ccc;
    font-family: Pretendard, sans-serif;
    font-size: 14px;
    padding: 0;
}

.ftcls_a_ver a {
    color: #ccc;
    text-decoration: none;
    transition: 0.2s;
}

.ftcls_a_ver a:hover {
    color: #fff;
}

.ftcls_a_ver .ft_top {
    background: #222;
    padding: 12px 20px;
    border-bottom: 1px solid #333;
}

.ftcls_a_ver .ft_top .ft_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1620px;
    margin: 0 auto;
    text-align: left;
    justify-content: left;
}

.ftcls_a_ver .ft_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0px 40px;
    max-width: 1620px;
    margin: 0 auto;
}

.ftcls_a_ver .ft_left {
    flex: 1 1 60%;
    min-width: 280px;
}

.ftcls_a_ver .ft_logo img {
    height: 38px;
    margin-bottom: 10px;
}

.ftcls_a_ver .ft_info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.ftcls_a_ver .ft_info li a {
    font-size: 13px;
}

.ftcls_a_ver .ft_addr {
    color: #aaa;
    font-size: 13px;
    line-height: 1.6;
    margin: 10px 0 5px;
}

.ftcls_a_ver .ft_copy {
    font-size: 12px;
    color: #777;
}

.ftcls_a_ver .ft_right {
    flex: 1 1 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 260px;
}

.ftcls_a_ver .ft_site_select select {
    padding: 6px 10px;
    background: #222;
    color: #ccc;
    border: 1px solid #444;
    border-radius: 4px;
    font-size: 13px;
}

.ftcls_a_ver .ft_sns {
    display: flex;
    gap: 8px;
}

.ftcls_a_ver .ft_sns img {
    filter: brightness(100);
    width: 41px;
    height: 41px;
    opacity: 0.8;
    transition: 0.2s;
}

.ftcls_a_ver .ft_sns img:hover {
    opacity: 1;
}

.ftcls_a_ver .ft_mark {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ftcls_a_ver .ft_mark img {
    height: 26px;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .ftcls_a_ver .ft_bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .ftcls_a_ver .ft_right {
        align-items: center;
    }
}

.news-list-card.tabscon_v1 {
    display: none;
}

.news-list-card.tabscon_v1.notice.active {
    display: flex;
}

.ftcls_a_ver .ft_logo img {
    filter: brightness(100);
    opacity: 0.5;
}

.news-list {
    width: 100%;
}

/* 더 큰 화면에서 여백 넉넉하게 */
@media(min-width: 1280px) {
    .news-section {
        padding: 0px 0px 50px;
    }
}

/* 데스크탑 (1024px 이상) */
@media (min-width: 1024px) {
    section.hcm-smp-con .sitemapexta .sitemap_inner {
        padding: 100px 40px 120px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_toprow {
        margin-bottom: 80px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_title {
        font-size: 56px;
        line-height: 1.2;
    }

    section.hcm-smp-con .sitemapexta .sitemap_close {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        font-size: 18px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_cols {
        grid-template-columns: repeat(5, 1fr);
        /* 5ì—´ */
        gap: 60px;
        padding-top: 60px;
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    section.hcm-smp-con .sitemapexta .sitemap_col {
        padding-bottom: 0;
    }

    /* 각 컬럼 사이 세로 라인 */
    section.hcm-smp-con .sitemapexta .sitemap_col:not(:first-child) {
        border-left: 1px solid rgba(255,255,255,0.2);
        padding-left: 40px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_col_title {
        font-size: 28px;
        margin-bottom: 28px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_links a {
        font-size: 16px;
    }
}

@media (max-width: 1620px) {
    .main_ctt {
        overflow:hidden;
    }

    .cont_st {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 1400px) {
    .hdrcode .gnb .gnb_on_ul .gnb-item .gnb-link {
        padding: 0 3.5rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link {
        width: 200px;
        font-size: 2.4rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link {
        font-size: 2rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu {
        width: calc(100% - 200px);
    }

    .hdrcode .m_gnb .all_gnb .inner {
        display: block;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul {
        flex-wrap: wrap;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item {
        width: 33.33%;
        margin-top: 5rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_ft {
        padding-bottom: 2rem;
        box-sizing: border-box;
    }
}

@media (max-width: 1200px) {
    .hdrcode {
        padding: 2rem 0;
        box-sizing: border-box;
    }

    .hdrcode .gnb {
        display: none;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link {
        width: 170px;
        font-size: 2.2rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link {
        font-size: 1.8rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu {
        width: calc(100% - 170px);
    }
}

@media (max-width: 992px) {
    .hdrcode .m_gnb {
        overflow-y:scroll;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv {
        padding: 2rem 0;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .cont_st {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 1.5rem !important;
        padding-right: 75px !important;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .m_lang {
        display: block;
        font-size: 0;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .m_lang li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 22px;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .m_lang li:first-child {
        margin-left: 0;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .m_lang li a {
        font-size: 16px;
        color: #fff;
        font-family: var(--mont);
        font-weight: 300;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .roundstyle li {
        margin-left: 14px;
    }

    .hdrcode .m_gnb .all_gnb .logo_mbv .roundstyle li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        overflow: hidden;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul {
        margin-top: 3rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item {
        flex-direction: column;
        padding: 0;
        width: 100%;
        margin-top: 0;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link {
        width: 100%;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 22px 20px 26px 10px;
        box-sizing: border-box;
        transition: all 0.5s;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link:after {
        content: "\f077";
        font-family: "Font Awesome 5 Free";
        color: #fff;
        opacity: 0.4;
        font-size: 18px;
        transform: rotateX(180deg);
        transition: all 0.5s;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu {
        flex-direction: column;
        width: 100%;
        align-items: start;
        display: none;
        padding: 4px 10px 38px;
        box-sizing: border-box;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item {
        margin-top: 2.8rem;
        width: 100%;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link {
        font-size: 18px;
        font-weight: 500;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-item .gnb-submenu-link:before {
        content: "·";
        font-weight: 200;
        margin-right: 8px;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link.active {
        padding-bottom: 0;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link.active:after {
        transform: rotateX(0deg);
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_ft {
        display: none;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 600px) {
    .hdrcode .rt-item .lang-itembox {
        display:none;
    }
}

@media (max-width: 479px) {
}

/* ========== 공통: 모바일에선 컨테이너 패딩 살짝 축소 ========== */
@media (max-width: 1199px) {
    .container, .cont_st, .hdrcode .m_gnb .cont_st {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* 데스크톱 GNB 간격 살짝 줄이기(태블릿 폭) */
    .hdrcode .gnb .gnb_on_ul .gnb-item .gnb-link {
        padding: 0 3rem;
        height: 90px;
        font-size: 1.7rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex {
        height: 620px;
        /* 800 → 620 */
        padding-top: 12rem;
        /* 16.6rem → 12rem */
    }

    .main_ctt .visual_wrap .visual .inner_flex .num {
        font-size: 5.2rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
        font-size: 1.8rem;
        height: 36px;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 3.4rem;
        line-height: 4.2rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.7rem;
        line-height: 2.6rem;
    }

    .main_ctt .side_arrow {
        width: 220px;
        height: 86px;
        border-radius: 24px 24px 0 0;
    }
}

/* ========== 태블릿: 데스크톱 GNB 간소화, 히어로 더 압축 ========== */
@media (max-width: 991px) {
    /* 데스크톱 GNB/우측 유틸 숨김, 햄버거/모바일 GNB 준비 */ .hdrcode .gnb, .hdrcode .rt-item .lang, .hdrcode .rt-item .lang-itembox {
        display: none !important;
    }

    /* 헤더 높이 축소, 로고 영역 폭 정리 */
    .hdrcode .cont_st {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .hdrcode .logo_mbv, .hdrcode .rt-item {
        width: auto;
    }

    .hdrcode .logo_mbv img {
        max-height: 28px;
    }

    /* 햄버거 버튼 보이기(이미 구조 있음) */
    .mbvbtstmk_b {
        display: inline-block;
        margin-left: 0;
    }

    /* 모바일 전체메뉴 패널 기본 숨김(토글 시 .m_gnb에 display:block; 적용) */
    .hdrcode .m_gnb {
        display: none;
    }

    .hdrcode .m_gnb.show {
        display: block;
    }

    /* JS에서 .show 토글 */
    /* 히어로 */
    .main_ctt .visual_wrap .visual {
        background-position: center right;
    }

    .main_ctt .visual_wrap .visual .inner_flex {
        height: 520px;
        padding-top: 10rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .num {
        display: none;
    }

    /* 번호 숨김으로 여백 확보 */
    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 3rem;
        line-height: 3.8rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        width: 180px;
        height: 50px;
        margin-top: 3.2rem;
    }

    /* 사이드 페이지네이션 바는 좁은 화면에서 과밀 → 숨김 */
    .main_ctt .side_arrow {
        display: none;
    }
}

/* ========== 모바일: 576~768 ========== */
@media (max-width: 767px) {
    html {
        font-size: 9.5px;
    }

    /* 루트 축소로 rem 전반 대응 */
    .container, .cont_st {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    header#hdrcode {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 20;
    }

    /* 모바일 전체메뉴 내 텍스트 크기 조정 */
    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul {
        flex-direction: column;
        gap: 3rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link {
        font-size: 2rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu {
        margin-top: 1.6rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-link {
        font-size: 1.6rem;
    }

    /* 히어로 텍스트/버튼 더 압축 */
    .main_ctt .visual_wrap .visual .inner_flex {
        height: 440px;
        padding-top: 8rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
        font-size: 1.6rem;
        height: 34px;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 2.6rem;
        line-height: 3.4rem;
        margin: 1.2rem 0 2.8rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        width: 160px;
        height: 46px;
    }
}

/* ========== 초소형: ≤575 ========== */
@media (max-width: 575px) {
    html {
        font-size: 9px;
    }

    /* 히어로는 세로비 우선, 백그라운드 중앙 정렬 */
    .main_ctt .visual_wrap .visual {
        background-position: 60% center;
    }

    .main_ctt .visual_wrap .visual .inner_flex {
        height: 380px;
        padding-top: 6.4rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 2.3rem;
        line-height: 3rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.45rem;
        line-height: 2.1rem;
    }

    /* 버튼 터치 타겟 확보 */
    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        width: 100%;
        max-width: 240px;
        height: 46px;
    }

    /* 모바일 사이트맵(오버레이) 안쪽 여백 확장 */
    section.hcm-smp-con .sitemapexta .sitemap_inner {
        padding: 40px 16px 64px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_title {
        font-size: 32px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_cols {
        gap: 28px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_col_title {
        font-size: 20px;
        margin-bottom: 14px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_links a {
        font-size: 15px;
    }
}

/* =========================
   Responsive Additions
   ========================= */
/* 공통 보정 */
.hdrcode .rt-item .lang .contbox li a {
    font-size: 1.6rem;
}

/* 1.6rfem → 1.6rem */
/* 컨테이너 패딩 축소 */
@media (max-width: 1620px) {
    .container, .cont_st, .hdrcode .m_gnb .cont_st {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
}

@media (max-width: 1280px) {
    .container, .cont_st, .hdrcode .m_gnb .cont_st {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* ===== Header / GNB ===== */
@media (max-width: 1280px) {
    .hdrcode .logo_mbv, .hdrcode .rt-item {
        width: 130px;
    }

    .hdrcode .gnb .gnb_on_ul .gnb-item .gnb-link {
        padding: 0 3.2rem;
        height: 92px;
        font-size: 1.7rem;
    }

    .hdrcode .gnb .gnb_on_ul .gnb-item .gnb-submenu {
        margin-top: -1.8rem;
        width: calc(100% + 2.4rem);
        left: -1.2rem;
    }
}

@media (max-width: 1024px) {
    /* 데스크톱 GNB 숨김 + 햄버거 사용 */ .hdrcode .gnb {
        display: none;
    }

    .mbvbtstmk_b {
        display: inline-block;
    }

    .hdrcode .rt-item {
        gap: 12px;
    }

    .hdrcode .rt-item .lang label {
        font-size: 1.5rem;
        padding-right: 18px;
    }

    .hdrcode .rt-item .lang .contbox {
        top: 24px;
    }
}

/* ===== 모바일 전체 메뉴(풀스크린) ===== */
@media (max-width: 1024px) {
    .hdrcode .m_gnb {
        display: none;
    }

    body.is-menu-open .hdrcode .m_gnb {
        display: block;
    }

    .hdrcode .m_gnb .all_gnb {
        -webkit-overflow-scrolling: touch;
    }

    .hdrcode .m_gnb .all_gnb .inner {
        height: auto;
        padding: 6rem 0 4rem;
        align-items: stretch;
        justify-content: flex-start;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul {
        flex-direction: column;
        gap: 3.2rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-link {
        font-size: 2.4rem;
        font-weight: 700;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu {
        margin-top: 1.2rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_on_ul .gnb-item .gnb-submenu .gnb-submenu-link {
        font-size: 1.8rem;
        opacity: .95;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_ft {
        margin-top: 6rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb {
        padding: 2.2rem 0;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list {
        margin-left: -2rem;
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .hdrcode .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list li {
        margin-left: 2rem;
    }
}

/* ===== 메인 비주얼(히어로) ===== */
@media (max-width: 1440px) {
    .main_ctt .visual_wrap .visual .inner_flex {
        height: 680px;
        padding-top: 14rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .num {
        font-size: 5.6rem;
        margin-right: 5rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 3.6rem;
        line-height: 4.4rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.7rem;
    }
}

@media (max-width: 1200px) {
    .main_ctt .visual_wrap .visual .inner_flex {
        height: 560px;
        padding-top: 12rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .num {
        display: none;
    }

    /* 숫자 강조 제거로 공간 확보 */
    .main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
        height: 36px;
        font-size: 1.8rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 3.2rem;
        line-height: 4rem;
        margin: 1.4rem 0 3.6rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        width: 184px;
        height: 52px;
        margin-top: 3.6rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more i {
        font-size: 1.6rem;
    }
}

@media (max-width: 900px) {
    .main_ctt .visual_wrap .visual {
        background-position: 60% center;
    }

    /* 사람/오브젝트가 오른쪽에 있을 때 대비 */
    .main_ctt .visual_wrap .visual .inner_flex {
        height: 460px;
        padding-top: 10rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
        font-size: 1.6rem;
        height: 34px;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 2.6rem;
        line-height: 3.6rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.5rem;
        line-height: 2.4rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        width: 168px;
        height: 48px;
        margin-top: 3rem;
    }
}

@media (max-width: 640px) {
    .main_ctt .visual_wrap {
        border-top: 0;
    }

    .main_ctt .visual_wrap .visual {
        background-size: cover;
        background-position: 65% center;
    }

    .main_ctt .visual_wrap .visual .inner_flex {
        height: 380px;
        padding-top: 8rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
        font-size: 1.4rem;
        height: 30px;
        border-radius: 4px;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit {
        font-size: 2.2rem;
        line-height: 3.2rem;
        margin: 1rem 0 2.4rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        width: 150px;
        height: 44px;
    }
}

/* ===== 비주얼 사이드 화살표(페이지네이션 박스) ===== */
@media (max-width: 1280px) {
    .main_ctt .side_arrow {
        right: 2rem;
    }
}

@media (max-width: 1024px) {
    .main_ctt .side_arrow {
        width: 220px;
        height: 84px;
        border-radius: 24px 24px 0 0;
        right: 2rem;
    }

    .main_ctt .side_arrow .pagination2 {
        top: 66px;
        left: 3.6rem;
        width: calc(100% - 7.2rem);
    }
}

@media (max-width: 768px) {
    .main_ctt .side_arrow {
        display: none;
    }

    /* 모바일에서는 히어로 위 겹침 요소 제거 */
}

/* ===== 공통 섹션 내 링크 버튼들 ===== */
@media (max-width: 1024px) {
    .main_ctt .section .more {
        font-size: 1.3rem;
    }

    .main_ctt .section .more i {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

/* ===== 사이트맵(오버레이) 레이아웃 ===== */
@media (max-width: 1200px) {
    section.hcm-smp-con .sitemapexta .sitemap_inner {
        padding: 48px 20px 64px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_title {
        font-size: 40px;
    }
}

@media (max-width: 900px) {
    section.hcm-smp-con .sitemapexta .sitemap_toprow {
        margin-bottom: 40px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_title {
        font-size: 34px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_close {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_cols {
        gap: 28px;
        padding-top: 28px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_col_title {
        font-size: 20px;
        margin: 0 0 16px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_links a {
        font-size: 15px;
    }
}

/* 2단 그리드(태블릿) */
@media (min-width: 768px) and (max-width: 1200px) {
    section.hcm-smp-con .sitemapexta .sitemap_cols {
        grid-template-columns: 1fr 1fr;
    }
}

/* 1단 그리드(모바일) */
@media (max-width: 767px) {
    section.hcm-smp-con .sitemapexta .sitemap_cols {
        grid-template-columns: 1fr;
    }
}

/* ===== 타이포 기본 스케일 다운 ===== */
@media (max-width: 480px) {
    html {
        font-size: 9.5px;
    }

    /* base 10px → 9.5px */
}

@media (max-width: 360px) {
    html {
        font-size: 9px;
    }
}

/* ===== 기타 안전 가드 ===== */
/* 중복 선언된 .mbvbtstmk_b 보정: 상단 선언을 기준으로 색상만 유지 */
@media (max-width: 1024px) {
    .mbvbtstmk_b:before, .mbvbtstmk_b:after {
        background-color: var(--main_c1);
    }
}

/* brand-main 잘못된 값(…으로 끝남) 안전 기본값 */
:root {
    --brand-dark: #003c32;
    --brand-main: #007968;
}

/* =========================
   추가 반응형 CSS (파트2)
   ========================= */
/* ===== 공통 섹션 패딩 & 그리드 ===== */
.section .section_head .eyebrow {
    font-size: clamp(1.3rem, 1.2vw, 1.6rem);
}

.section .section_head .title {
    font-size: clamp(2.2rem, 2.6vw, 3.6rem);
    line-height: 1.3;
}

.section .section_head .desc {
    font-size: clamp(1.4rem, 1.4vw, 1.7rem);
}

.grid_4, .grid_3, .grid_2 {
    display: grid;
    gap: clamp(16px, 2vw, 28px);
}

.grid_4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid_3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid_2 {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1200px) {
    .grid_4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .grid_3, .grid_4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .grid_2, .grid_3, .grid_4 {
        grid-template-columns: 1fr;
    }
}

/* ===== 서비스 카드 / 피처 카드 ===== */
.card {
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.card .thumb {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
}

.card .body {
    padding: clamp(16px, 2vw, 24px);
}

.card .title {
    font-size: clamp(1.6rem, 1.6vw, 2rem);
    font-weight: 700;
}

.card .meta, .card .txt {
    font-size: clamp(1.3rem, 1.3vw, 1.5rem);
    line-height: 1.6;
    color: #4b5563;
}

.card .cta_row {
    margin-top: auto;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* 카드 레이아웃 바둑판 → 스택 */
@media (max-width: 900px) {
    .card-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .card-row {
        grid-template-columns: 1fr;
    }
}

/* ===== 프로모/배너 스트립 (슬라이더 가능) ===== */
.promo_strip {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.promo_strip .promo {
    flex: 1 1 0;
    min-width: 280px;
    padding: clamp(16px, 2vw, 24px);
    border-radius: 16px;
    color: #fff;
    position: relative;
}

.promo .title {
    font-size: clamp(1.8rem, 1.8vw, 2.4rem);
    font-weight: 800;
}

.promo .txt {
    font-size: clamp(1.4rem, 1.4vw, 1.6rem);
    opacity: .95;
}

/* ===== 공지/뉴스(보드 리스트) : 테이블 → 카드형 ===== */
.board {
    margin-top: 24px;
}

.board table {
    width: 100%;
    border-collapse: collapse;
}

.board th, .board td {
    padding: 16px 12px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 1.5rem;
}

.board .col-title {
    text-align: left;
}

/* 모바일에서는 카드형으로 변환 */
@media (max-width: 768px) {
    .board table, .board thead, .board tbody, .board th, .board td, .board tr {
        display: block;
    }

    .board thead {
        display: none;
    }

    .board tr {
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 12px;
    }

    .board .col-title {
        font-size: 1.6rem;
        font-weight: 700;
    }

    .board .col-date, .board .col-writer, .board .col-hit {
        font-size: 1.3rem;
        color: #6b7280;
        margin-top: 6px;
    }
}

/* 페이징 */
.pagination {
    margin-top: 24px;
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination .page, .pagination .prev, .pagination .next {
    width: 36px;
    height: 36px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
}

@media (max-width: 480px) {
    .pagination .page, .pagination .prev, .pagination .next {
        width: 32px;
        height: 32px;
        font-size: 1.3rem;
    }
}

/* ===== 갤러리 / 슬라이더 (Slick 가정) ===== */
.gallery_slider {
    margin-top: 12px;
}

.gallery_slider .slide {
    padding: 0 10px;
}

/* 좌우 여백 */
.gallery_slider .slide .img {
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;
}

.gallery_slider .caption {
    font-size: 1.4rem;
    margin-top: 8px;
    color: #374151;
}

@media (max-width: 768px) {
    .slick-list {
        margin: 0 -6px;
    }

    /* 끝단 들뜸 방지 */
    .gallery_slider .slide {
        padding: 0 6px;
    }

    .slick-dots li button:before {
        font-size: 10px;
    }

    /* 점 크기 축소 */
}

/* ===== 탭/아코디언 ===== */
.tabs {
    display: flex;
    gap: 10px;
    border-bottom: 1px solid #e5e7eb;
    flex-wrap: wrap;
}

.tabs .tab {
    padding: 10px 14px;
    border-radius: 10px 10px 0 0;
    font-size: 1.5rem;
}

.tabs .tab.is-active {
    background: #111827;
    color: #fff;
}

.accordion .acc-item {
    border-bottom: 1px solid #e5e7eb;
}

.accordion .acc-head {
    padding: 16px;
    font-size: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion .acc-body {
    padding: 0 16px 16px;
    font-size: 1.5rem;
    color: #4b5563;
}

/* ===== 파트너/로고 월 ===== */
.brand_wall {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: clamp(12px, 1.6vw, 20px);
    align-items: center;
}

.brand_wall .brand {
    filter: grayscale(1);
    opacity: .9;
    transition: .2s;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    display: grid;
    place-items: center;
}

.brand_wall .brand:hover {
    filter: none;
    opacity: 1;
}

.brand_wall .brand img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1200px) {
    .brand_wall {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .brand_wall {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 520px) {
    .brand_wall {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===== CTA 스트립 ===== */
.cta_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: clamp(16px, 2vw, 24px);
    border-radius: 16px;
    background: #0f766e;
    color: #fff;
}

.cta_bar .title {
    font-size: clamp(1.8rem, 1.8vw, 2.4rem);
    font-weight: 800;
}

.cta_bar .desc {
    font-size: clamp(1.4rem, 1.4vw, 1.6rem);
    opacity: .95;
}

.cta_bar .actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .cta_bar {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ===== 폼 ===== */
.form .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form .row .col-1 {
    grid-column: span 1;
}

.form .row .col-2 {
    grid-column: span 2;
}

.form label {
    font-size: 1.4rem;
    color: #374151;
}

.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form select, .form textarea {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 1.5rem;
}

.form .helper {
    font-size: 1.3rem;
    color: #6b7280;
    margin-top: 6px;
}

@media (max-width: 900px) {
    .form .row {
        grid-template-columns: 1fr;
    }

    .form .row .col-1, .form .row .col-2 {
        grid-column: auto;
    }
}

/* 날짜/셀렉트 화살표 겹침 방지 */
.form .input-wrap {
    position: relative;
}

.form .input-wrap .right-ico {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* ===== 표(테이블) 가로 스크롤 가드 ===== */
.table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-wrap table {
    min-width: 720px;
}

/* ===== 지도/임베드 ===== */
.embed_ratio {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 16px;
    overflow: hidden;
}

.embed_ratio iframe, .embed_ratio img, .embed_ratio video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===== 공용 버튼 축소 스케일 ===== */
.btn {
    height: 48px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 1.5rem;
    display: inline-grid;
    place-items: center;
}

@media (max-width: 480px) {
    .btn {
        height: 44px;
        padding: 0 16px;
        font-size: 1.4rem;
    }
}

/* ===== 푸터 (ftcls_a_ver) ===== */
.ftcls_a_ver {
    background: #0b1320;
    color: #cbd5e1;
}

.ftcls_a_ver .footer_inner {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(16px, 2vw, 28px);
    padding: clamp(24px, 3vw, 40px) 0;
}

.ftcls_a_ver .f_logo {
    max-width: 180px;
}

.ftcls_a_ver .f_col .f_title {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 12px;
}

.ftcls_a_ver .f_col .f_link {
    display: block;
    font-size: 1.4rem;
    color: #a3b2c7;
    padding: 6px 0;
}

.ftcls_a_ver .copy_row {
    border-top: 1px solid #1f2937;
    padding: 16px 0;
    font-size: 1.3rem;
    color: #93a3b8;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .ftcls_a_ver .footer_inner {
        grid-template-columns: 2fr 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .ftcls_a_ver .footer_inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .ftcls_a_ver .footer_inner {
        grid-template-columns: 1fr;
    }

    .ftcls_a_ver .f_logo {
        max-width: 160px;
    }
}

/* ===== 뒤로가기/Top 버튼 ===== */
.fab_to_top {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: none;
    place-items: center;
    background: #111827;
    color: #fff;
    z-index: 60;
}

@media (hover: hover) {
    .fab_to_top:hover {
        filter: brightness(1.1);
    }
}

@media (max-width: 480px) {
    .fab_to_top {
        right: 12px;
        bottom: 12px;
        width: 44px;
        height: 44px;
    }
}

/* ===== 이미지 비율 헬퍼 ===== */
.ratio-21x9 {
    aspect-ratio: 21/9;
}

.ratio-16x9 {
    aspect-ratio: 16/9;
}

.ratio-4x3 {
    aspect-ratio: 4/3;
}

.ratio-1x1 {
    aspect-ratio: 1/1;
}

.fit-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.round-16 {
    border-radius: 16px;
    overflow: hidden;
}

/* ===== 마이너 보정 ===== */
.mt-0 {
    margin-top: 0 !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.hidden-md {
    display: none;
}

@media (min-width: 901px) {
    .hidden-md {
        display: initial;
    }
}

/* ===== 접근성: 포커스 링 ===== */
:where(a, button, input, select, textarea, [tabindex]) {
    :focus-visible {
        outline: 2px solid #14b8a6;
        outline-offset: 2px;
        border-radius: 6px;
    }
}

@media (max-width: 760px) {
    .ftcls_a_ver .ft_top .ft_link {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin: 0;
        padding: 0;
        list-style: none;
        max-width: 1620px;
        margin: 0 auto;
        text-align: left;
        justify-content: left;
    }

    .section03.section.wrap .hero_banner::after {
        display: none;
    }

    .section03.section.wrap .hero_banner {
        min-height: 40vh;
        padding: 0;
        overflow: scroll;
        margin: 0;
        display: flex;
    }

    .section03.section.wrap .hero_title {
        font-size: 6.1vw;
        margin: 0 0 6.1vw;
    }

    .section03.section.wrap .eyebrow {
        font-size: 16px;
    }

    .ftcls_a_ver .ft_info {
        padding: 10px;
    }

    .section03.section.wrap .hero_btn {
        font-size: 12px;
    }

    .news-section {
        padding: 4vw 0px;
    }

    .mag-thumb {
        width: 100%;
    }

    .container, .cont_st, .hdrcode .m_gnb .cont_st {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .mag-card {
        padding: 0.5vw;
        box-shadow: none;
    }

    .news-right-head {
        margin-bottom: 5vw;
    }

    .ftcls_a_ver .ft_top .ft_link {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin: 0;
        padding: 0;
        list-style: none;
        max-width: 1620px;
        margin: 0 auto;
        text-align: left;
        justify-content: left;
    }

    .section03.section.wrap .hero_banner::after {
        display: none;
    }

    .section03.section.wrap .hero_banner {
        min-height: 40vh;
        padding: 0;
        overflow: scroll;
        margin: 0;
        display: flex;
    }

    .section03.section.wrap .hero_title {
        font-size: 6.1vw;
        margin: 0 0 6.1vw;
    }

    .section03.section.wrap .eyebrow {
        font-size: 16px;
    }

    .ftcls_a_ver .ft_info {
        padding: 10px;
    }

    .section03.section.wrap .hero_btn {
        font-size: 12px;
    }

    .news-section {
        padding: 4vw 0px;
    }

    .mag-thumb {
        width: 100%;
    }

    .container, .cont_st, .hdrcode .m_gnb .cont_st {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .mag-card {
        padding: 0.5vw;
        box-shadow: none;
    }

    .news-right-head {
        margin-bottom: 5vw;
    }

    .news-inner {
        gap: 6.01vw;
    }

    .news-row {
        padding: 4.52vw 3.37vw;
    }

    .news-text {
        font-size: 4vw;
    }

    .badge.pink {
        padding: 2vw 3vw;
        font-size: 3.5vw;
    }

    .news-date {
        font-size: 3.5vw;
    }

    .badge {
        font-size: 3.5vw;
        padding: 2vw 3vw;
    }

    .news-more-btn {
        width: 7.1vw;
        height: 7.1vw;
        flex: none;
    }

    .news-tabs li a {
        font-size: 3.7vw;
        padding: 2.3vw;
    }

    .news-tabs {
        column-gap: 5vw;
        row-gap: 2vw;
        font-size: 2vw;
        line-height: 1.4;
    }

    .news-left-head {
        row-gap: 2vw;
        column-gap: 2vw;
        margin-bottom: 5vw;
    }

    .news-title {
        font-size: 7vw;
        column-gap: 2vw;
    }

    .news-tabs li.on a {
        font-size: 3.7vw;
        padding: 2.3vw;
    }

    .quick-links-section {
        padding: 2vw 0px 2vw;
        padding-top: 4vw;
    }

    .quick-links-inner {
        flex-wrap: wrap;
        gap: 3.6357444366vw 3.6357444366vw;
        justify-content: initial;
    }

    .ql-item {
        width: calc(33.33333% - 2.5vw);
        max-width: initial;
        min-height: initial;
        padding: 3vw;
        border-radius: 10px;
    }

    .ql-icon {
        width: 100%;
        height: auto;
        margin-bottom: 0vw;
    }

    .ql-label {
        font-size: 3.7vw;
    }

    .ql-icon img {
        width: 100%;
        max-width: initial;
        max-height: initial;
        padding: 6vw;
        padding-bottom: 2vw;
        padding-top: 0vw;
    }

    .main_ctt .visual_wrap .visual .inner_flex {
        padding-top: 6.1rem;
    }

    .mbvbtstmk_b:before, .mbvbtstmk_b:after {
        display: none;
    }

    .news-more-btn {
        background: var(--main_brv_c1);
        border-color: var(--main_brv_c1);
    }

    img.idx_news_more_btn_img {
        filter: invert(1);
    }

    .ftcls_a_ver .ft_right {
        display: none;
    }

    .main_ctt .visual_wrap .visual .inner_flex {
        padding-top: 0;
        height: 137vw;
    }

    .container, .cont_st, .hdrcode .m_gnb .cont_st {
        position: relative;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box {
        height: max-content;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .ql-item {
        border-color: var(--main_brv_c1);
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .company {
        border-radius: 20px;
    }

    section.hcm-smp-con .sitemapexta .sitemap_layer {
        top: initial;
        transform: initial;
    }

    section.hcm-smp-con .sitemapbgcon {
        overflow: scroll;
    }

    .section03.section.wrap .hero_banner {
        min-height: initial;
        padding: 11vw 0px;
    }

    .main_ctt .side_arrow {
        display: flex;
        background: transparent;
        right: initial;
        left: 50%;
        transform: translateX(-50%);
    }

    .main_ctt .side_arrow .prev, .main_ctt .side_arrow .next,.main_ctt .side_arrow .pagination1 {
        display: none;
    }

    .main_ctt .side_arrow .pagination2 {
        height: 4px;
        border-radius: 20px;
    }

    .main_ctt .side_arrow {
        height: 5px;
    }

    .main_ctt .side_arrow .pagination2 {
        top: -10px;
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more i {
        background: var(--main_brv_c1);
        border-color: var(--main_brv_c1);
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more:before {
    }

    .main_ctt .visual_wrap .visual .inner_flex .txt_box .more {
        border-color: var(--main_brv_c1);
    }

    .main_ctt .visual_wrap .visual .inner_flex.black .txt_box .more i {
        color: #fff;
    }

    .main_ctt .visual_wrap .visual .inner_flex.black .txt_box .more {
        border-color: var(--main_brv_c1);
    }

    .main_ctt .side_arrow .pagination2 {
    }

    .main_ctt .side_arrow .prev, .main_ctt .side_arrow .next, .main_ctt .side_arrow .pagination1 {
        /* display: flex; */
        position: relative;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
    }

    .main_ctt .side_arrow .prev, .main_ctt .side_arrow .next, .main_ctt .side_arrow .pagination2 {
        /* display: none; */
    }
}

/* ===== 공통(접두어 eiv_wk251103cls_) ===== */
.eiv_wk251103cls_mobileFloating {
    position: relative;
    z-index: 9999;
}

/* 모바일에서만 노출 */
@media (min-width: 769px) {
    .eiv_wk251103cls_mobileFloating {
        display:none;
    }
}

/* 좌측 퀵메뉴 */
.eiv_wk251103cls_quick {
    position: fixed;
    right: 12px;
    /* 좌측 배치(요청사항 반영) */
    bottom: calc(90px + env(safe-area-inset-bottom, 0px));
    display: grid;
    gap: 10px;
    z-index: 10000;
}

.eiv_wk251103cls_quickBtn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 0;
    background: #ffffff;
    box-shadow: none;
    display: grid;
    place-items: center;
    font-size: 18px;
    line-height: 1;
    color: #111;
    text-decoration: none;
    transition: transform .12s ease, box-shadow .12s ease;
}

.eiv_wk251103cls_quickBtn:active {
    transform: scale(.96);
    box-shadow: 0 3px 10px rgba(0,0,0,.18);
}

/* 각 버튼 톤 */
.eiv_wk251103cls_toTop {
    background: #fff;
    color: #111;
}

.eiv_wk251103cls_kakao {
    background: #ffe812;
    color: #222;
    font-weight: 700;
}

/* 카카오톡 느낌 */
.eiv_wk251103cls_phone {
    background: #fff;
    color: #fff;
}

.eiv_wk251103cls_phone img {
    width: 100%;
}

/* 하단 플로팅 바 */
.eiv_wk251103cls_bottomBar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 0;
    background: linear-gradient(to top, rgba(255,255,255,.96), rgba(255,255,255,.85));
    backdrop-filter: saturate(140%) blur(6px);
    box-shadow: none;
}

.eiv_wk251103cls_barBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 12px;
    border-radius: 0;
    text-decoration: none;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: -.02em;
    box-shadow: none;
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
    color: #fff;
}

.eiv_wk251103cls_barBtn:active {
    transform: translateY(1px);
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

.eiv_wk251103cls_call {
    background: var(--main_brv_c1);
}

/* 파란 버튼 */
.eiv_wk251103cls_apply {
    background: #ffd21e;
    color: #111;
}

/* 노란 버튼 */
.eiv_wk251103cls_barIcon {
    font-size: 18px;
    line-height: 1;
}

.eiv_wk251103cls_barText {
    transform: translateY(.5px);
}

/* 더 작은 화면 보정 */
@media (max-width: 360px) {
    .eiv_wk251103cls_barBtn {
        padding: 15px 10px;
        font-size: 15px;
    }

    .eiv_wk251103cls_quickBtn {
        width: 48px;
        height: 48px;
    }
}

@media (min-width: 780px) {
    .eiv_wk251103cls_bottomBar {
        display: none !important;
    }

    .eiv_wk251103cls_quick {
        position: fixed;
        right: 25px;
        bottom: calc(55px + env(safe-area-inset-bottom, 0px));
        display: grid;
        gap: 10px;
        z-index: 10000;
    }

    .eiv_wk251103cls_quickBtn {
        width: 61px;
        height: 61px;
    }

    .eiv_wk251103cls_mobileFloating {
        display: flex;
    }
}