* {
    box-sizing: border-box !important;
}

#sub_page .h1,
#sub_page h1 {
    font-size: 42px;
}

#sub_page .h2,
#sub_page h2 {
    font-size: 32px;
}

#sub_page h2.bic {
    font-size: 40px;
    font-weight: 800;
}

#sub_page .h3,
#sub_page h3 {
    font-size: 26px;
}

#sub_page .h3_bic,
#sub_page h3.bic {
    font-size: 36px;
}

#sub_page .h4,
#sub_page h4 {
    font-size: 24px;
}

#sub_page h5. #sub_page .h5 {
    font-size: 20px;
}
.footer-padding {
    /* padding-bottom: 80px; */

}
/*  */
.font-18nomal {
    font-size: 18px;
    line-height: 28px !important;
    font-weight: 400 !important;

}

#sub_page .page--padding {
    padding-top: 70px;
    padding-bottom: 80px;
}

#sub_page .page--padding--01 {
    padding-top: 20px;

}
#sub_page .page--padding--01.padding-copy {
    padding-bottom: 80px;
}

#sub_page .page--padding--02 {
    padding-top: 90px;
    padding-bottom: 80px;

}

#sub_page .border-padding {
    padding: 35px 50px;

}

#sub_page .border-padding2 {
    padding: 70px 70px 50px;
}

.bg_01 {
    background: #f2f4f7;
}
.bg_02 {
    background: #f7f9fc;
}

.bg_line01 {
    border-bottom: 1px #dbdbdb solid;
}

.dot_line {
    background: url("/img/sub/dot_line.png");
}

.point01 {
    color: #063783;
}

.point02 {
    color: #2a6dd5;
}

.box-border {
    background: #fff;
    border: 1px #aeaeae solid;
    padding: 35px 50px;
}

.box-border2 {
    border: 1px #dadada solid;
}

.border-rad {
    border-radius: 1em;
}

a.btns.btns-pack {
    border: 1px #aeaeae solid;
}

a.btns.btns-pack.nomal {
    border-radius: 0.5em;

}

a.btns.btns-pack.small {
    font-size: 15px;
    border-radius: 0.3em;

    line-height: 34px;
}

a.btns.btns-pack:hover {
    text-decoration: none;
    background: #f1f1f1;
}

/* 버튼 */
.border-rad_h1 {
    background: #f5faff;
    padding: 10px 28px;
    border: 1px #b0d7ff solid;
    border-radius: 4em;
    font-weight: 700;
}

.btn-nomal {
    display: inline-block;
}

.btn-nomal.line-black {
    background: #fff;
    border: 1px #000 solid;
    padding: 10px 32px;
    /* font-size:16px; */
}

.btn-nomal:hover {
    text-decoration: none;
}

.btn-nomal.line-gray {
    background: #f5f5f5;
    border: 1px #f5f5f5 solid;
    padding: 12px 30px;

    font-weight: 700;
    font-size: 15px;
    border-radius: 0.3em;
}

.btn-nomal.line-sky {
    background: #f7faff;
    border: 1px #b9d4ff solid;
    padding: 7px 20px;
    color: #063783;
    font-weight: 700;
    font-size: 15px;
    border-radius: 0.3em;
    /* font-size:16px; */
}

.btn-nomal.line-blue {
    background: #fff;
    border: 1px #063783 solid;
    padding: 6px 30px;
    color: #063783;
    font-weight: 700;
    font-size: 15px;
    border-radius: 0.3em;
    /* font-size:16px; */
}

.btn-nomal.sky:hover {
    text-decoration: none;
}

/* tip */
#tip::before {
    content: "!";
    width: 32px;
    height: 32px;
    background: #b9b9b9;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins', 'NotoSans', sans-serif;
    font-weight: 800;
    color: #fff;
    margin-right: 12px;

}

/* 페이지중 */
.privacy {
    margin-bottom: 20px;
}

.privacy .privacy_box {
    /* border: 1px solid #e6e6e6; */
    border: 1px #aeaeae solid;
    height: 200px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

}

.privacy .privacy_box .text {
    padding: 30px;
    font-size: 16px;
    line-height: 26px !important;
    font-weight: 400 !important;
}

legend {
    line-height: 0 !important;
    padding: 0 !important;
}

/* 팝업 */
.dr_popup {
    position: fixed;
    z-index: 99999999999999999999999999999999;
    top: 0;
    bottom: 0;
    left: 0; 
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    /* transition: opacity 500ms; */
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dr_popup:target {
    visibility: visible;
    opacity: 1;
}

.dr_popup .popup-content_dr {
    /* margin: 70px auto; */
    background: url("../../../img/sub/detail_pop_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 1030px;
    position: relative;
    transition: all 5s ease-in-out;
    padding-bottom: 0;
    border: 1px #fff solid;

}

.dr_popup .popup-content_dr h2 {
    /* background: linear-gradient(#44474e, #35383f); */
    margin-top: 0;
    color: rgb(51, 51, 51);
    text-align: center;
    font-size: 24px;
    font-family: 'Spoqa Han Sans Neo', 'Nanum Gothic', 'sans-serif';
    line-height: 52px;
    font-weight: 900;
    padding-top: 5px;
    border-bottom: 1px rgb(238, 238, 238) solid;
    padding-top: 13px;
    padding-bottom: 10px;
}

.dr_popup .popup-content_dr .close {
    position: absolute;
    top: 15px;
    /*    border: 1px #fff solid;*/
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000 !important;
    opacity: 1;
    text-shadow: none;
    line-height: 0;
    padding: 12px 5px 20px;
}

.dr_popup .popup-content_dr .close:hover {
    color: #06D85F;
}

.dr_popup .popup-content_dr .contents {
    /*  max-height: 30%;*/
    height: auto;
    min-height: 580px;
    padding: 25px 20px 0 0;
    font-size: 16px;
    overflow-y: auto;
}

.dr_popup .popup-content_dr .contents p .btn-1 {
    background: rgb(182, 13, 13);
    margin-top: 30px;
    width: 160px;
    text-align: center;
    color: #fff;

}

.dr_popup .popup-content_dr .contents p .btn-1::before {
    background-color: #2b2929;

}

.dr_popup .popup-content_dr .contents p .btn-1 span {
    color: rgb(255, 255, 255);
    border: 0;
    transition: 0.2s 0.1s;
    padding: 12px 0;
    font-size: 16px;

}

.dr_popup .popup-content_dr .contents p .btn-1 span:hover {
    color: rgb(255, 255, 255);
    transition: 0.2s 0.1s;
}

.dr_popup .popup-content_dr .contents p,
.dr_popup .popup-content_dr .contents span {
    /* font-size: 13px; */
}

.dr_popup .popup-content_dr {}

.dr_popup .popup-content_dr .contents .dr_flex {
    display: flex;
    padding-left: 0;
    padding-right: 25px;
    justify-content: center;
    align-items: center;

}

.dr_popup .popup-content_dr .contents .dr_flex .dr-image {
    width: 45%;
    padding-top: 40px;
    text-align: left;
}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text {
    width: 55%;
    /* padding-top: 60px; */
    padding-left: 80px;

}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h4 {
    font-size: 17px !important;
    color: #c4dbff;
    display: inline-block;
    padding: 6px 30px 6px 46px;
    border-radius: 3em;
    background: #063783;
    position: relative;
}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h4::before {
    font-family: xeicon;
    content: "\";
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 24px;
}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h1 {
    font-size: 54px !important;
    color: #000;
    font-family: 'Nanum Myeongjo', serif !important;
    margin: 30px 0 0;
    font-weight: 900;
    padding: 0;
    display: block;
    position: relative;

}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h1::before {
    position: absolute;
    width: 50px;
    height: 1px;
    background: #000;
    content: '';
    margin-top: 60px;

}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h1 span {
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-size: 23px;
    color: #000;
    font-weight: 500;
}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .category {
    padding-top: 42px;
    padding-bottom: 30px;
    font-size: 22px;
    margin-left: 5px;
    font-weight: 700 !important;
    color: #063783;
}

.dr_popup .popup-content_dr .contents .dr_flex .dr-text .history {
    margin-left: 5px;
    font-weight: 600;
    color: #000;
    color: #424242;
}

.popup_text_point {
    font-size: 16px;
    font-weight: 600;
    font-weight: 600;
    padding-bottom: 12px;
}

/* 팝업 마감 */
table.bg_white tbody td,
table.bg_white tbody th {
    background: #fff;

}
.ccmc-tab {
    display: flex;
    margin-bottom: 60px;
    justify-content: center;
    align-items: center;
    border: 1px #858585 solid;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    border-radius: 0.4em;
}

.ccmc-tab li {
    width: 20%;
    text-align: center;
}
.ccmc-tab.tab02 li {
    width: 50%;
}
.ccmc-tab li a {
    display: block;
    padding-top: 24px;
    padding-bottom: 16px;
    border-right: 1px #ddd solid;
}

.ccmc-tab li:last-child a {
    border-right: 0;
}

.ccmc-tab li a h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.ccmc-tab li a p {
    font-size: 18px;
    font-style: italic;
    color: #bdbdbd;
    font-family: 'Roboto', 'NotoSans', sans-serif;
    font-weight: 600;
}

.ccmc-tab li a.active {
    background: #063783;
    color: #fff;

}

.ccmc-tab li:first-child a.active {
    border-top-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
}

.ccmc-tab li a.active h5 {
    color: #fff;
}

.ccmc-tab li a.active p {
    color: #fff;
}

.ccmc-tab li a:hover {
    text-decoration: none;
}
/* 두번째 탭 */
#tab-nomal {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    /* box-shadow: 10.5px 12.2px 20px 0 rgba(0, 0, 0, 0.24); */
}
#tab-nomal.small {}
#tab-nomal.small li a {
    padding-left: 50px;
    padding-right: 50px;
}
#tab-nomal.small.num2 li:first-child a {
    border-right: 0;
}
#tab-nomal li a {
    border: 1px #c2c2c2 solid;
    background: #fff;
    border-left: 0;
    text-align: center;
    display: block;
    padding: 16px 0;
    font-size: 19px;
    /* font-weight:700; */
}
#tab-nomal li.active a {
    font-weight: 700;
}
#tab-nomal li a:hover {
    text-decoration: none;
}
#tab-nomal li:first-child a {
    border-left: 1px #c2c2c2 solid;
    /* border-top-left-radius: .3em;
    border-bottom-left-radius: .3em; */
}
#tab-nomal li:last-child a {
    border-left: 1px #c2c2c2 solid;
    /* border-top-right-radius: .3em;
    border-bottom-right-radius: .3em; */
}
#tab-nomal li.active a {
    border: 1px #000 solid;
    color: #000;
}
/* #tab-nomal li.active a {
    border: 1px #3f65d9 solid;
    color: #eff3ff;
    background-color: #3f65d9;
}   */
#tab-nomal.num2 li {
    width: 50%;
}
#tab-nomal.num3 li {
    width: 33.33333333333333%;

}
#tab-nomal.num4 li {
    width: 25%;

}
#tab-nomal.num5 li {
    width: 20%;

}
#tab-nomal.num7 li {
    width: 14.28571428571429%;

}

/* map tab */
#map_tab {
    display: flex;
}
#map_tab li a {
    display: block;
    background: #fff;
    margin-right: 8px;
    padding: 9px 26px;
    border-radius: 0.4em;
    font-size: 19px;
    color: #585858;
    font-weight: 500;
}
#map_tab li.active a {
    background: #3f76cc;
    color: #eaf2ff;
}

/* asidemenu */
#aside_menu_a {
    padding-right: 40px;
}
#aside_menu_a ul {
    background: #fff;
    border: 1px #dadada solid;
    border-radius: 0.8em;
    padding: 22px 14px 12px;
}
#aside_menu_a ul li {}
#aside_menu_a ul li a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 25px;
    border-radius: 0.6em;
    position: relative;
    margin-bottom: 4px;
    padding-left: 45px;
}
#aside_menu_a ul li a.actvie {
    background-color: #f2f4f7;
    color: #063783;
    font-weight: 800;
}
#aside_menu_a ul li a:focus,
#aside_menu_a ul li a:hover {
    text-decoration: none;

}
#aside_menu_a ul li a i {
    position: absolute;
    top: 15px;
    right: 10px;
    display: none;
}
#aside_menu_a ul li:nth-child(1) a {
    background-image: url("../../img/sub/reserve_04_03_nav_icon01.png");
    background-repeat: no-repeat;
    background-position: 15px 50%;

}
#aside_menu_a ul li:nth-child(2) a {
    background-image: url("../../img/sub/reserve_04_03_nav_icon02.png");
    background-repeat: no-repeat;
    background-position: 15px 50%;

}
#aside_menu_a ul li:nth-child(3) a {
    background-image: url("../../img/sub/reserve_04_03_nav_icon03.png");
    background-repeat: no-repeat;
    background-position: 15px 50%;

}
#aside_menu_a ul li:nth-child(4) a {
    background-image: url("../../img/sub/reserve_04_03_nav_icon04.png");
    background-repeat: no-repeat;
    background-position: 15px 50%;

}
@media(max-width:991px) {
    #sub_page .page--padding--01.padding-copy {
        padding-bottom: 40px;
    }
    #sub_page .page--padding {
        padding-top: 36px;
        padding-bottom: 30px !important;
    }
    .btn-nomal.line-sky {
        background: #f7faff;
        border: 1px #b9d4ff solid;
        padding: 6px 12px;
        color: #063783;
        font-weight: 700;
        font-size: 12px;
        border-radius: 0.1em;
        /* font-size: 16px; */
    }
    .m-flex-block {
        display: flex;
        flex-direction: column;
    }
    #sub_page .h2,
    #sub_page h2 {
        font-size: 19px;
    }
    #sub_page .h3,
    #sub_page h3 {
        font-size: 16px;
        line-height: 26px;
    }
    #tab-nomal {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    #tab-nomal.small {}
    #tab-nomal.small li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    #tab-nomal.small.num2 li:first-child a {
        border-right: 0;
    }
    #tab-nomal li a {
        border: 1px #c2c2c2 solid;
        background: #fff;
        border-left: 0;
        text-align: center;
        display: block;
        padding: 4px 0;
        font-size: 13px;
        /* font-weight:700; */
    }
    #tab-nomal.num4 li {
        width: 50%;

    }
    #tab-nomal.num5 li {
        width: 50%;

    }
    #tab-nomal.num7 {
        justify-content: flex-start;
    }
    #tab-nomal.num7 li {
        width: 33%;
        

    }
    #tab-nomal.num7 li:last-child {
        width: 100%;
        
    }
    #tab-nomal.num5 li:last-child {
        width: 100%;
    }
    #tab-nomal.num4 li:nth-child(1) a,
    #tab-nomal.num4 li:nth-child(2) a {
        border-bottom: 0;
        /* margin-bottom: 2px; */
    }
    #tab-nomal.num4 li:first-child a,
    #tab-nomal.num4 li:nth-child(3) a {
        border-left: 1px #c2c2c2 solid;
    }
    #tab-nomal.num4 li a {
        border-left: 0;
        font-weight: 600;
    }
    #tab-nomal.num4 li.active a {
        border: 1px #90c1f3 solid;
        background: #f1f8ff !important;
        color: #1758a9;
        font-weight: 900;

    }
    #sub_page .border-padding2 {
        padding: 30px 15px;
    }
    .border-rad {
        border-radius: 0.6em;
    }
    .border-rad_h1 {
        background: #f5faff;
        padding: 10px 18px 8px;
        border: 1px #b0d7ff solid;
        border-radius: 4em;
        font-weight: 700;
    }
    #tip {
        font-size: 14px;
        line-height: 20px;
    }
    #tip::before {
        content: "!";
        font-size: 12px;
        width: 22px;
        height: 22px;
        background: #b9b9b9;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-family: 'Poppins', 'NotoSans', sans-serif;
        font-weight: 800;
        color: #fff;
        margin-right: 6px;
        display: none;

    }
    #sub_page h2.bic {
        font-size: 22px;
        font-weight: 800;
    }
    #sub_page .h4,
    #sub_page h4 {
        font-size: 18px;
        line-height: 22px;
    }
    #sub_page .table.style01 > tbody > tr > td,
    #sub_page .table.style01 > tbody > tr > th,
    #sub_page .table.style01 > tfoot > tr > td,
    #sub_page .table.style01 > tfoot > tr > th,
    #sub_page .table.style01 > thead > tr > td,
    #sub_page .table.style01 > thead > tr > th {
        padding: 12px 14px !important;
        line-height: 1.42857143 !important;
        vertical-align: middle;
        border-top: 1px solid #d6d6d6;
        text-align: center;
        font-size: 13px;
    }
    #sub_page .table.style01 > thead > tr > th {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .box-border {
        background: #fff;
        border: 1px #aeaeae solid;
        padding: 25px;
    }
    /* map tab */
    #map_tab {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
    #map_tab li {
        margin-bottom: 4px;
    }
    #map_tab li a {
        display: block;
        background: #fff;
        margin-right: 4px;
        padding: 2px 6px;
        border-radius: 0.2em;
        font-size: 12px;
        color: #585858;
        font-weight: 600;
        text-align: center;
    }
    #map_tab li.active a {
        background: #3f76cc;
        color: #eaf2ff;
    }
    /* 팝업 */
    .dr_popup .popup-content_dr {
    /* margin: 70px auto; */
    background: url("../../../img/sub/detail_pop_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
    height: 80%;
    position: relative;
    transition: all 5s ease-in-out;
    padding-bottom: 0;
    border: 1px #fff solid;

}
.dr_popup .popup-content_dr .contents .dr_flex {
    display: flex;
    flex-direction:column-reverse;
    padding-left: 0;
    padding-right: 25px;
    justify-content: center;
    align-items: flex-start;

}
.dr_popup .popup-content_dr .contents .dr_flex .dr-image {
    width: 100%;
    padding-top: 20px;
    text-align: center ;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text {
    width:  100%;
    /* padding-top: 60px; */
    padding-left: 0px;

}
  .dr_popup .popup-content_dr .contents .dr_flex .dr-image img {
    width: 240px;
    height: auto; 
  

}
.dr_popup .popup-content_dr .contents {
    /*  max-height: 30%;*/
    height: 100%;
    min-height: 100%;
    padding: 18px 20px 0;
    font-size: 16px;
    overflow-y:scroll;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h1 {
    font-size: 19px !important;
    color: #000;
    font-family: 'Nanum Myeongjo', serif !important;
    margin: 12px 0 0;
    font-weight: 900; 
    padding: 0;
    display: block;
    position: relative;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h1::before {
    display:none;
}
.dr_popup .popup-content_dr h2 {
    /* background: linear-gradient(#44474e, #35383f); */
    margin-top: 0;
    color: rgb(51, 51, 51);
    text-align: center;
    font-size: 19px;
    font-family: 'Spoqa Han Sans Neo', 'Nanum Gothic', 'sans-serif';
    line-height: 52px;
    font-weight: 900;
    padding-top: 5px;
    border-bottom: 1px rgb(238, 238, 238) solid;
    padding-top: 13px;
    padding-bottom: 10px;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h1 span {
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-size: 19px;
    color: #000;
    font-weight: 500;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text .titles h4 {
    font-size: 12px !important;
    color: #c4dbff;
    display: inline-block;
    padding: 6px 30px 6px 46px;
    border-radius:0;
    background: #063783;
    position: relative;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text .category {
    padding-top: 6px;
    padding-bottom:12px;
    font-size: 13px;
    line-height: 20px !important;
    margin-left: 0;
    font-weight: 700 !important;
    color: #063783;
}
.dr_popup .popup-content_dr .contents .dr_flex .dr-text .history {
    margin-left: 0;
    font-weight: 600;
    color: #000;
    color: #424242;
}
.dr_popup .popup-content_dr .contents p, .dr_popup .popup-content_dr .contents span {
    font-size: 13px;
    line-height: 20px;
}
}