@charset "utf-8";

.sub_text{margin: 180px 0 0;}
.sub_text .container_fix{width: 1430px;}
.sub_text .sub_root{display: flex; flex-wrap: wrap;}
.sub_text .sub_root span{color: #666666; font-family: "Pretendard"; font-size: 14px; text-transform: uppercase; display: inline-block; line-height: 16px;}
.sub_text .sub_root .home{padding-left: 30px; background: url(/img/sub_home.png) no-repeat left center;}
.sub_text .sub_root .arrow{position: relative; padding-left: 20px;}
.sub_text .sub_root .arrow::before{content:">"; display: block; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); color: #666666; font-size: 12px; font-family: "SpoqaHanSans"; font-weight: 400;}
.sub_text h1{text-align: left; font-size: 50px; font-family: "Pretendard"; font-weight: 700; color: #222222; margin: 38px 0 84px; text-transform: uppercase;}
.sub_text.center h1{text-align: center;}
.sub_menu_box {margin-bottom: 126px;}
.sub_menu_box .container_fix{width: 1430px;}
.sub_menu_box .cate_ul{text-align: left; margin: 0;}
.sub_menu_box .cate_li{width: auto; margin-right: 38px;}
.sub_menu_box .cate_li:last-child{margin-right: 0;}
.sub_menu_box .cate_li a{border: 0; font-size: 16px; color: #999999; font-family: "Pretendard"; line-height: 1.5; display: block; position: relative; font-weight: 400;}
.sub_menu_box .cate_li.on a{color: #02419a; font-weight: 500;}
.sub_menu_box .cate_li.on a::after{content:""; display: block; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; background-color: #02419a;}

.map{max-width: 1430px; padding: 0 15px; width: 100%; margin: 0 auto; position: relative; padding-bottom: 26.179%;}
.map iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.business_wrap{margin-bottom: 120px;}
.business_wrap .container_fix{width: 1430px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.business_wrap .business_tab{width: 190px;}
.business_wrap .business_tab li{border-radius: 20px; text-align: left;padding: 0 18px; width: 100%;}
.business_wrap .business_tab li.on{background-color: #02419a; }
.business_wrap .business_tab li button{border: 0; margin: 0; padding: 0; font-size: 16px; font-weight: 400; color: #999999; display: block; background-color: transparent; padding: 13px 0; width: 100%; text-align: left;}
.business_wrap .business_tab li.on button{color: white;}
.business_wrap .business_image{width: calc(100% - 190px); padding-left: 100px;}
/* .business_wrap .business_image li{display: none;}
.business_wrap .business_image li.on{display: block;} */

.business_wrap .business_image li{visibility: hidden; overflow: hidden; height: 0;}
.business_wrap .business_image li.on{visibility: visible; overflow: auto; height: auto;}
.business_wrap .business_image img{width: 100%;}


@media all and (max-width: 991px) {
    .sub_text{margin: 100px 0 0;}
    .sub_text .sub_root span{font-size: 12px; line-height: 12px;}
    .sub_text .sub_root .home{padding-left: 25px; background: url(/img/msub_home.png) no-repeat left center / 13px;}
    .sub_text .sub_root .arrow{padding-left: 19px;}
    .sub_text .sub_root .arrow::before{font-size: 10px;}
    .sub_text h1{font-size: 30px; margin: 21px 0 0; word-break: keep-all; line-height: 1.2;}
    .sub_menu_box{margin: 40px 0 60px;}
    .m_sub_menu #categoryLabel{border-bottom: 1px solid #02419a; font-size: 13px; font-weight: 600; color: #02419a; font-family: "Pretendard"; background: url(/img/mtab_arrow_2.png) no-repeat right 12px center / 12px; outline: none;}
    .m_sub_menu #categoryLabel:active{box-shadow: none;}
    .m_sub_menu .dropdown-menu{margin: 0; width: 100%; border-top: 0; border-radius: 0; padding: 22px 0; outline: none;}
    .m_sub_menu .dropdown-menu .dropdown_li a{text-align: center; color: #999999; font-family: "Pretendard"; font-weight: 400; font-size: 13px; padding: 7px 10px;}
    .m_sub_menu .dropdown-menu .dropdown_li.on a{font-weight: 600; color: #02419a;}

    .map{padding-bottom: 62.5%;}

    .business_wrap {margin-top: -20px; margin-bottom: 0;}
    .business_wrap .container_fix{display: block; padding: 0;}
    .business_wrap .business_tab{width: 100%; padding: 0 15px; margin-bottom: 60px;}  
    .business_wrap .business_tab .mobile_text_tab{border: 0; width: 100%; margin: 0; text-align: center; background-color: transparent; font-size: 14px; color: white; font-family: "Pretendard"; font-weight: 500; background: #02419a url(/img/mtab_arrow.png) no-repeat right 22px center / 12px; border-radius: 20px; padding: 14.5px 0; position: relative; z-index: 2;}
    .business_wrap .business_tab ul{position: absolute; left: 15px; top: 22px; z-index: 1; width: calc(100% - 30px); background-color: white; border: 1px solid #e1e1e1; border-top: 0; padding: 40px 0 19px; display: none;}
    .business_wrap .business_tab ul.on{display: block;}
    .business_wrap .business_image{width: 100%; padding-left: 0; padding: 0 15px;}
    .business_wrap .business_tab li button{font-weight: 500; text-align: center; width: 100%; font-size: 13px; padding: 10px 0;}
    .business_wrap .business_tab li.on{background-color: transparent;}
    .business_wrap .business_tab li.on button{color: #02419a;}
}