.sub-bgcolor {background-color: #F8FAFD};

.sub-bnr-container {
    position: relative;
}

.sub-bnr-container .sub-img-bnr {
    padding: 17.5rem 0 0;
}

.sub-bnr-container .main-tit {
    font-size: 4.6rem;
    color: #fff;
    text-align: center;
    line-height: 1.6;
}
/*
.sub-bnr-container .sub-tit:before {
    content: '';
    display: block;
    width: 72px;
    height: 2px;
    background-color: #fff;
    margin: 1.6rem auto;
}
*/
.sub-bnr-container .sub-tit {
    font-size: 2.5rem;
    color: #000;
    text-align: center;
}
.sub-bnr-container .main-tit {
    font-size: 5.0rem;
    line-height: 1.4;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 3.0rem auto 0;
    padding-bottom: 10.0rem;
}


.sub-tab-wrap {
    text-align: center;
}

.sub-tab-wrap .sub-tab {
    padding: 0 2.0rem;
    position: relative;
    font-weight: 600;
}
/*
.sub-tab-wrap .sub-tab:after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #b3b3b3;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}
*/
/*
.sub-tab-wrap .sub-tab:last-child:after {
    display: none;
}
*/
.sub-tab-wrap .sub-tab a {
    font-size: 2.2rem;
    color: #B4B4B4;
    padding: 0.8rem 0;
    position: relative;
    font-weight: bold;
}

.sub-tab-wrap .sub-tab.on a {
    color: #5b42ff;
    border-bottom:3px solid #5b42ff;
}

/*
.sub-tab-wrap .sub-tab.on a:after {
  content: '';
  width: 100%;
  height: 3px;
  background-color: #e2590f;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
}
*/

.sub-img-bnr {
    width: 100%;
    /*height: 46.5rem;*/
    /*background-color: #eee;*/
    text-align: center;
}

.sub-tab-btn-wrap {
    background-color: #fff;
    padding: 10.0rem 0 6.0rem;;
}


.sub-content-wrap {
    margin-top: 80px;
}

.sub-content-wrap .mgb4 {
    margin-bottom:4rem;
}

/* 개인정보처리방침 */

.privacy_page:before {
    content: "";
    height:8rem;
    /*background-color: rgba(0, 0, 0, 0.9);*/
    display: block;
    margin-bottom: 3rem;
}
.privacy_page {margin-bottom: 5rem;}
.privacy-wrap:not(.contact-container .privacy-wrap) {
    background-color: #f2f2f2;
    width: 100%;
    padding: 2em;
    height: 30rem;
    overflow-y: scroll;
    font-size: 1.4rem;
}

.privacy-wrap dl {
    margin-bottom: 2em;
}

.privacy-wrap dt {
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

.privacy-wrap dd {
    margin-bottom: 0.5em;
}

@media (max-width: 1400px) {
    .sub-bnr-container .main-tit {font-size: 4.0rem; padding-bottom: 8.0rem;}
    .sub-bnr-container .sub-tit {font-size: 2.2rem;}
    
    .sub-bnr-container .sub-img-bnr {padding: 12.5rem 0 0;}
}

@media (max-width: 1280px) {

    .sub-bnr-container .sub-img-bnr {height: 30rem; padding: 6.5rem 0 0;}
    .sub-bnr-container .main-tit { font-size: 3.6rem; padding-bottom: 4rem;}
    .sub-bnr-container .sub-tit {font-size: 1.4rem; }

    .sub-tab-wrap .sub-tab { padding: 0 2.6rem;  line-height: 1;}
    
    .sub-content-wrap .main-tit { font-size: 3.6rem;}
    .sub-content-wrap .sub-tit {font-size: 2.0rem; margin-bottom: 4.5rem;}
    
    .sub-container h3 {font-size: 42px;}
    
    .sub-tab-btn-wrap {padding: 3rem 0 3rem; }

}

@media (max-width: 1200px) {
    .sub-content-wrap .main-tit {font-size: 3.0rem;}
}

@media (max-width: 820px) {
    .sub-tab-btn-wrap {padding: 1.5rem 0; }
    .sub-tab-wrap .sub-tab a {font-size: 1.4rem;}

    .sub-content-wrap .sub-tit {font-size: 1.6rem;}
    
    .works-container .work-box {flex-direction: column;}
    .works-container .work-title {margin-bottom: 0.5em;}
    .works-container .work-title br {display: none;}
}

@media (max-width: 650px) {
    .sub-tab-btn-wrap { display: none;}

    .sub-img-bnr {height: 25vh;}
    .sub-bnr-container .sub-img-bnr {padding: 6.5rem 1.5rem 0; }
    .sub-bnr-container .sub-tit br {display: none;}

    .sub-content-wrap .main-tit {font-size: 2.4rem;}
    .sub-content-wrap .sub-tit {/* display: none; */ font-size: 1.4rem; margin-bottom: 0;}
    .sub-content-wrap .sub-tit br {display: none;}
    .privacy_page:before { height:0;}
}