@charset "UTF-8";

#main {
    padding-top: 136px;
}

@media screen and (max-width: 1279px) {
    #main {
        padding-top: 73px;
    }
}

.sub_visual {
    position: relative;
    height: 180px;
    background: center/cover no-repeat url(../images/sub/sub_pc_bg.png);
}

.sub_visual .inr {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
}

.sub_visual .tit {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    position: relative;
}
.sub_visual .tit_m {
    display: none;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    position: relative;
}
.sub_visual .tit::after {
    content: '';
    display: block;
    width: 32px;
    height: 28px;
    background: center/cover no-repeat url(../images/sub/sub_bg_ico.svg);

    position: absolute;
    top: 0;
    right: -38px;
}
.sub_visual .tit_m::after {
    content: '';
    display: block;
    width: 32px;
    height: 28px;
    background: center/cover no-repeat url(../images/sub/sub_bg_ico.svg);

    position: absolute;
    top: 0;
    right: -38px;
}

.sub_visual .location {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 11px;
}

.sub_visual .location li.home>a {
    display: flex;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-image: url(../images/icon/icon_home_white.svg); */
}

.sub_visual .location>li+li {
    position: relative;
    padding-left: 18px;
    margin-left: 18px;
}

.sub_visual .location>li+li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-image: url(../images/icon/icon_arrow_right_s_line_white.svg); */
}

.sub_visual .location>li>a {
    color: #fff;
    font-size: 18px;
}

.sub_visual .btns {
    position: absolute;
    bottom: 40px;
    right: 35px;
    display: flex;
    gap: 8px;
}

.sub_visual .btns>li {}

.sub_visual .btns>li>.btn {
    display: flex;
    width: 47px;
    height: 46px;
    border: 1px solid rgba(213, 213, 213, 0.6);
    background-repeat: no-repeat;
    background-position: center;
    background-color: initial;
}

.sub_visual .btns>li.copylink>.btn {
    /* background-image: url(../images/icon/icon_copylink_white.svg); */
}

.sub_visual .btns>li.print>.btn {
    /* background-image: url(../images/icon/icon_print_white.svg); */
}

@media screen and (max-width: 1279px) {
    .sub_visual {
        height: 158px;
    }

    .sub_visual .location {
        position: relative;
        bottom: initial;
        left: initial;
        transform: none;
        justify-content: flex-start;
    }

    .sub_visual .btns {
        bottom: 50%;
        transform: translateY(50%);
    }
}

@media screen and (max-width: 767px) {
    .sub_visual {
        height: 120px;
        background: center/cover no-repeat url(../images/sub/sub_m_bg.png);
    }
    .sub_visual .tit {
        display: none;
        font-size: 32px;
    }
    .sub_visual .tit_m {
        display: block;
        font-size: 32px;
        text-align: center;
    }
	.sub_visual .btns {
		right: 16px;
	}
    .sub_visual .print {
        display: none;
    }

    .sub_visual .location>li>a {
        font-size: 14px;
    }

    .sub_visual .location>li:last-child {
        display: none;
    }
}

@media screen and (max-width: 424px) {
    .sub_visual .tit_m {
        font-size: 28px;
    }
}

.sub_container {
    background-color: #fff;
    padding: 20px 0 80px;
}
.sub_container .inr {
    display: flex;
    gap: 50px;
    padding: 0;
}

@media screen and (max-width: 1279px) {
    .sub_container {
        padding: 0;
        padding-bottom: 80px;
    }
    .sub_container .inr {
        padding: 20px 35px 0 35px;
    }
}
@media screen and (max-width: 767px) {
    .sub_container {
        padding: 0;
        padding-bottom: 60px;
    }
    .sub_container .inr {
        padding: 16px 16px 0 16px;
    }
}

/* lnb */
.lnb {
    float: left;
    width: 293px;
    position: relative;
    top: -116px;
}
.lnb .lnb_titbox {
    display: flex;
    padding: 40px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 20px;
    background: #245454;

    position: relative;
}

.lnb .lnb_titbox .lnb_tit {
    color: #FFF;
    font-family: "Hakgyoansim Allimjang OTF";
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.lnb .lnb_titbox .lnb_ico {
    display: block;
    width: 56px;
    height: 52px;
    aspect-ratio: 14/13;
    background: center/cover no-repeat url(../images/sub/lnb_ico.svg);
    
    position: absolute;
    left: 40px;
    top: -43px;
}


.lnb .lnbList > li > a > span {
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.lnb .dep2 > .lnbList > li {
    /* overflow: hidden; */
    border-bottom: 1px solid #B5B5B5;
}
/* .lnb .dep2 > .lnbList > li.active {
	border-bottom: 2px solid #08627D;
} */
.lnb .dep2 > .lnbList > li.on {
    /* border-bottom: unset; */
}
.lnb .dep2 > .lnbList > li.on > a,
.lnb .dep2 > .lnbList > li.active > a {
	border-bottom: 2px solid #08627D;
}
.lnb .dep2 > .lnbList > .active > a {
	font-weight: 700;
}
.lnb .dep2 > .lnbList > li:first-child > a{
    padding: 20px 8px 16px 8px;
}
.lnb .dep2 > .lnbList > li > a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 16px 8px;
    color: #111111;
    font-size: 17px;
    font-weight: 700;
    padding-right: 40px;

    border-bottom: 2px solid #ffffff00;
}
.lnb .dep2 > .lnbList > li.arrow > a::after {
    content: '';
    position: absolute;
    top: 17px; right: 8px;
    display: block;
    width: 26px; height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/icon_subdepbox_arrow_on.svg);
    background-color: #F0F0F0;
    border-radius: 5px;
}
.lnb .dep2 > .lnbList > li.arrow.on > a::after,
.lnb .dep2 > .lnbList > li.arrow.active > a::after {
    background-image: url(../images/sub/icon_subdepbox_arrow.svg);
    background-color: #08627D;
}
.lnb .dep2 > .lnbList > li > a span {
    display: inline-block;
}
.lnb .dep2 > .lnbList > li.on > a span,
.lnb .dep2 > .lnbList > li.active > a span {
    color: #08627D;
}
/* .lnb .dep2 > .lnbList > li.active > a span {
    color: #08627D;
} */
.lnb .dep2 .lnbList > li > a[target='_blank'] span {
    padding-right: 18px;
}
.lnb .dep2 > .lnbList > li > a[target='_blank']::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 20px; right: 13px;
    width: 16px; height: 16px;
    background-size: cover;
    background-position: center;
    background-image: url(../images/sub/ico_btn_sub_link_gray.svg);
}

.lnb .dep3 {
    display: none;
    padding: 12px 16px;
    border-radius: 0 0 20px 20px;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    background: #F8F8F8;
}
.lnb .dep3:not(:has(.lnbList > li)) {
    padding: 0;
}
.lnb .dep2 .lnbList > .on .dep3,
.lnb .dep2 .lnbList > .active .dep3 {

    display: block;
}
.lnb .dep2 .lnbList > .on .dep3:not(:has(.lnbList > li)),
.lnb .dep2 .lnbList > .active .dep3:not(:has(.lnbList > li)) {
    border-top: 0;
}
.lnb .dep3 .lnbList > li > a {
    display: flex;
    align-items: center;
    max-width: 100%;
    position: relative;
    color: #111111;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0;
    padding-left: 13px;
}

.lnb .dep3 .lnbList > li > a::before {
    content: '';
    position: absolute;
    top: 17px; left: 0;
    display: block;
    width: 4px; height: 4px;
    border-radius: 50%;
    background-color: #08627D;
}
.lnb .dep3 .lnbList > li.active > a span {
    font-size: 17px;
    font-weight: 700;
}
.lnb .dep3 .lnbList > li > a[target='_blank'] span {
    padding-right: 18px;
}
.lnb .dep3 .lnbList > li > a[target='_blank'] span::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 4px; right: 0;
    width: 16px; height: 16px;
    background-size: cover;
    background-position: center;
    background-image: url(../images/sub/ico_btn_sub_link_gray.svg);
}
.lnb .dep3 .lnbList > li.active > a::before {
    background-color: #232EA3;
}
.lnb .dep3 .lnbList > li > a:hover,
.lnb .dep3 .lnbList > li > a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lnb .lnbList>li>.lnb_depth>li>a.active {
    color: #0051B2;
    font-weight: 700;
}

.lnb .lnbList>li>.lnb_depth>li>a.active::before {
    background-image: url('../images/ico_depth_arrow_hover.png');
}

@media screen and (max-width: 1279px) {
    .lnb {
        display: none;
    }
}


/* sub_depth_box */
.subDepthBox {
    display: none;
    width: calc(100% + 2px);
    left: -1px;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #C6C6C6;
}
.subDepthBox > a,
.subDepthBox > button {
    position: relative;
    display: flex;
    padding: 0 8px 16px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    color: #1D1D1D;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.subDepthBox > a:after,
.subDepthBox > button:after {
    content: '';
    display: block;
    width: 26px; height: 26px;
    position: absolute;
    top: 0; right: 8px;
    border-radius: 5px;
    background-color: #F0F0F0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/icon_subdepbox_arrow_on.svg);
}
.subDepthBox > button > span {
    width: 100%;
    padding-right: 30px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.subDepthBox.active {
    border-bottom: 2px solid #08627D;
}
.subDepthBox.active > a,
.subDepthBox.active > button {
    color: #08627D;
}
.subDepthBox.active > a:after,
.subDepthBox.active > button:after {
    background-color: #08627D;
    background-image: url(../images/sub/icon_subdepbox_arrow.svg);
}
.subDepthBox .scrollbox {
    display: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 11;
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.subDepthBox.active .scrollbox {
    display: block;
}
.subDepthBox .subDepthList {
    width: 100%;
}
.subDepthBox .subDepthList > li {
    /* border-bottom: 1px solid #B5B5B5; */
}
.subDepthBox .subDepthList > li.active {
	border-bottom: 0;
}

.subDepthBox .subDepthList > li:last-child {
	border-bottom: 0;
}
.subDepthBox .subDepthList > li:has(+ .active){
	border-bottom: 0;
}
.subDepthBox .subDepthList > li > a {
    display: flex;
    padding: 12px 16px;
    border-bottom: 1px solid #D2D2D2;
    position: relative;
}
.subDepthBox .subDepthList > li > a[target='_blank']::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0px, -50%);
    width: 17px;
    height: 17px;
    background-size: cover;
    background-position: center;
    background-image: url(../images/sub/ico_btn_sub_link_gray.svg);
}
.subDepthBox .subDepthList > li:last-child > a {
    border-bottom: unset;
}
.subDepthBox .subDepthList > li > a:hover,
.subDepthBox .subDepthList > li > a:focus-visible {
    background-color: #F5F5F5;
    text-decoration: underline;
}
.subDepthBox .subDepthList > li.active > a {
    color: #111111;
    font-weight: 600;
    /* border: 1px solid #111111; */
    border-right: 0;
    border-left: 0;
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-image: url(../images/icon/icon_arrow_right_b.svg);
}
.subDepthBox .subDepthList > li.active:first-child a {
	border-top: 0;
}
.subDepthBox .subDepthList > li.active:last-child a {
	border-bottom: 0;
}
.subDepthBox .subDepthList > li.active:not(:has(+ li)):first-child a {
	border-bottom: 0;
}
@media screen and (max-width: 1279px) {
    .subDepthBox {
        display: block;
    }
}



.sub_content {
    float: right;
    width: calc(100% - 353px);
    min-height: 600px;
}
.sub_content.full_cont {
    width: calc(100%);
}
.sub_cont img {
	max-width: 100%;
}
@media screen and (max-width: 1279px) {
    .sub_content {
        width: 100%;
        min-height: 700px;
    }
}
@media screen and (max-width: 767px) {
    .sub_content {
        min-height: 500px;
    }
}

.sub_tabbox {}
.sub_tabbox .sub_tabList {
    display: flex;
    border: 1px solid #B5B5B5;
}
.sub_tabbox .sub_tabList > li {
    width: 33.33%;
}
.sub_tabbox .sub_tabList > li + li {
    border-left: 1px solid #B5B5B5;
}
.sub_tabbox .sub_tabList > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 51px;
}
.sub_tabbox .sub_tabList > li.active > a {
    background-color: #111111;
    color: #fff;
}
.js_tabcont {
    display: none;
    margin-top: 40px;
}
.js_tabcont.active {
    display: block;
}


/* preparing */
.preparing {
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F1F1F9;
    border: 1px solid #A7ABDA;
    min-height: 620px;
}
.preparing .preparing_wrap {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 136px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/sub/preparing.png);
}
.preparing .preparing_wrap > p {
    width: 100%;
    font-size: 34px;
    font-weight: 700;
    color: #111111;
    text-align: center;
    margin-bottom: 10px;
}
.preparing .preparing_wrap > p > span {
    color: #1C2582;
}
.preparing .preparing_wrap > span {
    width: 100%;
    text-align: center;
    word-break: keep-all;
    line-height: 24px;
}

@media screen and (max-width: 767px) {
    .preparing {
        min-height: 320px;
    }
    .preparing .preparing_wrap {
        max-width: 200px;
        background-size: 108px;
        padding-top: 102px;
    }
    .preparing .preparing_wrap > p {
        font-size: 24px;
    }
    .preparing .preparing_wrap > span {
        font-size: 13px;
    }
}


/* siteMap */
.siteMap .gnbBox.dep01 {}
.siteMap .gnbBox.dep01 > .gnbList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 60px 24px;
}
.siteMap .gnbBox.dep01 > .gnbList > li {
    border: 1px solid #111111;
    background-color: #fff;
}
.siteMap .gnbBox.dep01 > .gnbList > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background-color: #111111;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/img_sitemap_dep.png);
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}
.siteMap .gnbBox.dep01 > .gnbList > li > a[target='_blank'] span {
    padding-right: 24px;
    position: relative;
}
.siteMap .gnbBox.dep01 > .gnbList > li > a[target="_blank"] span:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1px; right: 0;
    width: 20px; height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-image: url(../images/icon/icon_sitemap_link_on.svg); */

}
.siteMap .gnbBox.dep02 {}
.siteMap .gnbBox.dep02 > .gnbList {}
.siteMap .gnbBox.dep02 > .gnbList > li {
    background-color: #fff;
    border-top: 1px solid #515151;
}
.siteMap .gnbBox.dep02 > .gnbList > li:first-child {
	border-top: 0;
}
.siteMap .gnbBox.dep02 > .gnbList > li > a {
    display: flex;
    align-items: center;
    padding: 16px;
    font-size: 17px;
    font-weight: 800;
}
.siteMap .gnbBox.dep02 > .gnbList > li > a[target="_blank"] span {
    padding-right: 20px;
    position: relative;
}
.siteMap .gnbBox.dep02 > .gnbList > li > a[target="_blank"] span:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px; right: 0;
    width: 16px; height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-image: url(../images/icon/icon_sitemap_link.svg); */

}
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:hover,
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:focus-visible {
    background-color: #1C2582;
    color: #fff;
    text-decoration: underline;
}

.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:hover  > span::before,
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:focus-visible > span::before {
    background-color: #fff;
}
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:hover  > span::after,
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:focus-visible > span::after {
    /* background-image: url(../images/icon/icon_sitemap_link_on.svg); */
}
.siteMap .gnbBox.dep02 > .gnbList > li > a > span {
    position: relative;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 16px;
}
.siteMap .gnbBox.dep02 > .gnbList > li > a > span::before {
    content: '';
    position: absolute;
    left: 4px; top: 8px;
    display: block;
    width: 4px; height: 4px;
    border-radius: 50%;
    background-color: #111111;
}
.siteMap .gnbBox.dep02 > .gnbList > li:has(.gnbBox.dep03 > .gnbList > li) > a {
    padding-bottom: 8px;
}
.siteMap .gnbBox.dep03 {
    padding: 0 16px;
}
.siteMap .gnbBox.dep03:not(:has(li)) {
    display: none;
}
.siteMap .gnbBox.dep03:has(li) > .gnbList {
    border-top: 1px solid #B5B5B5;
}
.siteMap .gnbBox.dep03 > .gnbList {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 8px;
    padding-bottom: 24px;
}
.siteMap .gnbBox.dep03 > .gnbList > li {
    width: 100%;
}
.siteMap .gnbBox.dep03 > .gnbList > li > a {
    font-size: 14px;
}
.siteMap .gnbBox.dep03 > .gnbList > li > a[target='_blank'] span {
    padding-right: 18px;
    position: relative;
}
.siteMap .gnbBox.dep03 > .gnbList > li > a[target="_blank"] span:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1px; right: 0;
    width: 14px; height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon/icon_sitemap_link.svg);

}
.siteMap .gnbBox.dep03 > .gnbList > li > a:hover,
.siteMap .gnbBox.dep03 > .gnbList > li > a:focus-visible {
    text-decoration: underline;
    color: #232EA3;
}
.siteMap .gnbBox.dep03 > .gnbList > li > a > span {
    position: relative;
    padding-left: 16px;
    font-weight: 500;
}
.siteMap .gnbBox.dep03 > .gnbList > li > a > span::before {
    content: '';
    display: block;
    width: 6px; height: 1px;
    background-color: #111111;
    position: absolute;
    top: 8px; left: 3px;
}

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

    .siteMap .gnbBox.dep01 > .gnbList {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 60px 24px;
    }
    
}

@media screen and (max-width: 767px) {
    .siteMap .gnbBox.dep01 > .gnbList {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 60px 24px;
    }
}

/* subtit */
/* .subtit_l {
    display: block;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-image: url(../images/icon/icon_subtit_l.svg);
    color: #1c1c1c;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -1px;
}
.subtit_l_con {
    padding-left: 20px;
}
.subtit_m {
    display: block;
    position: relative;
    margin-top: 8px;
    padding-left: 17px;
    color: #1c1c1c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: -0.8px;
}
.subtit_m::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 5px;
    width: 5px;
    height: 5px;
    background: #111111;
}
.mobile_scroll+.subtit_m {
    margin-top: 30px;
}

.subtit_m .ex_blue {
    display: block;
    margin-top: 15px;
    color: #4a66d3;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.subtit_m_con {
    padding: 4px 0 0 17px;
}

.subtit_m_con>.subtxt:first-child {
    margin-top: 4px;
}

.subtit_s {
    display: block;
    position: relative;
    margin-top: 4px;
    padding-left: 10px;
    color: #1c1c1c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.8px;
}

.subtit_s::before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
    color: #717171;
}

.subtit_s_num {
    display: block;
    position: relative;
    margin-top: 4px;
    padding-left: 23px;
    color: #1c1c1c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.8px;
}

.subtit_s_num .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    color: #555;
}

.subtit_s_num .num.right {
    text-align: right;
}

.subtit_s_num p {
    margin-top: 4px;
}

.subtxt {
    margin-top: 8px;
    letter-spacing: -0.8px;
}

.subtxt_list li {
    margin-top: 8px;
    letter-spacing: -0.8px;
}
.subtit_noCon {
    padding-left: 0;
    background: initial;
}
.subtit_noCon::before {
    display: none;
}
.subtit_ex {
    color: #FC613E;
    padding-left: 12px;
}

@media screen and (max-width: 767px) {
    .subtit_l {
        line-height: 20px;
    }
    .subtit_l_con {
        padding-left: 22px;
    }
    .subtit_m {
        line-height: 20px;
    }
    .subtit_m_con {
        padding-left: 0;
    }
    .subtit_s {
        line-height: 20px;
    }
    .subtit_ex {
        line-height: 20px;
    }
} */

/* table */
.mobile_scroll {
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    overflow-x: auto;
}

.mobile_scroll .txt_ex_scroll {
    display: none;
}

.table_data {
    width: 100%;
    border-top: 2px solid #1c1c1c;
}

.table_data thead th {
    padding: 11px;
    border-left: 1px solid #dedede;
    background: #f8f8f8;
    color: #1c1c1c;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.table_data tbody td {
    padding: 11px;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    color: #555555;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}

.table_data tbody td.align_left {
    text-align: left;
}

.table_data tr>th:first-child,
.table_data tr>td:first-child {
    border-left: none;
}

@media screen and (max-width:1279px){
    
    /* table */
    .tb {
        min-width: 1020px;
        min-height: 100px;
    }
    
    .mobile_scroll .txt_ex_scroll {
        display: block;
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/sub/bg_ex_scroll.svg) no-repeat center 24px;
        background-size: 70px;
        text-indent: -999px;
        overflow: hidden;
        z-index: 5;
    }
}





























/** lg sub layout main */
.mgt0 {margin-top: 0px !important;}
.mgt4 {margin-top: 4px !important;}
.mgt8 {margin-top: 8px !important;}
.mgt16 {margin-top: 16px !important;}
.mgt24 {margin-top: 24px !important;}
.mgt31 {margin-top: 31px !important;}
.mgt32 {margin-top: 32px !important;}
.mgt40 {margin-top: 40px !important;}
.mgb0 {margin-bottom: 0px !important;}
.mgb4 {margin-bottom: 4px !important;}
.mgb8 {margin-bottom: 8px !important;}
.mgb11 {margin-bottom: 11px !important;}
.mgb12 {margin-bottom: 12px !important;}
.mgb20 {margin-bottom: 20px !important;}
.mgb24 {margin-bottom: 24px !important;}
.mgb40 {margin-bottom: 40px !important;}
.mgb48 {margin-bottom: 48px !important;}

.pd0 {padding: 0 !important;}

.gap8 {gap: 8px !important;}
.gap16 {gap: 16px !important;}
.gap20 {gap: 20px !important;}

.txt_left {text-align: left !important;}
.txt_right {text-align: right !important;}
.txt_center {text-align: center !important;}

br.pc {display: block;}
br.m {display: none;}
br.t {display: none;}
.dis767_bl {display: none;}
.flex_p_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}
.flex_a_left {align-items: flex-start !important;}
.flex_a_center {align-items: center !important;}
.flex_a_right {align-items: flex-end !important;}
.flex_j_top {justify-content: flex-start !important;}
.flex_j_center {justify-content: center !important;}
.flex_j_bottom {justify-content: flex-end !important;}
.txt_indent {text-indent: -99999px; display: inline-block; text-align: left !important;}

.lgh-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.wdth100 {width: 100% !important;}

.left_asterisk {position: relative; padding-left: 9px;}
.left_asterisk::before {content: '*'; color: #FF320C; position: absolute; top: -8px; left: 1px;}
.right_asterisk {position: relative; padding-right: 9px;}
.right_asterisk::before {content: '*'; color: #FF320C; position: absolute; top: -8px; right: 1px;}

span.pc_t {display: inline;}
@media screen and (max-width: 1279px) {
    br.pc {display: none;}
    br.t {display: block;}
    
    .txt_left_m {text-align: left !important;}
    .txt_right_m {text-align: right !important;}
}
@media screen and (max-width: 767px) {
    br.m {display: block;}
    br.t {display: none;}
    .dis767_non {display: none !important;}
    .dis767_bl {display: block !important;}
    
    span.pc_t {display: none !important;}
}


.font_08627D {color: #08627D !important;}
.font_F17400 {color: #F17400 !important;}
.font_FFBFAF {color: #FFBFAF !important;}
.font_FFED87 {color: #FFED87 !important;}
.font_FF320C {color: #FF320C !important;}
.font_25A237 {color: #25A237 !important;}
.font_313A94 {color: #313A94 !important;}
.fontw_700 {font-weight: 700;}
.font_hakyoansim {font-family: "Hakgyoansim Allimjang OTF";}


/* 스타일 가이드 */
.sub_top_info {
    display: flex;
    padding-bottom: 20px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #8E8E8E;
    margin-bottom: 40px;
}

/** 축약 */
.sub_top_info .left_box {
    display: flex;
    height: 24px;
    align-items: center;
    gap: 12px;

    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}
.sub_top_info .left_box span {
    overflow: hidden;
    color: #1D1D1D;
    font-family: "Hakgyoansim Allimjang OTF";
    text-align: right;
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    flex-shrink: 0;
}
.sub_top_info .left_box span:last-child:not(.classify_dot):not(.ico_home) {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
/** 축약 */

.sub_top_info .left_box .ico_home {
    display: block;
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/sub/ico_home.svg);
}
.sub_top_info .left_box .classify_dot {
    display: block;
    width: 4px;
    height: 4px;
    background-color: #1D1D1D;
    border-radius: 50%;
}
.sub_top_info .right_box ul {
    display: flex;
    align-items: center;
    gap: 12px;
}
.sub_content .btns>li>.btn {
    display: flex;
    width: 47px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: initial;
}
.sub_content .btns>li.copylink>.btn {
    background-image: url(../images/sub/icon_copylink_white.svg);
}
.sub_content .btns>li.print>.btn {
    background-image: url(../images/sub/icon_print_white.svg);
}
.sub_title {
    /* margin-bottom: 40px; */
}
.sub_title h2 {
    color: #1D1D1D;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.contTop_box {
    display: flex;
    width: 100%;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 20px;
    border: 1px solid #3C8C8C;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.contTop_box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: right 20px top 17px / 30% 350px no-repeat url(../images/sub/bg_cont_box_ico.png);
    opacity: 0.05;
    z-index: -1;
}
.contTop_box p.tit {
    position: relative;
    color: #1D1D1D;
    font-size: 21px;
    font-family: "Hakgyoansim Allimjang OTF";
    font-weight: 400;
    line-height: 150%; /* 36px */
    letter-spacing: -0.72px;
    padding-left: 62px;

    display: flex;
    align-items: center;
    height: 52px;
}
.contTop_box p.tit::before {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/img_contTop_tit.svg);
    border-radius: 30px;
    border: 1px solid #D8D8D8;

    position: absolute;
    top: 0;
    left: 0;
}
.contTop_box p.tit.school::before {
    background-image: url(../images/sub/img_contTop_tit_school.svg);
}
.contTop_box p.tit.search::before {
    background-position: 50% 30%;
    background-image: url(../images/sub/img_contTop_tit_search.svg);
}
.contTop_box p.tit.report_center::before {
    background-size: 65%;
    background-image: url(../images/sub/sub_linkbox_ico2.svg);
}
.contTop_box p.tit.network::before {
    background-image: url(../images/sub/sub_linkbox_ico3.svg);
}

.contTop_box ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contTop_box ul > li {}

.contTop_box ul > li > p {
    position: relative;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.48px;
    padding-left: 11px;
}
/* .contTop_box ul > li > p::before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 5px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/ico_contTop_sub.svg);
} */

.contTop_box2 {
    display: flex;
    width: 100%;
    align-items: flex-start;

    border: 2px solid #B8C1D7;
    border-radius: 20px;
    overflow: hidden;
}
.contTop_box2 .img_box {
    min-width: 460px;
    min-height: 243px;
    flex-shrink: 0;
    align-self: stretch;
}
.contTop_box2 .img_box.type_a {
    background: center/cover no-repeat url(../images/sub/sub06_top_img1.png);
}
.contTop_box2 .img_box.type_b {
    background: center/cover no-repeat url(../images/sub/sub06_top_img2.png);
}
.contTop_box2 .img_box.type_c {
    background: center/cover no-repeat url(../images/sub/sub06_top_img3.png);
}
.contTop_box2 .box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}
.contTop_box2 .box .tit {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}
.contTop_box2 .box .classify_line {
    height: 1px;
    width: 100%;
    background: #C6C6C6;
}
.contTop_box2 .box p {
    color: #2D2D2D;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}


@media screen and (max-width: 1279px){
    .sub_title {
        display: none;
    }

    .contTop_box2 {
        flex-direction: column;
    }
    .contTop_box2 .box {
        padding: 30px;
    }
    .contTop_box2 .img_box {
        min-width: unset;
        min-height: unset;
        padding-bottom: 53%;
    }
}
@media screen and (max-width: 767px) {
    .contTop_box {
        padding: 24px;
        gap: 10px;
    }
    .contTop_box p.tit {
        font-size: 18px;
    }
    .contTop_box ul > li > p {
        font-size: 14px;
        padding-left: 0;
    }
    .contTop_box::before {
        background: right 10px bottom -32px / 150px no-repeat url(../images/sub/bg_cont_box_ico.png);
    }

    
    .contTop_box2 .box {
        padding: 16px;
    }
    .contTop_box2 .box .tit {
        font-size: 21px;
    }
    .contTop_box2 .box .classify_line {
        display: none;
    }
}

.contSub_box {
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    margin-top: 40px;
}
.contSub_box > dl {
    display: flex;
}
.contSub_box > dl dt {
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.contSub_box > dl dd {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.contSub_box > dl dd::before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 16px;
    background: #D0D5E0;
}

@media screen and (max-width: 767px) {
    .contSub_box {
        margin-top: 30px;
    }
    .contSub_box > dl dt {
        font-size: 14px;
    }
    .contSub_box > dl dd {
        font-size: 14px;
    }
    .contSub_box > dl dd::before {
        top: 2px;
    }
}


/* subtit - default */
.subtit_l {
    position: relative;
    color: #1D1D1D;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%; /* 30px */
    letter-spacing: -0.6px;
    padding-left: 30px;
    /* margin-top: 40px; */
    margin-bottom: 16px;
}
.subtit_l::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_subtit_l.svg);
}
.subtit_m_dot {
    position: relative;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.54px;
    padding-left: 10px;
    flex-shrink: 0;
}
.subtit_m_dot::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    flex-shrink: 0;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
    background-color: #F17400;
}
.subtit_m_txtdot {
    position: relative;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.54px;
    padding-left: 10px;
}
.subtit_m_txtdot::before {
    content: '·';
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}
.subtit_m_line {
    position: relative;
    color: #1D1D1D;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.54px;
    padding-left: 10px;
}
.subtit_m_line::before {
    content: '';
    display: block;
    width: 6px;
    height: 1px;
    position: absolute;
    top: 11px;
    left: 0;
    background-color: #8E8E8E;
}
.subtit_s {
    position: relative;
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    padding-left: 12px;
}
.subtit_s::before {
    content: '';
    display: block;
    width: 6px;
    height: 24px;
    position: absolute;
    top: -1px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/ico_subtit_s.svg);
}
.subtit_l_con {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 2px;
    padding-left: 20px;
} 
.subtit_m_con {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 10px;
}
.subtit_s_con {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 10px;
}
.subtit_l_con.cnt {
    counter-reset: counter;
}

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

@media screen and (max-width: 767px){
    .sub_top_info {
        margin-bottom: 24px;
    }
    .subtit_l {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.9px;
    }
    .subtit_m {
        font-size: 16px;
        letter-spacing: -0.8px;
    }
    .subtit_m_dot {
        font-size: 16px;
        letter-spacing: -0.8px;
    }
    .subtit_m_line {
        font-size: 16px;
        letter-spacing: -0.8px;
    }
    .subtit_s {
        font-size: 14px;
        letter-spacing: -0.7px; 
    }
    .subtit_l_con {
        padding-left: 20px;
        gap: 6px;
    }
    .subtit_m_con {
        padding-left: 0;
        gap: 6px;
    }
    .subtit_s_con {
        gap: 6px;
    }
}

/* subtit - custom */
.subtit_s._num {
    position: relative;
    padding-left: 16px;
}
.subtit_s._num::before {
    background: unset;
    width: 14px;
    top: 0;
}
.subtit_s._num:nth-of-type(1)::before {
    content: '①';
}
.subtit_s._num:nth-of-type(2)::before {
    content: '②';
}
.subtit_s._num:nth-of-type(3)::before {
    content: '③';
}
.subtit_s._num:nth-of-type(4)::before {
    content: '④';
}
.subtit_s._num:nth-of-type(5)::before {
    content: '⑤';
}
.subtit_s._num:nth-of-type(6)::before {
    content: '⑥';
}
.subtit_s._num:nth-of-type(7)::before {
    content: '⑦';
}
.subtit_s._num:nth-of-type(8)::before {
    content: '⑧';
}
.subtit_s._num:nth-of-type(9)::before {
    content: '⑨';
}
.subtit_s._num:nth-of-type(10)::before {
    content: '⑩';
}

.subtit_s._num2 {
    position: relative;
    padding-left: 26px;
}
.subtit_s._num2::before {
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset; 
    background: #E4E4E4;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    top: 2px;
    color: #1D1D1D;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}
.subtit_s._num2:nth-of-type(1)::before {
    content: '1';
}
.subtit_s._num2:nth-of-type(2)::before {
    content: '2';
}
.subtit_s._num2:nth-of-type(3)::before {
    content: '3';
}
.subtit_s._num2:nth-of-type(4)::before {
    content: '4';
}
.subtit_s._num2:nth-of-type(5)::before {
    content: '5';
}
.subtit_s._num2:nth-of-type(6)::before {
    content: '6';
}
.subtit_s._num2:nth-of-type(7)::before {
    content: '7';
}
.subtit_s._num2:nth-of-type(8)::before {
    content: '8';
}
.subtit_s._num2:nth-of-type(9)::before {
    content: '9';
}
.subtit_s._num2:nth-of-type(10)::before {
    content: '10';
}

.subtit_s._num2._num2_1::before {
    content: '1';
}
.subtit_s._num2._num2_2::before {
    content: '2';
}
.subtit_s._num2._num2_3::before {
    content: '3';
}
.subtit_s._num2._num2_4::before {
    content: '4';
}
.subtit_s._num2._num2_5::before {
    content: '5';
}
.subtit_s._num2._num2_6::before {
    content: '6';
}
.subtit_s._num2._num2_7::before {
    content: '7';
}
.subtit_s._num2._num2_8::before {
    content: '8';
}
.subtit_s._num2._num2_9::before {
    content: '9';
}
.subtit_s._num2._num2_10::before {
    content: '10';
}

.subtit_s._num3 {
    position: relative;
    padding-left: 30px;
}
.subtit_s._num3::before {
    counter-increment: counter;
    content: counter(counter);
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset; 
    background: #FFC75E;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    top: 0px;
    color: #1D1D1D;
    font-size: 13px;
    font-weight: 700;
    line-height: 150%; /* 19.5px */
}
/* .subtit_s._num3:nth-of-type(1)::before {
    content: '1';
}
.subtit_s._num3:nth-of-type(2)::before {
    content: '2';
}
.subtit_s._num3:nth-of-type(3)::before {
    content: '3';
}
.subtit_s._num3:nth-of-type(4)::before {
    content: '4';
}
.subtit_s._num3:nth-of-type(5)::before {
    content: '5';
}
.subtit_s._num3:nth-of-type(6)::before {
    content: '6';
}
.subtit_s._num3:nth-of-type(7)::before {
    content: '7';
}
.subtit_s._num3:nth-of-type(8)::before {
    content: '8';
}
.subtit_s._num3:nth-of-type(9)::before {
    content: '9';
}
.subtit_s._num3:nth-of-type(10)::before {
    content: '10';
} */

.subtit_s._kr {
    position: relative;
    padding-left: 22px;
}
.subtit_s._kr::before {
    background: unset;
    width: 14px;
    top: 0;
}
.subtit_s._kr:nth-of-type(1)::before {
    content: '가.';
}
.subtit_s._kr:nth-of-type(2)::before {
    content: '나.';
}
.subtit_s._kr:nth-of-type(3)::before {
    content: '다.';
}
.subtit_s._kr:nth-of-type(4)::before {
    content: '라.';
}
.subtit_s._kr:nth-of-type(5)::before {
    content: '마.';
}
.subtit_s._kr:nth-of-type(6)::before {
    content: '바.';
}
.subtit_s._kr:nth-of-type(7)::before {
    content: '사.';
}
.subtit_s._kr:nth-of-type(8)::before {
    content: '아.';
}
.subtit_s._kr:nth-of-type(9)::before {
    content: '자.';
}
.subtit_s._kr:nth-of-type(10)::before {
    content: '차.';
}

.subtit_s._red {
    padding-left: 0;
    color: #FF0000;
}
.subtit_s._red::before {
    display: none;
}

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

}

@media screen and (max-width: 767px) {
    .subtit_s._num2 {
        padding-left: 23px;
    }
    .subtit_s._num2::before {
        width: 18px;
        height: 18px;
    }
}


/* table mScroll */
.table_area.mScroll {
    padding: 0;
    background: unset;
    padding: unset;
    margin: unset;
    border: unset;
    margin-top: 20px;
    position: relative;
}
.table_area.mScroll table {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #08627D;
}
.table_area.mScroll table thead {}
.table_area.mScroll table thead tr {}
.table_area.mScroll table thead tr th {
    padding: 14px 16px;
    color: #1D1D1D;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    background: #F8F8F8;
    border: unset;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.table_area.mScroll table thead tr th:last-child {
    border-right: none;
}
.table_area.mScroll table tbody tr.total td {
    background: #FFF7F0;
}
.table_area.mScroll table tbody tr th {
    padding: 14px 16px;
    color: #1D1D1D;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    background: #F8F8F8;
    border: unset;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.table_area.mScroll table tbody tr th:last-child {
    border-right: none;
}
.table_area.mScroll table tbody tr td {
    padding: 14px 16px;
    color: #1D1D1D;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.table_area.mScroll table thead tr th.rowspan:last-child,
.table_area.mScroll table tbody tr td.rowspan:last-child {
    border-right: 1px solid #D8D8D8;
}
.table_area.mScroll table tbody tr td:last-child {
    border-right: none;
}
.table_area.mScroll table tbody tr td.align_left {
    text-align: left;
}
.table_area.mScroll .txt_ex_scroll {
    display: none;
}

@media screen and (max-width: 767px) {
    .table_area.mScroll {
        position: relative;
        overflow-x: auto;
        margin-top: 16px;
    }
    .table_area.mScroll .txt_ex_scroll {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: url(../images/sub/ico_tbl_scroll.svg) no-repeat center;
        background-size: 70px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 5;
    }
    .table_area.mScroll.ck::before {
        display: none;
    }
    .table_area.mScroll table {
        min-width: 767px;
    }
}




.copyright_ico1 {
    display: inline-block;
    width: 100%;
    max-width: 155px;
    height: 60px;
    background: center/100% 100% no-repeat url(../images/sub/copyright_img1.png);
}
.copyright_ico2 {
    display: inline-block;
    width: 100%;
    max-width: 191px;
    height: 60px;
    background: center/100% 100% no-repeat url(../images/sub/copyright_img2.png);
}
.copyright_ico3 {
    display: inline-block;
    width: 100%;
    max-width: 193px;
    height: 60px;
    background: center/100% 100% no-repeat url(../images/sub/copyright_img3.png);
}
.copyright_ico4 {
    display: inline-block;
    width: 100%;
    max-width: 223px;
    height: 60px;
    background: center/100% 100% no-repeat url(../images/sub/copyright_img4.png);
}








/* TAB MENU */
.sub_tabbox {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.sub_tabbox > ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: -1px;
}
.sub_tabbox > ul > li {
    flex: 1;
    box-sizing: border-box;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.sub_tabbox > ul:has(li:nth-child(4)) > li {
    flex: 0 1 calc(100% / 4);
}
.sub_tabbox > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    padding: 16px;
    color: #1d1d1d;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.sub_tabbox > ul > li > a > span {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word; 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
.sub_tabbox > ul > li > a:focus,
.sub_tabbox > ul > li > a:hover {
    background-color: #EFF1F5;
    font-weight: 500;
    color: #1D1D1D;
    outline-offset: -6px;
}
.sub_tabbox > ul > li > a.active {
    background-color: #307070;
    font-weight: 500;
    color: #fff;
}   
.sub_tabbox > ul > li:has(a.active) {
    z-index: 1;
}
.js_tabcont {
    display: none;
}
.js_tabcont.active {
    display: block;
}

@media screen and (max-width: 767px) {
    .sub_tabbox {
        position: relative;
        height: 52px;
        overflow: initial;
    }
    .sub_tabbox > ul {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        max-height: 52px;
        border: 1px solid #d8d8d8;
        border-radius: 10px;
        overflow: hidden;
        transition: max-height 0s cubic-bezier(0, 1, 0, 1);
    }
    .sub_tabbox > ul.open {
        max-height: 600px;
        z-index: 11;
        transition: max-height 0s ease-in-out;
    }
    .sub_tabbox > ul > li {
        display: none;
        flex: none;
        order: 2;
        position: relative;
        width: 100% !important;
        margin: 0;
        border: none;
        border-top: 1px solid #d8d8d8 !important;
        background-color: #fff;
        overflow: hidden;
    }
    .sub_tabbox > ul > li:has(a.active) {
        display: block;
    }
    .sub_tabbox > ul.open > li {
        display: block;
    }
    .sub_tabbox > ul:has(li:nth-child(4)) > li {
        flex: none;
    }
    .sub_tabbox > ul > li > a {
        justify-content: flex-start;
        height: auto;
        min-height: 51px;
        padding: 16px;
        background: #fff;
        line-height: 20px;
        text-align: left;

        &:hover,
        &:focus {
            outline-offset: -4px;
        }
    }
    .sub_tabbox > ul > li:has(a.active) {
        order: 1;
        border-top: none !important;
    }
    .sub_tabbox > ul > li > a.active {
        padding-right: 45px;
        background: #fff;
        color: #1d1d1d;
        font-weight: 500;
    }
    .sub_tabbox > ul > li > a.active::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: url(../images/sub/ico_bottom_arrow_white.svg) no-repeat
        center/contain;
    }
    .sub_tabbox > ul.open > li > a.active:after {
        transform: rotate(180deg);
    }
}











/* TAB MENU swiper */
.tab-area .tablist,
.subtab-area .subtablist {
    position: relative;
    display: flex;
    border-bottom: 2px solid #D8D8D8;
}
.subtab-area .subtablist {
    border-bottom: none;
}
.tab-area .tablist .swiper,
.subtab-area .subtablist .swiper {
    width: 100%;
    margin: 0 92px 0 48px;
}
.subtab-area .subtablist .swiper{
    border: solid 1px #D8D8D8;
    border-radius: 12px;
}
.tab-area .tablist .swiper-wrapper,
.subtab-area .subtablist .swiper-wrapper {
    display: flex;
    align-items: center;
}
.tab-area .tablist .swiper-slide,
.subtab-area .subtablist .swiper-wrapper {
    width: 25%;
}
.tab-area .tablist .swiper-slide button,
.subtab-area .subtablist .swiper-slide button {
    width: 100%;
    height: 58px;
    font-size: 17px;
    font-weight: 700;
    line-height: 25.5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555555;

    &:hover,
    &:focus {
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 2px;
    }
}
.subtab-area .subtablist .swiper-slide{
    border-right: solid 1px #D8D8D8;
    margin-right: 1px;
}
.subtab-area .subtablist .swiper-slide:not(.active) button:hover,
.subtab-area .subtablist .swiper-slide:not(.active) button:focus{
    text-decoration: none;
    background-color: #EDF8F8;
    color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button::before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button{
    color: #075D5D;
}
.subtab-area .subtablist .swiper-slide.active{
    background-color: #043E3E;
}
.subtab-area .subtablist .swiper-slide.active button{
    color: #fff;
}
.tab-area .tablist .swiper-move-btn ,
.subtab-area .subtablist .swiper-move-btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #E4E4E4;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 20px;

    &:hover,
    &:focus {
        background-color: #F0F0F0;
    }
}
.tab-area .tablist .swiper-move-btn.prev,
.subtab-area .subtablist .swiper-move-btn.prev  {
    left: 0;
    background-image: url(../images/sub/ico_prev_black.svg);
}
/* .tab-area .tablist .swiper-move-btn.prev.swiper-button-disabled,
.subtab-area .subtablist .swiper-move-btn.prev.swiper-button-disabled {
    background-image: url(../images/common/ico_prev_gray.svg) !important;
    border: 1px solid #E4E4E4;
    background-color: #F8F8F8;
} */
.tab-area .tablist .swiper-move-btn.next,
.subtab-area .subtablist .swiper-move-btn.next {
    background-image: url(../images/sub/ico_next_black.svg);
}
/* .tab-area .tablist .swiper-move-btn.next.swiper-button-disabled ,
.subtab-area .subtablist .swiper-move-btn.next.swiper-button-disabled {
    background-image: url(../images/common/ico_next_gray.svg) !important;
    border: 1px solid #E4E4E4;
    background-color: #F8F8F8;
} */
.tab-area .tablist-full,
.subtab-area .subtablist-full {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
}
.tab-area .tablist-full-wrap,
.subtab-area .subtablist-full-wrap {
    display: none;
    position: absolute;
    top: 58px;
    right: 0;
    width: 358px;
    max-width: calc(100vw - 48px);
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.tab-area .tablist-full-btn,
.subtab-area .subtablist-full-btn {
    display: flex;
    padding: 8px;
    width: 40px;
    height: 40px;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 1px solid #E4E4E4;
    background-color: rgba(255, 255, 255, 0.80);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/common/ico_tablist_black.svg);
}
.tab-area .tablist-full-wrap .select-list,
.subtab-area .subtablist-full-wrap .subselect-list {
    max-height: 240px;
    overflow-y: auto;
}
.tab-area .tablist-full-wrap .select-list::-webkit-scrollbar,
.subtab-area .subtablist-full-wrap .subselect-list::-webkit-scrollbar  {
    width: 2px;
}
.tab-area .tablist-full-wrap .select-list::-webkit-scrollbar-thumb,
.subtab-area .subtablist-full-wrap .subselect-list::-webkit-scrollbar-thumb  {
    background: #d8d8d8;
}
.tab-area .tablist-full-wrap .select-list > li.active .btn-tab,
.subtab-area .subtablist-full-wrap .subselect-list > li.active .subbtn-tab {
    background: #075D5D;
    color: #fff;
}
.tab-area .tablist-full-wrap .select-list .btn-tab,
.subtab-area .subtablist-full-wrap .subselect-list .subbtn-tab {
    display: flex;
    width: calc(100% - 8px);
    height: 48px;
    padding: 15px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #000;
    font-size: 17px;
    font-weight: 400;
    border-radius: 8px;

    &:hover,
    &:focus {
        background: #EDF8F8;
        text-decoration: underline;
        text-underline-position: under;
    }
}

.tab-area.tab-in {
    width: 100%;
    /* margin-bottom: 40px; */
}
.tab-area.tab-in .tablist {
    border-bottom: 0;
}
.tab-area.tab-in .tablist .swiper {
    /* border-radius: 12px; */
    /* border: 1px solid #d8d8d8; */
}
.tab-area.tab-in .tablist .swiper-slide + .swiper-slide {
    /* border-left: 1px solid #d8d8d8; */
}
.tab-area.tab-in .tablist .swiper-slide-active {
    border-left: none !important;
}
/* .tab-area.tab-in .tablist .swiper-slide button {
    &:hover,
    &:focus {
        color: #075d5d;
        background-color: #EDF8F8;
    }
} */
.tab-area.tab-in .tablist .swiper-slide.active button {
    color: #fff;
    background-color: #043E3E;
}

@media screen and (max-width: 1024px) {
    .tab-area .tablist .swiper-slide {
        width: 33.33%;
    }
}

@media screen and (max-width: 767px) {
    .tab-area .tablist.val2 .swiper-slide,
    .tab-area .tablist.val3 .swiper-slide,
    .tab-area .tablist .swiper-slide {
        width: 100%;
    }
}

.tab-area {}
.tab-area .tablist,
.subtab-area .subtablist {
    position: relative;
    display: flex;
    border-bottom: 2px solid #D8D8D8;
    overflow: hidden;
}
.subtab-area .subtablist {
    border-bottom: none;
}
.tab-area .tablist .swiper,
.subtab-area .subtablist .swiper {
    width: 100%;
}
.subtab-area .subtablist .swiper{
    border: solid 1px #D8D8D8;
    border-radius: 12px;
}
.tab-area .tablist .swiper-wrapper,
.subtab-area .subtablist .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.tab-area .tablist .swiper-slide,
.subtab-area .subtablist .swiper-wrapper {
    width: auto;
    flex: 1 0 auto;
}
.tab-area .tablist.type1 .swiper-slide,
.tab-area .tablist.type2 .swiper-slide {
    height: unset;
}
.tab-area .tablist .swiper-slide button,
.subtab-area .subtablist .swiper-slide button {
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #555;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
.tab-area .tablist .swiper-slide button:hover,
.tab-area .tablist .swiper-slide button:focus,
.subtab-area .subtablist .swiper-slide button:hover,
.subtab-area .subtablist .swiper-slide button:focus {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}

.tab-area .tablist .swiper-slide button:focus-visible,
.subtab-area .subtablist .swiper-slide button:focus-visible {
    outline-offset: -0.4rem;
}
.subtab-area .subtablist .swiper-slide{
    border-right: solid 1px #D8D8D8;
    margin-right: 1px;
}
.subtab-area .subtablist .swiper-slide:not(.active) button:hover,
.subtab-area .subtablist .swiper-slide:not(.active) button:focus{
    text-decoration: none;
    background-color: #EDF8F8;
    color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button::before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #075D5D;
}
.tab-area .tablist .swiper-slide.active button{
    color: #075D5D;
}
.subtab-area .subtablist .swiper-slide.active{
    background-color: #043E3E;
}
.subtab-area .subtablist .swiper-slide.active button{
    color: #fff;
}
.tab-area .tablist .swiper-move,
.subtab-area .subtablist .swiper-move {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: calc(100% + 2px);
    background-color: #fff;
    z-index: 2;
    display: flex;
    align-items: center;
    cursor: auto;
}
.tab-area .tablist .swiper-move.prev,
.subtab-area .subtablist .swiper-move.prev {
    justify-content: flex-start;
    left: 0;
}
.tab-area .tablist .swiper-move.next,
.subtab-area .subtablist .swiper-move.next {
    justify-content: flex-end;
    right: 0;
}
/* .tab-area .tablist .swiper-move.prev::before,
.subtab-area .subtablist .swiper-move.prev::before {
    content: '';
    display: block;
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.25) 27.34%, #FFF 100%);
    cursor: auto;
}
.tab-area .tablist .swiper-move.next::before,
.subtab-area .subtablist .swiper-move.next::before {
    content: '';
    display: block;
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 27.34%, #FFF 100%);
    cursor: auto;
} */
.tab-area .tablist .swiper-move-btn,
.subtab-area .subtablist .swiper-move-btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #E4E4E4;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);

}
.tab-area .tablist .swiper-move-btn:hover,
.tab-area .tablist .swiper-move-btn:focus,
.subtab-area .subtablist .swiper-move-btn:hover,
.subtab-area .subtablist .swiper-move-btn:focus {
    background-color: rgba(255, 255, 255, 0.8);
}

.tab-area .tablist .swiper-move-btn.prev,
.subtab-area .subtablist .swiper-move-btn.prev  {
    background-image: url(../images/sub/ico_prev_black.svg);
}
.tab-area .tablist .swiper-move-btn.next,
.subtab-area .subtablist .swiper-move-btn.next {
    background-image: url(../images/sub/ico_next_black.svg);
}
/* .tab-area .tablist .swiper-button-disabled,
.subtab-area .subtablist .swiper-button-disabled {
    display: none !important;
} */
.tab-area .tablist-full,
.subtab-area .subtablist-full {
    display: none;
}

.tab-area.tab-in {
    /* margin-bottom: 40px; */
}
.tab-area.tab-in .tablist {
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-area.tab-in .tablist.type1 .swiper {
    margin: 0;
    width: calc(100%);
    overflow: hidden;
}
.tab-area.tab-in .tablist.type1 .swiper-slide button {
    display: flex;
    /* width: 160px; */
    min-height: 56px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-bottom: 1px solid #D8D8D8;
    color: #555;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%;
}
.tab-area .tablist.type1 .swiper-move{
    background-color: unset;
}
.tab-area .tablist.type1 .swiper-move.prev{
    left: 5px;
}
.tab-area .tablist.type1 .swiper-move.next{
    right: 5px;
}
/* .tab-area.tab-in .tablist.type1 .swiper-slide button:hover,
.tab-area.tab-in .tablist.type1 .swiper-slide button:focus {
    border-bottom: 1px solid #D8D8D8;
    background-color: #F8F8F8;
    color: #245454;
    text-decoration: none;
} */
.tab-area.tab-in .tablist.type1 .swiper-slide.active button {
    background: unset;
    border-bottom: 4px solid #245454;
    color: #245454;
}
.tab-area.tab-in .tablist.type2 .swiper {
    margin: 0;
    width: calc(100% - 103px);
    overflow: hidden;
    padding-left: 2px;
}
.tab-area.tab-in .tablist.type2 .swiper-slide button {
    display: flex;
    /* width: 160px; */
    min-height: 56px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    color: #555;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
}
.tab-area.tab-in .tablist.type2 .swiper-slide:first-child button{
    border-radius: 8px 0 0 8px;
    border-left: 1px solid #D8D8D8;
}
.tab-area.tab-in .tablist.type2 .swiper-slide:last-child button{
    border-radius: 0 8px 8px 0;
}
.tab-area.tab-in .tablist.type2 .swiper-slide button:hover,
.tab-area.tab-in .tablist.type2 .swiper-slide button:focus {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    background-color: #F8F8F8;
    color: #245454;
}
.tab-area.tab-in .tablist.type2 .swiper-slide.active button {
    background: #307070;
    border: 1px solid #307070;
    color: #FFF;
}
.tab-area.tab-in .tablist .swiper-slide.active button::before {
    display: none;
}

.swiper_js_tabcont {
    display: none;
    margin-top: 40px;
}
.swiper_js_tabcont.active {
    display: block;
}

@media screen and (max-width: 1024px) {
    .tab-area .tablist .swiper-move-btn, 
    .subtab-area .subtablist .swiper-move-btn {
        width: 32px;
        height: 32px;
        background-size: 20px;
    }
    .tab-area.tab-in .tablist.type2 .swiper {
        width: calc(100% - 83px);
    }
    .tab-area .tablist .swiper-move, 
    .subtab-area .subtablist .swiper-move {
        width: 32px;
    }
}

@media screen and (max-width: 767px) {
    .tab-area .tablist .swiper-move-btn, 
    .subtab-area .subtablist .swiper-move-btn {
        width: 24px;
        height: 24px;
        background-size: 16px;
    }
    .tab-area.tab-in .tablist.type2 .swiper {
        width: calc(100% - 62px);
    }
    .tab-area .tablist .swiper-move, 
    .subtab-area .subtablist .swiper-move {
        width: 24px;
    }






    /** swiper tab mobile dropdown change */
    .tab-area .tablist.type2 .swiper-move.next, .subtab-area .subtablist .swiper-move.next,
    .tab-area .tablist.type2 .swiper-move.prev, .subtab-area .subtablist .swiper-move.prev {
        display: none;
    }
    .tab-area .tablist.type2 .swiper-slide {
        display: block;
        width: 100% !important;
        /* height: 100%; */
    }
    .tab-area.tab-in .tablist.type2 .swiper-slide.active {
        order: -1;
    }
    .tab-area.tab-in .tablist.type2 .swiper {
        width: calc(100%);
    }
    .tab-area .tablist, .subtab-area .subtablist {
        overflow: unset;
    }
    .tab-area.tab-in .tablist.type2 .swiper {
        overflow: unset;
    }
    .tablist.type2 .swiper > .swiper-wrapper.open {
        z-index: 50;
        overflow: unset !important;
        transition: max-height 0s ease-in-out;
    }
    .tablist.type2 .swiper > .swiper-wrapper > .swiper-slide.active::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: url(../images/sub/ico_bottom_arrow_white.svg) no-repeat
        center/contain;
        pointer-events: none;
    }
    .tablist.type2 .swiper > .swiper-wrapper.open > .swiper-slide.active:after {
        transform: rotate(180deg);
    }
    .tab-area.tab-in .tablist.type2 .swiper-slide button {
        background: #FFF;
        border-left: 1px solid #D8D8D8;
        justify-content: flex-start;
        text-align: left;
    }
    .tab-area.tab-in .tablist.type2 .swiper-slide:first-child button {
        border-radius: unset;
    }
    .tab-area.tab-in .tablist.type2 .swiper-slide:last-child button {
        border-radius: 0 0 8px 8px;
    }
    .tab-area.tab-in .tablist.type2:has(.swiper-slide:last-child.active) .swiper-slide:nth-last-child(2) button {
        border-radius: 0 0 8px 8px;
    }
    .tab-area.tab-in .tablist.type2 .swiper-slide.active button {
        border-radius: 8px 8px 0 0;
    }
    .tablist.type2 .swiper {
        position: relative;
        height: 52px;
        overflow: initial;
    }
    .tablist.type2 .swiper > .swiper-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        max-height: 52px;
        border: 1px solid #d8d8d8;
        border-radius: 10px;
        overflow: hidden;
        transition: max-height 0s cubic-bezier(0, 1, 0, 1);

        flex-direction: column;
        transform: unset !important;
    }
    /** swiper tab mobile dropdown change */
}
/* TAB MENU swiper */










/* BUTTON */
.btn-sub-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.btn-sub {
    display: inline-flex;
    padding: 8px 12px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.btn-sub:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.btn-sub {
    border: 1px solid #307070;
    background: #E7F4F0;
    color: #1D1D1D;
}
.btn-sub:hover {
    background: #307070;
    color: #FFF;
}
.btn-sub .ico_down {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_btn_down_green.svg);
    flex-shrink: 0;
}
.btn-sub .ico_link {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ico_btn_sub_link_green.svg);
    flex-shrink: 0;
}
.btn-sub:hover .ico_down {
    background-image: url(../images/sub/ico_btn_down_white.svg);
}
.btn-sub:hover .ico_link {
    background-image: url(../images/sub/ico_btn_sub_link_white.svg);
}

.btn-sub.type_a {
    padding: 12px 22px;
    background: #08627D;
    color: #FFF;
    border-radius: 8px;
}
.btn-sub.type_a:hover {
    text-decoration: unset;
}
.btn-sub.type_a .ico_link {
    background-image: url(../images/sub/ico_btn_sub_link_white.svg);
}

/* radio */
.inputRadio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.inputRadio input[type=radio]{ 
    position: relative;
    appearance: none;
	width: 20px;
	height: 20px;
	background: #FFF;
    cursor: pointer;
}
.inputRadio input[type=radio]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/component/ico_radio.svg);
}
.inputRadio input[type=radio]:checked {}
.inputRadio input[type=radio]:checked::after { 
    background-image: url(../images/component/ico_radio_checked.svg);
}
.inputRadio label {
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.42px;
    cursor: pointer;
}

/* checkbox */
.inputCheckbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.inputCheckbox input[type=checkbox]{ 
    position: relative;
    appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #C6C6C6;
	background: #FFF;
}
.inputCheckbox input[type=checkbox]:checked {
    border: 1px solid #4075DF;
    accent-color: #fff;
}
.inputCheckbox input[type=checkbox]:checked::after { 
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/common/ico_checkbox_checked.svg);
}



/* NO DATA */
.sub_cont .nodata_box {
    display: flex;
    height: 600px;
    padding: 40px;
    justify-content: space-between;
    align-items: center;

    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background: #F8FFFF center/cover no-repeat url(../images/sub/nodata_bg.png);
}
.sub_cont .nodata_box .nodata_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}
.sub_cont .nodata_box .nodata_area .nodata_img {
    width: 170px;
    height: 127px;
    aspect-ratio: 170/127;
    background: center/cover no-repeat url(../images/sub/nodata_img.png);
}
.sub_cont .nodata_box .nodata_area .txt_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.sub_cont .nodata_box .nodata_area .txt_box > span {
    overflow: hidden;
    color: #1D1D1D;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.8px;
}
.sub_cont .nodata_box .nodata_area .txt_box > span.tit {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -1.25px;
}
.sub_cont .nodata_box .nodata_area .txt_box > span.tit .strong {
    color: #08627D;
}
.sub_cont .nodata_box .nodata_area .txt_box .tit_name {
    width: 260.001px;
    height: 28px;
    background: center/cover no-repeat url(../images/sub/tit_name_img.svg);
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
    .sub_cont .nodata_box {
        height: 400px;
    }
    .btn-sub {
        width: 100%;
    }
}
@media screen and (max-width: 550px) {
    .sub_cont .nodata_box {
        background: #F8FFFF center/cover no-repeat url(../images/sub/m_nodata_bg.png);
    }
    .sub_cont .nodata_box .nodata_area .nodata_img {
        width: 150px;
        height: 112px;
        aspect-ratio: 75/56;
    }
    .sub_cont .nodata_box .nodata_area .txt_box .tit_name {
        width: 240px;
        height: 26px;
    }
    .sub_cont .nodata_box .nodata_area .txt_box > span.tit {
        font-size: 20px;
    }
}


/* * datepicker * */
.ui-widget.ui-widget-content {
    border: 1px solid #E4E4E4;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}
.ui-datepicker table {
    width: calc(100% - 16px) !important;
    margin: 0 8px .4em !important;
}
.ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid #E4E4E4;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background: center/cover no-repeat url(../images/sub/ico_datepicker_arrow_left_black.svg);
}
.ui-widget-header a:hover .ui-icon.ui-icon-circle-triangle-w {
    background: center/cover no-repeat url(../images/sub/ico_datepicker_arrow_left_gray.svg);
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background: center/cover no-repeat url(../images/sub/ico_datepicker_arrow_right_black.svg);
}
.ui-widget-header a:hover .ui-icon.ui-icon-circle-triangle-e {
    background: center/cover no-repeat url(../images/sub/ico_datepicker_arrow_right_gray.svg);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    display: none;
}
.ui-datepicker-calendar>tbody>tr>td>a {
    border-radius: 8px !important;
    border: 1px solid #00000000 !important;
}
.ui-datepicker-calendar>tbody>tr>td>a.active {
    background : #08627D !important;
    color: #FFF;
}
.ui-datepicker .ui-datepicker-title span {
    margin:0 4px;
}
.ui-datepicker .ui-datepicker-title select {
    visibility: hidden;
}
.ui-datepicker .select .selectbox > button:after {
    width: 23px;
    height: 23px;
    min-width: 23px;
}
.ui-datepicker .select .selectbox > button:after {
    background-image: url(../images/sub/icon_down_green.svg);
}
.ui-datepicker {
    width: 314px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 15px !important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 12px !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 12px !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: unset !important;
    border: 1px solid #08627D !important;
}
.ui-datepicker-calendar>tbody>tr>td:hover {
    opacity: unset !important;
}
.ui-datepicker-calendar>tbody>tr>td:first-child a.ui-state-default,
.ui-datepicker-calendar>tbody>tr>td:last-child a.ui-state-default,
.ui-datepicker-calendar>thead>tr>th.ui-datepicker-week-end:first-child span,
.ui-datepicker-calendar>thead>tr>th.ui-datepicker-week-end:last-child span {
    color: unset !important;
}
.ui-datepicker-calendar>tbody>tr>td:first-child a.ui-state-default.active,
.ui-datepicker-calendar>tbody>tr>td:last-child a.ui-state-default.active {
    color: #FFF !important;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0.3 !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
    display: flex;
    justify-content: flex-end;
    padding: 8px !important;
}
.ui-datepicker-calendar>thead>tr>th,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    padding: 9px 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.ui-datepicker-calendar>tbody>tr>td {
    padding: 0px !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    border: 1px solid #08627D;
    background: #FFF;
    padding: .4em .6em .4em .6em !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-ok {
    order: 2;
    border-radius: 4px;
    background: #08627D;
    color: #FFF;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    order: 1;
    border: 1px solid #08627D;
}
/* selectbox */
.ui-datepicker .select {
    width: 100px;
    height: 38px;
}
.ui-datepicker .select .selectbox > button {
    color: #08627D;
    background: #EBF5F5;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border: unset;
    padding: 6px;
    border-radius: 8px;
}
.ui-datepicker .select .selectbox .option ul > li.active button {
    background: #EBF5F5;
}
/* * datepicker * */

/** lg sub layout main */

















/** lg error */
#wrap.error_main,
.error_main {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: center/cover no-repeat url(../images/sub/sub00_error_bg.jpg);
}
.error_main .box{
    display: flex;
    min-width: 689px;
    padding: 60px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;

    border-radius: 40px;
    background: #FFF;
    box-shadow: 0 10px 15px 0 rgba(4, 62, 62, 0.10);
}
.error_main .box .tit_area {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.error_main .box .tit_area .tit_logo {
    text-indent: -99999px;
    width: 360px;
    height: 40px;
    background: center/cover no-repeat url(../images/logo.svg);
}
.error_main .box .notice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.error_main .box .notice .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.error_main .box .notice .tit .tit1 {
    color: #307070;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 60px */
}
.error_main .box .notice .tit .tit2 {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 31.5px */
}
.error_main .box .notice .classify_line {
    width: 60px;
    height: 2px;
    background: #D8D8D8;
}
.error_main .box .notice .txt {
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 25.5px */
}
.button_area {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.button_area .lg_btn_area {
    width: 100%;
    margin-top: 0;
    gap: 8px;
}
.button_area .lg_btn_area .btn {
    flex: 1;
}
@media screen and (max-width:767px) {
    .error_main .box {
        min-width: unset;
        padding: 60px 80px;
    }
    .error_main .box .notice .tit .tit1 {
        font-size: 25px;
    }
    .error_main .box .notice .tit .tit2 {
        font-size: 18px;
    }
    .error_main .box .notice .txt {
        font-size: 16px;
    }
}
@media screen and (max-width:550px) {
    .error_main .box .tit_area .tit_logo {
        width: 300px;
        height: 32.4px;
    }
    .error_main .box {
        gap: 20px;
        padding: 50px 25px;
    }
    .error_main .box .notice {
        gap: 14px;
    }
    .error_main .box .notice .tit .tit1 {
        font-size: 23px;
    }
    .error_main .box .notice .tit .tit2 {
        font-size: 17px;
    }
    .error_main .box .notice .txt {
        font-size: 13px;
    }
}
/** lg error */



/** lg contents */
img.pc {display: block;}
img.t {display: none;}
img.m {display: none;}
@media screen and (max-width: 1279px) {
    img.pc {display: none;}
    img.t {display: block;}
}
@media screen and (max-width: 767px) {
    img.t {display: none;}
    img.m {display: block;}
}

.cont_box .table_area.mScroll table thead tr th,
.cont_box .table_area.mScroll table thead tr td,
.cont_box .table_area.mScroll table tbody tr th,
.cont_box .table_area.mScroll table tbody tr td {
    padding: 18px 16px;
    word-wrap: break-word;
}
.cont_box .table_area.mScroll {
    width: 100%;
}

.cont_box .classify_line14 {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #C6C6C6;
}
.cont_box .classify_line16 {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #D8D8D8;
}
.cont_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;

    word-break: keep-all;
}
.cont_box .cont_top {
    width: 100%;
    position: relative;
}
.cont_box .cont_top .img_box {
    display: flex;
    width: 100%;
    height: 300px;
    /* padding: 40px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden;

    border-radius: 32px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;

}
.cont_box .cont_top .img_box img {
    width: 100%;
    height: 100%;
}
.cont_box .cont_top .txt_box {
    display: flex;
    width: 528px;
    height: 201px;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-shrink: 0;

    border-radius: 32px 0 32px 32px;
    border: 1px solid #E4E4E4;
    background: center/100% 100% no-repeat url(../images/sub/top_sub_bg.png);
    box-shadow: -10px -10px 15px 0 rgba(4, 62, 62, 0.10);

    position: absolute;
    right: 0;
    bottom: -31px;
}
.cont_box .cont_top .txt_box::after {
    content: '';
    width: 42.18px;
    height: 42.18px;
    flex-shrink: 0;

    border-radius: 8px;
    background: linear-gradient(225deg, rgba(255, 183, 95, 0.80) 0%, rgba(255, 140, 0, 0.80) 100%);
    box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, 0.25) inset, 2px -2px 8px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);

    position: absolute;
    top: -16px;
    right: 25px;
}
.cont_box .cont_top .txt_box::before {
    content: '';
    width: 25.08px;
    height: 25.08px;
    flex-shrink: 0;

    border-radius: 4px;
    background: rgba(67, 226, 217, 0.50);
    box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, 0.25) inset, 2px -2px 8px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);

    position: absolute;
    top: 15.92px;
    right: 56.92px;
    z-index: 1;
}
.cont_box .cont_top .txt_box .tit {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cont_box .cont_top .txt_box .tit span {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 40.5px */
}
.cont_box .cont_top .txt_box .tit .ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 28px;

    background: center/cover no-repeat url(../images/sub/ico_logo.svg);
}
.cont_box .cont_top .txt_box .p_box {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 152.941% */
}
.cont_box .classify_cross_line {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.cont_box .classify_cross_line.type_a {
    padding-top: 16px;
}
.cont_box .classify_cross_line .line {
    height: 1px;
    flex: 1 0 0;
    background: #D8D8D8;
}
.cont_box .classify_cross_line .dot {
    width: 8px;
    height: 8px;
    background: #3C8C8C;
    border-radius: 50%;
}
.cont_box .classify_cross_line .dot.type_a {
    background: #C6C6C6;
}
.cont_box .classify_cross_line span {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
    text-align: center;
}

/* midea-block */
.cont_box .media-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cont_box .media-box .prev_next_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_box .media-box .prev_next_box .box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_box .media-box .prev_next_box .box .prev {
    width: 300px;
    height: 40px;
    background: center/100% 100% no-repeat url(../images/sub/sub02_a_type_prev_bg.png);
}
.cont_box .media-box .prev_next_box .box .next {
    width: 300px;
    height: 40px;
    background: center/100% 100% no-repeat url(../images/sub/sub02_a_type_next_bg.png);
}
.cont_box .media-box .prev_box {
    width: 100%;
    height: 120px;
    background: center/100% 100% no-repeat url(../images/sub/sub02_b_type_prev_bg.png);
}


.cont_box .media-block.type_a {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}
.cont_box .media-block.type_a li {
    display: flex;
    align-items: center;
    align-self: stretch;
    width: calc(100% / 2 - 8px);
}
.cont_box .media-block.type_a li .ico_box {
    display: flex;
    width: 180px;
    min-height: 156px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    
    border-radius: 12px 0 0 12px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}
.cont_box .media-block.type_a li .ico_box.type_a {
    background: linear-gradient(180deg, #FFF 15.38%, #F3FEFF 126.86%);
}
.cont_box .media-block.type_a li .ico_box.type_b {
    background: linear-gradient(180deg, #FFF 15.06%, #FFF8E5 126.23%);
}
.cont_box .media-block.type_a li .ico_box.type_c {
    background: linear-gradient(180deg, #FFF 22.44%, #EEFFF4 125.39%);
}
.cont_box .media-block.type_a li .ico_box.type_d {
    background: linear-gradient(180deg, #FFF 12.82%, #FAF3FF 126.86%);
}
.cont_box .media-block.type_a li .ico_box span {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.cont_box .media-block.type_a li .ico_box .ico {
    display: flex;
    width: 70px;
    height: 70px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cont_box .media-block.type_a li .ico_box.type_a .ico {
    background: center/cover no-repeat url(../images/sub/icon_sub1.svg);
}
.cont_box .media-block.type_a li .ico_box.type_b .ico {
    background: center/cover no-repeat url(../images/sub/icon_sub2.svg);
}
.cont_box .media-block.type_a li .ico_box.type_c .ico {
    background: center/cover no-repeat url(../images/sub/icon_sub3.svg);
}
.cont_box .media-block.type_a li .ico_box.type_d .ico {
    background: center/cover no-repeat url(../images/sub/icon_sub4.svg);
}
.cont_box .media-block.type_a li .txt_box {
    display: flex;
    padding: 20px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
    align-self: stretch;

    border-radius: 0 12px 12px 0;
    border: 1px solid #D8D8D8;
    background: #FFF;
}



.cont_box .media-block.type_b {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}
.cont_box .media-block.type_b li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 27px;
    flex: calc(100% / 3 - 16px);
}
.cont_box .media-block.type_b li .top_box {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
}
.cont_box .media-block.type_b li .top_box::before {
    content: '';
    display: block;
    width: 77px;
    height: 8px;
    background: center/cover no-repeat url(../images/sub/media_block_b_ico1.png);

    position: absolute;
    bottom: 0;
    left: 60px;
    z-index: 2;
}
.cont_box .media-block.type_b li .top_box::after {
    content: '';
    display: block;
    width: 14px;
    height: 34px;
    background: center/cover no-repeat url(../images/sub/media_block_b_ico2.png);

    position: absolute;
    bottom: -17px;
    left: 50%;

    transform: translate(50%, 50%);
}
.cont_box .media-block.type_b li .top_box.type_a::after {
    background: center/cover no-repeat url(../images/sub/media_block_b_ico3.png);
}
.cont_box .media-block.type_b li .top_box .left_box {
    display: flex;
    width: 77px;
    height: 94px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px 0 0 16px;
    background: #307070;
    z-index: 1;
}
.cont_box .media-block.type_b li .top_box.type_a .left_box {
    background: #AF5202;
}
.cont_box .media-block.type_b li .top_box .left_box span {
    color: #FFF;
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 45px */
}
.cont_box .media-block.type_b li .top_box .right_box {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    
    border-radius: 0 16px 16px 0;
    background: center/cover no-repeat url(../images/sub/media_block_b_ico_bg.png), linear-gradient(90deg, #255656 -1.97%, #2F6D6D 53.35%);
    z-index: 1;
}
.cont_box .media-block.type_b li .top_box.type_a .right_box {
    background: center/cover no-repeat url(../images/sub/media_block_b_ico_bg.png), linear-gradient(90deg, #8B4300 -1.97%, #AF5202 53.35%);
}
.cont_box .media-block.type_b li .top_box .right_box .sub_txt {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.cont_box .media-block.type_b li .top_box .right_box .tit {
    color: #FFF;
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}
.cont_box .media-block.type_b li .bottom_box {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.cont_box .media-block.type_b li .bottom_box .item {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    
    border-radius: 16px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.cont_box .media-block.type_b li .bottom_box .item .tit {
    width: 55px;
    flex-shrink: 0;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 19.5px */
}
.cont_box .media-block.type_b li .bottom_box .item .tit.type_a {
    color: #555;
    border-radius: 100px;
    background: #F0F0F0;
}
.cont_box .media-block.type_b li .bottom_box .item .tit.type_b {
    color: #F17400;
    border-radius: 100px;
    background: #FFF3D9;
}
.cont_box .media-block.type_b li .bottom_box .item .txt {
    flex: 1 0 0;
    
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}



.cont_box .media-block.type_c {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}
.cont_box .media-block.type_c li {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    width: calc(100% / 5 - 20px);

    border-radius: 0 0 16px 16px;
    border-top: 3px solid #307070;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    background: linear-gradient(180deg, #FFF 50.07%, #EEFFF4 125.39%);
}
.cont_box .media-block.type_c li .top_box {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.cont_box .media-block.type_c li .bottom_box {
    display: flex;
    padding-top: 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-top: 1px dashed #C6C6C6;

    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_d {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
.cont_box .media-block.type_d li .box {
    display: flex;
    width: 320px;
    height: 320px;
    padding: 10px 42px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}
.cont_box .media-block.type_d li .box.type_a {
    border-radius: 1000px;
    background: center/cover no-repeat url(../images/sub/media_block_d_ico1.png);
}
.cont_box .media-block.type_d li .box.type_b {
    border-radius: 1000px;
    background: center/cover no-repeat url(../images/sub/media_block_d_ico2.png);
}
.cont_box .media-block.type_d li .box .num {
    display: flex;
    width: 50px;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    aspect-ratio: 1/1;

    border-radius: 100px;
    background: #FFC75E;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);

    position: absolute;
    top: 5px;
    left: 40px;

    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
}
.cont_box .media-block.type_d li .box .tit {
    display: flex;
    padding-left: 16px;
    align-items: center;
    gap: 8px;
}
.cont_box .media-block.type_d li .box .tit .kr {
    color: #FFF;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 60px */
}
.cont_box .media-block.type_d li .box .tit .en {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.cont_box .media-block.type_d li .box .txt {
    display: flex;
    padding-top: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    border-top: 1px solid rgba(255, 255, 255, 0.50);

    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
.cont_box .media-block.type_d li .arrow_box .arrow {
    width: 70px;
    height: 70px;
    background: center/contain no-repeat url(../images/sub/media_block_d_ico3.svg);
}

.cont_box .media-block.type_e {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    flex-wrap: wrap;
}
.cont_box .media-block.type_e li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% / 3 - 14px);
}
.cont_box .media-block.type_e li .tit {
    display: flex;
    padding: 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 12px 12px 0 0;
    background:  #245454 center/cover no-repeat url(../images/sub/media_block_e_ico1.png);

    color: #FFF;
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
.cont_box .media-block.type_e li .txt {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    text-align: center;
    
    border-radius: 0 0 12px 12px;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    background: #FFF;
}

.cont_box .media-block.type_f {
    display: flex;
    align-items: stretch;
    gap: 20px;
    align-self: stretch;
    flex-wrap: wrap;
}
.cont_box .media-block.type_f li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% / 3 - 14px);
}
.cont_box .media-block.type_f li .box {
    display: flex;
    width: 100%;
    padding: 32px 32px 24px 32px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex: 1 0 0;

    border-radius: 12px;
    border: 1px solid #D8D8D8;
}
.cont_box .media-block.type_f li .box.type_a {
    background: linear-gradient(180deg, #FFF 50.07%, #EEFFF4 125.39%), #FFF;
}
.cont_box .media-block.type_f li .box.type_b {
    background: linear-gradient(180deg, #FFF 50.07%, #FFF8E5 126.23%), #FFF;
}
.cont_box .media-block.type_f li .box.type_c {
    background: linear-gradient(180deg, #FFF 50.07%, #F3FEFF 126.86%), #FFF;
}
.cont_box .media-block.type_f li .box .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.cont_box .media-block.type_f li .box .top .tit {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
.cont_box .media-block.type_f li .box .top .txt {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.cont_box .media-block.type_f li .box .bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
}
.cont_box .media-block.type_f li .box .bottom span {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
.cont_box .media-block.type_f li .box.type_a .bottom span {
    color: #08627D;
}
.cont_box .media-block.type_f li .box.type_b .bottom span {
    color: #F17400;
}
.cont_box .media-block.type_f li .box.type_c .bottom span {
    color: #313A94;
}
.cont_box .media-block.type_f li .box.type_a .bottom .ico{
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
    background: center/cover no-repeat url(../images/sub/media_block_f_ico1.png);
}
.cont_box .media-block.type_f li .box.type_b .bottom .ico{
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
    background: center/cover no-repeat url(../images/sub/media_block_f_ico2.png);
}
.cont_box .media-block.type_f li .box.type_c .bottom .ico{
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
    background: center/cover no-repeat url(../images/sub/media_block_f_ico3.png);
}
/* midea-block */

@media screen and (max-width: 1279px) {
    .cont_box .cont_top .img_box {
        height: 200px;
    }
    .cont_box .cont_top .img_box {
        border-radius: 32px 32px 0 0;
    }
    .cont_box .cont_top .txt_box {
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        border-radius: 0 0 32px 32px;
        border-top: unset;
    }
    .cont_box .cont_top .txt_box::after {
        right: 32px;
    }
    .cont_box .cont_top .txt_box::before {
        right: 63.92px;
    }

    /* midea-block */
    .cont_box .media-box {
        gap: 32px;
    }
    .cont_box .media-box .prev_box {
        margin-top: 8px;
    }

    .cont_box .media-block.type_a li {
        width: calc(100%);
    }
    .cont_box .media-block.type_b li {
        flex: calc(100% / 2 - 12px);
    }
    .cont_box .media-block.type_c li {
        width: calc(100% / 2 - 12px);
    }

    .cont_box .media-block.type_d li .box {
        width: 248px;
        height: 248px;
        padding: 0 32px;
    }
    .cont_box .media-block.type_d li .box .num {
        width: 40px;
        height: 40px;
    }
    .cont_box .media-block.type_d li .box .tit .kr {
        font-size: 27px;
    }
    .cont_box .media-block.type_d li .box .tit .en {
        font-size: 15px;
    }
    .cont_box .media-block.type_d li .box .txt {
        font-size: 17px;
    }

    .cont_box .media-block.type_f li {
        width: calc(100% / 2 - 10px);
    }

    /* midea-block */
}

@media screen and (max-width: 800px) {
    .cont_box .media-block.type_b li {
        flex: calc(100%);
    }
}

@media screen and (max-width: 767px) {
    .cont_box {
        gap: 24px;
        align-self: stretch;
    }
    .cont_box .cont_top .txt_box {
        padding: 24px;
        height: unset;
    }
    .cont_box .cont_top .txt_box .tit span {
        font-size: 21px;
    }
    .cont_box .cont_top .txt_box .p_box {
        font-size: 17px;
    }
    .cont_box .cont_top .txt_box::after {
        width: 29.6px;
        height: 29.601px;
        right: 24px;
        top: -9.6px;
    }
    .cont_box .cont_top .txt_box::before {
        width: 17.6px;
        height: 17.601px;
        right: 46.4px;
        top: 11.4px;
    }

    
    .cont_box .classify_cross_line.type_a {
        padding-top: 8px;
    }
    .cont_box .classify_cross_line span {
        font-size: 21px;
    }

    /* midea-block */
    .cont_box .media-box {
        gap: 24px;
    }
    .cont_box .media-box .prev_next_box .box .prev {
        width: 200px;
        height: 21px;
    }
    .cont_box .media-box .prev_next_box .box .next {
        width: 200px;
        height: 21px;
    }
    .cont_box .media-box .prev_box {
        height: 73px;
        margin-top: 0px;
    }

    .cont_box .media-block.type_a li {
        flex-direction: column;
    }
    .cont_box .media-block.type_a li .ico_box {
        border-radius: 12px 12px 0 0;
        border: 1px solid #D8D8D8;
        width: 100%;
        min-height: 136px;
    }
    .cont_box .media-block.type_a li .txt_box {
        border-radius: 0 0 12px 12px;
        border-top: unset;
        border-right: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
        border-left: 1px solid #D8D8D8;
    }

    .cont_box .media-block.type_c li {
        width: calc(100%);
    }
    
    .cont_box .media-block.type_d {
        flex-direction: column;
        gap: 16px;
    }
    .cont_box .media-block.type_d li .arrow_box .arrow {
        width: 50px;
        height: 50px;
        background: center / contain no-repeat url(../images/sub/media_block_d_ico4.png);
    }
    
    .cont_box .media-block.type_e li {
        width: calc(100%);
    }

    .cont_box .media-block.type_f li {
        width: calc(100%);
    }
    /* midea-block */
}
@media screen and (max-width: 500px) {
    .cont_box .media-box .prev_next_box .box .prev {
        width: 150px;
        height: 21px;
    }
    .cont_box .media-box .prev_next_box .box .next {
        width: 150px;
        height: 21px;
    }
}


.cont_box .in_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.cont_box .in_box .bg_box {
    width: 100%;
    height: 180px;
    padding: 40px 0;

    border-radius: 16px;
    background: center/100% 100% no-repeat url(../images/sub/introduce_bg_pc.png);
}
.cont_box .in_box .bg_box > div {
    display: flex;
    padding-right: 70px;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.cont_box .in_box .bg_box > div .ico {
    width: 160px;
    height: 100px;

    background: center/cover no-repeat url(../images/sub/introduce_ico1.png);
}
.cont_box .in_box .bg_box > div .tit_box {
    display: flex;
    align-items: center;
    gap: 16px;
}
.cont_box .in_box .bg_box > div .tit_box span {
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 136.842% */
}
.cont_box .in_box .bg_box > div .tit_box .tit {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 60px */

    background: #D22A00;
    /* background: linear-gradient(276deg, #FF9D00 -19.42%, #EF7000 126.08%); */
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1279px) {
    .cont_box .in_box .bg_box {
        height: 123px;
        padding: 24px 0;
    }
    .cont_box .in_box .bg_box > div .ico {
        width: 120px;
        height: 75px;
    }
    .cont_box .in_box .bg_box > div .tit_box span {
        font-size: 17px;
    }
    .cont_box .in_box .bg_box > div .tit_box .tit {
        font-size: 27px;
    }
}
@media screen and (max-width: 900px) {
    .cont_box .in_box .bg_box > div .ico {
        display: none;
    }
    .cont_box .in_box .bg_box > div {
        padding-right: 0;
    }
    .cont_box .in_box .bg_box {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cont_box .in_box .bg_box > div .tit_box {
        flex-direction: column;
        gap: 0;
        padding: 0 16px;
    }
}
@media screen and (max-width: 767px) {
    .cont_box .in_box .bg_box > div .tit_box span {
        font-size: 15px;
    }
    .cont_box .in_box .bg_box > div .tit_box .tit {
        font-size: 21px;
    }
}

.cont_box .in_box2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.cont_box .in_box2 .grid_box {
    display: flex;
    align-items: stretch;
    gap: 24px;
    align-self: stretch;

    flex-wrap: wrap;
}
.cont_box .in_box2 .grid_box li {
    display: flex;
    padding: 24px 40px;
    flex-direction: column;
    align-items: center;
    gap: 14px;

    border-radius: 16px;
    background: #EBF5F5;
    mix-blend-mode: multiply;

    width: calc(100% / 3 - 16px);
}
.cont_box .in_box2 .grid_box.type_a li {
    width: unset;
    flex: calc(100% / 3 - 16px);
}
.cont_box .in_box2 .grid_box li span {
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */

    width: 100%;
}
.cont_box .in_box2 .grid_box li span.type_a {
    font-size: 17px;
}
.cont_box .in_box2 .grid_box li > .tit {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 21px;
}
.cont_box .in_box2 .grid_box li .tit_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    flex: 1;
}
.cont_box .in_box2 .grid_box li .tit_box > .tit {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 21px;
}
.cont_box .in_box2 .grid_box li .tit_box > span {
    font-size: 17px;
}
.cont_box .in_box2 .grid_box li .txt_box {
    padding-top: 14px;
    border-top: 1px dashed #8ABABA;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.cont_box .in_box2 .grid_box li .txt_box a {
    display: flex;
    padding: 10px 16px 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    
    border-radius: 100px;
    background: #FFF;
}
.cont_box .in_box2 .grid_box li .txt_box a > span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.cont_box .in_box2 .grid_box li .txt_box a > span.ico {
    width: 26px;
    height: 26px;
    background: center/20px no-repeat url(../images/icons/ico-next-darkTeal.svg);
}
.cont_box .in_box2 .grid_box li .txt_box a:hover {
    background: #08627D;
}
.cont_box .in_box2 .grid_box li .txt_box a:hover > span {
    color: #FFF;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.cont_box .in_box2 .grid_box li .txt_box a:hover > span.ico {
    background: center/20px no-repeat url(../images/icons/ico-next-white.svg);
}
.cont_box .in_box2 .grid_box li .ico_box {
    display: flex;
    width: 80px;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;
    
    border-radius: 40px;
    background: #FFF;
}
.cont_box .in_box2 .grid_box li .ico_box .ico {
    display: block;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}
.cont_box .in_box2 .grid_box li .ico_box .ico.type1 {
    background: center/100% 100% no-repeat url(../images/icons/ico-quicklink-research.svg);
}
.cont_box .in_box2 .grid_box li .ico_box .ico.type2 {
    background: center/100% 100% no-repeat url(../images/icons/ico-quicklink-disclosure.svg);
}
.cont_box .in_box2 .grid_box li .ico_box .ico.type3 {
    background: center/100% 100% no-repeat url(../images/icons/ico-quicklink-policy.svg);
}
.cont_box .in_box2 .grid_box li .ico_box .ico.type4 {
    background: center/100% 100% no-repeat url(../images/sub/ico_media1.svg);
}
.cont_box .in_box2 .grid_box li .ico_box .ico.type5 {
    background: center/100% 100% no-repeat url(../images/sub/ico_media2.svg);
}
.cont_box .in_box2 .grid_box li .ico_box .ico.type6 {
    background: center/100% 100% no-repeat url(../images/sub/ico_media3.svg);
}


@media screen and (max-width: 1279px) {
    .cont_box .in_box2 .grid_box li {
        width: calc(100% / 2 - 12px);
    }
    .cont_box .in_box2 .grid_box.type_a li {
        width: unset;
        flex: calc(100% / 2 - 12px);
    }
}
@media screen and (max-width: 767px) {
    .cont_box .in_box2 .grid_box li {
        width: calc(100% / 1);
    }
    .cont_box .in_box2 .grid_box.type_a li {
        width: unset;
        flex: calc(100% / 1);
    }
}


.cont_box .in_box3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;

    border-radius: 0 0 16px 16px;
    background: linear-gradient(180deg, #FFF 44.06%, #F3F3F3 95.75%), #FFF;
}
.cont_box .in_box3 .subtit_l::before {
    background-size: 24px;
}
.cont_box .in_box3 .in_box3_depth1 {
    display: flex;
    padding: 0 32px 32px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
@media screen and (max-width: 1279px) {
    .cont_box .in_box3 {
        gap: 24px;
    }
}


.cont_box .iframe_box {
    display: flex; 
    width: 100%; 
    justify-content: center;
}


.cont_box .linkbox {
    display: flex;
    padding: 32px;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #D8D8D8;
    background: #FFF center/100% 100% no-repeat url(../images/sub/sub_linkbox_PC.png);
}
.cont_box .linkbox .ico_box {
    display: flex;
    width: 120px;
    height: 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;

    border-radius: 100px;
    border: 1px solid #B1D1D1;
    background: #FFF;
}
.cont_box .linkbox .ico_box .ico1 {
    width: 70px;
    height: 63px;
    flex-shrink: 0;
    aspect-ratio: 10/9;
    background: center/cover no-repeat url(../images/sub/sub_linkbox_ico1.svg);
}
.cont_box .linkbox .ico_box .ico2 {
    width: 75px;
    height: 71.809px;
    aspect-ratio: 75.00/71.81;
    background: center/cover no-repeat url(../images/sub/sub_linkbox_ico2.svg);
}
.cont_box .linkbox .main_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}
.cont_box .linkbox .main_box .txt_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.cont_box .linkbox .main_box .txt_box .tit {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
.cont_box .linkbox .main_box .txt_box .txt {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
@media screen and (max-width: 1279px) {
    .cont_box .linkbox {
        background: #FFF center/100% 100% no-repeat url(../images/sub/sub_linkbox_T.png);
    }
}
@media screen and (max-width: 767px) {
    .cont_box .linkbox {
        flex-direction: column;
        background: #FFF center/100% 100% no-repeat url(../images/sub/sub_linkbox_M.png);
    }
    .cont_box .linkbox .ico_box {
        width: 80px;
        height: 80px;
    }
    .cont_box .linkbox .ico_box .ico1 {
        width: 50px;
        height: 45px;
        aspect-ratio: 10/9;
    }
    .cont_box .linkbox .ico_box .ico2 {
        width: 52.222px;
        height: 50px;
        aspect-ratio: 52.22/50.00;
    }
    .cont_box .linkbox .main_box .btn-sub-box {
        width: 100%;
    }
}

/** lg contents */



/** lg introduce 인사말 */
.cont_box .introduce {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 43px;
}
.cont_box .introduce .tit_img {
    width: 100%;
    padding-bottom: 35%;

    background: center/100% 100% no-repeat url(../images/sub/introduce_PC.png);
}
.cont_box .introduce .tit_img > p {
    text-indent: -99999px;
}
.cont_box .introduce .txt_box {
    display: flex;
    width: 100%;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    border-radius: 16px;
    border: 4px solid #D9F4F4;
    background: linear-gradient(180deg, #EEFFFA 0%, #FFF 100%);
}
.cont_box .introduce .txt_box p {
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
@media screen and (max-width: 1279px) {
    .cont_box .introduce {
        padding: 0;
    }
    .cont_box .introduce .tit_img {
        padding-bottom: 47%;
        background: center/100% 100% no-repeat url(../images/sub/introduce_T.png);
    }
}
@media screen and (max-width: 767px) {
    .cont_box .introduce .txt_box {
        padding: 24px;
    }
    .cont_box .introduce .txt_box p {
        font-size: 15px;
    }
}
@media screen and (max-width: 500px) {
    .cont_box .introduce .tit_img {
        background: center/100% 100% no-repeat url(../images/sub/introduce_M.png);
    }
}
/** lg introduce 인사말 */



/** lg history 연혁 */
.history_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.history_box h3 {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 48px */
}

.history_box ul {
    display: flex;
    min-height: 253px;
    padding-bottom: 22px;
    width: fit-content;
    align-items: stretch;
    gap: 24px;
    flex-shrink: 0;

    position: relative;
}
.history_box ul::before {
    content: '';
    width: 100%;
    height: 1px;
    flex-shrink: 0;
    background: #C6C6C6;

    position: absolute;
    top: 6px;
}
.history_box ul li {
    display: flex;
    padding-left: 30px;
    align-items: stretch;
    width: 256px;
    position: relative;
}
.history_box ul li::before {
    content: '';
    width: 14px;
    height: 14px;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.history_box ul li::after {
    content: '';
    width: 1px;
    height: 48px;

    position: absolute;
    top: 6px;
    left: 6.5px;
    z-index: 0;
}
.history_box ul li .history_item {
    display: flex;
    padding-top: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}
.history_box ul li .history_item h4 {
    color: #555;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 28.5px */
}
.history_box ul li .history_item .cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.history_box ul li .history_item .cont span {
    padding-left: 10px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.history_box ul li .history_item .cont .date {
    color: #245454;
    position: relative;
}
.history_box ul li .history_item .cont .date::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    flex-shrink: 0;
    background: #F17400;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}

.history_box.type1 h3 {
    background: linear-gradient(90deg, #08627D 0%, #63A3A3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.history_box.type1 ul li::before {
    background: center/cover no-repeat url(../images/sub/history_dot1.svg);
}
.history_box.type1 ul li::after {
    background: #307070;
}
.history_box.type2 h3 {
    background: linear-gradient(90deg, #369972 0%, #79AC32 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.history_box.type2 ul li::before {
    background: center/cover no-repeat url(../images/sub/history_dot2.svg);
}
.history_box.type2 ul li::after {
    background: #389A70;
}

/* * scroll custom * */
.scroll_wrap {
    position: relative;
    width: 100%;
}
.scroll_box {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    scrollbar-width: none;
}
.scroll_box::-webkit-scrollbar {
    display: none;
}
.custom_scrollbar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #D8D8D8;
}
.scroll_thumb {
    position: absolute;
    top: -10px;
    left: 0;
    width: 52px;
    height: 26px;
    /* cursor: grab; */
    transition: left 0.1s linear;
}
.history_box.type1 .scroll_thumb {
    background: url(../images/sub/history_scrollbar1.png) no-repeat center / contain;
}
.history_box.type2 .scroll_thumb {
    background: url(../images/sub/history_scrollbar2.png) no-repeat center / contain;
}
.scroll_thumb:active {
    /* cursor: grabbing; */
}
/* * scroll custom * */

@media screen and (max-width: 1279px) {
    .history_box .scroll_box::after {
        content: '';
        display: flex;
        width: 100px;
        height: 100%;
        padding: 0 16px 8px 32px;
        align-items: flex-start;
        gap: 10px;
        position: absolute;
        right: 0;
        top: 0.748px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 3.12%, rgba(255, 255, 255, 0.90) 100%);
    }
}
@media screen and (max-width: 767px) {
    .history_box h3 {
        font-size: 25px;
    }
}
/** lg history 연혁 */


/** lg operation_goal 운영목표 */
.operation_goal {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}
.operation_goal .top_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.operation_goal .top_box .txt_box {
    display: flex;
    width: 100%;
    padding: 32px 48px;
    justify-content: center;
    align-items: center;
    gap: 24px;

    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 245, 237, 0.00) 0%, #FFF5ED 100%);
}
.operation_goal .top_box .txt_box span {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}
.operation_goal .top_box .bottom_box {
    display: flex;
    align-items: center;
}
.operation_goal .top_box .bottom_box .left {
    width: 177px;
    height: 39.5px;
    background: center/cover no-repeat url(../images/sub/operation_goal_top_box_left.svg);
}
.operation_goal .top_box .bottom_box .right {
    width: 177px;
    height: 39.5px;
    background: center/cover no-repeat url(../images/sub/operation_goal_top_box_right.svg);
}
.quotation_marks_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.quotation_marks_box span {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}
.quotation_marks_box .quotation_marks_left {
    width: 29px;
    height: 22px;
    background: center/cover no-repeat url(../images/sub/quotation_marks_left.svg);
}

.quotation_marks_box .quotation_marks_left.type_a {
    width: 29px;
    height: 22px;
    background: center/cover no-repeat url(../images/sub/quotation_marks_left_type_a.svg);
}
.quotation_marks_box .quotation_marks_right {
    width: 29px;
    height: 22px;
    background: center/cover no-repeat url(../images/sub/quotation_marks_right.svg);
}
.quotation_marks_box span.imp {
    font-size: 32px;
    font-weight: 600;
}
.operation_goal .diagram_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.operation_goal .diagram_box .diagram {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.operation_goal .diagram_box .diagram .ico_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    min-height: 200px;
}
.operation_goal .diagram_box .diagram .ico_box .ico {
    width: 143px;
    height: 143px;
    background: center/cover no-repeat url(../images/sub/operation_goal_diagram_ico.svg);

    display: flex;
    justify-content: center;
    align-items: center;

    color: #FFF;
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */

    position: relative;
}
.operation_goal .diagram_box .diagram .ico_box .vertically_line {
    width: 2px;
    height: 30px;
    background: center/cover no-repeat url(../images/sub/operation_goal_line1.svg);
}
.operation_goal .diagram_box .diagram .left_line {
    width: 210px;
    height: 80px;
    background: center/cover no-repeat url(../images/sub/operation_goal_line_left_pc.svg);
}
.operation_goal .diagram_box .diagram .right_line {
    width: 210px;
    height: 80px;
    background: center/cover no-repeat url(../images/sub/operation_goal_line_right_pc.svg);
}
.operation_goal .diagram_box .list {
    display: flex;
    align-items: stretch;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}
.operation_goal .diagram_box .list .border_box {
    padding: 4px;
    width: calc(100% / 4 - 12px);
    
    border-radius: 16px;
}
.operation_goal .diagram_box .list .border_box .item {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: calc(100%);

    border-radius: 16px;
}
.operation_goal .diagram_box .list .border_box .item span {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.operation_goal .diagram_box .list .border_box .item .ico {
    width: 64px;
    height: 64px;
    aspect-ratio: 1/1;
}
.operation_goal .diagram_box .list .border_box.type1 {
    background: linear-gradient(0deg, #E8D7FF 0%, #FFF 25%);
}
.operation_goal .diagram_box .list .border_box.type2 {
    background: linear-gradient(0deg, #DBF0E3 0%, #FFF 25%);
}
.operation_goal .diagram_box .list .border_box.type3 {
    background: linear-gradient(0deg, #FAEABF 0%, #FFF 25%);
}
.operation_goal .diagram_box .list .border_box.type4 {
    background: linear-gradient(0deg, #C5E8EB 0%, #FFF 25%);
}
.operation_goal .diagram_box .list .border_box.type1 .item {
    background: linear-gradient(180deg, #F5EEFF 0%, #FFF 100%);
}
.operation_goal .diagram_box .list .border_box.type2 .item {
    background: linear-gradient(180deg, #EEFFF4 0%, #FFF 100%);
}
.operation_goal .diagram_box .list .border_box.type3 .item {
    background: linear-gradient(180deg, #FFF8E5 36.29%, #FFF 100%);
}
.operation_goal .diagram_box .list .border_box.type4 .item {
    background: linear-gradient(180deg, #F3FEFF 0%, #FFF 100%), #FFF;
}
.operation_goal .diagram_box .list .border_box.type1 .item .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ico1.png);
}
.operation_goal .diagram_box .list .border_box.type2 .item .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ico2.png);
}
.operation_goal .diagram_box .list .border_box.type3 .item .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ico3.png);
}
.operation_goal .diagram_box .list .border_box.type4 .item .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ico4.png);
}

@media screen and (max-width: 1279px) {
    .operation_goal .diagram_box .list .border_box {
        width: calc(100% / 2 - 8px);
    }
    .operation_goal .diagram_box .diagram .left_line {
        width: 160px;
        height: 80px;
        background: center/cover no-repeat url(../images/sub/operation_goal_line_left_t.svg);
    }
    .operation_goal .diagram_box .diagram .right_line {
        width: 160px;
        height: 80px;
        background: center/cover no-repeat url(../images/sub/operation_goal_line_right_t.svg);
    }
}
@media screen and (max-width: 767px) {
    .operation_goal {
        gap: 8px;
    }
    .operation_goal .top_box .txt_box{
        padding: 16px 28px;
        gap: 8px;
    }
    .operation_goal .top_box .bottom_box .left {
        height: 20px;
        background: center/cover no-repeat url(../images/sub/operation_goal_top_box_left_m.svg);
    }
    .operation_goal .top_box .bottom_box .right {
        height: 20px;
        background: center/cover no-repeat url(../images/sub/operation_goal_top_box_right_m.svg);
    }
    .quotation_marks_box {
        gap: 16px;
    }
    .quotation_marks_box .quotation_marks_left,
    .quotation_marks_box .quotation_marks_right {
        display: none;
    }
    .operation_goal .quotation_marks_box {
        gap: 8px;
    }
    .operation_goal .top_box .txt_box span, 
    .quotation_marks_box span {
        font-size: 17px;
    }
    .quotation_marks_box span.imp {
        font-size: 21px;
    }

    .operation_goal .quotation_marks_box .quotation_marks_left,
    .operation_goal .quotation_marks_box .quotation_marks_right {
        display: none;
    }
    .operation_goal .diagram_box .list .border_box {
        width: calc(100%);
    }
    .operation_goal .diagram_box .diagram .left_line {
        width: 50px;
        height: 50px;
        background: center/cover no-repeat url(../images/sub/operation_goal_line_left_m.svg);
    }
    .operation_goal .diagram_box .diagram .right_line {
        width: 50px;
        height: 50px;
        background: center/cover no-repeat url(../images/sub/operation_goal_line_right_m.svg);
    }

}





/** 260106 구조 변경 요청 */
.operation_goal2 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.operation_goal2 .classify_line {
    width: 1px;
    height: 100%;
    background: #D8D8D8;
}


.operation_goal2 > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.operation_goal2 > ul > li {
    width: 100%;
}
.operation_goal2 > ul > li > .box1 {
    padding: 4px;
    width: calc(100%);
    
    border-radius: 16px;
}
.operation_goal2 > ul > li > .box1 .box2 {
    display: flex;
    padding: 28px;
    align-items: center;
    gap: 24px;
    align-self: stretch;

    border-radius: 16px;
}
.operation_goal2 > ul > li > .box1.type1 {
    background: linear-gradient(0deg, #F2E9FF 0%, #FFF 100%);
}
.operation_goal2 > ul > li > .box1.type1 .box2 {
    background: #FBF9FF;
}
.operation_goal2 > ul > li > .box1.type2 {
    background: linear-gradient(0deg, #D8EFE0 0%, #FFF 100%);
}
.operation_goal2 > ul > li > .box1.type2 .box2 {
    background: #F4FFF8;
}
.operation_goal2 > ul > li > .box1.type3 {
    background: linear-gradient(0deg, #FBEBC2 0%, #FFF 100%);
}
.operation_goal2 > ul > li > .box1.type3 .box2 {
    background: #FFFCEE;
}
.operation_goal2 > ul > li > .box1.type4 {
    background: linear-gradient(0deg, #C7E9EC 0%, #FFF 100%);
}
.operation_goal2 > ul > li > .box1.type4 .box2 {
    background: #F3FEFF;
}
.operation_goal2 > ul > li > .box1.type5 {
    background: linear-gradient(0deg, #FFDEDE 0%, #FFF 100%);
}
.operation_goal2 > ul > li > .box1.type5 .box2 {
    background: #FFF7F6;
}

.operation_goal2 > ul > li > .box1 .box2 .tit_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box {
    display: flex;
    width: 320px;
    align-items: center;
    gap: 24px;
}
.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .num {
    display: flex;
    width: 64px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    align-self: stretch;

    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 67.5px */
}
.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .txt {
    flex: 1 0 0;
    
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
.operation_goal2 > ul > li > .box1.type1 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type1 .box2 .tit_box .t_tit_box .txt {
    color: #6116AD;
}
.operation_goal2 > ul > li > .box1.type2 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type2 .box2 .tit_box .t_tit_box .txt {
    color: #07837E;
}
.operation_goal2 > ul > li > .box1.type3 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type3 .box2 .tit_box .t_tit_box .txt {
    color: #C25309;
}
.operation_goal2 > ul > li > .box1.type4 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type4 .box2 .tit_box .t_tit_box .txt {
    color: #2C4EB2;
}
.operation_goal2 > ul > li > .box1.type5 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type5 .box2 .tit_box .t_tit_box .txt {
    color: #C7483B;
}
.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_ico_box {
    display: none;
}
.operation_goal2 > ul > li > .box1 .box2 .classify_line {
    align-self: stretch;
    width: 1px;
    height: unset;
    background: #D8D8D8;
}
.operation_goal2 > ul > li > .box1 .box2 .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.operation_goal2 > ul > li > .box1 .box2 .txt_box > p {
    color: #1D1D1D;
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

.operation_goal2 > ul > li > .box1 .box2 .ico {
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
}
.operation_goal2 > ul > li > .box1.type1 .box2 .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ver2_ico1.png);
}
.operation_goal2 > ul > li > .box1.type2 .box2 .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ver2_ico2.png);
}
.operation_goal2 > ul > li > .box1.type3 .box2 .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ver2_ico3.png);
}
.operation_goal2 > ul > li > .box1.type4 .box2 .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ver2_ico4.png);
}
.operation_goal2 > ul > li > .box1.type5 .box2 .ico {
    background: center/cover no-repeat url(../images/sub/operation_goal_ver2_ico5.png);
}

.operation_goal2 .notice_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.operation_goal2 .notice_box .txt_box {
    display: flex;
    width: 100%;
    padding: 40px 48px;
    justify-content: center;
    align-items: center;
    gap: 24px;

    border-radius: 16px;
    background: linear-gradient(1deg, rgba(255, 245, 237, 0.00) 0.14%, #FFF5ED 99.53%)
}
.operation_goal2 .notice_box .txt_box span {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}
.operation_goal2 .notice_box .top_box {
    display: flex;
    align-items: center;
}
.operation_goal2 .notice_box .top_box .left {
    width: 177px;
    height: 39.5px;
    background: center/cover no-repeat url(../images/sub/operation_goal_top_box_right.svg);
    transform: rotate(180deg);
}
.operation_goal2 .notice_box .top_box .right {
    width: 177px;
    height: 39.5px;
    background: center/cover no-repeat url(../images/sub/operation_goal_top_box_left.svg);
    transform: rotate(180deg);
}

@media screen and (max-width: 1279px) {
    .operation_goal2 .notice_box .txt_box {
        padding: 16px;
    }
    .operation_goal2 .quotation_marks_box {
        flex-direction: column;
        gap: 0;
    }
    .operation_goal2 > ul > li > .box1 .box2 {
        flex-direction: column;
        gap: 16px;
    }
    .operation_goal2 > ul > li > .box1 .box2 .txt_box {
        width: 100%;
    }
    .operation_goal2 > ul > li > .box1 .box2 .classify_line {
        height: 1px;
        width: 100%;
    }
    .operation_goal2 .txt_box .classify_line,
    .operation_goal2 .quotation_marks_box .quotation_marks_left,
    .operation_goal2 .quotation_marks_box .quotation_marks_right {
        display: none;
    }
    .operation_goal2 > ul > li > .box1 .box2 > .ico {
        display: none;
    }
    .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_ico_box {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .operation_goal2 {
        gap: 8px;
    }
    .operation_goal2 > ul {
        gap: 8px;
    }
    .operation_goal2 .notice_box .txt_box {
        padding: 16px 24px;
    }
    .operation_goal2 .notice_box .txt_box span {
        font-size: 17px;
        text-align: center;
    }
    .operation_goal2 > ul > li > .box1 .box2 {
        padding: 20px;
        gap: 8px;
    }
    .operation_goal2 > ul > li > .box1 .box2 .txt_box {
        margin-top: 12px;
    }
    .operation_goal2 > ul > li > .box1 .box2 .ico {
        display: none;
    }
    .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box {
        gap: 16px;
    }
    .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .num {
        font-size: 40px;
    }
    .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .txt {
        font-size: 15px;
    }
}



/** lg operation_goal 운영목표 */



/** lg organization 조직현황 */
.organization {
    display: flex;
    width: 100%;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    border-radius: 24px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
}
.organization a {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.organization a:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.organization a.active {
    color: #FFF !important;
    border-radius: 12px !important;
    border: 1px solid #245454 !important;
    background: #245454 !important;
}
.organization ul.depth1 > li > a.active {
    border: 0px solid #245454 !important;
}
.organization ul.depth1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.organization ul.depth1 > li:first-child {
    padding-bottom: 32px;
    position: relative;
}
.organization ul.depth1 > li > a::before {
    content: '';
    width: 1px;
    height: 32px;
    background: #717171;

    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(-50%, 0%);
}
.organization ul.depth1 > li > a  {
    display: flex;
    width: 180px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    color: #FFF;

    border-radius: 12px;
    background: linear-gradient(180deg, #245454 0%, #307070 100%);
}
.organization ul.depth1 > li > ul.depth2  {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    padding-top: 32px;

    position: relative;
}
.organization ul.depth1 > li > ul.depth2::before  {
    content: '';
    width: calc(100% - 179px);
    height: 1px;
    background: #717171;

    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50.15%, -50%);
}
.organization ul.depth1 > li > ul.depth2 > li  {
    position: relative;
}
.organization ul.depth1 > li > ul.depth2 > li::before {
    content: '';
    width: 1px;
    height: 32px;
    background: #717171;

    position: absolute;
    top: -32px;
    right: 50%;
    transform: translate(-50%, 0%);
}
.organization ul.depth1 > li > ul.depth2 > li > a  {
    display: flex;
    width: 180px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 12px;
    border: 1px solid #245454;
    background: #FFF;
}
.organization ul.depth1 > li > ul.depth2 > li > ul.depth3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top: 16px;
    
    position: relative;
}
.organization ul.depth1 > li > ul.depth2 > li > ul.depth3::before {
    content: '';
    width: 1px;
    height: 16px;
    background: #717171;

    position: absolute;
    top: 0px;
    right: 50%;
    transform: translate(-50%, 0%);
}
.organization ul.depth1 > li > ul.depth2 > li > ul.depth3 > li > a  {
    display: flex;
    width: 180px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 12px;
    border: 1px solid #245454;
    background: #D8E8E8;
}
.organization_info_box {
    display: none;
}
.organization_info_box.show {
    display: block;
    width: 100%;
}
@media screen and (max-width: 1400px) {
    .organization {
        gap: 24px;
    }
    .organization ul.depth1 > li > a,
    .organization ul.depth1 > li > ul.depth2 > li > a,
    .organization ul.depth1 > li > ul.depth2 > li > ul.depth3 > li > a {
        width: 230px;
    }
    .organization ul.depth1 > li:first-child {
        padding-bottom: 24px;
    }
    .organization ul.depth1 > li > ul.depth2 {
        flex-direction: column;
        padding: 0;
    }
    .organization ul.depth1 > li > a::before {
        transform: rotate(90deg);
        left: -16px;
        top: 10px;
    }
    .organization ul.depth1 > li > ul.depth2 > li::before {
        transform: rotate(90deg);
        left: -16px;
        top: 10px;
    }
    .organization ul.depth1 > li > ul.depth2 > li > ul.depth3::before {
        content: unset;
    }
    .organization ul.depth1 > li > ul.depth2::before {
        width: 1px;
        height: calc(100% + 23.5px);
        top: -48px;
        left: -32px;
        transform: translate(-50.15%, 0%);
    }
}
@media screen and (max-width: 767px) {
    .organization {
        padding: 24px;
    }
    .organization ul.depth1 {
        margin-left: 33px;
    }
}
/** lg organization 조직현황 */




/** lg symbol mark 심벌마크 */
.symbol_intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.symbol_intro .mark_box {
    border: solid 1px #E8E8E8;
    width: 100%;
    height: 262px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/sub/symbol_ci_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.symbol_intro .mark_box .mark {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
}
.symbol_intro .mark_box .mark .emblem {
    width: 195px;
    height: 188px;
    flex-shrink: 0;

    background: center/cover no-repeat url(../images/sub/symbol_ci_emblem_PC.svg);
}
.symbol_intro .mark_box .mark .logo {
    width: 429px;
    height: 47px;
    flex-shrink: 0;

    background: center/cover no-repeat url(../images/sub/symbol_ci_logo_PC.png);
}
.symbol_intro .mark_p .ico1 {
    width: 16px;
    height: 18.009px;
    display: inline-block;
    flex-shrink: 0;
    aspect-ratio: 16.00/18.01;
    background: center/cover no-repeat url(../images/sub/symbol_p_ico1.svg);

    vertical-align: middle;
    position: relative;
    top: -2px;
}
.symbol_intro .mark_p .ico2 {
    width: 16px;
    height: 14.405px;
    display: inline-block;
    flex-shrink: 0;
    aspect-ratio: 16.00/14.40;
    background: center/cover no-repeat url(../images/sub/symbol_p_ico2.svg);

    vertical-align: middle;
    position: relative;
    top: -2px;
}
.symbol_intro .mark_p .ico3 {
    width: 8px;
    height: 6px;
    display: inline-block;
    flex-shrink: 0;
    aspect-ratio: 4/3;
    background: center/contain no-repeat url(../images/sub/symbol_p_ico3.svg);

    vertical-align: middle;
    position: relative;
    top: -0px;
}
.symbol_intro .subtit_m_line {
    line-height: 170%;
}
.symbol_intro .subtit_m_line::before {
    top: 13px;
}

.symbol_color {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.symbol_color > ul {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
}
.symbol_color > ul > li {
    display: flex;
    align-items: stretch;
    width: calc(100% / 3);
}
.symbol_color > ul > li .color_view {
    display: flex;
    min-width: 139px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px 0 0 16px;
}
.symbol_color > ul > li .color_view.tyle1 {
    background: #FF320C;
}
.symbol_color > ul > li .color_view.tyle2 {
    background: #313A94;
}
.symbol_color > ul > li .color_view.tyle3 {
    background: #25A237;
}
.symbol_color > ul > li .color_view span {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    text-transform: uppercase;
}
.symbol_color > ul > li .color_info {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    border-radius: 0 16px 16px 0;
    border: 1px solid #D8D8D8;
    background: #FFF;
    flex: 1;
}
.symbol_color > ul > li .color_info > span {
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
    letter-spacing: -0.95px;
}
.symbol_color > ul > li .color_info .code {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
    align-self: stretch;
}
.symbol_color > ul > li .color_info .code span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    letter-spacing: -0.85px;
}
@media screen and (max-width: 1279px) {
    .symbol_intro .mark_box .mark .emblem {
        width: 150px;
        height: 144.615px;

        background: center/cover no-repeat url(../images/sub/symbol_ci_emblem_T.svg);
    }
    .symbol_intro .mark_box .mark .logo {
        width: 350px;
        height: 38.345px;

        background: center/cover no-repeat url(../images/sub/symbol_ci_logo_T.png);
    }
    
    .symbol_color > ul > li {
        flex-direction: column;
    }
    .symbol_color > ul > li .color_view {
        border-radius: 16px 16px 0 0;
        height: 110px;
    }
    .symbol_color > ul > li .color_info {
        border-radius: 0 0 16px 16px;
    }
}
@media screen and (max-width: 767px) {
    .symbol_intro .subtit_m_line {
        line-height: 150%;
    }
    .symbol_intro .subtit_m_line::before {
        top: 11px;
    }

    .symbol_intro .mark_box .mark {
        flex-direction: column;
        gap: 32px;
    }
    .symbol_intro .mark_box .mark .emblem {
        width: 130px;
        height: 125.333px;

        background: center/cover no-repeat url(../images/sub/symbol_ci_emblem_M.svg);
    }
    .symbol_intro .mark_box .mark .logo {
        width: 300px;
        height: 32.867px;

        background: center/cover no-repeat url(../images/sub/symbol_ci_logo_M.png);
    }

    .symbol_color > ul {
        flex-direction: column;
        gap: 20px;
    }
    .symbol_color > ul > li {
        width: calc(100%);
    }
}
/** lg symbol mark 심벌마크 */



/** lg declaration 헌장전문 */
.declaration {
    display: flex;
    width: 100%;
    padding: 40px 40px 32px 40px;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    border-radius: 16px;
    border: 2px solid #c4d5ec;
    background: #F4F8FB;

    position: relative;
}
.declaration::before {
    content: '';
    width: 100px;
    height: 133.999px;
    background: center/cover no-repeat url(../images/sub/declaration_ico_PC.svg);

    position: absolute;
    top: -20px;
    left: 24px;
}
.declaration::after {
    content: '';
    width: 254px;
    height: 127px;
    flex-shrink: 0;
    background: center/cover no-repeat url(../images/sub/declaration_bottom_ico_PC.png);

    position: absolute;
    bottom: 0px;
    right: 0px;
}
.declaration > .top_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.declaration > .top_box h3 {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 48px */
}
.declaration > .top_box p {
    text-align: center;
    font-size: 17px;
    font-style: normal;
    line-height: 150%; /* 25.5px */
}
.declaration > .cont {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #E4E4E4;
    background: #FFF;
} 

@media screen and (max-width: 1279px) {
    .declaration {
        padding: 24px;
    }
    .declaration::before {
        content: '';
        width: 60px;
        height: 80.4px;
        background: center/cover no-repeat url(../images/sub/declaration_ico_T.svg);

        position: absolute;
        top: -20px;
        left: 24px;
    }
    .declaration::after {
        content: '';
        width: 130px;
        height: 64.787px;
        flex-shrink: 0;
        background: center/cover no-repeat url(../images/sub/declaration_bottom_ico_T.png);

        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .declaration > .top_box h3 {
        font-size: 25px;
    }
    .declaration > .top_box p {
        font-size: 15px;
    }
    .declaration > .cont {
        padding: 24px;
    }
    .declaration > .cont .subtit_m_dot {
        font-size: 15px;
    }
    .declaration > .cont .flex_p_box {
        gap: 8px;
    }
}
@media screen and (max-width: 767px) {
    .declaration::before {
        content: '';
        width: 50px;
        height: 67.001px;
        background: center/cover no-repeat url(../images/sub/declaration_ico_M.svg);

        position: absolute;
        top: -16px;
        left: 16px;
    }
    .declaration::after {
        content: '';
        width: 120px;
        height: 59.496px;
        flex-shrink: 0;
        background: center/cover no-repeat url(../images/sub/declaration_bottom_ico_M.png);

        position: absolute;
        bottom: 0px;
        right: 0px;
    }

}
/** lg declaration 헌장전문 */




/** lg map 오시는길 */
.map_box {
    width: 100%;
    overflow: hidden;

    border-radius: 24px;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}
.map_box > div {
    width: 100%;
}
/*kakaomap 기본셋팅제거*/
.map_box .root_daum_roughmap .wrap_controllers,
.map_box .root_daum_roughmap .cont .section.lst {
    display: none;
}
.map_box .root_daum_roughmap .border1 {
    border: unset;
}
.map_box .root_daum_roughmap .border1,
.map_box .root_daum_roughmap .border2,
.map_box .root_daum_roughmap .border3,
.map_box .root_daum_roughmap .border4 {
    background-color: unset;
}
/*kakaomap 기본셋팅제거*/
.map_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.map_info ul.info_box {
    display: flex;
    align-items: stretch;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}
.map_info ul.info_box li {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: calc(100% / 3 - 16px);
    min-height: 175px;

    border-radius: 16px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    mix-blend-mode: multiply;
}
.map_info ul.info_box li .tit_box {
    display: flex;
    padding-right: 30px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    align-self: stretch;
}
.map_info ul.info_box li .tit_box span {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}
.map_info ul.info_box li .tit_box .ico {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
}
.map_info ul.info_box li .tit_box .ico.type1 {
    background: #E7F4F0 center/24px 24px no-repeat url(../images/sub/map_icon_map.svg);
}
.map_info ul.info_box li .tit_box .ico.type2 {
    background: #E7F4F0 center/24px 24px no-repeat url(../images/sub/map_icon_phone.svg);
}
.map_info ul.info_box li .tit_box .ico.type3 {
    background: #E7F4F0 center/24px 24px no-repeat url(../images/sub/map_icon_fax.svg);
}
.map_info ul.info_box li .txt_box {
    display: flex;
    padding-top: 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    text-align: center;
    height: 100%;

    border-top: 1px dashed #C6C6C6;
}
@media screen and (max-width: 1279px) {
    .map_info ul.info_box li {
        width: calc(100% / 2 - 12px);
    }
}
@media screen and (max-width: 767px) {
    .map_info ul.info_box li {
        width: calc(100%);
    }
    .root_daum_roughmap .wrap_btn_zoom button .img_zoom {
        
    }
}
/** lg map 오시는길 */




/** lg login 인증서로그인 */
.cont_box .in_box2 .grid_box.login {
    word-break: break-word;
}
.cont_box .in_box2 .grid_box.login li .ico_box .ico.type1 {
    background: center/cover no-repeat url(../images/sub/login_ico1.svg);
}
.cont_box .in_box2 .grid_box.login li .ico_box .ico.type2 {
    background: center/cover no-repeat url(../images/sub/login_ico2.svg);
}
.cont_box .in_box2 .grid_box.login li .ico_box .ico.type3 {
    background: center/cover no-repeat url(../images/sub/login_ico3.svg);
}
.cont_box .in_box2 .grid_box.login li .ico_box .ico.type4 {
    background: center/cover no-repeat url(../images/sub/login_ico4.svg);
}
.cont_box .in_box2 .grid_box.login li .ico_box .ico.type5 {
    background: center/cover no-repeat url(../images/sub/login_ico5.svg);
}
.cont_box .in_box2 .grid_box.login li .ico_box .ico.type6 {
    background: center/cover no-repeat url(../images/sub/login_ico6.svg);
}

.cont_box .in_box2 .grid_box.login.type1 li {
    width: calc(100%);
    flex-direction: row;
}
.cont_box .in_box2 .grid_box.login.type1 li .txt_box {
    width: 272px;
    border-top: 0;
    padding-top: 0;
}
.cont_box .in_box2 .grid_box.login.type1 li .tit_box {
    align-items: center;
    justify-content: center;
}
.cont_box .in_box2 .grid_box.login.type1 li .tit_box > span {
    text-align: left;
}

@media screen and (max-width: 1279px) {
    .cont_box .in_box2 .grid_box.login li {
        width: calc(100%);
        flex-direction: row;
    }
    .cont_box .in_box2 .grid_box.login li .tit_box {
        flex: 1;
        justify-content: center;
    }
    .cont_box .in_box2 .grid_box.login li .tit_box span {
        text-align: left;
    }

    .cont_box .in_box2 .grid_box.login li .txt_box {
        border-top: 0;
        padding-top: 0;
        width: 138px;
        flex-direction: column;
    }
    .cont_box .in_box2 .grid_box.login li .txt_box a {
        padding: 6px 8px 6px 16px;
        flex-shrink: 0;
    }
    .cont_box .in_box2 .grid_box.login li .txt_box a > span {
        font-size: 15px;
    }


    .cont_box .in_box2 .grid_box.login.type1 li .txt_box {
        width: 138px;
    }
}
@media screen and (max-width: 767px) {
    .cont_box .in_box2 .grid_box.login li {
        flex-direction: column;
        padding: 24px;
    }
    .cont_box .in_box2 .grid_box.login li .tit_box span {
        text-align: center;
    }

    .cont_box .in_box2 .grid_box.login li .txt_box {
        border-top: 1px dashed #8ABABA;
        padding-top: 14px;
        width: 100%;
        flex-direction: row;
    }
    .cont_box .in_box2 .grid_box.login li .txt_box a {
        padding: 10px 16px 10px 24px;
        flex-shrink: unset;
    }
    .cont_box .in_box2 .grid_box.login li .txt_box a > span {
        font-size: 15px;
    }


    .cont_box .in_box2 .grid_box.login.type1 li {
        flex-direction: column;
    }
    .cont_box .in_box2 .grid_box.login.type1 li .txt_box {
        width: 100%;
        border-top: 1px dashed #8ABABA;
        padding-top: 14px;
    }
    .cont_box .in_box2 .grid_box.login.type1 li .tit_box > span {
        text-align: center;
    }
}
/** lg login 인증서로그인 */


/** lg sitemap 사이트맵 */
.sitemap > ul {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    flex-wrap: wrap;
}
.sitemap > ul > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% / 3 - 27px);
}
.sitemap > ul > li > .depth1 {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    align-self: stretch;

    border-radius: 10px;
    background: #307070;

    color: #FFF;
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 28.5px */
}
.sitemap > ul > li > .depth2 {
    width: 100%;
}
.sitemap > ul > li > .depth2 > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}
.sitemap > ul > li > .depth2 > ul > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.sitemap > ul > li > .depth2 > ul > li > a {
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #C6C6C6;

    display: flex;
    justify-content: space-between;

    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.sitemap > ul > li > .depth2 > ul > li > a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 700;
}
.sitemap > ul > li > .depth2 > ul > li > a span {
    position: relative;
}
.sitemap > ul > li > .depth2 > ul > li > a:hover span:not(.link)::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #F17400;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -10px;
}
.sitemap > ul > li > .depth2 > ul > li > a > .link {
    display: block;
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/sub/ico_btn_sub_link_gray.svg);
}
.sitemap > ul > li > .depth2 > ul > li:has(.depth3) > a {
    border-bottom: 1px solid #D8D8D8;
    z-index: 1;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 {
    width: 100%;
    border-bottom: 1px solid #C6C6C6;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    
    background: #F8F8F8;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li {
    width: 100%;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a {
    display: flex;
    height: 26px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a > .dot {
    display: block;
    width: 4px;
    height: 4px;
    background: #8E8E8E;
    border-radius: 50%;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a > .txt {
    font-family: "Noto Sans CJK KR";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px;
    flex: 1;
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a > .link {
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/icons/ico-h-link.svg);
}
@media screen and (max-width: 1279px) {
    .sitemap > ul > li {
        width: calc(100% / 2 - 20px);
    }
}
@media screen and (max-width: 767px) {
    .sitemap > ul > li {
        width: calc(100% / 1);
    }
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #307070;
    font-weight: 700;
}
/** lg sitemap 사이트맵 */





/** lg total_search 통합검색 */
/* *검색필터* */
.search_option_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    margin-top: 20px;
}
.search_option_box .search_box {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;

    border-radius: 16px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_option_box .search_box .option_title_box {
    display: flex;
    padding-bottom: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid #8E8E8E;
}
.search_option_box .search_box .option_title_box h3 {
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}
.search_option_box .search_box .option_title_box > a.reset_btn {
    display: flex;
    height: 24px;
    justify-content: center;
    /* align-items: center; */
    gap: 4px;
}
.search_option_box .search_box .option_title_box > a span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_option_box .search_box .option_title_box > a.reset_btn span.ico {
    width: 20px;
    height: 24px;
    background: center/contain no-repeat url(../images/sub/ico_refresh.svg);
}

.search_option_box .search_box .search_box_2depth {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.search_option_box .search_box .option_box {
    display: flex;
    padding-bottom: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-bottom: 1px solid #C6C6C6;
}
.search_option_box .search_box .option_box:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.search_option_box .search_box .option_box > a {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.search_option_box .search_box .option_box > a .tit {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
}
.search_option_box .search_box .option_box > a .tit span {
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
}
.search_option_box .search_box .option_box > a .tit span.count {
    display: flex;
    height: 20px;
    min-width: 26px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #F17400;
    
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}
.search_option_box .search_box .option_box > a .ico {
    width: 24px;
    height: 24px;
    background: center/cover no-repeat url(../images/sub/icon_top_arrow_black.svg);
    transform: rotate(180deg);
}
.search_option_box .search_box .option_box.on > a .ico {
    transform: rotate(0deg);
}
.search_option_box .search_box .option_box .cont {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}
.search_option_box .search_box .option_box.on .cont {
    display: flex;
}
.search_option_box .search_box .option_box.on .cont .checkbox_list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.search_option_box .search_box .option_box.on .cont .checkbox_list .check_area span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_option_box .search_box .option_box.on .cont .checkbox_list .check_area span.total {
    font-weight: 700;
}

.search_option_box .search_box .option_box.on .cont .check_button {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}
.search_option_box .search_box .option_box.on .cont .check_button li {
    flex: 1;
}
.search_option_box .search_box .option_box.on .cont .check_button li a {
    display: flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    
    border-radius: 4px;
    border: 1px solid #C6C6C6;
    background: #FFF;
}
.search_option_box .search_box .option_box.on .cont .check_button li a span {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
.search_option_box .search_box .option_box.on .cont .check_button li.on a {
    border: 1px solid #307070;
    background: #E7F4F0;
}
.search_option_box .search_box .option_box.on .cont .check_button li.on a .ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: center/cover no-repeat url(../images/sub/icon_check.svg);
}

.search_option_box .search_box .option_box.on .cont .check_button.checkbox li a {
    all: unset;
}
.search_option_box .search_box .option_box.on .cont .check_button.checkbox li a label {
    display: flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;

    cursor: pointer;
    
    border-radius: 4px;
    border: 1px solid #C6C6C6;
    background: #FFF;
}
.search_option_box .search_box .option_box.on .cont .check_button.checkbox li.on a label {
    border: 1px solid #307070;
    background: #E7F4F0;
}
.search_option_box .search_box .option_box.on .cont .check_button.checkbox li.on a label .ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: center/cover no-repeat url(../images/sub/icon_check.svg);
}
.search_option_box .search_box .option_box.on .cont .check_button.checkbox li a input[type="checkbox"] {
    display: none;
}

.search_option_box .search_box .option_box.on .cont .date_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.search_option_box .search_box .option_box.on .cont .date_box .date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.search_option_box .search_box .option_box.on .cont .date_box .date span {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
.search_option_box .search_box .option_box.on .cont .date_box .date input {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    cursor: auto;
}
.search_option_box .search_box .option_box.on .cont .date_box .lg_btn_area {
    width: 100%;
}
.search_option_box .search_box .option_box.on .cont .date_box .lg_btn_area a .ico {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: center/cover no-repeat url(../images/sub/ico_refresh2.svg);
}
.search_option_box .search_box .option_box .lg_btn_area {
    width: 100%;
}
.search_option_box .search_box .option_box .lg_btn_area .btn {
    font-size: 17px;
    font-weight: 700;
    width: 100%;
    padding: 12px 16px;
}
.search_option_box .search_box .option_box .lg_btn_area .btn:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.search_box {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_box > h3 {
    display: flex;
    padding-bottom: 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #8E8E8E;

    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
}
.search_box > ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.search_box > ul > li {
    width: 100%;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 11px;
    position: relative;
}
.search_box > ul > li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #F17400;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
.search_box > ul > li a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* *검색필터* */
/* *메인영역* */
.search_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 24px;
    /* border: 1px solid #D8D8D8; */
    background: #F8F8F8;
}
.search_area .search_area_box {
    display: flex;
    padding: 40px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 24px;
}
.search_area .search_input {
    display: flex;
    width: 656px;
    padding-left: 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;

    border-radius: 20px;
    border: 2px solid #3C8C8C;
    background: #FFF;
}
.search_area .search_input span.tit {
    color: #307070;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.search_area .search_input input {
    all: unset;
    width: 100%;
}
.search_area .search_input .search_btn {
    display: flex;
    width: 60px;
    height: 60px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    aspect-ratio: 1/1;

    border-radius: 18px;
    background: #3C8C8C center/20px no-repeat url(../images/sub/ico_search2.svg) ;
    box-shadow: 0 0 10px 0 rgba(60, 140, 140, 0.50);

    position: relative;
    right: -1px;
}
.search_area .select_filter {
    display: none;
}
.search_area.on .select_filter {
    display: flex;
    width: 656px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px dashed #C6C6C6;
}
.search_area.on .select_filter.off {
    display: none;
}
.search_area.on .select_filter .filter_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
.search_area.on .select_filter .filter_box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}
.search_area.on .select_filter .filter_box .refresh_btn {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_area.on .select_filter .filter_box .refresh_btn .ico {
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/sub/ico_refresh.svg);
}
.search_area.on .select_filter .filter_box .filter_items {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 8px;
    flex: 1 0 0;
    flex-wrap: wrap;
}
.search_area.on .select_filter .filter_box .filter_items li {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_area.on .select_filter .filter_box .filter_items li span{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
.search_area.on .select_filter .filter_box .filter_items li .close_btn {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    background: center/contain no-repeat url(../images/sub/ico_remove.svg);
}
.search_area .filter_btn {
    display: none;
}


.search_notice {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.search_notice .txt_box {
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 31.5px */
}


.search_result_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}
.search_result_box .cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.search_result_box mark {
    background: #EBF5F5;
}
.search_result_box .box_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.search_result_box .box_header .left_box {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
}
.search_result_box .box_header .left_box .subtit_l {
    margin: 0;
    font-size: 19px;
}
/* .search_result_box .box_header .left_box .subtit_l::before {
    top: 2px;
} */
.search_result_box .box_header .left_box span {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 136.842% */
}
.search_result_box .box_header .right_box {
    display: flex;
    align-items: center;
    gap: 12px;
}
.search_result_box .box_header .right_box span {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 25.5px */
}
.search_result_box .box_header .right_box a {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_result_box .box_header .right_box a.active {
    color: #245454;
    font-weight: 700;
    position: relative;
}
.search_result_box .box_header .right_box a.active::after  {
    content: '';
    width: 4px;
    height: 4px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #F17400;
    position: absolute;
    top: 0;
    right: -1px;
}
.cont_box .classify_line14.m {
    display: none;
}
.search_result_box .box_header .right_box .filter_m {
    display: none;
}
.search_result_box .box_header .right_box .filter_m .ico {
    display: flex;
    width: 27px;
    height: 27px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 4px;
    border: 1px solid #D8D8D8;
    background: #FFF center/16px no-repeat url(../images/sub/ico_filter.svg);
}

.search_result_box .box_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.search_result_box .box_list > li {
    width: 100%;
}
.search_result_box .box_list > li > a {
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 24px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_result_box .box_list > li > a:hover {
    background: #F8F8F8;
}
.search_result_box .box_list > li > a:hover > .main .tit {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.search_result_box .box_list > li > a:hover > .main .tit mark {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.search_result_box .box_list > li > a > .head {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.search_result_box .box_list > li > a > .head .type {
    display: flex;
    height: 26px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 2px;

    border-radius: 100px;
    border: 1px solid #08627D;
    background: #FFF;

    color: #08627D;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
}
.search_result_box .box_list > li > a > .head .date {
    overflow: hidden;
    color: #555;
    text-overflow: ellipsis;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_result_box .box_list > li > a > .main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.search_result_box .box_list > li > a > .main .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 28.5px */
}
.search_result_box .box_list > li > a > .main .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_result_box .box_list > li > a > .foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    align-self: stretch;
}
.search_result_box .box_list > li > a > .foot .depth {
    display: flex;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    min-width: 0;
}
.search_result_box .box_list > li > a > .foot .depth span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
    text-align: right;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_result_box .box_list > li > a > .foot .depth span.ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: center/12px no-repeat url(../images/sub/icon_up_black.svg);
    transform: rotate(90deg);
    flex-shrink: 0;
}
.search_result_box .box_list > li > a > .foot .depth span.more_ico {
    display: none;
    flex-shrink: 0;
}
.search_result_box .box_list > li > a > .foot .more {
    display: flex;
    height: 24px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.search_result_box .box_list > li > a > .foot .more span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.search_result_box .box_list > li > a > .foot .more span.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center/16px no-repeat url(../images/sub/ico_line_arrow_right_black.svg);
}

.search_result_box .none_result {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}
.search_result_box .none_result .left_box {
    display: flex;
    padding: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;

    border-radius: 24px 0 0 24px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    background: #F8FFFF center/cover no-repeat url(../images/sub/nodata_bg.png);
}
.search_result_box .none_result .left_box .nodata_img {
    width: 170px;
    height: 127px;
    aspect-ratio: 170 / 127;
    background: center / cover no-repeat url(../images/sub/nodata_img.png);
}
.search_result_box .none_result .left_box .tit_logo {
    text-indent: -99999px;
    width: 260px;
    height: 28.4px;
    background: center / cover no-repeat url(../images/sub/tit_name_img.svg);
}
.search_result_box .none_result .right_box {
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    
    border-radius: 0 24px 24px 0;
    border: 1px solid #D8D8D8;
    background: center/100% 128% no-repeat url(../images/sub/nodata_bg.png);
}
.search_result_box .none_result .right_box > p {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}

/* *메인영역* */


/* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */
.search_option_box .search_box .m_hidden {
    display: none !important;
}

.search_option_box .search_box .filter_box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    width: 100%;

    padding-bottom: 20px;
    border-bottom: 1px solid #C6C6C6;
}
.search_option_box .search_box .filter_box .refresh_btn {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_option_box .search_box .filter_box .refresh_btn .ico {
    width: 16px;
    height: 16px;
    background: center/cover no-repeat url(../images/sub/ico_refresh.svg);
}
.search_option_box .search_box .filter_box .filter_items {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 8px;
    flex: 1 0 0;
    flex-wrap: wrap;
}
.search_option_box .search_box .filter_box .filter_items li {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 100px;
    border: 1px solid #D8D8D8;
    background: #FFF;
}
.search_option_box .search_box .filter_box .filter_items li span{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
}
/* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */

@media screen and (max-width: 1279px) {
    .search_area .search_area_box {
        padding: 40px;
    }
    .search_area.on .select_filter,
    .search_area .search_input {
        width: 100%;
    }

    /* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */
    .search_result_box .box_header .right_box .filter_m {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .lnb.search {
        display: block;
        position: absolute;
    }
    .lnb.search .lnb_titbox {
        display: none;
    }
    .search_option_box .search_box.keywoard {
        display: none;
    }
    .search_option_box .search_box.filter_area.on {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #FFF;
        z-index: 102;
        border-radius: 16px 16px 0 0;
    }
    .search_option_box .search_box.filter_area {
        display: none;
    }
    /* 스크롤 */
    .search_option_box .search_box.filter_area.on .search_box_2depth {
        overflow-y: auto;
        padding: 0 10px 0 5px;
    }
    .search_option_box .search_box.filter_area.on .search_box_2depth::-webkit-scrollbar {
        width: 7px;
    }
    .search_option_box .search_box.filter_area.on .search_box_2depth::-webkit-scrollbar-thumb {
        background: #8f8f8f;
        border-radius: 10px;
    }
    .search_option_box .search_box.filter_area.on .search_box_2depth::-webkit-scrollbar-thumb:hover {
        background: #5e6369;
    }

    .search_option_box .search_box .m_hidden {
        display: flex !important;
    }
    .search_option_box .search_box .option_title_box > a.reset_btn {
        display: none;
    }
    .search_option_box .search_box .filter_box .filter_items li .close_btn {
        display: block;
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        background: center/contain no-repeat url(../images/sub/ico_remove.svg);
    }
    .search_option_box .filter_area .option_title_box .box_close_btn {
        display: block;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        background: center/contain no-repeat url(../images/sub/ico_remove.svg);
    }

    .search_option_box .search_box .none_filter_box {
        display: flex;
        height: 72px;
        padding: 20px 16px;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 16px;
        align-self: stretch;
        flex-wrap: wrap;
        border-radius: 8px;
        border: 1px solid #E4E4E4;
        background: #F8F8F8;

        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 22.5px */
    }
    .search_option_box .search_box .option_box.on .cont .check_button li a {
        padding: 8px 4px 8px 10px;
    }

    /* 팝업형식 배경 */
    #wrap.on::before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 101;
        background: rgba(0, 0, 0, 0.60);
    }
    /* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */

    .search_result_box .none_result .left_box {
        display: none;
    }
    .search_result_box .none_result .right_box {
        border-radius: 24px;
    }
}
@media screen and (max-width: 767px) {
    .search_area .search_area_box {
        padding: 24px;
    }
    .search_area.on .filter_btn_box {
        width: 100%;
    }
    .search_area.on .filter_btn_box .filter_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0 10px 24px;
        gap: 4px;
        align-self: stretch;
        
        border-radius: 0 0 16px 16px;
        border: 1px solid #D8D8D8;
        background: #FFF;
    }
    .search_area.on .filter_btn_box .filter_btn span {
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 25.5px */
    }
    .search_area.on .filter_btn_box .filter_btn .ico {
        width: 24px;
        height: 24px;
        background: center/20px no-repeat url(../images/sub/icon_top_arrow_black.svg);
        transform: rotate(0deg);
    }
    .search_area.on .filter_btn_box.on .filter_btn .ico {
        transform: rotate(180deg);
    }

    .search_area.on .search_area_box {
        border-top: 1px solid #D8D8D8;
        border-left: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
        border-radius: 16px 16px 0 0;
        padding: 24px;
    }
    .search_area.on .select_filter .filter_tit {
        display: none;
    }
    .search_area .search_input {
        border-radius: 10px;
        gap: 12px;
        padding-left: 16px;
    }
    .search_area .search_input .search_btn {
        width: 50px;
        height: 50px;
        border-radius: 10px 8px 8px 10px;
        right: -1px;
    }

    
    .cont_box .classify_line14.m {
        display: inline-block;
        width: 1px;
        height: 14px;
        background: #C6C6C6;
    }
    .search_result_box .box_header {
        flex-direction: column;
        gap: 12px;
    }
    .search_result_box .box_header .left_box {
        width: 100%;
        order: 2;
    }
    .search_result_box .box_header .right_box {
        width: 100%;
        order: 1;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .search_result_box .box_list > li > a {
        padding: 24px;
    }
    .search_result_box .box_list > li > a > .foot {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    .search_result_box .box_list > li > a > .foot .depth span,
    .search_result_box .box_list > li > a > .foot .depth span.ico {
        display: none;
    }
    .search_result_box .box_list > li > a > .foot .depth span:first-child,
    .search_result_box .box_list > li > a > .foot .depth span:last-child,
    .search_result_box .box_list > li > a > .foot .depth span.ico:nth-last-child(2),
    .search_result_box .box_list > li > a > .foot .depth span.ico:nth-child(2),
    .search_result_box .box_list > li > a > .foot .depth span.more_ico:nth-child(n+4) {
        display: inline; 
    }

    .search_result_box .none_result .right_box {
        background: left/cover no-repeat url(../images/sub/nodata_bg.png);
    }
}
/* *메인영역* */
/** lg total_search 통합검색 */




/** lg epki 로그인 */
.epki_login {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    min-height: 100vh;
    background: center/cover no-repeat url(../images/sub/epki_login_bg.png);
}
.epki_login .tit_area {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.epki_login .tit_area .tit_logo {
    text-indent: -99999px;
    width: 445px;
    height: 50px;
    background: center/cover no-repeat url(../images/sub/epki_title.svg);
}
.epki_login .box {
    display: flex;
    width: 1100px;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;

    border-radius: 40px;
    background: #FFF;
    box-shadow: 0 6px 12px 0 rgba(8, 98, 125, 0.12);
}
.epki_login .box .login_list {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}
.epki_login .box .login_list li {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: calc(100% / 3 - 16px);

    border-radius: 16px;
    background: #EBF5F5;
    mix-blend-mode: multiply;
}
.epki_login .box .login_list li .tit_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.epki_login .box .login_list li .tit_box .ico_box {
    display: flex;
    width: 80px;
    height: 80px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;

    border-radius: 40px;
    background: #FFF;
}
.epki_login .box .login_list li .tit_box .ico_box .ico {
    flex-shrink: 0;
}
.epki_login .box .login_list li .tit_box .ico_box .ico.type_a {
    height: 14px;
    flex-shrink: 0;
    align-self: stretch;
    aspect-ratio: 32/7;
    background: center/100% 100% no-repeat url(../images/sub/epki_copykiller_ico.svg);
}
.epki_login .box .login_list li .tit_box .ico_box .ico.type_b {
    height: 15px;
    flex-shrink: 0;
    aspect-ratio: 64/15;
    background: center/100% 100% no-repeat url(../images/sub/epki_eureka_ico.svg);
}
.epki_login .box .login_list li .tit_box .ico_box .ico.type_c {
    width: 48px;
    height: 46.133px;
    background: center/100% 100% no-repeat url(../images/sub/symbol_ci_emblem_PC.svg);
}
.epki_login .box .login_list li .tit_box .tit {
    text-align: center;
    font-family: "Hakgyoansim Allimjang OTF";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 31.5px */
}


.epki_login .box .login_list li .btn_box {
    width: 100%;
}
.epki_login .box .login_list li .btn_box a {
    display: flex;
    padding: 10px 16px 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    
    border-radius: 100px;
    background: #FFF;
    box-shadow: 0 6px 12px 0 rgba(8, 98, 125, 0.12);
}
.epki_login .box .login_list li .btn_box a > span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    width: 100%;
}
.epki_login .box .login_list li .btn_box a > span.ico {
    width: 26px;
    height: 26px;
    background: center/20px no-repeat url(../images/icons/ico-next-darkTeal.svg);
}
.epki_login .box .login_list li .btn_box a:hover {
    background: #08627D;
}
.epki_login .box .login_list li .btn_box a:hover > span {
    color: #FFF;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.epki_login .box .login_list li .btn_box a:hover > span.ico {
    background: center/20px no-repeat url(../images/icons/ico-next-white.svg);
}
@media screen and (max-width: 1155px) {
    .epki_login {
        padding: 0 35px;
    }
    .epki_login .box {
        width: 100%;
    }
    .epki_login .box .login_list li {
        width: calc(100%);
        flex-direction: row;
    }
    .epki_login .box .login_list li .tit_box {
        flex-direction: row;
        flex: 1;
    }
    .epki_login .box .login_list li .btn_box {
        flex: 1;
    }
}
@media screen and (max-width:767px) {
    .epki_login {
        gap: 16px;
        padding: 0 16px;
    }
    .epki_login .tit_area .tit_logo {
        width: 285px;
        height: 32px;
        flex-shrink: 0;
        aspect-ratio: 285/32;
    }
    .epki_login .box {
        padding: 16px;
        border-radius: 24px;
        gap: 24px;
    }
    .epki_login .box .login_list {
        gap: 16px;
    }
    .epki_login .box .login_list li {
        flex-direction: column;
        gap: 8px;
        padding: 16px;
    }
    .epki_login .box .login_list li .tit_box {
        gap: 8px;
    }
    .epki_login .box .login_list li .tit_box .ico_box {
        width: 64px;
        height: 64px;
    }
    .epki_login .box .login_list li .tit_box .tit {
        font-size: 19px;
    }
    .epki_login .box .login_list li .tit_box .ico_box .ico.type_a {
        height: 10px;
    }
    .epki_login .box .login_list li .tit_box .ico_box .ico.type_b {
        height: 11px;
    }
    .epki_login .box .login_list li .tit_box .ico_box .ico.type_c {
        width: 40px;
        height: 38.444px;
    }
}
/** lg epki 로그인 */



/** lg 회원가입 */

.join_one {
    width: 100%;
}
.join_one ul {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}
.join_one ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}
.join_one ul li .step_ico {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.join_one ul li.active .step_ico .step_num {
    display: flex;
    width: 36px;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;

    border-radius: 50%;
    border: 4px solid #B1D1D1;
    background: #08627D;


    overflow: hidden;
    color: #FFF;
    text-align: center;
    text-overflow: ellipsis;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}
.join_one ul li.activated .step_ico .step_num {
    display: flex;
    width: 36px;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;

    border-radius: 50%;
    background: #08627D;


    overflow: hidden;
    color: #FFF;
    text-align: center;
    text-overflow: ellipsis;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}
.join_one ul li .step_ico .step_num {
    display: flex;
    width: 36px;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;

    border-radius: 50%;
    border: 4px solid #ffffff00;
    background: #EFF1F5;


    overflow: hidden;
    color: #2D2D2D;
    text-align: center;
    text-overflow: ellipsis;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}
.join_one ul li .step_ico .step_line_type1 {
    height: 2px;
    flex: 1 0 0;
    background: #08627D;
}
.join_one ul li .step_ico .step_line_type2 {
    height: 2px;
    flex: 1 0 0;
    background: #EFF1F5;
}
.join_one ul li.active > span,
.join_one ul li.activated > span {
    overflow: hidden;
    color: #08627D;
    text-align: center;
    text-overflow: ellipsis;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.48px;
}
.join_one ul li > span {
    overflow: hidden;
    color: #2D2D2D;
    text-align: center;
    text-overflow: ellipsis;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}


.terms_agreement {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;

    border: 1px solid #D8D8D8;
    border-radius: 20px;
    overflow: hidden;
}
.terms_agreement .terms_head {
    display: flex;
    width: 100%;
    padding: 20px 30px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;

    border-bottom: 1px solid #D8D8D8;
}
.terms_agreement .terms_head > a {
    display: flex;
    align-items: center;
    gap: 4px;

    border-bottom: 1px solid #00000000;
}
.terms_agreement .terms_head > a > span {
    color: #717171;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.terms_agreement .terms_head > a > span.ico {
    display: block;
    width: 20px;
    height: 20px;
    background: center/cover no-repeat url(../images/sub/icon_up_gray.svg);
    transform: rotate(90deg);
}
.terms_agreement .terms_head > a:hover {
    border-bottom: 1px solid #000;
}
.terms_agreement .terms_head > a:hover > span {
    color: #1D1D1D;
}
.terms_agreement .terms_head > a:hover > span.ico {
    background: center/cover no-repeat url(../images/sub/icon_top_arrow_black.svg);
}
.terms_agreement .terms_body {
    display: flex;
    width: 100%;
    padding: 20px 30px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    
    background: #F8F8F8;
}
.terms_agreement .terms_body .radio_box {
    display: flex;
    gap: 24px;
}
.terms_agreement .terms_body .radio_box label {
    font-size: 17px;
    padding-left: 28px;
}
.terms_agreement .terms_body .radio_box label::before {
    width: 20px;
    height: 20px;
}

.terms_agreement .terms_body fieldset {
    display: flex; 
    justify-content: 
    space-between; 
    width: 100%;
}

@media screen and (max-width: 767px) {
    .terms_agreement .terms_body {
        flex-direction: column;
        align-items: center;
    }
    .terms_agreement .terms_body fieldset {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}


.input_flex_box {
    display: flex;
    gap: 10px;
}


.comp_box {
    display: flex;
    padding-left: 80px;
    align-items: center;
    gap: 80px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    overflow: hidden;
}
.comp_box .comp_cont_box {
    display: flex;
    width: 440px;
    padding: 60px 0;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.comp_box .comp_cont_box .notice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.comp_box .comp_cont_box .notice .tit {
    display: flex;
    flex-direction: column;

    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */
    letter-spacing: -0.72px;
}
.comp_box .comp_cont_box .notice .txt {
    color: #1D1D1D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.comp_box .img_box {
    flex: 1 0 0;
    align-self: stretch;

    border-left: 1px solid #D8D8D8;
    background: center/cover no-repeat url(../images/sub/sub00_comp_img.png), #409191;
}
@media screen and (max-width:1059px) {
    .comp_box {
        padding-left: 0;
    }
    .comp_box .img_box {
        display: none;
    }
    .comp_box .comp_cont_box {
        width: 100%;
        padding: 60px;
    }
}
@media screen and (max-width:767px) {
    .comp_box .comp_cont_box {
        padding: 32px 16px;
    }
    .comp_box .comp_cont_box .lg_btn_area.btw .btw_center {
        flex-direction: row;
    }
    .comp_box .comp_cont_box .notice .tit {
        font-size: 20px;
    }
    .comp_box .comp_cont_box .notice .txt {
        font-size: 14px;
    }
}

/** lg 회원가입 */




/** lg 충남형미래교육평가 */


/** lg 충남형미래교육평가 */