/* #sub-page{
    margin-top: 90px;
} */


.subpad_t {
    box-sizing: border-box;
    padding: 100px 0 0;
  }
  
  .subpad_t50{
    padding: 50px 0 0;
  }
  
  @media (max-width: 980px) {
    .subpad_t {
        padding: 70px 0 0;
    }
  }
  
  @media (max-width: 680px) {
    .subpad_t {
        padding: 40px 0 0;
    }
    .subpad_t50{
      padding: 40px 0 0;
    }
  }

  
/* tabs css */
/* .sub .tab_menu {margin:70px 0; border-bottom:1px solid #e5e5e5;} */
.sub-contents .tab_menu {position: relative;margin:70px 0;}
.sub-contents .tab_menu::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; z-index: -1; }
.sub-contents .tab_menu li{ display: inline-block; }
.sub-contents .tab_menu li a{font-size:22px; font-weight:600; padding:20px 30px; min-width:150px; display:block; color:#aaa; position:relative; text-align:center; cursor:pointer}
/* .sub-contents .tab_menu li a.active:after{z-index: 2;content:''; width:100%; height:2px; background: var(--mainColor); position:absolute; bottom:-1px; left:0;} */
.sub-contents .tab_menu li a.active{color: var(--mainColor); border: 1px solid var(--mainColor);}
.sub-contents .tab_cont{ display: none;}
.sub-contents .tab_cont.active{ display: block;}

.tableWraps .s_tit{margin-bottom: 20px; font-size: 24px; font-weight: bold;}
.table_style{border-top:2px solid var(--mainColor); text-align:center; width:100%; border-collapse:separate; border-spacing:0px;}
.table_style th{box-sizing:border-box; font-size:22px; font-weight:500; color:var(--black); letter-spacing: -0.72px; line-height:150%; border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:20px 10px; background:var(--grayBg);}
.table_style th.last{border-right:0;}
.table_style td{box-sizing:border-box; font-size:22px; font-weight:400; letter-spacing: -0.72px; line-height:150%; border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:20px 25px;}
.table_style td.last{border-right:0;}
.table_style td b{color:var(--black); font-weight: 400;}
.table_style .total td{background:var(--sub2); color:var(--white); font-weight: 700;}

.table_style td.bg_gray{
    background:var(--grayBg);
}

.sub-contents{
    overflow: hidden;
}

.sub-contents .privacy{
    padding: 120px 0 170px;
}

.sub-contents .privacy h1{
    font-size: 40px;
    font-weight: bold;
}


.sub-visual .banner{
    width: 100%;
    /*height: 600px;*/
	height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sub-visual .banner .txt_cont {
    text-align: center;
}

.sub-visual .banner .tit{
    font-size: 54px;
    /*margin-bottom: 10px;*/
	margin-top: 100px;
}

.sub-visual .banner .txt{
    font-size: 20px;
}


.sub-visual .banner.about{
    background-image: url(../../images/sub/visual_about.jpg);
}

.sub-visual .banner.work{
    background-image: url(../../images/sub/visual_work.jpg);
}

.sub-visual .banner.business{
    background-image: url(../../images/sub/visual_business.jpg);
}

.sub-visual .banner.engage{
    background-image: url(../../images/sub/visual_engage.jpg);
}

.sub-visual .banner.community{
    background-image: url(../../images/sub/visual_community.jpg);
}




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

    .sub-contents .tab_menu{margin:30px 0; display:flex; flex-wrap: nowrap; overflow-x: auto;}
	.sub-contents .tab_menu li{flex: 0 0 auto;}
	.sub-contents .tab_menu li a{padding:10px; font-size:16px; min-width:70px;}
	.sub-contents .tab_menu li a.active:after{display:none;}

    .table_swiper .responsive-dim.show{display: block;}


    /* #sub-page{
      margin-top: 80px;
    } */
    
    .sub-contents .privacy{
        padding: 35px 0;
    }

    .sub-contents .privacy h1{
        font-size: 28px;
    }
    
    .sub-visual .banner .tit{
        font-size: 36px;
    }


    .sub-visual .banner .txt{
        font-size: 20px;
    }
}
  
@media screen and (max-width:820px) {
    /* #sub-page{
      margin-top: 50px;
    } */
  }
  
@media screen and (max-width:768px) {

    .tableWraps .s_tit{margin-bottom: 12px; font-size: 20px;}
    
    .table_swiper{overflow-y: hidden; overflow-x: auto;}
    .table_swiper .table_style{/* width: 600px; */}
    .table_style th{font-size: 18px; }
    .table_style td{font-size: 18px; padding: 10px;}
    .sub-visual .banner {
        height: 370px;
    }

    .sub-visual .banner .tit{
        font-size: 32px;
    }

    .sub-visual .banner.about{
        background-position:-50vw center;
    }
}

@media screen and (max-width:600px) {
    .sub-visual .banner.about{
        background-position:-70vw center;
    }
}

@media screen and (max-width:480px) {
    .sub-visual .banner.about{
        background-position:42% center;
    }

    .sub-visual .banner.community{
        background-position:-120vw center;
    }

    .sub-visual .banner.engage{
        background-position: 70% center;
    }

}

@media screen and (max-width:375px) {
 /*    .sub-visual .banner.about{
        background-position:-160vw center;
    } */

    .sub-visual .banner.community{
        background-position:-170vw center;
    }
}


/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; margin:80px auto 70px; text-align:left; }
#contentInfoCon .content-tit-en{color:var(--mainColor); font-size:20px; font-weight:700; letter-spacing:-0.02em; line-height:1.7;}
#contentInfoCon .content-tit{color:#000; font-size:50px; font-weight:700; letter-spacing:-0.015em; line-height:1.32; margin-top:5px;}
#contentInfoCon .content-tit b{color:var(--mainColor); font-weight:700;}
#contentInfoCon .content-txt{color:#666; font-weight:300; margin-top:25px; font-size:20px; letter-spacing:-0.032em; line-height:1.875;}
#contentInfoCon .content-txt.mt-10 {margin-top: 10px;}
#contentInfoCon .content-txt02{font-size:20px; line-height:1.65; letter-spacing:-0.05em; color:#000; font-weight:400;}
#contentInfoCon .content-tit + .content-txt02{margin-top:30px;}
#contentInfoCon.center{text-align:center;}

#contentInfoCon.tl-c {
    text-align: center;
}
#contentInfoCon .content-tit span.bg{/* text-indent: -9999px; font-size: 0px; display: block; width: 100%; */ font-size: 48px; font-weight: bold; padding: 14px 32px; border-radius: 5px;}
#public #contentInfoCon .content-tit span.bg {/* background: url(../../images/sub/content-tit_publicBg.png)no-repeat center center;  aspect-ratio: 305 / 70; max-width: 400px; background-size: contain; */ background-color: #8aa379;}
#service #contentInfoCon .content-tit span.bg {/* background: url(../../images/sub/content-tit_serviceBg.png)no-repeat center center; aspect-ratio: 305 / 70; max-width: 400px; background-size: contain; */ background-color: #e36c96;}
#workgroup #contentInfoCon .content-tit span.bg {/* background: url(../../images/sub/content-tit_workgroupBg.png)no-repeat center; aspect-ratio: 215 / 69; max-width: 360px; background-size: contain; */ background-color: #9b85b1;}
#job #contentInfoCon .content-tit span.bg {/* background: url(../../images/sub/content-tit_jobBg.png)no-repeat center; aspect-ratio: 215 / 69; max-width: 360px; background-size: contain; */ background-color: #a26e86;}

/* 자세히 보기 */
#contentInfoCon .more-box {display: flex; flex-direction: column; align-items: center; margin-top: 36px; text-decoration: underline; text-underline-offset : 5px;}
#contentInfoCon .learn-more-btn {font-size: 15px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.5em; color: #000; padding-bottom: 10px;}


@media screen and (max-width:800px) {
    /*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon{margin:30px 0; }
	/* #contentInfoCon .content-tit{font-size:36px} */
	#contentInfoCon .content-tit{font-size:24px}
    #contentInfoCon .content-txt{font-size: 16px;}
	#contentInfoCon .content-tit:after{position:static; display:block; margin-top:15px;}
	#contentInfoCon .content-sub-tit{font-size:13px; line-height:18px; margin-top:15px;}

    /* #greeting #contentInfoCon .content-tit {
        font-size: 24px;
    } */

	/*  SUB LAYOUT :: 상단정보(스타일03) */
	#contentInfoCon.content-title-location{text-align:center;}
	#contentInfoCon.content-title-location .content-tit{float:none;}
	#contentInfoCon.content-title-location .location{float:none; padding-top:23px;}

    #contentInfoCon .content-tit span.bg{font-size: 28px; }

	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#content:not(.wide){padding:50px var(--area-padding)}
	#content.wide{padding:50px 0 0 0}
}