/* general.css */
.content_wrap#content{ padding:0 !important; }
.content_wrap#content section{ overflow:hidden; font-family:'Noto Sans KR', sans-serif; }
.sub_wrap{padding:120px 0 120px;}
.sub_con{max-width:1200px; width:100%; margin:0 auto; }



/* sub01 */

#sub01{;margin:0 auto 80px}

.sub_title_wrap{margin-bottom:50px; padding:5px 0; text-align:center;}
.sub_title_wrap p {font-size: 14px; z-index: 1}
.sub_title_wrap h2{ position:relative; z-index:10; font-size:40px; font-weight:500; color:#272727; }
.sub_title_wrap h2:before{ content:''; position:absolute; z-index:-1; width:50px; height:50px; background-color:#f5f5f5; top:calc(50% - 25px); left:calc(50% - 60px); transform:rotate(45deg); }
.sub_title_wrap h2:after{ content:''; position:absolute; z-index:-1; width:50px; height:50px; background-color:#f5f5f5; top:calc(50% - 25px); right:calc(50% - 60px); transform:rotate(45deg); }

.sub01 {width:100%;padding-top: 80px;display: flex;margin-bottom: 150px}
.sub01 article {width:50%;}
.sub01 article:first-of-type img {width: 100%}
.sub01 article:last-of-type {padding: 20px 0 20px 40px}
.sub01 h4 {font-size: 30px;padding-left:10px;font-weight: 500}
.sub01 h5 {color: #6d6e71; font-size: 18px;font-weight: normal;padding-bottom: 15px;border-bottom: 1px solid #a2a2a2;margin-bottom: 20px;position: relative;padding-left:10px}
.sub01 h5::after {content: "";width: 96px;height: 2px;background-color: #464646;display: block;left: 0;bottom: -1px;position: absolute;}
.sub01 h5 img {height: 60px}
.sub01 p {font-size: 16px;word-break: keep-all;padding:0 80px 0 10px}

.sub02 {text-align: center;width: 100%;max-width: 1100px;margin: auto}
.sub02 h4 {font-size: 30px;padding-left:10px;font-weight: 500;margin-bottom: 60px}
.sub02_box {display: flex}
.sub02_box article {width: calc(100%/3);padding: 110px 30px 60px;background-size: cover; background-position: center;opacity: 0; transform: translateX(-50px); transition: all 0.9s ease;}
.sub02_box article.visible {opacity: 1; transform: translateX(0);}
.sub02_box article img {margin-bottom: 50px}
.sub02_box article h4 {font-size: 28px;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #fff;color:#fff}
.sub02_box article p {font-size: 16px; word-break: keep-all;padding: 0 40px;color:#fff}
.sub02_box article:nth-of-type(1) {background-image: url(./img/02.jpg);background-repeat: no-repeat}
.sub02_box article:nth-of-type(2) {margin: 0 1.2%;background-image: url(./img/03.jpg);background-repeat: no-repeat}
.sub02_box article:nth-of-type(3) {background-image: url(./img/04.jpg);background-repeat: no-repeat}


#sub02 {text-align: center}

.sub03 h4 {font-size: 30px;font-weight: 500;margin-bottom: 60px;word-break: keep-all}
.sub03 h5 {font-size: 24px;font-weight: 500;padding: 40px 10px; word-break: keep-all}
.sub03 p {font-size: 16px;word-break: keep-all; display: block;width: 100%;max-width: 1200px;margin: auto;padding: 0 20px}
.sub03 table {width: 100%;max-width: 1200px;margin: 100px auto 0}
.sub03 table td {width: 50%;padding: 7px}
.sub03 table td img {width: 100%}

.sub04 {margin: 60px auto; background-image: url(./img/08.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 100px 20px}
.sub04 h4 {font-size: 30px; word-break: keep-all}


@media(max-width:980px){
    #sub01{padding: 0 20px}
    .sub01 {display: block}
    .sub01 article {width: 100%}
    .sub01 article:last-of-type {padding:20px 0 0}
}
@media(max-width:880px){
    .sub02_box {display: block;}
    .sub02_box article {width: 100%;overflow: hidden;padding: 30px}
    .sub02_box article:nth-of-type(2) {margin:10px 0}
    .sub02_box article img {margin-bottom: 20px}
    .mn {display: none}
    
    .sub03 table {margin-top: 60px}
    
    #sub02 {padding: 0 20px}
    .sub04 {padding: 50px 10px}
    .sub04 h4 {font-size: 20px}
}