@charset "UTF-8"; /* (주)한신정보기술 박남규 - 2025.02 */
button, input[type="submit"], a {
    background-color: transparent;
}

/* 기본세팅 시작 */
body {
    position: relative;
    font-size: 18px;
    color: #1d1d1d;
    line-height: 36px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;
    overflow-x: hidden;
}

a:link {
    color: #1d1d1d;
    text-decoration: none;
}

a:visited {
    color: #1d1d1d;
    text-decoration: none;
}

a:hover {
    color: #1d1d1d;
    text-decoration: underline;
}

a:active {
    color: #1d1d1d;
    text-decoration: underline;
}

a span {
    cursor: pointer;
}

button {
    cursor: pointer;
    font-family: 'PretendardGOV','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;
}

input {
    font-family: 'PretendardGOV','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;
}

input[type="submit"] {
    cursor: pointer;
}

* {
    -webkit-tap-highlight-color: transparent !important;
}

/* 기본세팅 종료 */
/* 모바일 터치 확대 2026.03.03 */
.slick-slider {
    touch-action: auto !important;
    -ms-touch-action: auto !important;
}
/* Slider 세팅 시작 */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

#scrollbar {
    display: block;
    visibility: hidden;
    overflow-x: scroll;
    overflow-y: scroll;
    position: absolute;
    top: -100px;
    left: -100px;
    z-index: -1;
    width: 100px;
    height: 100px;
}

/* Slider 세팅 종료 */
/* 메뉴 css 세팅 시작 */
.menu.init, .menu.init:before, .menu.init:after, .menu.init .depth, .menu.init .depth:before, .menu.init .depth:after, .menu.init .depth_list, .menu.init .depth_list:before, .menu.init .depth_list:after, .menu.init .depth_item, .menu.init .depth_item:before, .menu.init .depth_item:after, .menu.init .depth_text, .menu.init .depth_text:before, .menu.init .depth_text:after, .menu.init .depth_title, .menu.init .depth_title:before, .menu.init .depth_title:after {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}

.menu, .menu .depth, .menu .depth_list, .menu .depth_item, .menu .depth_text {
    position: relative;
}

.menu {
    font-size: 0px;
    line-height: 0px;
}

.menu .depth:not(.depth1) {
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}

.menu .depth1 {
    z-index: 30;
}

.menu .depth_list {
    z-index: 10;
}

.menu .depth_text {
    display: inline-block;
}

/* 1, 2차 메뉴 배경 */
.menu.before:before, .menu.after:after {
    display: block;
    position: absolute;
}

.menu.before:before {
    z-index: 10;
}

.menu.after:after {
    z-index: 20;
}

/* 제목 상자 */
.menu .depth_title {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

/* 옵션 */
.menu .depth1.clearfix .depth1_list {
    float: right;
}

.menu .depth_list.clearfix > .depth_item {
    float: left;
}

.menu .depth_list.cut > .depth_item {
    display: inline-block;
    vertical-align: top;
}

/* 풀 다운 */
.menu.pulldown .depth1 {
    height: 100%;
}

.menu.pulldown .depth1_list, .menu.pulldown .depth1_item {
    height: inherit;
}

.menu.pulldown .depth2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* 이치 다운 */
.menu.eachdown .depth1 {
    height: 100%;
}

.menu.eachdown .depth1_list, .menu.eachdown .depth1_item {
    position: static;
    height: inherit;
}

.menu.eachdown .depth2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* 드롭 다운 */
.menu.dropdown .depth2 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform-origin: center top;
    transform: scaleY(0);
}

/* 메뉴 css 세팅 종료 */
/* 영역잡기 wrapper, wrap 시작 */
#wrapper {
    position: relative;
    min-width: 1560px;
    overflow: hidden;
}

.wrap {
    position: relative;
    width: 1560px;
    margin: 0 auto;
}

.skip {
    overflow: hidden;
}

@media all and (min-width: 1001px) {
    .ie #wrapper {
        padding-top:200px;
    }
}

@media all and (max-width: 1560px) {
    #wrapper {
        min-width:1000px;
        overflow-x: hidden;
    }

    .wrap {
        width: 94%;
    }
}

@media all and (max-width: 1000px) {
    #wrapper {
        min-width:0;
    }
}

/* 영역잡기 wrapper, wrap 종료 */
/* html,body,#wrapper 특정 경우의 수 정의 시작 */
@media all and (min-width: 1001px) {
    html, body, #wrapper {
        scroll-behavior:smooth;
        overflow: visible;
    }

    html {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .sch_open, .modal_open, .sch_open body, .modal_open body {
        overflow: hidden !important;
    }

	.lnb_open, .lnb_open body{
       /* overflow: hidden !important;*/
    }

    .lnb_open #wrapper, .lnb_open.wheel #wrapper, .lnb_open.wheel.add_wheel #wrapper {
        padding-top: 0;
    }

    body[data-zoom="0.9"] {
        zoom:0.9;}

    body[data-zoom="1"] {
        zoom:1;}

    body[data-zoom="1.1"] {
        zoom:1.1;}

    body[data-zoom="1.2"] {
        zoom:1.2;}

    body[data-zoom="1.3"] {
        zoom:1.3;}
}

@media all and (max-width: 1000px) {
    html, body, #wrapper {
        scroll-behavior:smooth;
        overflow: visible;
    }

    .sch_open, .modal_open, .sch_open body, .modal_open body {
        overflow: hidden !important;
        touch-action: pan-y;
    }

	.lnb_show body{
       overflow: hidden !important;
        touch-action: pan-y;
    }

    .lnb_show #wrapper, .lnb_show.wheel #wrapper, .lnb_show.wheel.add_wheel #wrapper {
        padding-top: 102px;
    }
}

/* html,body,#wrapper 특정 경우의 수 정의 종료 */
/* ---------- 통합검색 레이어창 시작 ---------- */
.sch_layer {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 92px calc((100% - 1560px) / 2);
    background-color: #dee2e8;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.sch_open .sch_layer {
    display: block;
}

.sch_layer:before, .sch_layer:after, .sch_layer *, .sch_layer *:before, .sch_layer *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.sch_layer .sch_layer_close {
    display: block;
    position: absolute;
    top: 22px;
    right: 22px;
    width: 48px;
    height: 48px;
    background-image: url(../images/guide/ico_close_48.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.sch_layer .sch_layer_close:first-child {
}

.sch_layer .sch_layer_close:last-child {
}

.sch_layer .sch_layer_close:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 4px;
}

.sch_layer .sch_wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 calc((100% - 846px) / 2);
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

@media all and (min-width: 1001px) {
    .sch_layer .sch_wrap::-webkit-scrollbar {
        width:8px;
    }

    .sch_layer .sch_wrap::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #c6c6c6;
    }

    .sch_layer .sch_wrap::-webkit-scrollbar-track {
        background-color: #d8d8d8;
    }

    .sch_layer .sch_wrap:focus {
        outline: 2px solid rgba(36, 107, 235, 0.8);
        outline-offset: 4px;
    }
}

.sch_layer .sch_wrap .sch_form {
    display: block;
    position: sticky;
    z-index: 1;
    top: 0;
    width: 100%;
}

.sch_layer .sch_wrap .sch_form fieldset {
    display: block;
    position: relative;
    width: 100%;
}

.sch_layer .sch_wrap .sch_form fieldset legend {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner {
    display: block;
    position: relative;
    width: 100%;
    padding: 80px 0 40px;
    background-color: #dee2e8;
    border-bottom: 1px solid #c6c6c6;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .search_title {
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: #1d1d1d;
    line-height: 48px;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    vertical-align: top;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box {
    display: block;
    position: relative;
    width: 100%;
    margin: 24px 0 0;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 72px 0 24px;
    background-color: #fff;
    border: 1px solid #717171;
    border-radius: 12px;
    font-size: 25px;
    color: #464c53;
    line-height: 78px;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-family: 'PretendardGOV';
}

.ie .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input {
    min-height: 80px;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box.active .sch_input {
    padding-right: 112px;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: -2px;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input::placeholder {
    color: #8a949e;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input::-webkit-search-cancel-button, .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input::-webkit-search-results-button {
    display: none;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input_close {
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(50% - 15px);
    right: 69px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #cdd1d5;
    background-image: url(../images/guide/ico_close_24.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input_close:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 0;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box.active .sch_input_close {
    display: block;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_submit {
    display: block;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    right: 17px;
    width: 40px;
    height: 40px;
    background-image: url(../images/guide/ico_sch_40.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_submit:focus {
    border-radius: 10px;
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 0;
}

.sch_layer .sch_wrap .sch_desc {
    display: block;
    position: relative;
    width: 100%;
    padding: 40px 0 0;
}

.sch_layer .sch_wrap .sch_desc .desc_inner {
    display: inline-block;
    position: relative;
    width: calc((100% - 1px) / 2);
    padding: 8px 24px;
    vertical-align: top;
}

.sch_layer .sch_wrap .sch_desc .desc_inner:before {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 1px;
    height: 100%;
    background-color: #c6c6c6;
    content: '';
}

.sch_layer .sch_wrap .sch_desc .desc_inner:nth-child(2n) {
    position: absolute;
    top: 40px;
    right: 0;
    height: calc(100% - 40px);
    margin-right: 0;
}

.sch_layer .sch_wrap .sch_desc .desc_inner:nth-child(2n):before {
    display: none;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .desc_title {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    font-size: 21px;
    color: #1d1d1d;
    line-height: 32px;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-family: 'PretendardGOV';
    word-break: keep-all;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list, .sch_layer .sch_wrap .sch_desc .desc_inner .recently_list {
    display: block;
    position: relative;
    width: 100%;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li, .sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    margin-top: 24px;
    padding-right: 43px;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li:first-child, .sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li:first-child {
    margin-top: 0;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .num {
    display: inline-flex;
    width: 20px;
    margin-right: 8px;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: calc(100% - 20px);
    font-size: 17px;
    color: #1e2124;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    overflow: hidden;
    text-overflow: ellipsis;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 26px;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank:before {
    display: inline-flex;
    content: '';
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank.up {
    color: #ab2b36;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank.up:before {
    width: 0;
    height: 0;
    margin: 0 2px 0 0;
    border-width: 0 4px 6px 4px;
    border-style: solid;
    border-color: transparent transparent #d63d4a transparent;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank.same {
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank.same:before {
    width: 6px;
    height: 2px;
    background-color: #1e2124;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank.down {
    color: #096ab3;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank.down:before {
    width: 0;
    height: 0;
    margin: 0 2px 0 0;
    border-width: 6px 4px 0 4px;
    border-style: solid;
    border-color: #0b78cb transparent transparent transparent;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
    font-size: 17px;
    color: #1e2124;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    overflow: hidden;
    text-overflow: ellipsis;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li .recently_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #cdd1d5;
    background-image: url(../images/guide/ico_del_20.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li .recently_close:focus {
    border-radius: 10px;
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 4px;
}

.sch_layer .sch_wrap .sch_desc .desc_inner .recently_all_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: absolute;
    bottom: 8px;
    left: 24px;
    font-size: 17px;
    color: #1e2124;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
}

.sch_layer .sch_wrap .sch_desc .desc_inner .recently_all_close:after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 0 0 8px;
    border-radius: 100%;
    background-color: #cdd1d5;
    background-image: url(../images/guide/ico_del_20.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: '';
}

.sch_layer .sch_wrap .sch_desc .desc_inner .recently_all_close:focus {
    border-radius: 10px;
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 4px;
}

@media all and (max-width: 1560px) {
    .sch_layer {
        padding:70px 15px;
    }

    .sch_layer .sch_layer_close {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }

    .sch_layer .sch_wrap {
        padding: 0 5%;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner {
        padding: 10px 0 40px;
    }
}

@media all and (max-width: 1000px) {
    .sch_layer {
        padding:44px 3% 20px;
    }

    .sch_layer .sch_layer_close {
        top: 10px;
        right: 10px;
        width: 24px;
        height: 24px;
    }

    .sch_layer .sch_wrap {
        padding: 0;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner {
        padding: 24px 0;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .search_title {
        font-size: 22px;
        line-height: 33px;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box {
        margin: 12px 0 0;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input {
        padding: 0 64px 0 16px;
        font-size: 22px;
        line-height: 62px;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box.active .sch_input {
        padding-right: 84px;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input_close {
        top: calc(50% - 10px);
        right: 58px;
        width: 20px;
        height: 20px;
        background-size: 60%;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_submit {
        top: calc(50% - 16px);
        right: 16px;
        width: 32px;
        height: 32px;
    }

    .sch_layer .sch_wrap .sch_desc {
        padding: 24px 0 0;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner {
        padding: 0 16px 16px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner:nth-child(2n) {
        top: 24px;
        height: calc(100% - 24px);
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .desc_title {
        font-size: 20px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .num {
        font-size: 16px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .text {
        font-size: 16px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li .text {
        font-size: 16px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .recently_all_close {
        bottom: 16px;
        left: 16px;
        font-size: 16px;
    }
}

@media all and (max-width: 640px) {
    .sch_layer .sch_wrap {
        padding:0 16px 16px;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input {
        font-size: 18px;
        line-height: 52px;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box.active .sch_input {
        padding-right: 74px;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_input_close {
        right: 52px;
        background-size: 50%;
    }

    .sch_layer .sch_wrap .sch_form .sch_form_inner .input_box .sch_submit {
        background-size: 80%;
    }

    .sch_layer .sch_wrap .sch_desc {
        padding: 14px 0 0;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner {
        display: block;
        width: 100%;
        padding: 0 0 16px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner:nth-child(2n) {
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        margin-top: 14px;
        padding-bottom: 0;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner:before {
        display: none;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .desc_title {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li, .sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li {
        margin-top: 10px;
        padding-right: 44px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .popular_list li .rank {
        width: 44px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .recently_list li .recently_close {
        right: 12px;
    }

    .sch_layer .sch_wrap .sch_desc .desc_inner .recently_all_close {
        position: relative;
        bottom: auto;
        right: auto;
        top: 0;
        left: 0;
        margin-top: 10px;
    }
}

/* ---------- 통합검색 레이어창 종료 ---------- */
/* ---------- #header 시작 ---------- */
#header {
    display: block;
    position: relative;
    z-index: 72; /* 2026-06-29 */
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0px;
    padding-top: 0;
    box-sizing: border-box;
    transition: top 300ms ease-in;
}

#header:before {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: '';
    box-sizing: border-box;
}

.ie #header {
    position: fixed;
}

@media all and (min-width: 1001px) {
    .lnb_open #header {
        position:relative;
    }

    .wheel #header {
        top: 0;
    }

    .wheel.add_wheel #header {
        top: -210px;
    }
}

@media all and (max-width: 1000px) {
    #header {
        background-color:#fff;
    }

    .lnb_show #header {
        position: fixed;
    }

    .wheel #header {
        top: 0;
    }

    .wheel.add_wheel #header {
        top: -102px;
    }

    #header:before {
        display: none;
    }
}

/* header_message */
.header_message {
    display: block;
    position: absolute;
    z-index: 30;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 4px calc((100% - 1560px) / 2);
    background-color: #edf1f5;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.header_message:before, .header_message:after, .header_message *, .header_message *:before, .header_message *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.header_message .text {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #1d1d1d;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    vertical-align: top;
}

.header_message .text:before {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url(../images/guide/ico_flag.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    content: '';
}

@media all and (max-width: 1560px) {
    .header_message {
        padding:4px 3%;
    }
}

@media all and (max-width: 1000px) {
    .header_message .text {
        font-size:14px;
    }
}

@media all and (max-width: 640px) {
    .header_message {
        padding:4px 3% 1px;
    }

    .header_message .text {
        font-size: 13px;
    }
}

/* 20260224 추가  s */
.city_status{
    position: relative; 
    z-index: 30;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 calc((100% - 1560px) / 2);
    box-sizing: border-box;
}

.city_status >ul{ width: fit-content; display: flex; gap: 20px;  background-color: #482F92;padding:4px 15px;}
.city_status >ul > li,
.city_status a{color: #fff; font-size: 14px; font-weight: 600;}
.city_status >ul > li,
.city_status >ul > li > a{position: relative;display: flex; gap: 10px;}
.city_status >ul > li:not(:nth-child(1)):before{
    content:"";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    left:-10px;
    top:6px;
}

/*20260720*/
.blind {display: block;width: 1px;height: 1px;overflow: hidden;position: absolute;padding-right:1px ;top: 0;left: -1px;}
.weather-con .temperature_text .blind li{display:none;}
/* 용인날씨 */
.weather-con .temperature_text:before{
    display: block;
    position: static;
    top: -3px;
    left: 0;
    width: 25px;
    height: 20px;
    background-image: url(../images/common/weather_icon02.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50px -2px;
    content: '';
}
.weather-con .temperature_text.type1:before{background-position: 3px -2px;}
.weather-con .temperature_text.type2:before{background-position: -26px -2px;}
.weather-con .temperature_text.type3:before{background-position: -55px -2px;}
.weather-con .temperature_text.type4:before{background-position: -88px 0;transform: translatey(-1px);}
.weather-con .temperature_text.type5:before{background-position: -123px 0px;}
.weather-con .temperature_text.type6:before{background-position: -156px 0px;}
.weather-con .temperature_text.type7:before{background-position: -184px 0px;}
.weather-con .temperature_text.type8:before{background-position: -211px 0px;}
.weather-con .temperature_text.type9:before{background-position: -243px 0px;}
.weather-con .temperature_text.type10:before{background-position: -273px 0;transform: translatey(-1px);}
/*//20260720*/

/* 미세먼지 */
.city_status .dust_state,
.city_status .dust_state2{
    padding-left: 28px;
    position: relative;
}

.city_status .dust_state.good,
.city_status .dust_state2.good { color:#01a92d }

.city_status .dust_state.ang,
.city_status .dust_state2.ang { color:#f28e00 }

.city_status .dust_state.bad,
.city_status .dust_state2.bad { color:#ec2c67 }

.city_status .dust_state.excell,
.city_status .dust_state2.excell { color:#1664ea }

.city_status .dust_state::before,
.city_status .dust_state2::before{
    content:"";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/common/dust_icon.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left:0;
    top:-1px;
    background-position: 1px 0;
}

.city_status .dust_state.ang::before,
.city_status .dust_state2.ang::before{background-position: -28px 0;}

.city_status .dust_state.bad::before,
.city_status .dust_state2.bad::before{background-position: -56px 0;}

.city_status .dust_state.excell::before,
.city_status .dust_state2.excell::before{background-position: -85px 0;}

@media all and (max-width:560px){
    .city_status >ul {gap: 10px; padding:5px 6px;}
    .city_status >ul > li:not(:nth-child(1)):before {left:-5px;}
    .city_status >ul > li,.city_status a{font-size: 13px;}

    .city_status .dust_state,
    .city_status .dust_state2{padding-left: 0;}

    .city_status .dust_state::before,
    .city_status .dust_state2::before{display: none;}

    .city_status .temperature_text{padding-left: 0;}
    .city_status .temperature_text:before{display: none;}
}

/* 20260226 추가 */
@media all and (max-width:430px){
    .city_status >ul > li, .city_status >ul > li > a{flex-wrap: wrap; align-items: center; text-align: center; justify-content: center;row-gap: 0px;}
    .city_status >ul > li:nth-child(1){min-width: 50px;}
    .city_status >ul > li:not(:nth-child(1)):before{height: 30px;}
    .city_status .tit{width: 100%;}
}

/* 20260224 추가  e */
/* header_box */
#header .header_box {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    padding: 0 calc((100% - 1560px) / 2);
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

#header .header_box:before, #header .header_box:after, #header .header_box *, #header .header_box *:before, #header .header_box *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

#header .header_box .box_etc {
    display: block;
    position: relative;
    z-index: 31;
    width: 100%;
    min-height: 44px;
    text-align: right;
    /* 20260102 */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#header .header_box .box_etc .etc_list {
    display: inline-block;
    position: relative;
    padding: 12px 0 12px; /*20260102*/
    vertical-align: top;   
}


#header .header_box .box_etc .etc_list .etc_item {
    display: inline-block;
    position: relative;
    padding-right: 7px;
    padding-left: 8px;
    vertical-align: top;
}

#header .header_box .box_etc .etc_list .etc_item:before {
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #d8d8d8;
    content: '';
}

#header .header_box .box_etc .etc_list .etc_item:first-child {
    padding-left: 0;
}

#header .header_box .box_etc .etc_list .etc_item:first-child:before {
    display: none;
}

#header .header_box .box_etc .etc_list .etc_item:last-child {
    padding-right: 0;
}
/* 20260224 수정 s */
#header .header_box .box_etc .etc_list .etc_item .etc_btn{
    display: inline-block;
    position: relative;
    padding: 0 6px;
    background-color: transparent;
    font-size: 15px;
    color: #1d1d1d;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    vertical-align: top;
    transition: background-color 400ms ease-in-out;
}


/* #header .header_box .box_etc .etc_list .etc_item .temperature_text {
    padding-left: 32px;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text span, #header .header_box .box_etc .etc_list .etc_item .dust_text span {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    vertical-align: top;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text span {
    padding-right: 4px;
    font-weight: 600;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text span:before {
    display: block;
    position: absolute;
    top: calc(50% - 14px);
    left: 0;
    width: 28px;
    height: 28px;
    background-image: url(../images/common/weather_icon.svg);
    background-repeat: no-repeat;
    background-size: 800% 100%;
    content: '';
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type1 span:before {
    background-position: calc(-28px * 0) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type2 span:before {
    background-position: calc(-28px * 1) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type3 span:before {
    background-position: calc(-28px * 2) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type4 span:before {
    background-position: calc(-28px * 3) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type5 span:before {
    background-position: calc(-28px * 4) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type6 span:before {
    background-position: calc(-28px * 5) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type7 span:before {
    background-position: calc(-28px * 6) 0;
}

#header .header_box .box_etc .etc_list .etc_item .temperature_text.type8 span:before {
    background-position: calc(-28px * 7) 0;
}

#header .header_box .box_etc .etc_list .etc_item .dust_text span.type1 {
    color: #4678de;
}

#header .header_box .box_etc .etc_list .etc_item .dust_text span.type2 {
    color: #0c90e2;
}

#header .header_box .box_etc .etc_list .etc_item .dust_text span.type3 {
    color: #059846;
}

#header .header_box .box_etc .etc_list .etc_item .dust_text span.type4 {
    color: #f25834;
}

#header .header_box .box_etc .etc_list .etc_item .dust_text span.type5 {
    color: #eb2a5c;
} 
*/


#header .header_box .box_etc .etc_list .etc_item.type_drop .etc_btn {
    padding-right: 0;
}

#header .header_box .box_etc .etc_list .etc_item.type_blank .etc_btn {
    padding: 0 3px;
}

#header .header_box .box_etc .etc_list .etc_item .etc_btn:hover, #header .header_box .box_etc .etc_list .etc_item .etc_btn:focus{
    border-radius: 5px;
    text-decoration: none;
}

#header .header_box .box_etc .etc_list .etc_item .etc_btn:hover {
    background-color: #edf1f5;
}

#header .header_box .box_etc .etc_list .etc_item .etc_btn:focus {
    outline: 2px solid rgba(234, 95, 124, 0.8);
    outline-offset: 2px;
}
/* 20260224 수정 e */
html[lang="en"] #header .header_box .box_etc .etc_list .etc_item.type_blank .etc_btn:before, html[lang="zh-CN"] #header .header_box .box_etc .etc_list .etc_item.type_blank .etc_btn:before, html[lang="zh-TW"] #header .header_box .box_etc .etc_list .etc_item.type_blank .etc_btn:before, html[lang="ja"] #header .header_box .box_etc .etc_list .etc_item.type_blank .etc_btn:before {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 16px;
    margin: 7px 4px 0 0;
    background-image: url(../images/guide/ico_flag.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    vertical-align: top;
    content: '';
}

#header .header_box .box_etc .etc_list .etc_item.type_blank .etc_btn:after {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 7px 0 0 3px;
    background-image: url(../images/guide/ico_go_20.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    content: '';
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .etc_btn:after {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 7px 0 0 2px;
    background-image: url(../images/guide/ico_arr_16_down.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    content: '';
    transform: rotate(0deg);
    transition: transform 250ms ease-in-out;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop.active .etc_btn:after {
    transform: rotate(180deg);
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 8.5rem;
    margin-top: 16px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);
}

#header .header_box .box_etc .etc_list .etc_item.type_drop.active .drop_menu {
    display: block;
}

html[lang="en"] #header .header_box .box_etc .etc_list .etc_item:nth-child(2) .drop_menu, html[lang="zh-CN"] #header .header_box .box_etc .etc_list .etc_item:nth-child(2) .drop_menu, html[lang="zh-TW"] #header .header_box .box_etc .etc_list .etc_item:nth-child(2) .drop_menu, html[lang="ja"] #header .header_box .box_etc .etc_list .etc_item:nth-child(2) .drop_menu {
    min-width: 10rem;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu:before {
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 12px;
    background-image: url(../images/guide/ico_drop_arr.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: '';
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in {
    display: block;
    position: relative;
    width: 100%;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list {
    display: block;
    position: relative;
    width: 100%;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li {
    display: block;
    position: relative;
    width: 100%;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li + li {
    margin-top: 4px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 3rem;
    padding: 0 8px;
    font-size: 17px;
    color: #1d1d1d;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:hover, #header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:focus {
    border-radius: 5px;
    text-decoration: none;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:hover {
    background-color: #edf1f5;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 0;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.active {
    background-color: #edf1f5;
    border-radius: 5px;
    color: #003675;
    font-weight: 700;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    margin: 0 8px 0 0;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    content: '가';
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.xsm:before {
    width: 21px;
    font-size: 15px;
    line-height: 19px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.sm:before {
    width: 24px;
    font-size: 17px;
    line-height: 22px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.md:before {
    width: 25px;
    font-size: 19px;
    line-height: 23px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.lg:before {
    width: 27px;
    font-size: 21px;
    line-height: 25px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.xlg:before {
    width: 30px;
    font-size: 25px;
    line-height: 28px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.active:before {
    background-color: #003675;
    color: #fff;
    font-weight: 700;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 3rem;
    padding: 0 8px;
    font-size: 17px;
    color: #1d1d1d;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:hover, #header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:focus {
    border-radius: 5px;
    text-decoration: none;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:hover {
    background-color: #edf1f5;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 0;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a[target="_blank"]:after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    margin: 0 0 0 8px;
    width: 16px;
    height: 16px;
    background-image: url(../images/guide/ico_go_20.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: '';
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn {
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 7px;
    padding-top: 8px;
    border-top: 1px solid #d8d8d8;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 2.6rem;
    font-size: 17px;
    color: #1d1d1d;
    line-height: 17px;
    letter-spacing: -0.03em;
    font-weight: 500;
    font-family: 'PretendardGOV';
    word-break: keep-all;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:hover, #header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:focus {
    border-radius: 5px;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:hover {
    background-color: #edf1f5;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 0;
}

#header .header_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:before {
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    background-image: url(../images/guide/ico_refresh_16.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    content: '';
}

#header .header_box .box_inner {
    display: block;
    position: relative;
    z-index: 30;
    width: 100%;
    text-align: right;
}

#header .header_box .logo {
    display: inline-block;
    position: absolute;
    top: 72px;
    left: calc((100% - 1560px) / 2);
    z-index: 31;
    vertical-align: top;
}

#header .header_box .logo a {
    display: inline-block;
    position: relative;
    width: 165px;
    height: 50px;
    background-image: url(../images/common/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    vertical-align: top;
}

html[lang="en"] #header .header_box .logo a, html[lang="zh-CN"] #header .header_box .logo a, html[lang="zh-TW"] #header .header_box .logo a, html[lang="ja"] #header .header_box .logo a {
    width: 313px;
    background-image: url(../images/common/logo_lang_trans.svg);
}

#header .header_box .logo a:hover, #header .header_box .logo a:focus {
    text-decoration: none;
}

#header .header_box .logo a:focus {
    outline: 2px solid rgba(234, 95, 124, 0.8);
    outline-offset: 2px;
}

#header .header_box .box_inner .gnb {
    display: inline-flex;
    position: relative;
    height: auto;
    vertical-align: top;
}

#header .header_box .box_inner .gnb .btn_nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 15px;
    background-color: transparent;
    font-size: 17px;
    color: #1d1d1d;
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 600;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    vertical-align: top;
    transition: background-color 400ms ease-in-out;
}

#header .header_box .box_inner .gnb .btn_nav.sitemap {
    padding-right: 0;
    margin-bottom: 0;
}

html[lang="en"] #header .header_box .box_inner .gnb .btn_nav, html[lang="zh-CN"] #header .header_box .box_inner .gnb .btn_nav, html[lang="zh-TW"] #header .header_box .box_inner .gnb .btn_nav, html[lang="ja"] #header .header_box .box_inner .gnb .btn_nav {
    display: none;
}

html[lang="en"] #header .header_box .box_inner .gnb a.btn_nav.sch, html[lang="zh-CN"] #header .header_box .box_inner .gnb a.btn_nav.sch, html[lang="zh-TW"] #header .header_box .box_inner .gnb a.btn_nav.sch, html[lang="ja"] #header .header_box .box_inner .gnb a.btn_nav.sch {
    display: inline-flex;
}

#header .header_box .box_inner .gnb .btn_nav:hover, #header .header_box .box_inner .gnb .btn_nav:focus {
    border-radius: 5px;
    text-decoration: none;
}

#header .header_box .box_inner .gnb .btn_nav:hover {
    background-color: #edf1f5;
}

#header .header_box .box_inner .gnb .btn_nav:focus {
    outline: 2px solid rgba(234, 95, 124, 0.8);
    outline-offset: 0;
}

#header .header_box .box_inner .gnb .btn_nav:before {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: '';
}

#header .header_box .box_inner .gnb .btn_nav.login:before {
    background-image: url(../images/guide/head_ico_navi_login.svg);
}

#header .header_box .box_inner .gnb .btn_nav.join:before {
    background-image: url(../images/guide/head_ico_navi_join.svg);
}

#header .header_box .box_inner .gnb .btn_nav.sch:before {
    background-image: url(../images/guide/head_ico_navi_sch.svg);
}

#header .header_box .box_inner .gnb .btn_nav.mypage:before {
    background-image: url(../images/guide/head_ico_navi_my.svg);
}

#header .header_box .box_inner .gnb .btn_nav.sitemap:before {
    background-image: url(../images/guide/head_ico_navi_all.svg);
}

#header .header_box .box_inner .gnb .menu_show {
    display: none;
}

@media all and (min-width: 1561px) {
    #header .header_box .box_inner .gnb .btn_nav.sitemap {
        padding-right:15px;
        margin-right: -15px;
    }
}

@media all and (max-width: 1560px) {
    #header .header_box {
        padding:0 3%;
    }

    #header .header_box .logo {
        left: 3%;
    }
}

@media all and (max-width: 1280px) {
    /* 20260102 */
    #header .header_box .box_etc .etc_list {
        display:none;
    }

    #header .header_box .box_inner {
        padding: 25px 0 0px;
    }

    #header .header_box .logo {
        top: 47px;
    }

    #header .header_box .logo a {
        width: 132px;
        height: 40px;
    }
}

@media all and (max-width: 1000px) {
    .header_message .text:before {
        margin-right:6px;
    }

    #header .header_box:before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #cdd1d5;
        content: '';
    }

    #header .header_box .box_inner {
        padding: 20px 0;
    }

    #header .header_box .logo {
        top: 52px;
    }

    html[lang="en"] #header .header_box .logo a, html[lang="zh-CN"] #header .header_box .logo a, html[lang="zh-TW"] #header .header_box .logo a, html[lang="ja"] #header .header_box .logo a {
        width: 231px;
    }

    #header .header_box .box_inner .gnb .btn_nav {
        flex-direction: column;
        justify-content: space-between;
        font-size: 15px;
        line-height: 20px;
    }

    #header .header_box .box_inner .gnb .btn_nav + .btn_nav {
        margin-left: 8px;
    }

    #header .header_box .box_inner .gnb .btn_nav:hover, #header .header_box .box_inner .gnb .btn_nav:focus {
        border-radius: 0;
        background-color: transparent;
    }

    #header .header_box .box_inner .gnb .btn_nav:before {
        margin: 0 0 4px;
    }

    #header .header_box .box_inner .gnb .menu_show {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        vertical-align: top;
    }

    #header .header_box .box_inner .gnb .btn_nav + .menu_show {
        margin-left: 8px;
    }

    #header .header_box .box_inner .gnb .btn_nav.sitemap {
        display: none;
    }

    #header .header_box .box_inner .gnb .menu_show .menu_button {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        position: relative;
        padding: 0 12px;
        background-color: transparent;
        font-size: 15px;
        color: #1d1d1d;
        line-height: 20px;
        letter-spacing: -0.03em;
        font-weight: 600;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
        transition: background-color 400ms ease-in-out;
    }

    #header .header_box .box_inner .gnb .menu_show .menu_button:hover, #header .header_box .box_inner .gnb .menu_show .menu_button:focus {
        border-radius: 0;
        text-decoration: none;
    }

    #header .header_box .box_inner .gnb .menu_show .menu_button:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: 0;
    }

    #header .header_box .box_inner .gnb .menu_show .menu_button:before {
        display: inline-flex;
        width: 20px;
        height: 20px;
        margin: 0 0 4px;
        background-image: url(../images/guide/head_ico_navi_all.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        content: '';
    }
}

@media all and (max-width: 640px) {
    #header .header_box .box_inner {
        padding:9px 0 15px;
    }

    #header .header_box .logo {
        top: 48px;
    }

    #header .header_box .logo a {
        width: 110px;
        height: 33px;
    }

    html[lang="en"] #header .header_box .logo a, html[lang="zh-CN"] #header .header_box .logo a, html[lang="zh-TW"] #header .header_box .logo a, html[lang="ja"] #header .header_box .logo a {
        width: 204px;
    }

    #header .header_box .box_inner .gnb .btn_nav {
        padding: 4px 2.5vw;
        font-size: 13px;
        line-height: 15px;
    }

    #header .header_box .box_inner .gnb .btn_nav:before {
        width: 18px;
        height: 18px;
    }

    #header .header_box .box_inner .gnb .btn_nav + .btn_nav {
        margin-left: 0;
    }

    #header .header_box .box_inner .gnb .btn_nav + .menu_show {
        margin-left: 0;
    }

    #header .header_box .box_inner .gnb .menu_show .menu_button {
        padding: 4px 2.5vw;
        font-size: 13px;
        line-height: 15px;
    }

    #header .header_box .box_inner .gnb .menu_show .menu_button:before {
        width: 18px;
        height: 18px;
    }
}

@media all and (max-width: 480px) {
    #header .header_box .box_inner .gnb .btn_nav, #header .header_box .box_inner .gnb .menu_show .menu_button {
        padding-right:0.8vw;
        padding-left: 0.8vw;
        font-size: 12px;
    }
}

/* lnb , lnb_curtain */
@media all and (min-width: 1001px) {
    .lnb .lnb_top_box, .lnb .menu .depth1 .left_depth1, .lnb .menu .lnb_bottom_box, .lnb .menu_hide {
        display:none;
    }

    .lnb {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        margin-top: 0;
        background-color: #fff;
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
		border-bottom:1px solid #cdd1d5;
    }

    .lnb:before, .lnb:after, .lnb *, .lnb *:before, .lnb *:after {
        border: none;
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
    }

    .lnb .menu {
        display: block;
        position: relative;
        width: 100%;
        height: 77px;
    }

    .lnb .menu .depth1 {
        display: block;
        position: static;
        width: 100%;
        padding: 0 20px;
		max-width:1266px;
		margin:0 auto;
    }

    .lnb .menu .depth1:before, .lnb .menu .depth1:after {
        display: none;
        position: absolute;
        z-index: 2;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #cdd1d5;
        content: '';
    }

    .lnb .menu .depth1:before {
        top: 0;
    }

    .lnb .menu .depth1:after {
        top: 64px;
    }

    .lnb .menu .depth1 .depth1_list {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        position: static;
		padding:0 6%;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item {
        display: inline-flex;
        position: static;
        width: auto;
		flex:1 1 auto;
		justify-content: center;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item + .depth1_item {
       /* margin-left: 15px;*/
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        position: relative;
        z-index: 30;
        height: 77px;
        padding: 4px 15px 0;
		width: 100%;
    }


    .lnb .menu .depth1 .depth1_list .depth1_item:first-child .depth1_text {
        padding-left: 0;
    }

    /*.lnb .menu .depth1 .depth1_list .depth1_item.active .depth1_text{background-color:#cdd7e4;}*/
    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: -2px;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 14%;
        right: 14%;
        width: auto;
        height: 4px;
        background-color: #de3355;
        content: '';
        visibility: hidden;
        opacity: 0;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:hover:before, .lnb .menu .depth1 .depth1_list .depth1_item.active .depth1_text:before {
        visibility: visible;
        opacity: 1;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span em {
        display: inline-block;
        position: relative;
        font-size: 20px;
        color: #181818;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 700;
        font-family: 'Pretendard';/*20260717*/
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:hover span em, .lnb .menu .depth1 .depth1_list .depth1_item.active .depth1_text span em {
        /*color: #840d21;*/
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span em:after {
        transition: transform 250ms ease-in-out;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item.has .depth1_text span em:after {
        display: none;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0 0 0 7px;
        background-image: url(https://www.yongin.go.kr/resources/site/www_2025/images/guide/ico_angle.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
        transform: rotate(0deg);
    }

    .lnb .menu .depth1 .depth1_list .depth1_item.has .depth1_text:hover span em:after, .lnb .menu .depth1 .depth1_list .depth1_item.has.active .depth1_text span em:after {
        background-image: url(https://www.yongin.go.kr/resources/site/www_2025/images/common/ico_angle_red.svg);
    }

    .lnb .menu .depth1 .depth1_list .depth1_item.has.active .depth1_text span em:after {
        transform: rotate(-180deg);
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text[target="_blank"] span em:after {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0 0 0 8px;
        background-image: url(../images/guide/ico_go_20.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text[target="_blank"]:hover span em:after {
        background-image: url(../images/common/ico_go_20_on_red.svg);
    }

    .lnb .menu .depth2 {
        display: block;
        position: absolute;
        bottom: auto;
        top: 77px;
        left: 0;
        width: 100%;
        padding: 0 calc((100% - 1228px) / 2);
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
		min-height: 450px;
		box-shadow: 0 15px 11px -9px rgba(0, 0, 0, 0.15);
		z-index:-1;
    }

	.lnb .menu .depth1_item.solo .depth2 {
		min-height:0;
	}

    .lnb .menu .depth1_item.active .depth2 {
        visibility: visible;
        opacity: 1;
		border-top:1px solid #cdd1d5;
    }

    .lnb .menu .depth2 .depth2_list {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        min-height: 165px;
        padding-top: 24px;
        padding-bottom: 40px;
        padding-right: 0;
        background-color: #fff;
		margin-left:-30px;
		margin-top:-35px;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item {
        display: block;
        position: static;
		width:calc(100% / 4 - 30px);
		margin-left:30px;
		margin-top:35px;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        height: 58px;
        padding: 0 30px 0 17px;
        vertical-align: top;
        border:1px solid #d0d0d0;
        border-radius:5px;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item .depth2_text::after {
        content:"";
        display:block;
        width:11px;height:8px;
        background:url(../images/common/menu_depth2_ico.png) no-repeat center right / auto 100%;
        position:absolute;
        right:15px;
        top:50%;
        transform:translatey(-50%);
	}
	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text::after {
		display:none !important;
	}

    .lnb .menu .depth2 .depth2_list .depth2_item.active .depth2_text, .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:hover {
        background-color: #df3355;
        text-decoration: none;
		color:#fff;
		border-color:#df3355;
    }

 	.lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:hover em,
	.lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:focus-visible em {
		color:#fff;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:hover::after{
		background-position:left;
	}


    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: -4px;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text span em {
        display: inline-block;
        position: relative;
        font-size: 20px;
        color: #181818;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 700;
        font-family: 'Pretendard';/*20260717*/
        word-break: keep-all;
        vertical-align: top;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item.active .depth2_text::after{background-position:left;}
    .lnb .menu .depth2 .depth2_list .depth2_item.active .depth2_text span em {
        color: #fff;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.has .depth2_text span em:after {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0 0 0 8px;
        background-image: url(../images/guide/ico_arr_20_right.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
        transition-property: background-image;
        transition-duration: 250ms;
        transition-timing-function: ease-in-out;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.has.active .depth2_text span em:after {
        background-image: url(../images/common/ico_arr_20_right_red.svg);
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text[target="_blank"] span em:after {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0 0 0 8px;
        background-image: url(../images/guide/ico_go_20.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
    }

    .lnb .menu .depth3 {
        display: block;
        position: static;
        top: 0;
        left: 256px;
        min-width: auto;
        min-height: auto;
        padding: 20px 10px 0 18px;
        background-color: #fff;
        visibility: hidden;
        opacity: 0;

    }

    .lnb .menu .depth1_item.active .depth2_item.active .depth3 {
        visibility: visible;
        opacity: 1;
    }
	.lnb .menu .depth1_item.active .depth2_item .depth3 {
        visibility: visible;
        opacity: 1;
    }

    .lnb .menu .depth3 .depth2_link {
        display: none;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        height: 56px;
        padding: 0 8px;
        background-color: transparent;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth2_link:hover, .lnb .menu .depth3 .depth2_link:focus {
        border-radius: 5px;
        text-decoration: none;
    }

    .lnb .menu .depth3 .depth2_link:hover {
        background-color: #fbf5f6;
    }

    .lnb .menu .depth3 .depth2_link:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: 2px;
    }

    .lnb .menu .depth3 .depth2_link span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth2_link span em {
        display: inline-block;
        position: relative;
        font-size: 25px;
        color: #1d1d1d;
        line-height: 25px;
        letter-spacing: -0.03em;
        font-weight: 600;
        font-family: 'Pretendard';/*20260717*/
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth2_link span em:after {
        display: inline-block;
        position: relative;
        width: 24px;
        height: 24px;
        background-image: url(../images/guide/ico_arr_20_right.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
    }

    .lnb .menu .depth3 .depth3_list {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        height: auto;
        padding: 8px 8px 8px 0;
        background-color: transparent;
        vertical-align: top;
    }

    
	.lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:focus {
        border-radius: 5px;
        text-decoration: none;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:hover span em{
        color:#df3355;
    }

	.lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:hover span em::before{
        background-color:#df3355;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: -4px;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text span em {
        display: inline-block;
        position: relative;
        padding-left: 10px;
        font-size: 17px;
        color: #757575;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 400;
        font-family: 'Pretendard';/*20260717*/
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text span em:before {
        display: block;
        position: absolute;
        top: 7px;
        left: 0;
        width:4px;
		height:4px;
		border-radius:50%;
        background-color: #757575;
        content: '';
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text[target="_blank"] span em:after {
        display: inline-block;
        position: relative;
        width: 15px;
        height: 15px;
        margin: 2px 0 0 8px;
        background-image: url(../images/common/menu_depth3_link.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto 100%;
        vertical-align: top;
        content: '';
    }

	.lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:hover[target="_blank"] span em:after {
		background-position: top left;
	}

    .lnb .menu .depth4, .lnb .menu .depth5 {
        display: none;
    }

    .lnb_curtain {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
        visibility: hidden;
        opacity: 0;
    }

    .lnb_open .lnb_curtain {
        visibility: visible;
        opacity: 1;
		z-index: -1;
    }

    .lnb_curtain button {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
    }

    .lnb_open .lnb_curtain button {
        display: block;
    }

	.lnb_open .lnb .menu {height: 77px !important;}
}

@media all and (min-width: 1561px) {
    .lnb .menu .depth1 .depth1_list .depth1_item:first-child {
        margin-left:-15px;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item:first-child .depth1_text {
        padding-left: 15px;
    }
}

@media all and (min-width: 1001px) and (max-width:1560px) {
    .lnb .menu .depth1 {
        padding:0 3%;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text {
        padding: 0 8px;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span em {
        font-size: 20px;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item.has .depth1_text span em:after {
        margin: 0 0 0 4px;
    }

    .lnb .menu .depth3 {
        left: 260px;
        min-width: calc(100% - 260px);
        min-height: 0;
        height: 100%;
        padding: 24px 30px;
    }
}

@media all and (min-width: 1001px) and (max-width:1280px) {
	.lnb .menu .depth1 .depth1_list {padding: 0 3%;}
	.lnb .menu .depth2 {padding:0 3%;}
}

@media all and (max-width: 1000px) {
    .lnb {
        display:block;
        position: fixed;
        z-index: 80;
        bottom: auto;
        left: auto;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 480px;
        height: 100%;
        background-color: #fff;
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
        transform: translateX(100%);
        visibility: hidden;
        opacity: 0;
        transition-property: max-width, transform, visibility, opacity;
        transition-duration: 400ms;
        transition-timing-function: ease-in-out;
    }

    .lnb_show .lnb {
        transform: translateX(0%);
        visibility: visible;
        opacity: 1;
    }

    .lnb:before, .lnb:after, .lnb *, .lnb *:before, .lnb *:after {
        border: none;
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
    }

    .lnb .lnb_top_box {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 16px 16px 24px;
        background-color: #fff;
    }

    .lnb .lnb_top_box.active {
        z-index: 33;
    }

    .iphone.iphone_ltb .lnb .lnb_top_box {
        display: none;
    }

    .lnb .lnb_top_box:before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #cdd1d5;
        content: '';
    }

    .lnb .lnb_top_box .box_etc {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        padding-right: 24px;
    }

    .lnb .lnb_top_box .box_etc .etc_list {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item {
        display: inline-block;
        position: relative;
        padding-right: 8px;
        padding-left: 8px;
        vertical-align: top;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item:before {
        display: block;
        position: absolute;
        top: calc(50% - 8px);
        left: 0;
        width: 1px;
        height: 16px;
        background-color: #d8d8d8;
        content: '';
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item:first-child {
        padding-left: 0;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item:first-child:before {
        display: none;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item .etc_btn {
        display: inline-block;
        position: relative;
        padding: 0 5px;
        font-size: 15px;
        color: #1d1d1d;
        line-height: 25px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
        transition: background-color 400ms ease-in-out;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item:first-child .etc_btn {
        padding-left: 0;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .etc_btn {
        padding-right: 0;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item .etc_btn:hover, .lnb .lnb_top_box .box_etc .etc_list .etc_item .etc_btn:focus {
        border-radius: 5px;
        text-decoration: none;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item .etc_btn:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: 2px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_blank .etc_btn:after {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin: 6px 0 0 6px;
        background-image: url(../images/guide/ico_go_20.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .etc_btn:after {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin: 4px 0 0 2px;
        background-image: url(../images/guide/ico_arr_16_down.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
        transform: rotate(0deg);
        transition: transform 250ms ease-in-out;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop.active .etc_btn:after {
        transform: rotate(180deg);
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .lang_btn:before {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin: 4px 2px 0 0;
        background-image: url(../images/guide/ico_global.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 8.5rem;
        margin-top: 16px;
        padding: 8px;
        background-color: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 8px;
        box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop.active .drop_menu {
        display: block;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu:before {
        display: inline-block;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 20px;
        height: 12px;
        background-image: url(../images/guide/ico_drop_arr.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        content: '';
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li + li {
        margin-top: 4px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        height: 3rem;
        padding: 0 8px;
        font-size: 17px;
        color: #1d1d1d;
        line-height: 26px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:hover, .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:focus {
        border-radius: 5px;
        text-decoration: none;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:hover {
        background-color: #edf1f5;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: 0;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.active {
        background-color: #edf1f5;
        border-radius: 5px;
        color: #003675;
        font-weight: 700;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button:before {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        position: relative;
        margin: 0 8px 0 0;
        background-color: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        content: '가';
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.xsm:before {
        width: 21px;
        font-size: 15px;
        line-height: 19px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.sm:before {
        width: 24px;
        font-size: 17px;
        line-height: 22px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.md:before {
        width: 25px;
        font-size: 19px;
        line-height: 23px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.lg:before {
        width: 27px;
        font-size: 21px;
        line-height: 25px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.xlg:before {
        width: 30px;
        font-size: 25px;
        line-height: 28px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li button.active:before {
        background-color: #003675;
        color: #fff;
        font-weight: 700;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        height: 3rem;
        padding: 0 8px;
        font-size: 17px;
        color: #1d1d1d;
        line-height: 26px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:hover, .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:focus {
        border-radius: 5px;
        text-decoration: none;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:hover {
        background-color: #edf1f5;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: 0;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_list li a[target="_blank"]:after {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        position: relative;
        margin: 0 0 0 8px;
        width: 16px;
        height: 16px;
        background-image: url(../images/guide/ico_go_20.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        content: '';
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn {
        display: flex;
        position: relative;
        width: 100%;
        margin-top: 7px;
        padding-top: 8px;
        border-top: 1px solid #d8d8d8;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 2.6rem;
        font-size: 17px;
        color: #1d1d1d;
        line-height: 17px;
        letter-spacing: -0.03em;
        font-weight: 500;
        font-family: 'PretendardGOV';
        word-break: keep-all;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:hover, .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:focus {
        border-radius: 5px;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:hover {
        background-color: #edf1f5;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:focus {
        outline: 2px solid rgba(36, 107, 235, 0.8);
        outline-offset: 0;
    }

    .lnb .lnb_top_box .box_etc .etc_list .etc_item.type_drop .drop_menu .drop_in .drop_btn button:before {
        display: inline-flex;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0 6px 0 0;
        background-image: url(../images/guide/ico_refresh_16.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
        content: '';
    }

    .lnb .lnb_top_box .box_sch {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_etc + .box_sch {
        margin-top: 17px;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form fieldset {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form fieldset legend {
        display: block;
        position: relative;
        width: 100%;
        height: 0;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_input {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 48px 0 16px;
        background-color: #fff;
        border: 1px solid #717171;
        border-radius: 8px;
        font-size: 17px !important;
        color: #464c53 !important;
        line-height: 46px !important;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box.active .sch_input {
        padding-right: 78px;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_input:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: 0;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_input::placeholder {
        color: #8a949e;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_input::-webkit-search-cancel-button, .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_input::-webkit-search-results-button {
        display: none;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_input_close {
        display: none;
        position: absolute;
        z-index: 1;
        top: calc(50% - 10px);
        right: 48px;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: #cdd1d5;
        background-image: url(../images/guide/ico_close_24.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50%
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box.active .sch_input_close {
        display: block;
    }

    .lnb .lnb_top_box .box_sch .sch_wrap .sch_form .sch_form_inner .input_box .sch_submit {
        display: block;
        position: absolute;
        top: calc(50% - 12px);
        right: 13px;
        width: 24px;
        height: 24px;
        background-image: url(../images/guide/ico_sch_40.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        font-size: 0 !important;
    }

    .lnb .menu {
        display: flex;
        align-items: normal;
        justify-content: flex-start;
        flex-direction: column;
        position: static;
        width: 100%;
        max-height: 100%;
		height: 100%;
        overflow-y: auto;
        scroll-behavior: smooth;
		background-color: #fbf5f7;
    }

    .lnb .menu .depth1 {
        display: flex;
        position: static;
        min-width: 100%;
        height: auto;
		padding:38px 0 0 0;
		justify-content: flex-end;
    }

    .lnb .menu .depth1 .left_depth1 {
        display: none;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        position: relative;
        top: 0;
        left: 0;
        width: 124px;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list {
        display: block;
        position: sticky;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item {
        display: block;
        position: relative;
        width: 100%;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        position: relative;
        width: 100%;
        height: 64px;
        padding: 0 8px;
        background-color: transparent;
        transition: background-color 400ms ease-in-out;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text:hover, .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        text-decoration: none;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item.active .left_depth1_text {
        background-color: #fff;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item.scroll_active .left_depth1_text {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: -4px;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text span em {
        display: inline-block;
        position: relative;
        font-size: 17px;
        color: #1e2124;
        line-height: 20px;
        letter-spacing: -0.03em;
        font-weight: 600;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
        text-align: center;
        transition: color 400ms ease-in-out
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item.active .left_depth1_text span em {
        color: #870d24;
    }

    .lnb .menu .depth1 .depth1_list {
        display: flex;
        align-items: normal;
        justify-content: flex-start;
        flex-direction: column;
        position: relative;
        width: calc(100% - 124px);
        background-color: #fff;
		padding: 0 15px;
		padding-bottom:25px;
		min-height:calc(100vh - 38px);
    }

    .lnb .menu .depth1 .depth1_list .depth1_item {
        display: block;
        position: static;
        width: 100%;
		
    }
/*
    .lnb .menu .depth1 .depth1_list .depth1_item.solo {
        visibility: hidden;
        opacity: 0;
        height: 0;
        padding: 0;
        overflow: hidden;
    }
*/
    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 125px;
		height:54px;
		position:absolute;
		left:-124px;
		top:0;
		box-sizing:border-box;
		padding-left:20px;

    }
	.lnb .menu .depth1 .depth1_list .depth1_item:nth-child(2) .depth1_text{top:54px;}
	.lnb .menu .depth1 .depth1_list .depth1_item:nth-child(3) .depth1_text{top:108px;}
	.lnb .menu .depth1 .depth1_list .depth1_item:nth-child(4) .depth1_text{top:162px;}
	.lnb .menu .depth1 .depth1_list .depth1_item:nth-child(5) .depth1_text{top:216px;}
	.lnb .menu .depth1 .depth1_list .depth1_item:nth-child(6) .depth1_text{top:270px;}

	.lnb .menu .depth1 .depth1_list .depth1_item.active .depth1_text {background:#fff;}
	.lnb .menu .depth1 .depth1_list .depth1_item.active .depth1_text span em{color:#df3355;}

	.lnb .menu .depth1 .depth1_list .depth1_item.active .depth1_text::before{
        content:"";
		display:block;
		height:100%;
		width:calc(100% - 1px);
		background:transparent;
		position:absolute;
		left:0;
		bottom:0;
		top:0;
		border-top:1px solid #df3355;
		border-bottom:1px solid #df3355;
    }


    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:hover, .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:focus {
        /*outline: 2px solid rgba(222, 51, 85, 0.8);*/
        text-decoration: none;
    }



    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text:before {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #8a949e;
        content: '';
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

	.lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span::before {
        content:"";
		display:block;
		height:10px;
		width:calc(100% + 10px);
		border-radius: 10px;
		background:transparent;
		z-index:-1;
		position:absolute;
		bottom:2px;
		left:50%;
		transform:translatex(-50%);
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span em {
        display: inline-block;
        position: relative;
        font-size: 17px;
        color: #1e2124;
        line-height: 28px;
        letter-spacing: -0.03em;
        font-weight: 600;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
    }

	 .lnb .menu .depth1 .depth1_list .depth1_item.solo .depth1_text span em:after {
		content:"";
		display:inline-block;
		height:8px;
		width:11px;
		border-radius: 10px;
		background:url(../images/common/ico_angle_m2.png) no-repeat left center / 100% 100%;
		transform: rotate(-90deg);
		position:absolute;
		right: -20px;
		top: 9px;
	 }

    .lnb .menu .depth2 {
        display: block;
        position: static;
        width: 100%;
        visibility: hidden;
        opacity: 0;
		height:0;
		overflow:hidden;
		transition: .15s;

    }

	.lnb .menu .depth1 .depth1_list .depth1_item.active .depth2 {
		opacity:1;
		visibility:visible;
		height:auto;
		overflow:visible;
	}

	.lnb .menu .depth1 .depth1_list .depth1_item.solo .depth2 {
		display:none;
	}

    .lnb .menu .depth2 .depth2_list {
        display: block;
        position: static;
        width: 100%;
        padding: 8px 0;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item {
        display: block;
        position: static;
        width: 100%;
		padding:0;
		margin-bottom:10px;
    }

	.lnb .menu .sector .depth2 .depth2_list {padding:18px 10px;}
	.lnb .menu .sector .depth2 .depth2_list .depth2_item {margin-bottom:5px;}
	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text{padding:2px 0 2px 10px;border:0;position:relative;}
	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text::before{content:"";display:block;width:4px;height:4px;background:#1e2124;border-radius:50%;position:absolute;left:0;top:9px;}
	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text[target="_blank"] span {width:auto;}
	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text span em{font-weight:500;font-size:15px;line-height:1.3;}
    


    .lnb .menu .depth1_item.active .depth2 .depth2_list .depth2_item.active {
		background:#f9f9f9;
		border-radius: 5px;
	}

    .lnb .menu .depth2 .depth2_list .depth2_item + .depth2_item {
        margin-top: 0;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        padding: 7px 8px 7px 12px;
        border-radius: 8px;
        background-color: transparent;
		border:1px solid #e1e1e1;
		border-radius:5px;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:hover, .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:focus {
        text-decoration: none;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text:focus {
        outline:none;
        outline-offset: -2px;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item.active .depth2_text {
        background:#df3355;
		color:#fff;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item.active .depth2_text span em{
		color:#fff;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.solo.active .depth2_text, .lnb .menu .depth2 .depth2_list .depth2_item.has.slide_on .depth2_text, .lnb .menu .depth2 .depth2_list .depth2_item.has.active.slide_on .depth2_text {
        background-color: #fbf5f7;
		border-color:#fbf5f7;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.has .depth2_text:after {
        display: inline-flex;
        position: relative;
        width: 11px;
        height: 8px;
        margin-left: auto;
        background: url(../images/common/menu_depth2_ico.png) no-repeat right top / auto 100%;
        content: '';
        transform: rotate(0deg);
        transition: transform 50ms ease-in-out;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item.active .depth2_text:after {
        transform:rotatex(180deg);
		background-position:left;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.has.slide_on .depth2_text:after, .lnb .menu .depth2 .depth2_list .depth2_item.has.active.slide_on .depth2_text:after {
        background-image: url(../images/common/ico_angle_red.svg);
        transform: rotate(180deg);
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text[target="_blank"]:after {
        display: inline-block;
        position: relative;
		width: 14px;
		height: 14px;
		margin: -2px 0 0 8px;
        background-image: url(../images/common/menu_depth3_link.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto 100%;
        vertical-align: top;
        content: '';
		flex: 0 0 auto;
    }


    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text .box-round {
        display: none;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text span {
        display: inline-block;
        width: 100%;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.has .depth2_text span, .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text[target="_blank"] span {
        width: calc(100% - 20px);
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text span em {
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #1e2124;
        line-height: 26px;
        letter-spacing: 0;
        font-weight: 600;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item.solo.active .depth2_text span em, .lnb .menu .depth2 .depth2_list .depth2_item.has.slide_on .depth2_text span em, .lnb .menu .depth2 .depth2_list .depth2_item.has.active.slide_on .depth2_text span em {
        color: #870d24;
        font-weight: 600;
    }

    .lnb .menu .depth3 {
        display: block;
        position: static;
        width: 100%;
        visibility: hidden;
        opacity: 0;
		padding:0;
		height:0;
		overflow:hidden;
    }

	.lnb .menu .depth2 .depth2_list .depth2_item.active .depth3 {
		 visibility: visible;
        opacity: 1;
		padding:10px 0;
		height:auto;
		overflow:visible;
		transition: opacity .25s;
	}

    .lnb .menu .depth3 .depth2_link {
        display: none;
    }

    .lnb .menu .depth3 .depth3_list {
        display: block;
        position: static;
        width: 100%;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item {
        display: block;
        position: static;
        width: 100%;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        padding: 3px 28px 3px 8px;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:hover, .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:focus {
        text-decoration: none;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:focus {
        outline: 2px solid rgba(222, 51, 85, 0.8);
        outline-offset: -2px;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text:before {
        display: inline-flex;
        position: relative;
        margin: 0 4px 0 0;
        font-size: 15px;
        color: #1e2124;
        line-height: 24px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        content: '•';
    }

    .lnb .menu .depth3 .depth3_list .depth3_item.active .depth3_text:before {
        color: #003675;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item.has .depth3_text:after {
        display: inline-flex;
        position: relative;
        min-width: 18px;
        min-height: 18px;
        margin: 3px 0 0 4px;
        background-image: url(../images/guide/lnb_ico_prev.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 90%;
        vertical-align: top;
        content: '';
        transform: rotate(180deg);
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text[target="_blank"]:after {
        display: inline-flex;
        position: relative;
        min-width: 14px;/*20260717*/
        min-height: 14px;/*20260717*/
        margin: 3px 0 0 5px;
        background-image: url(../images/common/menu_depth1_link.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        content: '';
    }


    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text span {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item.has .depth3_text span, .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text[target="_blank"] span {
        max-width: calc(100% - 22px);
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text span em {
        display: inline-block;
        position: relative;
        font-size: 15px;
        color: #1e2124;
        line-height: 24px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item.active .depth3_text span em {
        color: #003675;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item.solo.active .depth3_text span em {
        text-decoration: underline;
        text-underline-position: under;
    }

    .lnb .menu .depth4 {
        display: block;
        position: absolute;
        z-index: 34;
        bottom: auto;
        left: auto;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        transform: translateX(100%);
        visibility: hidden;
        opacity: 0;
        transition-property: transform, visibility, opacity;
        transition-duration: 400ms;
        transition-timing-function: ease-in-out;
    }

    .lnb_show .lnb .menu .depth3_item.active .depth4 {
        transform: translateX(0%);
        visibility: visible;
        opacity: 1;
    }

    .lnb .menu .depth4 .top_depth4_btn_box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        padding: 16px 16px 17px;
    }

    .lnb .menu .depth4 .top_depth4_btn_box .active_close {
        display: inline-flex;
        position: relative;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        vertical-align: top;
    }

    .lnb .menu .depth4 .top_depth4_btn_box .active_close:focus {
        border-radius: 6px;
        outline: 2px solid rgba(36, 107, 235, 0.8);
        outline-offset: -2px;
    }

    .lnb .menu .depth4 .top_depth4_btn_box .active_close.type01 {
        background-image: url(../images/guide/lnb_ico_prev.svg);
    }

    .lnb .menu .depth4 .top_depth4_btn_box .active_close.type02 {
        margin-left: auto;
        background-image: url(../images/guide/ico_close_24.svg);
    }

    .lnb .menu .depth4 .depth3_link {
        display: inline-block;
        position: relative;
        padding: 12px 24px;
        vertical-align: top;
    }

    .lnb .menu .depth4 .depth3_link span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .lnb .menu .depth4 .depth3_link span em {
        display: inline-block;
        position: relative;
        font-size: 18px;
        color: #1d1d1d;
        line-height: 24px;
        letter-spacing: -0.03em;
        font-weight: 600;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth4 .depth4_list {
        display: block;
        position: static;
        width: 100%;
        padding: 0 24px;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item {
        display: block;
        position: static;
        width: 100%;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item + .depth4_item {
        margin-top: 6px;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text {
        display: inline-flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        width: 100%;
        padding: 6px 16px;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item.active .depth4_text {
        border-radius: 6px;
        background-color: #edf1f5;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text:hover, .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text:focus {
        text-decoration: none;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text:before {
        display: inline-flex;
        position: relative;
        margin: 0 4px 0 0;
        font-size: 17px;
        color: #1e2124;
        line-height: 24px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        content: '•';
    }

    .lnb .menu .depth4 .depth4_list .depth4_item.active .depth4_text:before {
        color: #003675;
        font-weight: 600;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text[target="_blank"]:after {
        display: inline-flex;
        position: relative;
        min-width: 24px;
        min-height: 24px;
        background-image: url(../images/guide/ico_go_20.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 65%;
        vertical-align: top;
        content: '';
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text span {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: top;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text[target="_blank"] span {
        max-width: calc(100% - 24px);
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text span em {
        display: inline-block;
        position: relative;
        font-size: 17px;
        color: #1e2124;
        line-height: 24px;
        letter-spacing: -0.03em;
        font-weight: 400;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item.active .depth4_text span em {
        color: #003675;
        font-weight: 600;
    }

    .lnb .menu .depth5 {
        display: none;
    }

    .lnb .menu .lnb_bottom_box {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        position: relative;
        width: 100%;
        padding: 16px 24px;
        background-color: #003675;
    }

    .lnb .menu .lnb_bottom_box .box_etc {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        position: relative;
        width: 100%;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        position: relative;
        width: 100%;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item {
        display: inline-flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
        width: 100%;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item + .etc_item {
        margin-top: 16px;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item .etc_btn {
        display: inline-flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
        padding: 10px 0;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        letter-spacing: -0.03em;
        font-weight: 500;
        font-family: 'PretendardGOV';
        word-break: keep-all;
        vertical-align: top;
        transition: background-color 400ms ease-in-out;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item .etc_btn:hover, .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item .etc_btn:focus {
        text-decoration: none;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item .etc_btn:focus {
        border-radius: 6px;
        outline: 2px solid #fff;
        outline-offset: 2px;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item.type_blank .etc_btn:after {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0 0 0 4px;
        background-color: #fff;
        -webkit-mask-image: url(../images/guide/ico_go_20.svg);
        mask-image: url(../images/guide/ico_go_20.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-size: 90%;
        mask-size: 90%;
        vertical-align: top;
        content: '';
    }

    .lnb .menu_hide {
        display: inline-block;
        position: absolute;
        z-index: 33;
        top: 8px;
        right: 16px;
        width: 24px;
        height: 24px;
        vertical-align: top;
    }

    .lnb .menu_hide .menu_button {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://www.yongin.go.kr/resources/site/www_2025/images/guide/ico_close_24.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .lnb_curtain {
        display: block;
        position: fixed;
        z-index: 79;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        font-size: 0;
        line-height: 0;
        box-sizing: border-box;
        visibility: hidden;
        opacity: 0;
        transition-property: visibility, opacity;
        transition-duration: 250ms;
        transition-timing-function: ease-in-out;
    }

    .lnb_show .lnb_curtain {
        visibility: visible;
        opacity: 1;
    }

    .lnb_curtain button {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media all and (max-width: 640px) {
    .lnb {
        max-width:100%;
    }

    .lnb .menu .depth1 .left_depth1 {
        width: 100px;
		display:none;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text {
        height: 54px;
    }

    .lnb .menu .depth1 .left_depth1 .left_depth1_list .left_depth1_item .left_depth1_text span em {
        font-size: 16px;
    }

    .lnb .menu .depth1 .depth1_list {
        width: calc(100% - 100px);
		padding: 0 12px;
		padding-bottom:25px;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text {
        height: 54px;
		width:101px;
		left:-100px;
		padding-left:13px;
    }

    .lnb .menu .depth1 .depth1_list .depth1_item .depth1_text span em {
        font-size: 16px;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item + .depth2_item {
        margin-top: 0;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text {
        padding: 7px 8px 7px 12px;
    }

    .lnb .menu .depth2 .depth2_list .depth2_item .depth2_text span em {
        font-size: 15px;
    }

    .lnb .menu .depth3 .depth3_list .depth3_item .depth3_text span em {
        font-size: 14px;
    }

    .lnb .menu .depth4 .depth3_link span em {
        font-size: 17px;
    }

    .lnb .menu .depth4 .depth4_list .depth4_item .depth4_text span em {
        font-size: 16px;
    }

    .lnb .menu .lnb_bottom_box {
        padding: 10px 24px;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item + .etc_item {
        margin-top: 6px;
    }

    .lnb .menu .lnb_bottom_box .box_etc .etc_list .etc_item .etc_btn {
        padding: 5px 0;
        font-size: 15px;
    }
}

/* 분야별 정보 */
@media all and (min-width: 1001px) {
    .lnb .menu .sector .depth2 {
        /*padding:0;*/
		background:#fbf5f7;
    }
	.lnb .menu .sector .depth2_list{
		background:#fbf5f7;
	}

    .lnb .menu .sector .depth2 .depth2_list {
        display: flex;
        /* justify-content: space-between; */
        flex-wrap: wrap;
       /* padding: 50px calc((100% - 1560px) / 2 + 20px);*/
	   padding:50px 0 60px 0;
	   margin:-40px 0 0 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item {
        display: block;
        width: 120px;
		margin:40px 0 0 0;
		margin-right: calc((100% - 120px * 7) / 6);
        vertical-align: top;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item:nth-child(7n) {
        margin-right: 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item:nth-child(n + 9) {
        margin-top: 40px;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text {
        display: block;
        height: 120px;
        padding: 15px 10px 0;
        background-color: #fff;
        border-radius: 43px;
        text-align: center;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item.active .depth2_text {
        background-color: #fff;
    }
	
	/* 2026-04-24 */
    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon {
        display: block;
        width: 57px;
        height: 57px;
        margin: 0 auto 2px;
        /* background-image: url(../images/common/nav_sector_icon.svg); */
        background-size: 50px;
        background-repeat: no-repeat;
		background-position: center;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type01 {
        background-image: url(../images/common/mkt_ico1.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type02 {
        background-image: url(../images/common/mkt_ico2.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type03 {
        background-image: url(../images/common/mkt_ico3.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type04 {
        background-image: url(../images/common/mkt_ico4.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type05 {
        background-image: url(../images/common/mkt_ico5.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type06 {
        background-image: url(../images/common/mkt_ico6.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type07 {
        background-image: url(../images/common/mkt_ico7.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type08 {
        background-image: url(../images/common/mkt_ico8.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type09 {
        background-image: url(../images/common/mkt_ico9.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type10 {
        background-image: url(../images/common/mkt_ico10.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type11 {
       background-image: url(../images/common/mkt_ico11.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type12 {
        background-image: url(../images/common/mkt_ico12.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type13 {
        background-image: url(../images/common/mkt_ico13.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type14 {
        background-image: url(../images/common/mkt_ico14.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type15 {
        background-image: url(../images/common/mkt_ico15.png);
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type16 {
        background-image: url(../images/common/mkt_ico16.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type17 {
        background-image: url(../images/common/mkt_ico17.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type18 {
        background-image: url(../images/common/mkt_ico18.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type01 {
        background-image: url(../images/common/mkt_ico_over1.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type02 {
        background-image: url(../images/common/mkt_ico_over2.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type03 {
        background-image: url(../images/common/mkt_ico_over3.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type04 {
        background-image: url(../images/common/mkt_ico_over4.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type05 {
        background-image: url(../images/common/mkt_ico_over5.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type06 {
        background-image: url(../images/common/mkt_ico_over6.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type07 {
        background-image: url(../images/common/mkt_ico_over7.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type08 {
        background-image: url(../images/common/mkt_ico_over8.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type09 {
        background-image: url(../images/common/mkt_ico_over9.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type10 {
        background-image: url(../images/common/mkt_ico_over10.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type11 {
        background-image: url(../images/common/mkt_ico_over11.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type12 {
        background-image: url(../images/common/mkt_ico_over12.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type13 {
        background-image: url(../images/common/mkt_ico_over13.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type14 {
        background-image: url(../images/common/mkt_ico_over14.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type15 {
        background-image: url(../images/common/mkt_ico_over15.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type16 {
        background-image: url(../images/common/mkt_ico_over16.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type17 {
        background-image: url(../images/common/mkt_ico_over17.png);
    }

	.lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon.type18 {
        background-image: url(../images/common/mkt_ico_over18.png);
    }
	
    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text span em {
        font-size: 16px;
        font-weight: 500;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item.active .depth2_text span em {
        color: #1d1d1d;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text[target="_blank"] span em:after {
        display: none;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover, .lnb .menu .sector .depth2 .depth2_list .depth2_item.active .depth2_text:hover {
        background-color: #ea5f7b;
        box-shadow: 16px 11px 40px 0px rgba(28,2,7,0.2);
    }
	
	/*
    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover .depth2_icon {
        background-image: url(../images/common/nav_sector_icon_over.svg);
    }
	*/

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text:hover span em, .lnb .menu .sector .depth2 .depth2_list .depth2_item.active .depth2_text:hover span em {
        color: #fff;
    }
	/* // 2026-04-24 */

}

@media all and (max-width: 1560px) and (min-width:1001px) {
    .lnb .menu .sector .depth2 .depth2_list {
        padding:50px 3%;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item {
		/*
		width: 105px;
        margin-right: calc((100% - 105px * 7) / 6);
		*/
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text {
        /*
		height: 105px;
        padding: 15px 10px 0;
		*/
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon {
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }
	
	/* 2026-04-24 */
	/*
    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type01 {
        background-position: calc(-50px * 0) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type02 {
        background-position: calc(-50px * 1) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type03 {
        background-position: calc(-50px * 2) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type04 {
        background-position: calc(-50px * 3) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type05 {
        background-position: calc(-50px * 4) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type06 {
        background-position: calc(-50px * 5) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type07 {
        background-position: calc(-50px * 6) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type08 {
        background-position: calc(-50px * 7) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type09 {
        background-position: calc(-50px * 8) 0;
    }
	
    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type10 {
        background-position: calc(-50px * 9) 0;
    }
	
    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type11 {
        background-position: calc(-50px * 10) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type12 {
        background-position: calc(-50px * 11) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type13 {
        background-position: calc(-50px * 12) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type14 {
        background-position: calc(-50px * 13) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type15 {
        background-position: calc(-50px * 14) 0;
    }

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text .depth2_icon.type16 {
        background-position: calc(-50px * 15) 0;
    }
	*/
	/* // 2026-04-24 */

    .lnb .menu .sector .depth2 .depth2_list .depth2_item .depth2_text span em {
        font-size: 15px;
        line-height: 17px;
    }
}

/* ---------- #header 종료 ---------- */
/* ---------- #container 종료 ---------- */
#container {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

/* ---------- #container 종료 ---------- */
/* ---------- #footer 시작 ---------- */
#footer {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 101px;
    margin-bottom: 0;
    background-color: #f8f8f8;
    box-sizing: border-box;
    overflow-x: hidden;
    z-index:71;
}

.footer_layer_wrap {
    display: block;
    position: relative;
    width: 100%;
    padding: 22px 0;
    background-color: #fff;
    border-top:1px solid #e9ecef;
    border-bottom:1px solid #e9ecef;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.footer_layer_wrap:before, .footer_layer_wrap:after, .footer_layer_wrap *, .footer_layer_wrap *:before, .footer_layer_wrap *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.footer_layer_wrap .layer_list {
    display: flex;
    position: relative;
    width: auto; /*20260717*/
	margin-left:-13px;
}

.footer_layer_wrap .layer_list .layer_item {
    display: block;
    position: relative;
    width: calc(100% / 5 - 13px);
    border-right: 0;
    vertical-align: top;
	margin-left:13px;
}

.footer_layer_wrap .layer_list .layer_item:first-child {
    border-left: 0;
}

.footer_layer_wrap .layer_list .layer_item .layer_open {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 54px;
    padding-left: 14px;
    padding-right: 14px;
    background-color: transparent;
    vertical-align: top;
    transition: background-color 200ms ease-in-out;
	border:1px solid #dee2e6;
	border-radius:5px;
}

.footer_layer_wrap .layer_list .layer_item .layer_open:hover {
    background-color: #eef2f7;
}

.footer_layer_wrap .layer_list .layer_item .layer_open:focus {
    outline: 2px solid rgba(234, 95, 124, 0.8);
    outline-offset: -2px;
}

.footer_layer_wrap .layer_list .layer_item .layer_open:after {
    display: inline-flex;
    position: relative;
    min-width: 10px;
    min-height: 8px;
    margin-left: auto;
	background: url(../images/common/layer_item_ico.png) no-repeat;
    vertical-align: top;
    content: '';
}

.ie .footer_layer_wrap .layer_list .layer_item .layer_open:after {
    background-color: transparent;
    background-image: url(../images/guide/ico_plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-mask-image: none;
    mask-image: none;
}

.footer_layer_wrap .layer_list .layer_item .layer_open span {
    display: inline-flex;
    position: relative;
    max-width: calc(100% - 20px);
    vertical-align: top;
    text-align: left;
}

.footer_layer_wrap .layer_list .layer_item .layer_open span em {
    display: inline-flex;
    position: relative;
    font-size: 15px;
    color: #2b2b2b;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
   /* font-family: 'NotoKR';  20260717*/
    word-break: keep-all;
    vertical-align: top;
}

.footer_layer_wrap .layer_list .layer_item .modal_list {
    display: none;
}

html[lang="en"] .footer_layer_wrap, html[lang="zh-CN"] .footer_layer_wrap, html[lang="zh-TW"] .footer_layer_wrap, html[lang="ja"] .footer_layer_wrap {
    display: none;
}

@media all and (max-width: 1560px) {
    .footer_layer_wrap {
       /* padding:0 3%;*/ 
    }

    .footer_layer_wrap .layer_list .layer_item .layer_open {
        padding: 0 14px;
    }

    .footer_layer_wrap .layer_list .layer_item .layer_open span em {
        font-size: 16px;
    }
}

@media all and (max-width: 1080px) {
	.footer_layer_wrap .layer_list .layer_item .layer_open span em {word-break: break-all;}
}

@media all and (max-width: 1000px) {
    .footer_layer_wrap {
        padding: 17px 0;
        /* border: none;*/  
    }

	.footer_layer_wrap .layer_list {flex-wrap: wrap; margin: -7px 0 0 0;} 

    .footer_layer_wrap .layer_list .layer_item {
        display: block;
        width: 100%;
        border-right: none;
		margin: 7px 0 0 0; 
		width:100%; 
    }


    .footer_layer_wrap .layer_list .layer_item .layer_open {
        height: 46px; 
        padding: 0 3%;
        border-bottom: 1px solid #cdd1d5;
    }

    .footer_layer_wrap .layer_list .layer_item:first-child .layer_open {
        border-top: 1px solid #cdd1d5;
    }

    .footer_layer_wrap .layer_list .layer_item .layer_open:hover {
        background-color: transparent;
    }

	.footer_layer_wrap .layer_list .layer_item .layer_open span em {word-break: keep-all;}

}

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


@media all and (max-width: 640px) {
    .footer_layer_wrap .layer_list .layer_item .layer_open span em {
        font-size:14px;
        line-height: 18px;
    }
	
	/*  .footer_layer_wrap .layer_list .layer_item .layer_open:after { 
        min-width: 18px;
        min-height: 18px;
    }*/   

	.main-cts #footer{margin-top:60px;}
}

#footer .footer_box {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 calc((100% - 1560px) / 2) 35px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

html[lang="en"] #footer .footer_box, html[lang="zh-CN"] #footer .footer_box, html[lang="zh-TW"] #footer .footer_box, html[lang="ja"] #footer .footer_box {
    border-top: 1px solid #d8d8d8;
}

#footer .footer_box:before, #footer .footer_box:after, #footer .footer_box *, #footer .footer_box *:before, #footer .footer_box *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

#footer .footer_box .box_inner {
    display: inline-block;
    position: relative;
    width: calc(100% - 232px);
    padding: 50px 0 0;
    vertical-align: top;
}

#footer .footer_box .box_inner .logo {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#footer .footer_box .box_inner .logo a {
    display: inline-block;
    position: relative;
    width: 165px;
    height: 50px;
    background-image: url(../images/common/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    vertical-align: top;
}

html[lang="en"] #footer .footer_box .box_inner .logo a, html[lang="zh-CN"] #footer .footer_box .box_inner .logo a, html[lang="zh-TW"] #footer .footer_box .box_inner .logo a, html[lang="ja"] #footer .footer_box .box_inner .logo a {
    width: 153px;
    height: 50px;
    background-image: url(../images/common/logo_lang_trans.svg);
}

#footer .footer_box .box_inner .logo a:focus {
    outline: 2px solid rgba(234, 95, 124, 0.8);
    outline-offset: 2px;
}

#footer .footer_box .box_inner .desc {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 46px;
}

#footer .footer_box .box_inner .desc .desc_text {
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    vertical-align: top;
}

#footer .footer_box .box_inner .desc .desc_text + .desc_text {
    margin-left: 18px;
}

#footer .footer_box .box_inner .desc .desc_text.address {
    margin: 0;
}

#footer .footer_box .box_inner .inner_text_box {
    margin-top: 17px;
}

#footer .footer_box .box_inner .inner_text_box .inner_text {
    display: block;
    position: relative;
    padding: 5px 0;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    vertical-align: top;
}

#footer .footer_box .box_inner .inner_text_box .inner_text span {
    padding-right: 8px;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    font-family: 'NotoKR';
    word-break: keep-all;
    vertical-align: top;
}

#footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn {
    display: inline-block;
    position: relative;
    font-size: inherit;
    line-height: inherit;
    cursor: revert;
}

#footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 2px;
    background: url(../images/common/footer_notice_icon.png)center center / cover no-repeat;
    vertical-align: top;
}

#footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn .price_notice_layer {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: calc(100% + 19px);
    left: -12px;
    width: 383px;
    padding: 14px 19px 17px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    border-radius: 8px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    text-align: left;
    transition-property: opacity, visibility;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

#footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn .price_notice_layer:before {
    display: block;
    position: absolute;
    top: 100%;
    left: 50px;
    width: 18px;
    height: 9px;
    background: url(../images/common/footer_notice_deco.png) center center / cover no-repeat;
    content: '';
}

#footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn:hover .price_notice_layer, #footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn:focus .price_notice_layer {
    opacity: 1;
    visibility: visible;
}

html[lang="en"] #footer .footer_box .box_inner .desc .desc_text, html[lang="zh-CN"] #footer .footer_box .box_inner .desc .desc_text, html[lang="zh-TW"] #footer .footer_box .box_inner .desc .desc_text, html[lang="ja"] #footer .footer_box .box_inner .desc .desc_text {
    display: block;
}

html[lang="en"] #footer .footer_box .box_inner .desc .desc_text.tel, html[lang="zh-CN"] #footer .footer_box .box_inner .desc .desc_text.tel, html[lang="zh-TW"] #footer .footer_box .box_inner .desc .desc_text.tel, html[lang="ja"] #footer .footer_box .box_inner .desc .desc_text.tel {
    margin-left: 0;
    font-weight: 600;
}

html[lang="en"] #footer .footer_box .box_inner .desc .desc_text.fax, html[lang="zh-CN"] #footer .footer_box .box_inner .desc .desc_text.fax, html[lang="zh-TW"] #footer .footer_box .box_inner .desc .desc_text.fax, html[lang="ja"] #footer .footer_box .box_inner .desc .desc_text.fax {
    display: none;
}

#footer .footer_box .box_etc {
    display: inline-block;
    position: relative;
    width: 232px;
    margin-left: auto;
    padding: 149px 0 0 0;
    vertical-align: top;
    text-align: right;
}

#footer .footer_box .box_etc .sns_list {
    display: block;
    position: relative;
    width: 100%;
}

#footer .footer_box .box_etc .sns_list .sns_item {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#footer .footer_box .box_etc .sns_list .sns_item + .sns_item {
    margin-left: 8px;
}

#footer .footer_box .box_etc .sns_list .sns_item a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #cdd1d5;
    border-radius: 100%;
    vertical-align: top;
}

#footer .footer_box .box_etc .sns_list .sns_item a:before {
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background-image: url(../images/common/footer_sns_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
}

#footer .footer_box .box_etc .sns_list .sns_item.blog a:before {
    background-position: calc(-20px * 0) 0;
}

#footer .footer_box .box_etc .sns_list .sns_item.kakao a:before {
    background-position: calc(-20px * 1) 0;
}

#footer .footer_box .box_etc .sns_list .sns_item.instagram a:before {
    background-position: calc(-20px * 2) 0;
}

#footer .footer_box .box_etc .sns_list .sns_item.facebook a:before {
    background-position: calc(-20px * 3) 0;
}

#footer .footer_box .box_etc .sns_list .sns_item.youtube a:before {
    background-position: calc(-20px * 4) 0;
}

@media all and (max-width: 1560px) {
    #footer .footer_box {
        padding:0 3% 40px;
    }

    #footer .footer_box .box_inner .desc .desc_text {
        font-size: 16px;
    }

    #footer .footer_box .box_etc {
        padding-top: 145px;
    }
}

@media all and (max-width: 1000px) {
    #footer {
        margin-bottom:50px;
    }

    #footer .footer_box {
        padding: 32px 0 30px;
    }

    #footer .footer_box .box_inner .logo a {
        width: 132px;
        height: 40px;
    }

    html[lang="en"] #footer .footer_box .box_inner .logo a, html[lang="zh-CN"] #footer .footer_box .box_inner .logo a, html[lang="zh-TW"] #footer .footer_box .box_inner .logo a, html[lang="ja"] #footer .footer_box .box_inner .logo a {
        width: 125px;
        height: 40px;
    }

    #footer .footer_box .box_inner .desc {
        margin-top: 24px;
        padding: 0;
    }

    #footer .footer_box .box_inner {
        width: 100%;
        padding: 0 3%;
    }

    #footer .footer_box .box_inner .desc {
        padding: 10px 0;
    }

    #footer .footer_box .box_inner .desc .desc_text {
        padding: 0;
        font-size: 15px;
        letter-spacing: -0.06em;
    }

    #footer .footer_box .box_inner .desc .desc_text + .desc_text {
        margin-left: 9px;
    }

    #footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn i {
        width: 18px;
        height: 18px;
        margin: 1px 0 0;
    }

    #footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn .price_notice_layer {
        bottom: calc(100% + 16px);
        left: auto;
        right: 9px;
        width: 305px;
        padding: 13px 18px 16px 20px;
        font-size: 13px;
        line-height: 21px;
    }

    #footer .footer_box .box_inner .inner_text_box .inner_text .price_notice_btn .price_notice_layer:before {
        left: auto;
        right: 16px;
    }

    #footer .footer_box .box_etc {
        width: 100%;
        margin-top: 23px;
        padding: 0 3%;
        text-align: left;
    }

    #footer .footer_box .box_etc .sns_list .sns_item a {
        width: 36px;
        height: 36px;
    }
}

@media all and (max-width: 640px) {
    #footer .footer_box .box_inner .logo a {
        width:110px;
        height: 33px;
    }

    html[lang="en"] #footer .footer_box .box_inner .logo a, html[lang="zh-CN"] #footer .footer_box .box_inner .logo a, html[lang="zh-TW"] #footer .footer_box .box_inner .logo a, html[lang="ja"] #footer .footer_box .box_inner .logo a {
        width: 102px;
        height: 33px;
    }

    #footer .footer_box .box_inner .desc .desc_text {
        display: block;
        line-height: 24px;
        letter-spacing: -0.04em;
        font-weight: 600;
    }

    #footer .footer_box .box_inner .desc .desc_text.address {
        padding-right: 10px;
        font-size: 15px;
        font-weight: 400;
    }

    #footer .footer_box .box_inner .inner_text_box {
        margin-top: 11px;
    }

    #footer .footer_box .box_inner .inner_text_box .inner_text {
        font-size: 15px;
        letter-spacing: -0.05em;
    }

    #footer .footer_box .box_inner .inner_text_box .inner_text span {
        padding-right: 4px;
        font-size: 15px;
        letter-spacing: -0.03em;
    }

    html[lang="en"] #footer .footer_box .box_inner .desc .desc_text.address, html[lang="zh-CN"] #footer .footer_box .box_inner .desc .desc_text.address, html[lang="zh-TW"] #footer .footer_box .box_inner .desc .desc_text.address, html[lang="ja"] #footer .footer_box .box_inner .desc .desc_text.address {
        padding-right: 0;
    }

    #footer .footer_box .box_inner .desc .desc_text + .desc_text {
        margin-top: 7px;
        margin-left: 0;
    }

    #footer .footer_box .box_etc .sns_list .sns_item + .sns_item {
        margin-left: 7px;
    }
}

.footer_bottom {
    display: block;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    padding: 14px calc((100% - 1560px) / 2) 35px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.footer_bottom:before, .footer_bottom:after, .footer_bottom *, .footer_bottom *:before, .footer_bottom *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.footer_bottom:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    content: '';
}

.footer_bottom .quick_box {
    display: inline-flex;
    position: relative;
    vertical-align: top;
}

html[lang="en"] .footer_bottom .quick_box, html[lang="zh-CN"] .footer_bottom .quick_box, html[lang="zh-TW"] .footer_bottom .quick_box, html[lang="ja"] .footer_bottom .quick_box {
    display: none;
}

.footer_bottom .quick_box .quick_list {
    display: block;
    position: relative;
    vertical-align: top;
}

.footer_bottom .quick_box .quick_list .quick_item {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.footer_bottom .quick_box .quick_list .quick_item + .quick_item {
    margin-left: 17px;
}

.footer_bottom .quick_box .quick_list .quick_item a {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    border-radius: 6px;
    font-size: 15px;
    color: #1d1d1d;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    vertical-align: top;
    background-color: transparent;
    transition: background-color 400ms ease-in-out;
}

.footer_bottom .quick_box .quick_list .quick_item a:hover, .footer_bottom .quick_box .quick_list .quick_item a:focus {
    text-decoration: none;
}

.footer_bottom .quick_box .quick_list .quick_item a:hover {
    background-color: #eef2f7;
}

.footer_bottom .quick_box .quick_list .quick_item a:focus {
    outline: 2px solid rgba(234, 95, 124, 0.8);
    outline-offset: 2px;
}

.footer_bottom .copyright {
    display: block;
    position: relative;
    width: 100%;
    padding: 4px 0;
    font-size: 14px;
    color: #1d1d1d;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
}

.footer_bottom .mark {
    top: 21px;
    right: calc((100% - 1560px) / 2);
    align-items: start;
}

.footer_bottom .qr_img {
    display: inline-block;
    width: 49px;
    margin-right: 29px;
}

.footer_bottom .mark_img {
    display: inline-block;
    width: 66px;
    height: 48px;
    background-color: #333;
    border-radius: 50%;
}

html[lang="en"] .footer_bottom .copyright, html[lang="zh-CN"] .footer_bottom .copyright, html[lang="zh-TW"] .footer_bottom .copyright, html[lang="ja"] .footer_bottom .copyright {
    margin-left: 0;
}

@media all and (max-width: 1560px) {
    .footer_bottom {
        padding:14px 3% 64px;
    }

    .footer_bottom .quick_box .quick_list .quick_item + .quick_item {
        margin-left: 10px;
    }

    .footer_bottom .quick_box .quick_list .quick_item a {
        font-size: 16px;
    }

    .footer_bottom .copyright {
        font-size: 16px;
    }
}

@media all and (max-width: 1000px) {
    .footer_bottom {
        display:block;
        padding: 18px 3%;
    }

    .footer_bottom .quick_box .quick_list .quick_item a {
        padding: 0;
        font-size: 15px;
    }

    .footer_bottom .copyright {
        display: block;
        padding: 10px 0 0;
        font-size: 15px;
    }
}

@media all and (max-width: 640px) {
    .footer_bottom {
        padding:16px 3% 95px;
    }

    .footer_bottom .quick_box {
        display: block;
    }

    .footer_bottom .quick_box .quick_list {
        display: block;
    }

    .footer_bottom .quick_box .quick_list .quick_item {
        margin-right: 36px;
    }

    .footer_bottom .quick_box .quick_list .quick_item:last-child {
        margin-right: 0;
    }

    .footer_bottom .quick_box .quick_list .quick_item + .quick_item {
        margin-left: 0;
    }

    .footer_bottom .quick_box .quick_list .quick_item a {
        line-height: 23px;
    }

    .footer_bottom .quick_box .quick_list .quick_item.privacy a {
        color: #003675;
        font-weight: 600;
    }

    .footer_bottom .copyright {
        padding: 16px 30vw 0 0;
        font-size: 14px;
        line-height: 23px;
    }
}

/* ---------- #footer 종료 ---------- */
/* ---------- 푸터 모달 레이어창 시작 ---------- */
.modal_layer {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 160px calc((100% - 1560px) / 2) 40px;
    background-color: #eef2f7;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.modal_open .modal_layer {
    display: block;
}

.modal_layer:before, .modal_layer:after, .modal_layer *, .modal_layer *:before, .modal_layer *:after {
    border: none;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

.modal_layer .modal_layer_close {
    display: block;
    position: absolute;
    top: 22px;
    right: 22px;
    width: 48px;
    height: 48px;
    background-image: url(../images/guide/ico_close_48.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.modal_layer .modal_layer_close:first-child {
}

.modal_layer .modal_layer_close:last-child {
}

.modal_layer .modal_layer_close:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 4px;
}

.modal_layer .modal_wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

@media all and (min-width: 1001px) {
    .modal_layer .modal_wrap::-webkit-scrollbar {
        width:8px;
    }

    .modal_layer .modal_wrap::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #c6c6c6;
    }

    .modal_layer .modal_wrap::-webkit-scrollbar-track {
        background-color: #d8d8d8;
    }

    .modal_layer .modal_wrap:focus {
        outline: 2px solid rgba(36, 107, 235, 0.8);
        outline-offset: 4px;
    }
}

.modal_layer .modal_wrap .modal_title {
    display: block;
    position: sticky;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 0 40px;
    background-color: #eef2f7;
    font-size: 24px;
    color: #1e2124;
    line-height: 36px;
    letter-spacing: -0.03em;
    font-weight: 600;
    font-family: 'PretendardGOV';
    word-break: keep-all;
}

.modal_layer .modal_wrap .modal_list {
    display: block;
    position: relative;
    width: 100%;
}

.modal_layer .modal_wrap .modal_list .modal_item {
    display: inline-block;
    position: relative;
    width: calc(100% / 4);
    padding: 8px;
    vertical-align: top;
}

.modal_layer .modal_wrap .modal_list .modal_item a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    width: 100%;
    padding: 12px 8px;
    border-radius: 8px;
    background-color: transparent;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    transition: background-color 400ms ease-in-out;
}

.modal_layer .modal_wrap .modal_list .modal_item a:hover {
    text-decoration: none;
    background-color: #d6e0eb;
}

.modal_layer .modal_wrap .modal_list .modal_item a:focus {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: -2px;
}

.modal_layer .modal_wrap .modal_list .modal_item a:before {
    display: inline-flex;
    position: relative;
    margin-right: 4px;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    font-family: inherit;
    word-break: inherit;
    content: '･';
}

@media all and (max-width: 1560px) {
    .modal_layer {
        padding:70px 15px;
    }

    .modal_layer .modal_wrap {
        padding: 0 5%;
    }

    .modal_layer .modal_layer_close {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }

    .modal_layer .modal_wrap .modal_title {
        padding: 0 0 10px;
    }

    .modal_layer .modal_wrap .modal_list .modal_item {
        padding: 8px 0;
    }

    .modal_layer .modal_wrap .modal_list .modal_item a {
        padding: 0 8px;
    }
}

@media all and (max-width: 1000px) {
    .modal_layer {
        padding:44px 3%;
    }

    .modal_layer .modal_layer_close {
        top: 10px;
        right: 10px;
        width: 24px;
        height: 24px;
    }

    .modal_layer .modal_wrap {
        padding: 0;
    }

    .modal_layer .modal_wrap .modal_title {
        padding: 24px 0 8px;
        font-size: 22px;
        line-height: 33px;
    }

    .modal_layer .modal_wrap .modal_list .modal_item {
        width: calc(100% / 3);
        padding: 0;
    }

    .modal_layer .modal_wrap .modal_list .modal_item .modal_link {
        padding: 16px;
    }
}

@media all and (max-width: 640px) {
    .modal_layer .modal_wrap .modal_title {
        padding:24px 0 16px;
    }

    .modal_layer .modal_wrap .modal_list .modal_item {
        width: 50%;
    }

    .modal_layer .modal_wrap .modal_list .modal_item .modal_link {
        padding: 8px 0;
    }
}

/* ---------- 푸터 모달 레이어창 종료 ---------- */
/* ---------- CMS 팝업창 시작 ---------- */
#main .popup_layer_wrap > .popup_layer {
    display: inline-block;
    background-color: #fff;
    border: none !important;
    border-radius: 12px;
    padding: 30px 30px 20px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.2);
}

#main .popup_layer_wrap > .popup_layer > a, #main .popup_layer_wrap > .popup_layer > div {
    display: inline-block;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > a:focus {
    outline: 2px solid #246beb;
    outline-offset: -4px;
}

#main .popup_layer_wrap > .popup_layer > .popup_close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > * + .popup_close {
    margin-top: 20px;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left {
    display: inline-block;
    position: relative;
    width: auto;
    vertical-align: top;
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    width: auto;
    min-height: 24px;
    padding-left: 32px;
    font-size: 19px;
    color: #1d1d1d;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    vertical-align: top;
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"]:focus + label {
    outline: 2px solid rgba(36, 107, 235, 0.8);
    outline-offset: 4px;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label:before, #main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label:after {
    display: block;
    position: absolute;
    content: '';
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label:before {
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #717171;
    border-radius: 4px;
    background-color: #fff;
    transition: border 0.4s cubic-bezier(0.4, 0, 0.23, 1), background-color 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label:after {
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: url(../images/guide/ico_check_primary_checked.svg) no-repeat 0 0;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.23, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"]:checked + label:before {
    border: 1px solid #246beb;
    background-color: #246beb;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"]:checked + label:after {
    opacity: 1;
    visibility: visible;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_right {
    display: inline-block;
    position: relative;
    width: auto;
    margin-left: auto;
    background-color: #246beb;
    border: 1px solid #246beb;
    border-radius: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    box-sizing: border-box;
    transition: border 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_right:hover {
    background-color: #1d56bc;
    border-color: #1d56bc;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_right button {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: auto;
    min-height: 38px;
    padding: 8px 10px;
    border: none;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'PretendardGOV';
    word-break: keep-all;
    vertical-align: top;
    box-sizing: border-box;
}

#main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_right button:focus {
    background-color: transparent !important;
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: -4px;
}

@media all and (max-width: 1560px) {
    #main .popup_layer_wrap {
        display:block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 50px;
        text-align: center;
    }

    #main .popup_layer_wrap .popup_layer {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    #main .popup_layer_wrap * + .popup_layer {
        margin-top: 10px;
    }

    #main .popup_layer_wrap > .popup_layer > a img, #main .popup_layer_wrap > .popup_layer > div img {
        width: auto !important;
        height: auto !important;
    }
}

@media all and (max-width: 1000px) {
    #main .popup_layer_wrap {
        padding:50px 3%;
    }
}

@media all and (max-width: 640px) {
    #main .popup_layer_wrap > .popup_layer {
        padding:20px 20px 15px;
    }

    #main .popup_layer_wrap > .popup_layer > * + .popup_close {
        margin-top: 10px;
    }

    #main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label {
        font-size: 16px;
        line-height: 24px;
    }

    #main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label:before, #main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_left input[type="checkbox"] + label:after {
        transform-origin: 50% 50%;
        transform: scale(0.84);
    }

    #main .popup_layer_wrap > .popup_layer > .popup_close .popup_close_right button {
        min-height: 34px;
        line-height: 18px;
    }
}

/* ---------- CMS 팝업창 종료 ---------- */
/* 퀵메뉴 */
.quickmenu_box {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 70;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.quickmenu_box .quickmenu_shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 51px;
}

.quickmenu_box .quickmenu_shape svg {
    width: 100%;
    /*filter: drop-shadow(0px -50px 75px rgba(0, 0, 0, 1));*/ /* 2026-06-29 */
	filter: drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.3)); /* 2026-06-29 */
}

.quickmenu_box .quickmenu_shape svg path {
    transform: translateX(calc(50% - 500px));
}

.quickmenu_box .quickmenu_item {
    display: inline-block;
    position: relative;
    width: 50%;
    vertical-align: top;
    text-align: center;
}

.quickmenu_box .quickmenu_item.type1 {
    padding-right: 48px;
}

.quickmenu_box .quickmenu_item.type2 {
    padding-left: 48px;
}

.quickmenu_box .quickmenu_item .item_area {
    display: inline-block;
    position: relative;
    height: 50px;
}

.quickmenu_box .quickmenu_item .item_area span {
    display: inline-block;
    position: relative;
    top: 50%;
    padding-left: 28px;
    font-size: 14px;
    color: #222;
    line-height: 18px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    transform: translateY(-50%);
}

.quickmenu_box .quickmenu_item .item_area span:before {
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../images/common/quickmenu_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
}

.quickmenu_box .quickmenu_item.type1 .item_area span:before {
    background-position: left center;
}

.quickmenu_box .quickmenu_item.type2 .item_area span:before {
    background-position: right center;
}

.quickmenu_box .quickmenu_btn {
    position: absolute;
    bottom: 0;
    left: calc(50% - 32px);
    z-index: 1;
}

.quickmenu_box .quickmenu_btn .item_btn {
    display: block;
    width: 64px;
    height: 64px;
    padding-bottom: 4px;
    background-image: linear-gradient(to left top, #bb1535, #df3355);
    box-shadow: 0px 0px 4px 1px rgba(255,255,255,1), 0px 0px 16px 0px rgba(0,0,0,0.4);
    border: none;
    border-radius: 50%;
}

.quickmenu_box .quickmenu_btn .item_btn span {
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
}

.quickmenu_box .spin_box {
    display: block;
    position: absolute;
    bottom: -133px;
    left: calc(50% - 165px);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition-property: bottom, visibility, opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.quickmenu_box .spin_box.active {
    bottom: -40px;
    visibility: visible;
    opacity: 1;
}

.quickmenu_box .spin_box:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    width: 100vw;
    height: 50vh;
    background-color: #000;
    transform: translateX(-50%);
    content: '';
    transition-property: opacity, height;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.quickmenu_box .spin_box.active:before {
    height: 100vh;
    opacity: 0.5;
}

.quickmenu_box .spin_box .spin_inner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 330px;
    height: 330px;
    background: url(../images/common/spin_bg.png)center center / cover no-repeat;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);
    border-radius: 50%;
    box-sizing: border-box;
    transform: rotate(360deg) scale(0.65);
    transition: transform 1000ms ease;
}

.quickmenu_box .spin_box .spin_inner:before {
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    border: 2px solid #fff;
    box-shadow: inset 0px 0px 1px rgba(0,0,0,0.1);
    border-radius: 50%;
    content: '';
}

.quickmenu_box .spin_box.active .spin_inner {
    transform: rotate(0deg) scale(1);
}

.quickmenu_box .spin_box .spin_inner .spin_list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    transform-origin: 50% 50%;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item {
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    text-align: center;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='1'] {
    top: calc(50% - 25px - 107px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='2'] {
    top: calc(50% - 25px - 75px);
    left: calc(50% - 25px + 75px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='3'] {
    left: calc(50% - 25px + 107px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='4'] {
    top: calc(50% - 25px + 75px);
    left: calc(50% - 25px + 75px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='5'] {
    top: calc(50% - 25px + 107px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='6'] {
    top: calc(50% - 25px + 75px);
    left: calc(50% - 25px - 75px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='7'] {
    left: calc(50% - 25px - 107px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='8'] {
    top: calc(50% - 25px - 75px);
    left: calc(50% - 25px - 75px);
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item .item_area {
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
    box-sizing: border-box;
    vertical-align: top;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item .item_area .item_icon {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../images/common/spin_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='1'] .item_icon {
    background-position: calc(-32px * 0) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='2'] .item_icon {
    background-position: calc(-32px * 1) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='3'] .item_icon {
    background-position: calc(-32px * 2) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='4'] .item_icon {
    background-position: calc(-32px * 3) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='5'] .item_icon {
    background-position: calc(-32px * 4) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='6'] .item_icon {
    background-position: calc(-32px * 5) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='7'] .item_icon {
    background-position: calc(-32px * 6) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item[data-item='8'] .item_icon {
    background-position: calc(-32px * 7) 0;
}

.quickmenu_box .spin_box .spin_inner .spin_list .spin_item .item_area span {
    display: inline-block;
    position: absolute;
    top: 35px;
    left: calc(50% - 35px);
    width: 70px;
    font-size: 13px;
    color: #222;
    line-height: 17px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'NotoKR';
    word-break: keep-all;
    text-align: center;
}

.quickmenu_box .spin_box .spin_inner .spin_deco {
    display: block;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    background-image: linear-gradient(to left top, #bb1535, #df3355);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    border-radius: 50%;
}

.quickmenu_box .spin_box .spin_inner .spin_deco:before {
    display: block;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background: url(../images/common/spin_deco.png) center center / cover no-repeat;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    border-radius: 50%;
    content: '';
}

.quickmenu_box .spin_box .close_btn {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    width: 34px;
    height: 34px;
    background-color: #000;
    border: none;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
}

.quickmenu_box .spin_box .close_btn:before {
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background: url(../images/common/spin_close.svg) center center / cover no-repeat;
    content: '';
}

@media all and (max-width: 1000px) {
    .quickmenu_box {
        display:block;
    }
}

/*  ai translate 20260102*/
#header .header_box #ai-translate-slot .in-header *,
#header .header_box #ai-translate-slot .in-header *:after {line-height: 1.4; font-size: 14px;}
#ai-translate-slot .in-header{position: static; }
#ai-translate-slot .in-header .custom-dropdown{border: 1px solid #ddd; border-radius: 4px;  background: #fff;}
#ai-translate-slot .in-header .dropdown-toggle{height: 30px;}
@media all and (max-width: 440px) {
    #header .header_box{display: flex; flex-wrap: wrap;}
    #header .header_box .box_etc{order:2; width: calc(100% - 110px); }
    #header .header_box #ai-translate-slot .in-header{min-width: auto;}
    #ai-translate-slot .tts-play-button{margin-right: 0;}
    #ai-translate-slot .settings-button{margin-left: 0;}
    #ai-translate-slot .in-header .dropdown-toggle > span{width: calc(100% - 30px);overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
    #header .header_box .logo{position: static; order:1;}
    #header .header_box  .box_inner{order: 3;}
    #header .header_box #ai-translate-slot .in-header *, #header .header_box #ai-translate-slot .in-header *:after{font-size: 12px;}

}
@media all and (max-width: 380px){
    #ai-translate-slot .in-header .custom-dropdown{width: 140px;}
}

/*20260106*/
#header .header_box .box_etc .etc_list{padding-top:23px;}
#header .header_box .box_etc > .etc_item{padding-top:11px;}
/* 20260224 수정 s*/
#header .header_box .logo{top:78px;} 
@media all and (max-width:1280px) {
    #header .header_box .box_etc > .etc_item{padding-top:20px;}
    #header .header_box .box_inner{padding-top:15px;}
    #header .header_box .logo{top:80px;}
}
@media all and (max-width:1000px) {
    #header .header_box .logo{top:128px;}
}

@media all and (min-width: 1001px){
    .lnb{}
}
@media all and (max-width:640px){
    #header .header_box .logo{top:123px;}
    #header .header_box .box_inner{padding-top:9px;}
    #header .header_box .box_etc > .etc_item{padding-top:11px;}
}
@media all and (max-width:440px){
    #header .header_box .box_etc{width:100%;}
    #header .header_box .logo{position: absolute;}
}
/* 20260224 e*/




/*20260708*/

/*20260717*/
html body header *, 
html body footer *,
html body #container[data-contpos="main"] *{font-family:'Pretendard', 'PretendardGOV', sans-serif;}
html body,
header, 
footer{letter-spacing:0;}
/*//20260717*/

#skipNavigation{height:0;position:relative;z-index:100;}
#skipNavigation a{display:flex;justify-content: center;align-items: center;text-align:center;height:0;font-size:18px;font-weight:600;color:#fff;box-sizing:border-box;opacity:0;overflow:hidden;position:absolute;left:0;right:0;top:-300px;background:#df3355;z-index:100;box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.25);}
#skipNavigation a:hover,
#skipNavigation a:focus,
#skipNavigation a:active{top:0;opacity:1;overflow:visible;height:38px;outline:1px dashed #ddd;outline-offset: -2px;}

.new-inner{max-width:calc(1228px + 6%);margin:0 auto;padding:0 3%;width: 100%;}

.htop-message{height:30px;padding:0 3%;background:#3a3a3a;display: flex;align-items: center;}
.htop-message span{max-width:1228px;margin:0 auto;width: 100%;display:flex;padding-left:32px;position:relative;font-size:13px;font-weight:600;color:#cac8ca;line-height:16px;}
.htop-message span::before{content:"";display:block;width:24px;height:16px;background:url(../images/common/ico_flag.png) no-repeat left / 100% 100%;position:absolute;left:0;top:0;}

.htop-area{background:#fff;position: relative;z-index: 3;}
.htop-area-wrap{min-height:42px;padding:5px 0;display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
.weather-con{margin:6px 0;}
.weather-con > ul{display:flex;flex-wrap: wrap;transform: translatey(1px);}/*20260717*/
.weather-con > ul > li{font-size:13px;font-weight:600;color:#7a7a7a;margin-right:18px;flex:0 0 auto;display:flex;align-items: center;}
.weather-con > ul > li:last-child{margin-right:0;}
.weather-con > ul > li span,
.weather-con > ul > li img{padding-right:4px;}
.weather-con > ul > li strong{color:#482f92;}

.htop-area-con{margin-left:auto;display:flex;align-items: center;}
.htop-area-con > div{position:relative;padding-left:13px;margin-left:12px;}
.htop-area-con > div::before{content:"";display:block;width:1px;height:12px;background:#dee2e6;position:absolute;left:0;top:50%;transform:translatey(-50%);}
.htop-area-con > div:first-child{padding-left:0;margin-left:0;}
.htop-area-con > div:first-child::before{display:none;}
.htop-area-link{}
.htop-area-link > ul{display:flex;padding-top: 1px;}/*20260717*/
.htop-area-link > ul > li{font-size:13px;font-weight:500;color:#3a3a3a;margin-left:12px;}
.htop-area-link > ul > li > a:hover{font-weight:500;}
.htop-area-link > ul > li button{font-size: 13px;font-weight: 500;border:0;padding:0;margin:0;}
.htop-area-link > ul > li > a:hover,
.htop-area-link > ul > li button:hover{font-weight:700;text-decoration:none;}/*20260717*/

.htop-area-ctr{display: flex;}
.htop-area-ctr .type_drop{position:relative;display: flex;align-items: center;}
.htop-area-ctr .type_drop > button{font-size: 13px;font-weight: 500;color:#3a3a3a;border:1px solid #dee2e6;width:79px;height:26px;padding:0;margin:0;border-radius:20px;}
.htop-area-ctr .type_drop > button span{position:relative;padding-right:11px;}
.htop-area-ctr .type_drop > button span::after{content:"";display:block;width:6px;height:4px;background:url(../images/common/view-size-ico.png) no-repeat left;position:absolute;right:0;top:50%;transform:translatey(-50%);}
.htop-area-ctr .type_drop.active > button span::after{transform:translatey(-50%) rotate(180deg);}
.htop-area-ctr .type_drop .drop_menu {display: none;position: absolute; top: 100%; left: 50%; transform: translateX(-50%);min-width: 8.5rem;margin-top: 16px;padding: 8px;background-color: #fff;border: 1px solid #d8d8d8;border-radius: 8px; box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);}
.htop-area-ctr .type_drop.active .drop_menu {display: block;}
.htop-area-ctr .type_drop .drop_menu:before {display: inline-block;position: absolute;bottom: calc(100% - 1px);left: 50%; transform: translateX(-50%);width: 20px;height: 12px;background-image: url(../images/common/ico_drop_arr.svg);background-repeat: no-repeat;background-position: center center; background-size: contain; content: '';}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	width: 100%;
	height: 3rem;
	padding: 0 8px;
	font-size: 17px;
	color: #1d1d1d;
	line-height: 26px;
	letter-spacing: -0.03em;
	font-weight: 400;
	font-family: 'PretendardGOV';
	word-break: keep-all;
	border:0;
}
.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.active {
	background-color: #edf1f5;
	border-radius: 5px;
	color: #003675;
	font-weight: 700;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    margin: 0 8px 0 0;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    letter-spacing: -0.03em;
    font-weight: 400;
    font-family: 'PretendardGOV';
    content: '가';
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.xsm:before {
    width: 21px;
    font-size: 15px;
    line-height: 19px;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.sm:before {
    width: 24px;
    font-size: 17px;
    line-height: 22px;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.md:before {
    width: 25px;
    font-size: 19px;
    line-height: 23px;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.lg:before {
    width: 27px;
    font-size: 21px;
    line-height: 25px;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.xlg:before {
    width: 30px;
    font-size: 25px;
    line-height: 28px;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_list li button.active:before {
    background-color: #003675;
    color: #fff;
    font-weight: 700;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_btn {
	display: flex;
	position: relative;
	width: 100%;
	margin-top: 7px;
	padding-top: 8px;
	border-top: 1px solid #d8d8d8;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_btn button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 2.6rem;
	font-size: 17px;
	color: #1d1d1d;
	line-height: 17px;
	letter-spacing: -0.03em;
	font-weight: 500;
	font-family: 'PretendardGOV';
	word-break: keep-all;
	border:0;
}

.htop-area-ctr .type_drop .drop_menu .drop_in .drop_btn button:before {
	display: inline-flex;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 6px 0 0;
	background-image: url(../images/common/ico_refresh_16.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: top;
	content: '';
}

.htop-area-ctr .htop-area-lang{margin-left:8px;}
.htop-area-ctr .htop-area-lang .tts-play-button{display:none !important;}
.htop-area-ctr #ai-translate-slot .in-header .custom-dropdown {border: 0;background: #fff;}
.htop-area-ctr #ai-translate-slot .in-header .dropdown-toggle {height: 26px;border-radius: 30px;border: 1px solid #dee2e6;font-size:13px;padding:2px 15px 2px 10px !important;}
.htop-area-ctr #ai-translate-slot .in-header .dropdown-toggle span{font-size:13px;}
.htop-area-ctr #ai-translate-slot .in-header .dropdown-toggle svg{display:none !important;}
.htop-area-ctr #ai-translate-slot .in-header .dropdown-toggle::after{content:"";width:6px;height:4px;right: 9px;color:#4e4e4e;background:url(../images/common/view-size-ico.png) no-repeat left;top: 10px;}
.htop-area-ctr #ai-translate-slot .in-header .dropdown-toggle.on::after{transform:rotate(180deg);}
.htop-area-ctr #ai-translate-slot .settings-button {width:25px;margin-right:-2px;}
.htop-area-log{}
.htop-area-log > ul{display:flex;padding-top: 1px;}/*20260717*/
.htop-area-log > ul li{margin-left:15px;font-size: 13px;}
.htop-area-log > ul li.log-w{margin-left:0;}
.htop-area-log > ul li:first-child{margin-left:0;}
.htop-area-log > ul li a{font-weight: 500;color:#3a3a3a;line-height:1.2;position:relative;}
.htop-area-log > ul li a:hover{font-weight: 700;text-decoration:none;}/*20260717*/
.htop-area-log > ul li a.log-in{padding-left:25px;}
.htop-area-log > ul li a.log-in::before{content:"";width:18px;height:15px;right: 9px;background:url(../images/common/login_ico.png) no-repeat left;position:absolute;left:0;top: 0;}/*20260717*/
.htop-area-log > ul li a.site-map{padding-left:15px;}
.htop-area-log > ul li a.site-map::before{content:"";width:18px;height:11px;background:url(../images/common/site_map_ico.png) no-repeat left;position:absolute;left:0;top: 2px;}/*20260717*/
.htop-area-log > ul li.sch-w,
.htop-area-log > ul li.menu_show{display:none;}

.hmid-area{border-top:1px solid #e9ecef;border-bottom: 1px solid #cdd1d5;padding:20px 0;background:#fff;}
.hmid-area-con{display:flex;flex-wrap:wrap;align-items: center;}
.hmid-logo{margin-right:12%;}
.hmid-search{flex:1 1 auto;}
.hmid-search .hmid-search-box{display:flex;}
.hmid-search .sch-con{position:relative;max-width:538px;flex:1 1 auto;}
.hmid-search .sch-con .sch-inp {max-width:538px;width: 100%;height: 49px;padding-left: 30px; padding-right: 150px;box-sizing: border-box;border: 1px solid #bc1938;border-radius: 50px;font-size: 17px !important;color: #222; letter-spacing: -0.03em;font-weight: 400;word-break: keep-all;}/*20260717*/
.hmid-search .sch-con .sch-inp:focus {border: 1px solid #bc1938;outline:2px solid #e795a5;}
.hmid-search .sch-con .sch-btn{width:136px;height: 49px;padding:0 15px 0 17px;box-sizing: border-box;border: 1px solid #bc1938;border-left: 0;border-radius: 0 50px 50px 0;position:absolute;right:0;top:0;background:#d93051;text-align:left;}/*20260717*/
.hmid-search .sch-con .sch-btn:focus-visible{outline-offset: -2px;outline:2px solid #000;}
.hmid-search .sch-con .sch-btn span{position:relative;padding-left:30px;font-size: 17px;color: #fff;font-weight:500;line-height:1;}
.hmid-search .sch-con .sch-btn span::before{content:"";width:18px;height:19px;background:url(../images/common/search_btn_ico.png) no-repeat left / 100% 100%;position:absolute;left:0;top: 1px;}/*20260717*/
.hmid-search .hmid-search-box > form{max-width:538px;}
.hmid-search .ai-sch {margin-left:17px;}
.hmid-search .ai-sch .ai-btn{width:127px;height: 49px;padding:0 15px;box-sizing: border-box;border: 1px solid #000;border-left: 0;border-radius: 50px;background: linear-gradient(to right, #5f60a8 16%, #1f8491 105%);}
.hmid-search .ai-sch .ai-btn span{position:relative;padding-left:36px;font-size: 16px;color: #fff;font-weight:700;line-height:1;}
.hmid-search .ai-sch .ai-btn span::before{content:"";width:29px;height:29px;background:url(../images/common/ai_btn_ico.png) no-repeat left / 100% 100%;position:absolute;left:0;top: -4px;}/*20260717*/
.hmid-sch-close{display:none;}

/*footer*/
#footer{overflow-x: visible !important;}
.ft-top-bton{position:fixed;right:2vw;top:auto;bottom:200px;z-index: 1;}
.ft-top-bton.end{position:absolute;right:2vw;bottom:auto;top:-55px;z-index: 100;}
.footer-con{background:#2b2b2b;padding-bottom:40px;}
.footer-con .ft-top .ft-logo{max-width:160px;min-height:50px;}
.footer-con .ft-top .ft-logo img{width:100%;}
.footer-con .ft-top{padding: 25px 0;display:flex;justify-content: space-between;align-items: center;}
.footer-con .ft-sns{padding: 12px 0 0 10px;}
.footer-con .ft-sns > ul{display:flex;}
.footer-con .ft-sns > ul > li{margin-left:10px;}
.footer-con .ft-sns > ul > li > a{width:33px;height:33px;border-radius:50%;background:#444;display:flex;	align-items: center;justify-content: center;}
.footer-con .ft-sns > ul > li > a::before{content:"";display:block;width:16px;height:16px;background: url(../images/common/sns_nicon.svg) no-repeat left / cover;position:relative;}
.footer-con .ft-sns > ul > li.youtube > a::before{background-position: calc(-16px * 4) 0;}
.footer-con .ft-sns > ul > li.facebook > a::before{background-position: calc(-16px * 3) 0;}
.footer-con .ft-sns > ul > li.kakao > a::before{background-position: calc(-16px * 1) 0;}
.footer-con .ft-sns > ul > li.blog > a::before{background-position: calc(-16px * 0) 0;}
.footer-con .ft-sns > ul > li.instagram > a::before{background-position: calc(-16px * 2) 0;}
.footer-con .ft-sns > ul > li.youtube > a:hover{background-color: #e33939;}
.footer-con .ft-sns > ul > li.facebook > a:hover{background-color:#4765a1}
.footer-con .ft-sns > ul > li.kakao > a:hover{background-color: #ffc20e;}
.footer-con .ft-sns > ul > li.blog > a:hover{background-color: #2db400}
.footer-con .ft-sns > ul > li.instagram > a:hover{background:url(../images/common/sns_insta_nbg.png) no-repeat left / 100% 100%;}

.footer-con .ft-mid {border-top:2px solid #3d3d3d;border-bottom:2px solid #3d3d3d;padding:20px 0 15px 0;display:flex;justify-content: space-between;}
.footer-con .ft-mid .txt-box{color:#fefeff;font-size:15px;font-weight:400;padding-right:10%;}
.footer-con .ft-mid .txt-box .ttxt{font-size:18px;font-weight:700;}
.footer-con .ft-mid .txt-box .ttxt button{border:0;padding:0;margin:0 0 0 8px;color:#fefeff;font-size:18px;font-weight:700;position:relative;cursor: revert;display:none;}
.footer-con .ft-mid .txt-box .ttxt button span{display:inline-block;width:20px;height:20px;text-align:center;border-radius:50%;background:#fefeff;color:#2b2b2b;line-height: 1;margin: 0 5px;}
.footer-con .ft-mid .txt-box .ttxt button em {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	bottom: calc(100% + 19px);
	left: -12px;
	width: 383px;
	padding: 14px 19px 17px;
	background-color: #fff;
	box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	font-size: 14px;
	color: #666;
	line-height: 22px;
	letter-spacing: 0;
	font-weight: 400;
	font-family: 'NotoKR';
	word-break: keep-all;
	text-align: left;
	transition-property: opacity, visibility;
	transition-duration: 0.8s;
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.footer-con .ft-mid .txt-box .ttxt button em:before{content:"";display: block;position: absolute;top: 100%;left: 50px;width: 18px;height: 9px;background: url(../images/common/footer_notice_deco.png) center center / cover no-repeat;}
.footer-con .ft-mid .txt-box .ttxt button:hover em,
.footer-con .ft-mid .txt-box .ttxt button:focus em{opacity: 1;visibility: visible;}
.footer-con .ft-mid .txt-box p{margin-top:3px;}
.footer-con .ft-mid .txt-box .ft-quick-list{margin-top:18px;}
.footer-con .ft-mid .txt-box .ft-quick-list ul{margin:-5px 0 0 -22px;display:flex;flex-wrap:wrap;}
.footer-con .ft-mid .txt-box .ft-quick-list ul > li{margin:5px 0 0 22px;}
.footer-con .ft-mid .txt-box .ft-quick-list ul > li > a{color:#fefeff;font-size:16px;font-weight:500;}
.footer-con .ft-mid .txt-box .ft-quick-list ul > li > a.pnk{color:#cc3e97;}
.footer-con .ft-mid .img-box{display: flex;align-items: flex-end;}
.footer-con .ft-mid .img-box .img-bcon{display: flex;align-items: center;}
.footer-con .ft-mid .img-box .img-bcon a{display:block;margin-left:17px;}

.footer-con .ft-botm{font-size:13px;font-weight:300;color:#b8b8b8;margin-top:18px;}


@media screen and (max-width: 1560px) {
	.ft-top-bton{position:fixed;right:5px;bottom:200px;z-index: 1;width:70px;}
	.ft-top-bton.end{right:5px;top:-40px;}
}

@media screen and (max-width: 1000px) {
	.htop-area-wrap {padding:13px 0;}
	.weather-con {width:100%;margin:0;}
	.htop-area-con {	justify-content: flex-end;flex-wrap: wrap;margin-top:10px;}
	.htop-area-link > ul > li {font-size:14px;}/*20260717*/
	.htop-area-link > ul > li button {font-size: 14px;}/*20260717*/
	.htop-area-ctr .type_drop {display:none !important;}
	.htop-area-log{display: flex;width: 100%;justify-content: flex-end;margin-top: 10px;}
	.htop-area-con > div.htop-area-log::before {display:none;}
	.htop-area-log > ul li {font-size:14px;margin-left: 18px;}/*20260717*/
	.htop-area-log > ul li.log-w{margin-left:17px;}
	.htop-area-log > ul li.sch-w,
	.htop-area-log > ul li.menu_show{display:block;}
	.htop-area-log > ul li.sch-w a{display:inline-block;}/*20260717*/
	.htop-area-log > ul li.site-w{display:none;}
	.htop-area-log > ul li.menu_show a.menu_button{display:block;max-width:22px;transform:translatey(2px);}
	.htop-area-log > ul li a.log-in {padding-left: 0;}
	.htop-area-log > ul li a.log-in::before {display:none;}
	.htop-area-ctr .htop-area-lang {margin-left: 0;}/*20260717*/
	#ai-translate-slot .in-header {justify-content: flex-end;}

	
	.hmid-area {position:relative;height:1px;padding:0;margin:0;border-top:0;}
	.hmid-area .new-inner{height:0;padding:0;margin:0;}
	.hmid-logo {margin-right: 0;position:absolute;left:3%;top:-60px;z-index: 3;}
	.hmid-search-box {justify-content: center;}
	.hmid-search {display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;border-bottom: 1px solid #cdd1d5;border-top: 1px solid #cdd1d5;padding:35px 3% 40px 3%;}
	.hmid-search::before{content:"";display:block;width:100%;height:20px;position:absolute;left:0;right:0;bottom:0;z-index:-1;background-color:#fff;box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);}
	.hmid-sch-close{display:block;position:absolute;right:15px;top:15px;width:30px;height:30px;background: url(../images/common/ico_close_x.png) no-repeat center center / 100% 100%;}

	.ft-top-bton.end {right: .5%;top: 257px;bottom:auto;}
	.ft-top-bton{position:fixed;right:.5%;bottom:60px;width: 45px;}
}


@media screen and (max-width: 768px) {
	.htop-area-wrap {padding:10px 0  12px 0;}
	.htop-area-con {align-content: flex-end;width: 100%;margin-top: 8px;}
	.htop-area-con > div {width:100%;display:flex;justify-content: flex-end;}
	.htop-area-con > div::before {display:none;}
	.htop-area-con .htop-area-ctr {justify-content: flex-end;margin:10px 0 0 0;}
	.htop-area-con .htop-area-link {justify-content: flex-end;}
	.htop-area-link > ul {flex-wrap: wrap;justify-content: center;padding-top: 0;}/*20260717*/
	.htop-area-log > ul {padding-top: 0;}/*20260717*/

	.hmid-search{padding: 35px 3% 30px 3%;}
	.hmid-search .hmid-search-box{flex-wrap: wrap;}
	.hmid-search .hmid-search-box .ai-sch{margin: 15px 0 0 0;width: 100%;text-align: center;}
	.hmid-search .sch-con .sch-inp {max-width: 100%;height:47px;padding-left: 23px;padding-right: 130px;font-size: 16px !important;}/*20260717*/
	.hmid-search .sch-con .sch-inp:focus {outline:0;}
	.hmid-search .sch-con .sch-btn {width: 120px;height: 47px;	padding: 0 10px 0 15px;}/*20260717*/
	.hmid-search .sch-con .sch-btn span {font-size: 16px;padding-left: 25px;}
	.hmid-search .sch-con .sch-btn span::before {width: 16px;height: 17px;background-size:100% 100%;}
	.hmid-search .ai-sch .ai-btn {width: 125px;height: 47px;}
	.hmid-sch-close {right: 5px;top: 5px;width: 28px;height: 28px;}




	.footer-con .ft-top {padding: 10px 0;}
	.footer-con .ft-top .ft-logo {min-width: 100px; min-height: auto;max-width:150px;}/*20260717*/
	.footer-con .ft-sns {padding: 3px 0 0 10px;}/*20260717*/
	.footer-con .ft-sns > ul {/*flex-wrap:wrap;*/justify-content: flex-end;margin-top:-6px;}/*20260717*/
	.footer-con .ft-sns > ul > li {margin:6px 0 0 7px;}/*20260717*/
	.footer-con .ft-sns > ul > li > a {width: 30px;height: 30px;}
	.footer-con .ft-mid {padding: 18px 0 15px 0;flex-wrap: wrap;justify-content: center;}
	.footer-con .ft-mid .txt-box {font-size: 14px;padding-right: 0;text-align: center;}
	.footer-con .ft-mid .txt-box .ttxt {font-size: 17px;padding-bottom: 3px;}
	.footer-con .ft-mid .txt-box .ft-quick-list ul {margin: -5px 0 0 -17px;justify-content: center;}
	.footer-con .ft-mid .txt-box .ft-quick-list ul > li {margin: 5px 0 0 17px;}
	.footer-con .ft-mid .img-box {margin-top:15px}
	.footer-con .ft-botm {text-align: center;}
}


@media screen and (max-width: 480px) {
	.weather-con > ul {justify-content: center;transform: translatey(0);}/*20260717*/
	.weather-con > ul > li {margin-right: 15px;}
	.htop-area-con .htop-area-link {justify-content: center;}
	.htop-area-con .htop-area-link > ul > li{margin:0 6px}/*20260717*/
}


@media screen and (max-width: 380px) {
	.weather-con > ul > li {font-size: 13px;}/*20260717*/
	.htop-area-log > ul li {margin-left: 12px;}
	.htop-area-log > ul li.log-w{margin-left:12px;}
}
/*//20260708*/