*{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.05rem;} /* 1rem = 10px */

.w_100p{width: 100%;}
.w_900{max-width: 900px; margin: 0 auto; width: 100%;}
.w_980{max-width: 980px; 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_1217{max-width: 1217px; 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%;}
.w_1400{max-width: 1400px; width: 100%;}
.w_1440{max-width: 1440px; margin: 0 auto; width: 100%;}
.w_1720{max-width: 1720px; 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_w{color: #fff;}
.c_lightgray{color: #c3c3c3;}
.c_lightgray_back{color: #c3c3c3;}
.c_gray{color: #707070;}
.c_gray_back{color: #707070;}
.c_b1b1b1{color: #b1b1b1;}
.c_fa5353{color: #fa5353;}
.c_0fc4df{color: #0fc4df;}
.c_49c35d{color: #49c35d;}
.c_185c8f{color: #185c8f;}
.c_aeefff{color: #aeefff;}
.c_185a8d{color: #185a8d;}
.c_043c66{color: #043c66;}
.c_87ceec{color: #87ceec;}
.c_000{color: #000;}

.b_grey{border: 1px solid #cbcbcb;}
.b_radius20{border-radius: 20px;}

.f_12px{font-size: 1.2rem;}
.f_13px{font-size: 1.3rem;}
.f_14px{font-size: 1.4rem;}
.f_15px{font-size: 1.5rem;}
.f_18px{font-size: 1.8rem;}
.f_19px{font-size: 1.9rem;}
.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_30px{font-size: 3rem;}
.f_34px{font-size: 3.4rem;}
.f_35px{font-size: 3.5rem; line-height: 4.5rem;}
.f_36px{font-size: 3.6rem;}
.f_40px{font-size: 4rem;}
.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;}
.pc_none_480{display: none;}
.mob_none_480{display: flex;}
.pc_none_768{display: none;}
.mob_none_768{display: flex;}
.pc_none_980{display: none;}
.mob_none_980{display: flex;}
.pc_none_1500{display: none;}
.mob_none_1500{display: flex;}

#wrap{margin-top: 120px;}
section{position: relative;}

.arrow{
	width: 0;
	height: 0;
	border: 7px solid transparent;
    display: block;
}
.arrow-up{
    border-top: 0;
	border-bottom: 7px solid #fff;/* 화살표 */
}
.arrow-down{
    border-bottom: 0;
	border-top: 7px solid #fff;/* 화살표 */
}
.arrow-left{
    border-left: 0;
	border-right: 7px solid #fff;/* 화살표 */
}
.arrow-right{
    border-right: 0;
	border-left: 7px solid #fff;/* 화살표 */
}
/* header */
/* pc */
header{width: 100%; position: fixed; z-index: 20; top: 0;}
#pc_header{background-color: #fff; height: 120px; transition: transform 0.3s ease; position: relative; }
#pc_header .pchd_logo{width: 20%; height: 120px; float: left;}
#pc_header .pchd_logo a{height: 120px; display: flex; align-items: center; z-index: 10;}
#pc_header .pchd_logo a img{object-fit: contain;}

#pc_header > div.w_1720{position: relative; z-index: 1;}
#pc_header .pchd_global{width: 160px; height: 120px; position: absolute; top: 0; right: 0rem; display: flex; align-items: center;}
#pc_header .pchd_global ul{width: 100%; display: flex; justify-content: flex-start; align-items: center;}
#pc_header .pchd_global ul li a{ font-size: 18px; font-weight: 500;}
#pc_header .pchd_global ul li span{width: 3px;height: 3px;border-radius: 50%; background-color: #000; display: flex; margin: 0 7px;}

#pc_menu_wrap .w_100p{position: relative; top: -0.1rem; height: 120px;}
#pc_menu_wrap {text-align: center; position: relative;}
#pc_menu_wrap .pcm_dep1{max-width: 1217px; display: flex; position: absolute; z-index: 20; font-size: 22px; justify-content: center;}
#pc_menu_wrap .pcm_dep1 > li{height: 120px; border-bottom: 3px solid transparent; transition: border-bottom 0.3s, color 0.3s; }
#pc_menu_wrap .pcm_dep1 > li a{color: #000; font-weight: 600;}
#pc_menu_wrap .pcm_dep1 > li.active a{border-bottom: 5px solid #185a8d;}
#pc_menu_wrap .pcm_dep1 > li > a{line-height: 120px; padding: 0 45px; height: 100%; display: flex; align-items: center; justify-content: center;}
#pc_menu_wrap ul{text-align: center;}
#pc_menu_wrap ul li a{color: #000; font-weight: 600;}
#pc_menu_wrap .pcm_dep1 li:hover a{color: #000;}
#pc_menu_wrap .pcm_dep2_wrap ul:nth-child(2n){background-color: #fafafa;}
#pc_menu_wrap .pcm_dep2 li a:hover{color: #185a8d; font-weight: 600; position: relative;}
#pc_menu_wrap .pcm_dep2 li a:hover::before{
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
	height: 0;
	border: 4px solid transparent; 
    border-right: 0;
	border-left: 4px solid #185a8d;
}
#pc_menu_wrap .gnb_sub{width: 100%; height: 0px; background-color: #fff; position: absolute; top: 120px; z-index: 10; transition: height 0.3s ease-in-out; overflow: hidden; font-size: 18px; line-height: 42px; border-top: 1px solid #d4d4d4;}
#pc_menu_wrap .gnb_sub.active{ border-bottom: 1px solid #d4d4d4; box-shadow: 0 10px 0px rgba(0, 0, 0, 0.13);}
#pc_menu_wrap .gnb_sub .pcm_dep2_wrap{display: flex; height: 100%; justify-content: center;}
#pc_menu_wrap .pcm_dep2{padding-top: 31px; border-top: 3px solid transparent; transition: border-top 0.3s, color 0.3s; color: #858585; position: relative;}
#pc_menu_wrap .pcm_dep2.active{color: #185a8d; overflow: visible;}
#pc_menu_wrap .pcm_dep2.active::before{
    width: 0;
	height: 0;
	border: 7px solid transparent; 
    border-right: 0;
	border-left: 4px solid #185a8d;
}

.gnb .gnb1, .gnb_sub1{width:196px;}
.gnb .gnb2, .gnb_sub2{width:189px;}
.gnb .gnb3, .gnb_sub3{width:196px;}
.gnb .gnb4, .gnb_sub4{width:188px;}

.gnb_sub1 li:last-child{line-height: 24px;}


/* header mobile */
#mob_header{display: none; width: 100%; margin: 0 auto; background-color: #fff;}
#mob_header .mob_header_wrap{position: relative;}
#mob_header .gnb_btn {
    position: absolute;
    top: 35px;
    left: 1rem;
    width: 3.2rem;
    height: 2.1rem;
    background-image: url(/new/images/ico_nav_ham.png);
    background-size: cover;
    z-index: 10;
}
#mob_header .logo {
    width: 100%;
    margin: 0 auto;
    padding: 7.5px 0;
    text-align: center;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #dedede;
}
#mob_header .logo img {
    width: 88px;
    height: 67px;
    object-fit: contain;
}
.menu_mo {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all 600ms;
    z-index: 20;
}
.menu_mo.on {
    left: 0;
    background-color: #fff;
    /* background: url(/images/ico_nav_bg.png); */
}
.gnb_close {
    position: absolute;
    top: 35px;
    right: 2.3rem;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(/new/images/ico_nav_x.png);
    background-size: cover;
}
.gnb_mo > ul > li {
    background-color: fff;
    border-bottom: 1px solid #dedede;
}
.gnb_mo li a {
    display: block;
    padding: 1.6rem 3rem;
    font-size: 16px;
    font-weight: 600;
    line-height: 2rem;
    color: #000;
    background-image: url(/new/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: #fff;
    background-color: #185a8d;
    background-image: url(/new/images/ico_nav_arr_down.png);
}
.gnb_mo li a.on {
    color: #fff;
    background-color: #185a8d;
    background-image: url(/new/images/ico_nav_arr_up.png);
}
.gnb_mo .subGnb {
    display: none;
}
.gnb_mo .subGnb li {
    border-top: 1px solid #dedede;
    background-color: #fff;
}
.gnb_mo .subGnb li a {
    color: #000;
    padding-left: 60px;
    font-size: 15px;
    font-weight: 500;
    background-image: url(/new/images/ico_nav_arr_right.png);
    background-repeat: no-repeat;
    /* background-size: 0.9rem; */
    background-position: center left 40px;
}
.gnb_mo .subGnb li a:hover {
    color: #185a8d;
    background-color: #f9f9f9;
    background-image: url(/new/images/ico_nav_arr_right_hover.png);
}
.mhd_global{display: flex; align-items: center; padding: 1.6rem 3rem;font-size: 16px;font-weight: 600;line-height: 2rem;}
.mhd_global span{width: 3px;height: 3px;border-radius: 50%; background-color: #000; display: flex; margin: 0 7px;}

/* footer */
/* pc */
#footer{height: 220px !important; background-color: #212121; position: relative; box-sizing: border-box; border-top: 1px solid #d4d4d4;}
#footer .foot_wrap .foot{height: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between;}
#footer .foot_wrap .foot p{color: #b1b1b1; margin-bottom: 5px; margin-left: 30px; font-weight: 500;}
#footer .foot_wrap .foot p span{display: inline-block; margin-bottom: 15px;}
#footer .foot_wrap .foot > img{margin-right: 148px;}
#footer .foot_wrap .foot .foot_map_btn{width: 267px; display: flex; justify-content: flex-end;}
#footer .foot_wrap .foot .foot_map_btn a{width: 175px; height: 50px; box-sizing: border-box; border: 2px solid #515151; border-radius: 25px;    display: flex; align-items: center; justify-content: center; color: #fff;}
#footer .foot_wrap .foot .foot_map_btn a ul{display: flex; justify-content: space-around; width: 100%;}

#footer .foot_wrap .foot_m{display: none;}
/* mobile */
#footer .foot_wrap .foot_m{flex-direction: column; align-items: center; justify-content: space-between; margin: 0 auto; height: 285px; padding: 25px 10px 30px;}
#footer .foot_wrap .foot_m .foot_map_btn{width: 100%; max-width: 340px; height: 38px; box-sizing: border-box; border: 2px solid #515151;}
#footer .foot_wrap .foot_m .foot_map_btn a{display: flex; align-items: center; height: 100%; padding: 0 10px;}
#footer .foot_wrap .foot_m .foot_map_btn a ul{display: flex; justify-content: space-between; color: #fff;}
#footer .foot_wrap .foot_m .foot_map_btn a ul li span{margin-top: 3.5px;}
#footer .foot_wrap .foot_m ul{width: 100%;}
#footer .foot_wrap .foot_m > img{margin: 0 auto;}
#footer .foot_wrap .foot_m div.f_13px{width: 100%; max-width: 340px;}
#footer .foot_wrap .foot_m div.f_13px p{line-height: 22px;}
#footer .foot_wrap .foot_m div.f_13px p:nth-child(1){line-height: 26px; margin-bottom: 13px;}

@media screen and (max-width: 1700px) {
    #footer .foot_wrap .foot .foot_logo_pc{width: 15rem;}
}
@media screen and (max-width: 1500px) {

    .pc_none_1500{display: flex;}
    .mob_none_1500{display: none !important;}

    /* 1500px 헤더 header */
    #pc_header{display: none;}
    #mob_header{display: block; border-bottom: 1px solid #bab9b9;}
    #mob_header .mob_back{display: none;}

    #wrap {margin-top: 90px;}
    /* #wrap > section{margin-top: 89px;} */

    #footer {
        height: 342px !important;
    }
    #footer .foot_wrap .foot{display: none;}
    #footer .foot_wrap .foot_m{display: flex;}
}

@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_m {
        padding: 0 5rem;
    } */
}

@media screen and (max-width: 980px){
    #footer .mob_none{display: none;}
    .pc_none_980{display: flex;}
    .mob_none_980{display: none;}
}

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

    .f_15px{font-size: 1.3rem;}
    .f_18px{font-size: 1.5rem;}
    .f_24px{font-size: 1.1rem;}
    .f_24px_sub{font-size: 1.5rem !important;}
    .f_26px{font-size: 1.3rem;}
    .f_34px{font-size: 1.8rem;}
    .f_35px{font-size: 1.8rem; line-height: 2.3rem;}
    .f_36px{font-size: 3rem;}
    .f_40px{font-size: 2rem;}
    .f_48px{font-size: 1.83rem;}
    .f_60px{font-size: 3rem;}
    .f_72px{font-size: 2.75rem;}

    /* 768px 헤더 header */


    /* 768px 푸터 footer */
    #footer .fp-tableCell{height: 26.3rem !important;}
    #footer .foot_wrap .foot ul {margin-bottom: 0rem;}
    #footer .foot_wrap .foot .foot_sub{justify-content: center;}
    #footer .foot_wrap .foot > ul > li:nth-child(2){margin-top: 2rem;}
    #footer .foot_wrap .foot .foot_logo_mo{padding: 1.5rem 0 2rem 0;}

    .m_br {
        display: block;
    }
    .pc_br{display: none;}
    .mob_none{display: none;}
    .pc_none_768{display: flex;}
    .mob_none_768{display: none;}
}
@media screen and (max-width: 480px){
    .pc_none_480{display: flex;}
    .mob_none_480{display: none;}
}
@media screen and (max-width: 320px){
    #footer .foot_wrap .foot .foot_sub li a {
        margin: 0 0.5rem;
    }
    #footer .foot_wrap .foot .foot_logo_mo {
        padding: 0;
    }
}