@charset "utf-8";


/* PC (해상도 1024px)*/
/* @media all and (min-width:1024px) and (max-width:1600px){    } */

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
/* @media all and (min-width:768px) and (max-width:1023px) { } */

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
/* @media all and (max-width:767px) { } */


@media (hover:hover) {
.business .bs_item:hover {transform: translateY(-60px); box-shadow: 10px 5px 15px rgba(0,0,0,.3);}
.mbtn:hover .mbtn-a::after {width: 80px; height: 80px; background-color: #50b947; border: none;}
.news .lat.m_news ul .basic_li:hover {background: #50b947; border: none;}
.news .lat.m_news ul .basic_li:hover .lt_tit a, 
.news .lat.m_news ul .basic_li:hover .wr_content p,
.news .lat.m_news ul .basic_li:hover .lt_date {color: #fff;}
.news .lat.m_news ul .basic_li:hover .mbtn-plus::before,
.news .lat.m_news ul .basic_li:hover .mbtn-plus::after {background: #fff;}
}

/* PC */

@media (max-width:1680px) {
    #page_title {padding:0 40px}
}

@media (max-width : 1600px){
    header .gnb,
    #main_wr .visual .inset .banner .text-box,
    .business .bs_wr,
    #news-area {padding: 0 40px}
    footer .footer-wrap {padding-left: 40px; padding-right:40px}
    .mid-banner .text-box {margin-left:100px; padding-right:40px}
    #main_wr .visual .inset .banner .text-box {max-width:100%;}
    .business .tit_area {padding-left: 0;}

    #page_cont {padding: 0 40px;}
    #page_cont.ty2 {padding:0}
    #page_cont.ty2 section {padding-left: 40px; padding-right: 40px;}

}

@media (max-width : 1440px) {

    .business .tit_area {width: 30%; padding:0; max-width: inherit;}
    .business .sub-txt {width:80%}
    .slide_area {width: 70%;}
    .slide_area .bs_item {padding:48px 40px}

}



@media (max-width : 1280px) {

    h2 {font-size:42px;}
    
    header .gnb nav .navlist li .dp1 {font-size: 16px; padding:0 32px}
    header .gnb .lang-box > a {font-size: 15px;}
    
    .slide_area .bs_item {max-width: 380px; height: 430px;}
    .mid-banner .text-box {margin-left: 60px;}

    #news-area .deco {top: 80px; width: 305px; height: 225px;}
   
    #page_title .inner-wrap .contents .page-tit .titset h1 {font-size: 52px;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset {width: 90%;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp1 {font-size:18px}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a {font-size:16px}

    .page-head .l-tit {font-size: 40px;}
    .page-head .s-tit {font-size: 20px;}

    #page_cont .greeting .inner_box .text_area .sub-title h3 {font-size: 32px;}

    #page_cont .greeting .inner_box {gap:40px}
    
    #page_cont .greeting .inner_box .text_area {padding-top: 30px}
    #page_cont .greeting .inner_box .text_area .cont p {font-size: 16px;}
    #page_cont .greeting .inner_box .text_area .cont {margin-top: 40px;}
    #page_cont .greeting .inner_box .text_area .signature {margin-top: 60px;}

    .history .head-img {width: 100%; height: 400px;}
    .history .head-img .img-box .text {font-size: 30px;}
    .history-box .cont-box .history-titset .period {font-size: 42px;}
    .cont-box .history-list li .year {font-size: 28px;}

    .location .info_box .info-list li {padding: 0;}
    .location .info_box .info-list li + li {padding: 0 0 0 40px;}

    .bs-cont-wrap .text-box .subtit {font-size: 36px;}
    .bs-cont-wrap .text-box {flex-direction: column; gap: 28px;}

    .rndintro .gridlist,
    .rnd-cont-wrapper .rnd-list {gap: 28px;}
    .rndintro .gridlist li dt {font-size: 24px;}
    .rndintro .gridlist li dd {font-size: 16px;}

    .cert #bo_gall #gall_ul {grid-template-columns: repeat(4,1fr);}

    .sub-news .td_subject > a .sub-area {width: 100%;}

    .career .round-box-wrap .circle-list li .sec-tit {font-size: 24px;}
    .career .round-box-wrap .circle-list li .inset {padding: 40px;}

}


/* 태블릿 */
@media (max-width : 1080px) {

    /***************************** 메인 ******************************/

    #main_wr .visual .inset .banner .text-box .text-wrap > p {font-size: 16px;}
    /* 헤더 */
    header .gnb {height: 70px;}
    header .gnb nav {transition: all .5s ease .5s; display: none; opacity: 0;}
    /* header .gnb .lang-box {display: none;} */
    .header_wr::before {display: none;}

    header .nav-bg {opacity:0;position: fixed;top: 0;left: 0;background:#fff;width: 100%;height: 100%;z-index: -10000000;transition: all .3s ease; visibility: hidden;}
    header.open .nav-bg {opacity: 1; visibility: visible;}

    header.open .gnb .toggle-btn {}
    header.open .gnb .toggle-btn > span {position: absolute; width: 100%; top: 50%;}

    header.open .gnb .toggle-btn > span:nth-child(1) {transform: rotate(45deg)}
    header.open .gnb .toggle-btn > span:nth-child(2) {display: none;}
    header.open .gnb .toggle-btn > span:nth-child(3) {transform: rotate(135deg)}
    header.open .gnb .toggle-btn > span + span {margin: 0;}
    header.open .gnb .toggle-btn > span {background: #333;}


    header .btns {display: block;}
    header .r-inset {display: flex; align-items: center;}
    header .gnb .lang-box {margin-right: 24px;}
    header .gnb .lang-box > a {font-size: 14px;}
    header .gnb .lang-box > a + a {margin-left: 16px;}
    header .gnb .lang-box > a:first-child::after {display: none;}

    header.open .gnb nav {display: block;position: fixed;top: 0;left:0;width: 100%;height: 100%;/* z-index: -1; *//* background:#FFF ; */ opacity: 1;}
    header.open .gnb nav .navlist {flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 0 40px;position: relative;padding-top: 80px; }
    nav .navlist li.depth1 {width: 100%;padding: 28px 0;border-bottom: 1px solid #d9d9d9d9; display: block;}

    nav .navlist li.depth1 .lnb {display: none;position:inherit;height:auto;font-size: inherit;}
    /* nav .navlist li.depth1.on .lnb {display: block;} */

    header.open .gnb nav .navlist li .dp1 {text-align: left;padding: 22px 30px;line-height: normal;color:#333;padding: 0;width: 100%;font-size: 20px;font-weight: 600;}
    header.open .gnb nav .navlist > li .dp1::before {display: none;}
    header.open .gnb nav .navlist li .dp1::after {content: '';width: 28px;height: 28px;display: block;background: url(../img/arrow-down.svg) no-repeat center/cover;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background-size: 100%;}
    /* header.open .gnb nav .navlist li .dp2 {position: inherit; top: auto; display: none; height: auto; padding: 14px 0;} */
    /* header.open .gnb nav .navlist li .dp2.on {display: block;} */
    /* header.open .gnb nav .navlist li .dp2 > li {text-align: left;} */
    /* header.open .gnb nav .navlist li .dp2 li > a {padding: 10px 30px;} */

    header .gnb .toggle-btn {display: block;}
    
    nav .navlist li .lnb::before {display: none;}

    
    /* nav .navlist li .lnb.on {display: block;} */
    /* header.open .gnb nav .navlist li .dp2 {display: block;} */
    nav .navlist li .lnb .dp2 {height: auto;padding-top: 20px;}
    nav .navlist li .lnb .dp2 li {display: block;padding: 0;text-align: left;}
    nav .navlist li .lnb .dp2 li > a {line-height: inherit;padding: 10px 0;}
    nav .navlist li .lnb .dp2 li:not(:last-child):after {display: none;}

    .business .bs_wr {flex-direction: column;gap: 48px;}
    .business .slide_area,
    .business .tit_area {width: 100%;}
    .slide_area .bs_item {/* aspect-ratio: 1/1; *//* max-width: inherit; */height: 380px;padding: 40px;}
    .business .bs-tit .tit {font-size:26px}
    .business .bs-tit .text {font-size: 16px; margin-top: 0;}

    .business .tit br,
    .mid-banner .text-box .tit br,
    .news .tit br {display: none;}
    .business .sub-txt {margin: 24px 0 0 0;}


    .mid-banner .wrapper {flex-direction: column-reverse; padding:0 40px; gap:48px}
    .mid-banner .text-box,
    .mid-banner .img-box {width:100%}
    .mid-banner .text-box {margin: 0; padding: 0; position: relative;}
    .mid-banner .text-box .tit {margin: 0;/* border: 1px solid red; */}
    .mid-banner .text-box .sub-txt {margin-top: 24px; width: 80%;}
    .mid-banner .text-box .sub-txt + .mbtn {margin:0}
    .mid-banner::after {bottom: 0; padding:24.8vh 0; top: auto;}
    .mid-banner .mbtn {position: absolute;top: -10px;right:52px;margin: 0;}

    .news .tit-set {align-items: center;}
    .news .tit-set .mbtn {margin-right: 52px;}
    .news .lat.m_news ul {grid-template-columns: repeat(2,1fr); row-gap:4.2%; padding: 48px 0 0 0 ;}

    footer .footer-wrap {flex-direction: column-reverse; gap:24px}


    #page_title {padding: 0; height: 580px;}
    #page_title .inner-wrap .contents .page-tit {padding: 0 40px; height: calc(100% - 80px);}
    #page_title .inner-wrap .contents .page-tab-menu {background: #fff; display: block; height: 80px; padding: 0;}
    #page_title .inner-wrap .contents .page-tab-menu::before {content: none;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset {padding:0 40px; width: 100%; height: 100%;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp1 {line-height: 80px;}

    #page_cont > section {padding: 150px 0;}
    .page-head .l-tit {font-size: 32px;}
    #page_cont .greeting .inner_box .text_area {padding-top: 0;}
    #page_cont .greeting .inner_box .text_area .sub-title h3 {font-size: 24px;}
    #page_cont .greeting .inner_box .text_area .cont {margin-top: 28px;}
    #page_cont .greeting .inner_box .text_area .cont p + p {margin-top: 14px;}
    
    #page_cont .page-head + .inner_box {margin-top: 60px;}
    .vision .vision-wrap .vision-list li .text_wrap .tit {font-size: 24px;}
    .vision .vision-wrap .vision-list li .text_wrap .sub-tit {font-size: 16px;}

    .history-box .cont-box,
    .location .info_box .info-list {flex-direction: column;}
    .location .info_box .info-list li {display: grid; grid-template-columns: repeat(3,2fr); padding-bottom: 20px;}
    .location .info_box .info-list li + li {padding-left: 0; border-left: none; border-top: 1px solid #e6e6e6; padding-top: 20px; padding-bottom: 20px;}
    .location .info_box .info-list li .branch {grid-row: 1/3; font-size: 22px; padding-left: 28px;}
    .location .info_box .info-list li .ad, 
    .location .info_box .info-list li .contact {grid-column: 2/4;}

    .location .info_box .info-list li .branch::before {top: 4px; transform: none; width: 26px; height: 26px;}
    
    .sub-news.g-type .gall-type {width: 40%;}
    .sub-news.g-type .td_subject > a .sub-area .bo_tit {font-size: 22px;}
    .sub-news.g-type .btn-area > span,
    .sub-news .td_subject > a .btn-area > span {width: 20px; height: 20px;}
    .sub-news.g-type .td_subject > a .sub-area .bo-cont,
    .sub-news.g-type .news_table .td_datetime {font-size: 14px; line-height: 1.5;}

    .sub-news.g-type .td_subject > a .sub-area .bo-cont {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 20px 0 28px 0;
    }

    .career .round-box-wrap .circle-list li .inset {padding: 20px;}
    .career .round-box-wrap .circle-list li {width: calc(33.333% - 12px); padding-top: calc(33.333% - 12px);}

    .career .sec-box-wrap .sq-list li dl dt {font-size: 24px;}
    .career .sec-box-wrap .sq-list {gap:24px;}
    .career .sec-box-wrap .sq-list li {padding: 40px;}

}

@media (max-width:905px) {

    header .gnb, 
    #main_wr .visual .inset .banner .text-box, 
    .business .bs_wr, 
    #news-area,
    .mid-banner .wrapper {padding: 0 20px;}
    footer .footer-wrap,
    #page_cont.ty2 section,
    header.open .gnb nav .navlist {padding-left: 20px; padding-right: 20px;}

    #main_wr .visual .inset .banner .text-box .text-wrap > h1 {font-size: 48px;}
    h2 {font-size:36px}
    .sub-txt,
    .mid-banner .text-box .sub-txt,
    .mbtn {font-size:16px}
    .slide_area .bs_item {padding: 40px 28px}

    .news .lat.m_news ul .basic_li {padding: 40px 28px;}
    .lat.m_news .wr_content {min-height: 48px;margin-top: 20px;}
    .news .main.lt_tit > a, .lat.m_news .wr_content > p {-webkit-line-clamp: 1;}
    .lat.m_news .lt_date {font-size: 14px;}
    .news .lat.m_news ul {padding-top: 24px;}

    .news {padding: 120px 0;}

    #page_cont,
    #page_title .inner-wrap .contents .page-tit,
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset {padding: 0 20px;}
    #page_title .inner-wrap .contents .page-tit .titset h1 {font-size:40px }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp1 {display: none;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li {position: relative;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a {line-height: 80px;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li.on a::after {content: ''; display: block; width: 100%; height: 2px; background: #50b947; position: absolute; bottom: 0; left: 0;}
    #page_cont .greeting .inner_box {flex-direction: column;}

    .history .head-img {margin: 60px 0; height: 320px;}
    .history .head-img .img-box .text {font-size: 22px;}
    .history-box .cont-box .history-titset .period {font-size: 32px; line-height: inherit;}
    .cont-box .history-list li .year {font-size: 20px;}
    .cont-box .history-list li .text > p {font-size: 16px; line-height: inherit;}

    .cont-box .history-list li {margin-bottom: 28px;}
    .cont-box .history-list li + li {padding-top: 28px;}

    section.ty2 .text-box {font-size: 16px;}
    .ci-box .section-tit {font-size: 24px;}
    .ci-box .ci-imgbox .img-list li > span {font-size: 40px;}
    .ci-color-box .color-list li {padding: 28px;}
    .ci-color-box .color-list li .tit {font-size: 18px;}

    .bs-cont-wrap .text-box {gap: 20px;}
    .bs-cont-wrap .text-box .subtit {font-size: 24px;}
    .bs-cont-wrap .text-box .cont {font-size: 16px;}
    .bs-cont-wrap .text-box .cont .cont-list li {padding: 20px 0 20px 20px;}

    .rndintro .gridlist {gap: 20px;}
    .rndintro .gridlist li {padding: 48px 40px;}
    .rndintro .gridlist li::before {top: 40px; right: 40px; font-size: 60px;}
    .rndintro .gridlist li dl {padding-top: 120px;}

    .rnd-cont-wrapper .rnd-list {grid-template-columns: repeat(1,1fr);}
    .rnd-cont-wrapper .rnd-list li {height: 450px;}

    .cert #bo_gall #gall_ul {grid-template-columns: repeat(3,1fr);}
    .career .round-box-wrap .circle-list li .sec-tit {font-size: 20px;}
    .career .round-box-wrap .circle-list li .sec-txt {font-size: 15px;}
    .career .round-box-wrap {padding: 20px;}
}



/* 모바일 */
@media (max-width : 768px) {

    nav .navlist li.depth1 {padding: 20px 0;}
    header.open .gnb nav .navlist li .dp1 {font-size: 18px;}

    header .gnb .logo > a,
    .footer-logo > a {font-size:24px}
    .lat.m_news .lt_tit > a {font-size:20px}
    .lat.m_news .wr_content p {font-size:15px}
    footer {font-size:14px}

    
    .slide_area .slide-inset {gap: 12px;}
    .business .bs-tit .tit {font-size: 24px;}
    .slide_area .bs_item {max-width: 100%;}
   
    #page_title {height: 380px;}

    #page_title .inner-wrap .contents .page-tit {height: calc(100% - 60px);}
    #page_title .inner-wrap .contents .page-tab-menu {height: 60px;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list {gap: 24px; }
    
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a {line-height: 60px; font-size: 14px;}

    #page_cont > section {padding: 120px 0;}
    .page-head .s-tit {font-size: 16px;}

    #page_cont .greeting .inner_box {margin-top: 60px;}

    .vision .vision-wrap .vision-list {flex-direction: column; align-items: center; gap:48px}
    .ci-color-box .color-list {flex-direction: column; gap: 20px;}

    .location .info_box .info-list li .branch {grid-row: inherit; margin-bottom: 20px;}
    .location .info_box .info-list li .branch,
    .location .info_box .info-list li .ad, 
    .location .info_box .info-list li .contact {grid-column: 1/4;}

    .location .info_box .info-list li p {font-size: 16px;}

    .ptns .box-wrap .box-list {gap: 28px 20px;}
    .bs-cont-wrap .text-box + .text-box {margin-top: 60px;}

    .rndintro .gridlist li dt {font-size: 20px;}
    .rndintro .gridlist li dd {font-size: 14px;}

    .cert #bo_gall a.bo_tit {font-size: 15px;}
    .inner_box .pg_wrap {margin-top: 80px;}
    .inner_box .pg_wrap .pg .pg_page.pg_prev, 
    .inner_box .pg_wrap .pg .pg_page.pg_next {width: 42px; height: 42px;}
    .inner_box .pg_wrap .pg .pg_current {font-size: 15px;}

    .ir01 .table-wrap table thead th {font-size: 16px;}
    .ir01 .table-wrap table td {font-size: 14px;}
    .ir02 .tbl_head01 thead th, 
    .ir02 .tbl_head01 td {padding: 20px 0; font-size: 14px;}
    .ir02 .down {font-size: 12px;}

    .inner_box .news_table td {padding: 28px 12px!important;}
    .sub-news.g-type .btn-area {width: 30px;}
    .sub-news.g-type td.btn {width: auto;}
    .news_table .td_datetime {font-size: 14px;}
    .sub-news .td_subject > a .sub-area .bo_tit {font-size: 16px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;}

    .career .round-box-wrap {width: 80%; margin: 0 auto;}
    .career .sec-box-wrap .sq-list {margin-top: 48px;}
    .career .round-box-wrap .circle-list {display: block;}
    .career .round-box-wrap .circle-list li {width: 100%; padding-top: 100%;}
    .career .round-box-wrap .circle-list li + li {margin-top: 20px;}

    .career .sec-box-wrap .sq-list {grid-template-columns: repeat(1,1fr);}
    .career .sec-box-wrap .sq-list li dl dt {font-size: 20px;}
    .career .sec-box-wrap .sq-list li dl dd {font-size: 14px;}
    

}



@media (max-width : 599px) {

        
    #container.en h1 p {display: inline;}
    h2,
    #container.en h2 {font-size: 26px;}

    #page_cont.ir {padding: 0 12px;}
    
    #main_wr .visual .inset .banner .text-box .text-wrap > h1 {font-size:40px}
    #main_wr .visual .inset .banner .text-box .text-wrap > p {font-size: 14px;}
    #main_wr .visual .inset .banner.slide1 .img {background-position: left 43% center;}
    #main_wr .visual .inset .banner.slide2 .img {background-position: left 58% center;}

    .news .main.lt_tit > a,
    .lat.m_news .wr_content > p {-webkit-line-clamp: 1}

    .prd #bo_gall .gall_text_href > a {overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}

    .business {padding: 100px 0 120px 0;}
    .mid-banner {padding: 0 0 80px 0;}

    .slide_area .bs_item {padding: 32px 28px;}
    .business .bs-tit .tit {font-size: 22px;}
    .business .bs-tit .text {margin-top: 8px;}
    .business .slide_area .slide-inset {flex-direction: column;}
    .slide_area .bs_item {height: 340px;}

    .mid-banner .bg {padding: 12% 0;}
    .mid-banner .text-box .sub-txt,
    .business .sub-txt {width: 100%;}
    .mid-banner .mbtn {top: 30px;}
    .mid-banner .text-box .sub-txt {margin-top: 80px;}
    .mid-banner::after {padding: 10.8vh 0;}
    
    .news .tit-set {display: block;}
    .news .tit-set .mbtn {justify-content: flex-end;}
    .news .lat.m_news ul {padding-top: 0;grid-template-columns: repeat(1,1fr);gap: 24px 0;}
    .news .lat.m_news ul .basic_li {padding: 32px 28px;}
    .lat.m_news .wr_content {min-height:auto}
    .lat.m_news .bottom-wr {margin-top: 20px;}
    .lat.m_news .wr_content {margin: 20px 0 12px 0;}

    .mbtn {font-size: 14px;}
    .vision .vision-wrap .vision-list li .text_wrap .tit {margin: 20px 0 8px 0;}

    .ci-box .button-set {gap:12px}
    .ci-box .button-set > a {padding: 8px 20px;}
    .ci-box .button-set > a > span {font-size: 13px;}
    .ci-box .button-set > a > span::after {width: 12px; height: 12px;}

    .map iframe {height: 350px;}

    .history .head-img .img-box {padding: 0 48px; text-align: center;}
    .cont-box .history-list li,
    .ci-box.signature .img-list {flex-direction: column;}
    .ci-box.signature .img-list {gap: 0;}
    .cont-box .history-list li .text {margin-top: 12px;}

    .rndintro .gridlist {grid-template-columns: repeat(1,1fr);}
    .rnd-cont-wrapper .rnd-list li {height: 400px;}
    .rnd-cont-wrapper .rnd-list li:hover .hover-box {padding: 40px 40px 60px 40px;}
    .cert #bo_gall #gall_ul {grid-template-columns: repeat(2,1fr); gap: 48px 20px;}

    .ir02 .tbl_wrap table tr th:last-child,
    .ir02 .tbl_wrap table tr td:last-child {display: none;}

    .inner_box .news_table td {padding: 20px 10px!important;}
    .sub-news.g-type .td_subject > a .sub-area .bo_tit {font-size: 16px;}
    .sub-news.g-type .td_subject > a .sub-area .bo-cont {display: none;}
    .sub-news.g-type .news_table .td_datetime {margin-top: 10px;}
    .sub-news.g-type .btn-area {width: 20px;}
    .sub-news.g-type .btn-area > span,
    .sub-news .td_subject > a .btn-area > span {width: 12px; height: 12px;}

    .ir02 #bo_list .td_num2 {width: 60px;}
    .ir02 #bo_list .td_datetime {width: 100px;}
    .ir02 #bo_list .bo_tit {overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}

    .career .round-box-wrap {width: 100%;}
    .career .sec-box-wrap .sq-list li dl::after {font-size: 40px; line-height: 40px;}

    #page_title.about .inner-wrap .contents .page-tab-menu .tab-inset {display: block; width: 100%; height: 100%; padding: 0;}
    #page_title.about .page-tab-menu .tab-inset .dp2 {width: 100%; height: 100%; margin: 0 auto; position: relative;}
    #page_title.about .page-tab-menu .tab-inset .dp2-list {    width: 100%;
    height: 100%;
    padding: 0 3.7%;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap:0
    }
    #page_title.about .page-tab-menu .tab-inset .dp2-list li {    position: relative;
    height: 100%;
    display: inline-block;}
    #page_title.about .page-tab-menu .tab-inset .dp2-list li + li {margin-left:14px}
    #page_title.about .page-tab-menu .tab-inset .dp2-list li a {position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;}

    #page_title.about .page-tab-menu .tab-inset .dp2-list::-webkit-scrollbar {display: none;}


    /* #page_title .inner-wrap .contents .page-tab-menu .tab-inset {display: block; padding: 0;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 {white-space: nowrap; overflow: hidden; position: relative; border: 1px solid red; padding: 0 10px;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list {width: auto; display: table; transform: translate(0, 0); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
    transition-duration: 600ms;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li {display: table-cell;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li + li {padding: 0 12px;}
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a {display: inline-block;} */
    
}

@media (min-width : 1025px) {
    #tab01 .title .sub br.mbreak {display: none;}
}