.header_new_nav {
    display: inline-block;
    position: relative;
    margin-right: 90px;
    font-family: 'Pretendard', sans-serif
}

.header_new_nav > ul {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: bold;
}

.header_new_nav > ul > li {
    padding: 20px;
}

.header_new_nav > ul > li:hover, .header_new_nav > ul > li.on {
    color: #2055a6;
}

.header_new_nav .new_icon > a::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 8px;
    width: 10px;
    height: 10px;
    background-image: url("/images/main/new_icon.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 8px;
}

.header_new_nav .new_icon2 > a::after {
    content: "";
    position: absolute;
    top: 20px;
    right: -1px;
    width: 10px;
    height: 10px;
    background-image: url("/images/main/new_icon.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 8px;
}

.header_new_nav .event_icon > a::after {
    content: "";
    position: absolute;
    top: 3px;
    right: -5px;
    width: 65px;
    height: 35px;
    background-image: url("/images/map/menu_icon.png");
    background-repeat: no-repeat;
}

.header_new_nav_submenu {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 580px;
    height: 602px;
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    z-index: 1414;
}

.header_new_nav_submenu .menu_box {
    position: relative;
    float: left;
    width: 33.3%;
    height: 455px;
    border-top: 1px solid #d3d3d3;
}

.header_new_nav_submenu .banner_box {
    clear: both;
    background: #124ec0;
    color: #fff;
    text-align: center;
    height: 100px;
}

.header_new_nav_submenu .menu_box .menu_box_ul1 {
    width: 110px;
    height: 280px;
}

.header_new_nav_submenu .menu_box a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 18px;
}

.header_new_nav_submenu .title_menu {
    display: flex;
    width: 100%;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
}

.header_new_nav_submenu .title_menu div:hover, .header_new_nav_submenu .title_menu div.on {
    color: #2055a6;
}

.header_new_nav_submenu .menu_box .menu_box_ul2 {
    width: 107px;
    height: 180px;
}

.header_new_nav_submenu .menu_box > ul > li {
    position: relative;
    margin: 5px 0 160px 0;
    padding: 5px 10px;
    width: 103px;
}

.header_new_nav_submenu .menu_box .menu_box_ul2 > li {
    width: 107px;
}

.header_new_nav_submenu .menu_box > ul > li span {
    float: right
}

.header_new_nav_submenu .menu_box > ul > li:hover {
    color: #2055a6;
    font-weight: bold;
}

.header_new_nav_submenu .menu_box > ul > li:hover ul {
    display: block;
}

.header_new_nav_submenu .menu_box > ul > li ul {
    position: absolute;
    top: 0;
    left: 100px;
}

.header_new_nav_submenu .menu_box > .menu_box_ul2 > li ul {
    position: absolute;
    top: 0;
    left: 100px;
}

.header_new_nav_submenu .menu_box > ul > li ul>li {
    padding: 5px 10px;
    width: 90px;
    color: #333;
    font-weight: normal;
}

.header_new_nav_submenu .menu_box > .menu_box_ul2 > li ul>li {
    padding: 5px 10px;
    width: 100px;
    color: #333;
    font-weight: normal;
}

.header_new_nav_submenu .menu_box > ul > li:hover ul>li:hover {
    color: #2055a6;
    font-weight: bold;
}

.header_new_nav_submenu .menu_box > ul > li:hover ul>li:hover a {
    text-decoration: underline;
    text-underline-position: under;
}

.header_nav {
    display: inline-block;
    border: 1px solid #e8e8e8;
    margin-right: 20px;
}

.header_nav > ul {
    font-size: 13px;
}

.header_nav > ul .bar {
    color: #e8e8e8;
    padding: 0;
}

.header_nav > ul > li {
    padding: 5px 20px;
}

.header_subnav {
    top: 33px;
    min-width: 100px;
}

.header_subnav li {
    margin: 15px 0;
    font-size: 13px;
    padding: 0 10px;
}

.btn_add_1 {
    position: absolute;
    width: 95px;
    left: 30px;
    bottom: 28px;
    padding: 5px 10px;
    background: #f7f2c7;
    border-radius: 3px;
    color: #a69521;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
}

.btn_add_1:hover {
    font-weight: bold;
}

.btn_add_2 {
    width: 75px !important;
    padding: 5px 10px;
    background: #cdeff2;
    border-radius: 3px;
    color: #1094a1 !important;
    font-size: 16px;
    text-align: center;
}

.btn_add_2:hover {
    font-weight: bold;
}

.btn_add_2:hover a {
    text-decoration: unset !important;
}

.header_subnav .my_use {
    width: 1000px;
    height: 555px;
    margin-top: 10px;
    font-family: 'Pretendard', sans-serif;
}

.header_subnav .my_use .my_use_box {
    width: 100%;
    height: 100%;
    border: 2px solid #2055a6;
    background: #fff;
}

.header_subnav .my_use .my_use_box::after {
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 10px;
    top: -10px;
    right: 40%;
    border-color: transparent transparent #2055a6 transparent;
}

.header_subnav .my_use .my_use_box .my_use_box_top {
    position: relative;
    height: 95px;
    background: #fff;
}

.header_subnav .my_use .my_use_box .my_use_box_top .box_top_left {
    float: left;
    width: 50%;
    height: 95px;
    padding: 20px 30px 20px 30px;
}

.header_subnav .my_use .my_use_box .my_use_box_top .box_top_left .top_left_name {
    font-size: 16px;
    font-weight: bold;
}

.header_subnav .my_use .my_use_box .my_use_box_top .box_top_left .top_left_info {
    font-size: 16px;
    font-weight: normal;
}

.header_subnav .my_use .my_use_box .my_use_box_top .box_top_left .top_left_info span {
    margin-left: 20px;
}

.header_subnav .my_use .my_use_box .my_use_box_top .box_top_right {
    float: right;
    width: 50%;
    height: 95px;
    text-align: right;
    padding: 30px 20px 30px 10px;
}

.header_subnav .my_use .my_use_box .my_use_box_top .box_top_right .top_right_btn {
    float: right;
    background: #f3f4f7;
    color: #545454;
    padding: 5px 20px;
    text-align: center;
    margin-left: 10px;
    font-weight: normal;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom {
    position: relative;
    height: 456px;
    background: #f6f6f6;
    padding: 30px 0px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info {
    height: 275px;
    margin-bottom: 30px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box {
    position: relative;
    float: left;
    width: 249px;
    height: 275px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .blue {
    font-weight: bold;
    color: #154ec4;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .black {
    font-weight: bold;
    color: #000;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid #dfdfdf;
    height: 275px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box:last-child::before {
    display: none;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_img {
    text-align: center;
    margin-bottom: 15px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_title {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_title .icon_qmark::before {
    margin: 4px 3px 3px 5px;
    background: transparent;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_desc {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_one_desc {
    height: 120px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_one_desc .one_row {
    height: 33px;
    padding: 0 30px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_one_desc .one_row .title {
    float: left;
    height: 33px;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_one_desc .one_row .desc {
    float: right;
    height: 33px;
    color: #888;
    font-size: 18px;
    text-align: right;
    font-weight: normal;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_one_desc .one_row .desc .small_txt {
    font-size: 14px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_sub_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_sub_desc {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 15px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_info .bottom_info_box .info_btn {
    width: 150px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 2px 10px 0px 10px;
    color: #545454;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_banner {
    width: 100%;
    height: 100px;
    padding: 0 20px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_banner .banner_bg {
    position: relative;
    background: #0b2a63;
    height: 100px;
    font-size: 25px;
    font-weight: normal;
    padding: 29px 47px;
    color: #fff;
    cursor: pointer;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_banner .banner_bg .yellow {
    color: #fff493;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_banner .banner_bg .small {
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    top: 37px;
    right: 350px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_banner .banner_bg .banner_btn {
    position: absolute;
    top: 28px;
    right: 30px;
    color: #0b2a63;
    font-size: 20px;
    font-weight: 600;
    background: #fff;
    padding: 5px 35px;
    border-radius: 50px;
}

.header_subnav .my_use .my_use_box .my_use_box_bottom .box_bottom_banner .banner_bg .banner_btn svg {
    margin-left: 70px;
}