*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none; color: #000;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
em {font-style: normal;}

html { font-size: 62.5%; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.1rem;} /* 1rem = 10px */

.w_100p{width: 100%;}
.w_900{max-width: 900px; margin: 0 auto; width: 100%;}
.w_1034{max-width: 1034px; margin: 0 auto; width: 100%;}
.w_1170{max-width: 1170px; margin: 0 auto; width: 100%;}
.w_1280{max-width: 1280px; margin: 0 auto; width: 100%;}
.w_1357{max-width: 1357px; margin: 0 auto; width: 100%;}

.h_100p{height: 100%;}

.dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    }

.c_blue{color:#104899;}
.c_blue_back{background-color: #104899;}
.c_white{color: #fff;}
.c_lightgray{color: #c3c3c3;}
.c_lightgray_back{color: #c3c3c3;}
.c_gray{color: #707070;}
.c_gray_back{color: #707070;}

.b_grey{border: 1px solid #cfcfcf;}

.f_12px{font-size: 1.2rem;}
.f_14px{font-size: 1.4rem;}
.f_18px{font-size: 1.8rem;}
.f_20px{font-size: 2.0rem;}
.f_24px{font-size: 2.4rem;}
.f_26px{font-size: 2.6rem;}
.f_28px{font-size: 2.8rem;}
.f_35px{font-size: 3.5rem; line-height: 4.5rem;}
.f_48px{font-size: 4.8rem;}
.f_60px{font-size: 6rem;}
.f_72px{font-size: 7.2rem;}
.f_bold{font-weight: 800;}
.f_mid{font-weight: 600;}

.d-flex{display: -ms-flexbox !important; display: flex !important;}
.justify-content-center {-ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between {-ms-flex-pack: space-between !important; justify-content: space-between !important; }
.align-items-center {-ms-flex-align: center !important; align-items: center !important; }
.flex-column {-ms-flex-direction: column !important; flex-direction: column !important; }

.m_br {display: none;}
/* header */
/* pc */
header{width: 100%; position: fixed; z-index: 20; top: 0; }
#pc_header{background-color: rgba(0, 0, 0, 0.5); height: 100px; transition: transform 0.3s ease;}
#pc_header .pchd_logo{width: 20%; height: 100px; float: left;}
#pc_header .pchd_logo a{height: 100px; position: absolute; left: 10rem; display: flex; align-items: center; z-index: 10;}
#pc_header .pchd_logo a img{object-fit: contain;}
#pc_menu_wrap .w_100p{position: relative; top: -0.1rem; height: 100px; border-color: #2e6ac2;}
#pc_menu_wrap .w_1280{text-align: center; position: relative;}
/* #pc_menu_wrap .pcm_dep1{max-width: 900px; width: 100%; display: flex; position: absolute; z-index: 20; font-size: 2.4rem;} */
#pc_menu_wrap .pcm_dep1{max-width: 1034px; display: flex; position: absolute; z-index: 20; font-size: 2.4rem;}
#pc_menu_wrap .pcm_dep1 > li{height: 100px; border-bottom: 3px solid transparent; transition: border-bottom 0.3s, color 0.3s;}
/* #pc_menu_wrap .pcm_dep1 > li{width: 100%; height: 100px; border-bottom: 3px solid transparent; transition: border-bottom 0.3s, color 0.3s;} */
#pc_menu_wrap .pcm_dep1 > li.active{border-bottom: 3px solid #1ad3ef; color: #1ad3ef; background-color: rgba(9, 42, 88, 0.76);}
#pc_menu_wrap .pcm_dep1 > li.active a{color: #1ad3ef;}
#pc_menu_wrap .pcm_dep1 > li > a{line-height: 100px; padding: 0 45px;}
#pc_menu_wrap ul{text-align: center;}
#pc_menu_wrap ul li a{color: #fff;}
#pc_menu_wrap .pcm_dep1 li:hover a{color: #1ad3ef;}
#pc_menu_wrap .pcm_dep2 li a:hover{color: #1ad3ef;}
#pc_menu_wrap .gnb_sub{width: 100%; height: 0px; background-color: rgba(16, 72, 153, 0.7); position: absolute; top: 100px; z-index: 10; transition: height 0.3s ease-in-out; overflow: hidden; font-size: 1.7rem;}
#pc_menu_wrap .gnb_sub .pcm_dep2_wrap{display: flex; height: 100%;}
/* #pc_menu_wrap .pcm_dep2{max-width: 900px; width: 100%; padding-top: 40px; border-top: 3px solid transparent; transition: border-top 0.3s, color 0.3s;} */
#pc_menu_wrap .pcm_dep2{padding-top: 40px; border-top: 3px solid transparent; transition: border-top 0.3s, color 0.3s;}
#pc_menu_wrap .pcm_dep2.active{border-top: 3px solid #1ad3ef; color: #1ad3ef; overflow: visible; background-color: rgba(9, 42, 88, 0.76);}
#pc_menu_wrap .pcm_dep2 li{margin-bottom: 1rem;}

.gnb .gnb1, .gnb_sub1{width:18.5rem}
.gnb .gnb2, .gnb_sub2{width:13.6rem}
.gnb .gnb3, .gnb_sub3{width:21.5rem}
.gnb .gnb4, .gnb_sub4{width:19.6rem}
.gnb .gnb5, .gnb_sub5{width:15.1rem}
.gnb .gnb6, .gnb_sub6{width:15.1rem}

/* header mobile */
#mob_header{display: none; width: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, 0.5);}
#mob_header .mob_header_wrap{position: relative;}
#mob_header .gnb_btn {
    position: absolute;
    top: 2.2rem;
    left: 1rem;
    width: 3.2rem;
    height: 2.1rem;
    background-image: url(/images/ico_nav_ham.png);
    background-size: cover;
}
#mob_header .logo {
    width: 50%;
    margin: 0 auto;
    padding: 1.2rem 0;
    text-align: center;
}
#mob_header .logo img {
    width: 16.9rem;
    height: 3.4rem;
    object-fit: contain;
}
.menu_mo {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all 600ms;
    z-index: 1;
}
.menu_mo.on {
    left: 0;
    background: url(/images/ico_nav_bg.png);
}
.gnb_close {
    position: absolute;
    top: 2.3rem;
    right: 2.3rem;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(/images/ico_nav_x.png);
    background-size: cover;
}
.gnb_mo > ul > li {
    background-color: #0b3672;
    border-bottom: 1px solid #325fa0;
}
.gnb_mo li a {
    display: block;
    padding: 1.6rem 3rem;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
    color: #fff;
    background-image: url(/images/ico_nav_arr_down.png);
    background-repeat: no-repeat;
    /* background-size: 1.5rem; */
    background-position: center right 2rem;
}
.gnb_mo li a:hover {
    color: #1bcfea;
    background-color: #0a2953;
    background-image: url(/images/ico_nav_arr_down.png);
}
.gnb_mo li a.on {
    color: #1bcfea;
    background-color: #0a2953;
    background-image: url(/images/ico_nav_arr_up.png);
}
.gnb_mo .subGnb {
    display: none;
}
.gnb_mo .subGnb li {
    border-top: 1px solid #325fa0;
    background-color: #041833;
}
.gnb_mo .subGnb li a {
    color: #fff;
    padding-left: 6.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    background-image: url(/images/ico_nav_arr_right.png);
    background-repeat: no-repeat;
    /* background-size: 0.9rem; */
    background-position: center left 4.5rem;
}
.gnb_mo .subGnb li a:hover {
    color: #0b3672;
    background-color: #1bcfea;
    background-image: url(/images/ico_nav_arr_right_on.png);
}

/* footer */
/* pc */
#footer{height: 26.8rem !important; background-color: #212529; }
#footer .fp-tableCell{height: 26.8rem !important;}
#footer .foot_wrap .foot{text-align: left;}
#footer .foot_wrap .foot .foot_logo_pc{margin: 4rem 0 2.5rem;}
#footer .foot_wrap .foot .foot_logo_mo{display: none;}
#footer .foot_wrap .foot ul{margin-bottom: 2.5rem;}
#footer .foot_wrap .foot ul li{line-height: 2.2rem; color: #fff;}
#footer .foot_wrap .foot ul li span{color:#ced4da !important; margin-right: 1rem;}
#footer .foot_wrap .foot ul li p{display: inline-block; color: #fff;}

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

    /* 1640px 헤더 header */
    #pc_header .pchd_logo a img {
        content: url('/images/ico_top_logo_s.png');
    }

}

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

    /* 1500px 헤더 header */
    #pc_header{display: none;}
    #mob_header{display: block;}
    #mob_header .mob_back{display: none;}

}

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

    /* 1280px 헤더 header */
    #pc_header .pchd_logo a img {
        content: url('/images/ico_top_logo.png');
    }
    /* 1280px 푸터 footer */
    #footer .foot_wrap .foot {
        padding: 0 5rem;
    }
}

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

    /* 768px 헤더 header */


    /* 768px 푸터 footer */
    #footer{height: 26.3rem !important;}
    #footer .fp-tableCell{height: 26.3rem !important;}
    #footer .foot_wrap .foot{
        padding: 0 2rem;
        padding-top: 3.5rem;
    }
    #footer .foot_wrap .foot .foot_logo_pc{display: none;}
    #footer .foot_wrap .foot .foot_logo_mo{display: block; margin: 0 auto; padding: 3rem 0;}
    #footer .foot_wrap .foot ul {margin-bottom: 0rem;}

    .m_br {
        display: block;
    }
    .pc_br{display: none;}
}