/* 공통 */
.subpage {overflow: hidden; }
.subpage > section {padding:100px 0; position: relative; }
.sub_inner { max-width: 1420px; width: 100%; margin:0 auto; position: relative; padding:0 60px;}
.s_tit h1 {font-size: 36px;  color:#000;  letter-spacing: -1px; word-break: keep-all; line-height: 55px; font-family: 'NanumSquareRoundEB';  }
.s_tit h1 span {position: relative; }
.s_tit h1 span::before {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: #f5a600; position: absolute; left: -20px; top:-20px; }
.sub_p {font-size: 17px; font-weight:400; color:#333; line-height: 33px; word-break: keep-all; letter-spacing: -.4px;  }
.line_tit {position: relative; padding-left:15px; font-size: 26px; font-weight: 400; color:#000; letter-spacing: -.7px; word-break: keep-all; font-family: 'NanumSquareRoundEB';}
.line_tit::before {content: ''; display: block; width: 3px; height: 30px; background-color: #f5a600; position: absolute; left: 0; top:0; }
.line_tit span {font-size: 16px; font-weight: 300; color:#000; letter-spacing: -.4px; word-break: keep-all; font-family: 'Pretendard'; display: inline-block; margin-left: 30px;}
.line_box {margin-top: 50px;}
.line_box > div {width: 100%; padding: 90px 0; border-top:6px solid transparent; border-image: url('../img/dash_line.png') 6 0 repeat;}
/* .line_box > div:last-child {padding-bottom: 0; } */
.line_box > div:nth-child(even) .line_tit::before {background-color: #99004c; }

.sub_table table { width: 100%; border-collapse: collapse; border-top: 3px solid #f5a600; text-align: center; }
.line_box > div:nth-child(even) .sub_table table {border-top-color: #99004c; }
.sub_table table thead th { background: #2a2f39; padding:12px 10px; border: 1px solid rgba(255,255,255,.3);  font-size: 18px; font-weight: 800; font-family: 'NanumSquareRoundEB';
line-height: 1.5; color:#fff; letter-spacing: -.45px;}
.sub_table table tbody th { background: #f7f7f7; padding:12px 10px; border: 1px solid #ddd;  font-size: 16px; font-weight: 300; letter-spacing: -.4px; line-height: 1.5; color:#333; font-family: 'Pretendard';}
.sub_table table tbody td { border: 1px solid #ddd;font-size: 16px; font-weight: 300; color:#333; line-height: 1.5;padding:12px 10px; letter-spacing: -.4px; font-family: 'Pretendard';}

/*Content CSS*/
.line_box > div {display: flex; align-items: flex-start;}
.line_box .line_tit {flex-shrink: 0; margin-right: 80px; min-width: 113px;}
.line_box .cont {width: 100%;}

#sec1 {padding-bottom: 0;}
#sec1 .bg {width: 100%; height: 500px; background:url("../img/about_bg.jpg") 50% 50% no-repeat;background-size:cover;}




@media screen and (max-width: 1420px) {
    /* 공통 */
    .sub_inner {padding:0 50px;}

    /* content */
    .line_box > div {display:block;}
    .line_box .line_tit { min-width: auto; margin: 0 0 40px; }


}

@media screen and (max-width: 1024px) {
    /* 공통 */
    .subpage > section {padding:90px 0; }
    .sub_inner { padding: 0 30px; }
    .s_tit h1 { font-size: 28px; line-height: 45px;}
    .s_tit h1 span::before {  width: 10px; height: 10px;  left: -15px; top:-15px; }
    .sub_p {font-size: 15px; line-height: 28px;}
    .line_tit {font-size: 22px;}
    .line_tit::before {height: 25px; }
    .line_box > div {padding: 60px 0 ;}
    .line_tit span {display: block ; margin: 15px 0 0; font-size: 15px;}

    /* table */
    .sub_table { overflow-x: auto; }
    .sub_table table thead th {font-size: 16px; padding: 10px;}
    .sub_table table tbody th,
    .sub_table table tbody td { font-size: 14px; padding: 10px;}

    /* content */
    .line_box > div:first-child { padding-top: 60px;}
    .s_tit {text-align: center}

    #sec1 .bg  {height: 300px; }


}

@media screen and (max-width: 640px) {
    /* 공통*/
    .subpage > section {padding:60px 0; }
    .sub_inner {padding: 0 15px; }
    .s_tit h1 { font-size: 22px; line-height: 40px;}
    .s_tit h1 span::before { width: 8px; height: 8px; left: -12px; top:-12px; }
    .sub_p {font-size: 14px; line-height: 26px;}
    .line_box {margin-top: 40px;}
    .line_tit {font-size: 18px;}
    .line_tit::before {height: 20px; }
    .line_tit span {font-size: 14px; line-height: 22px;}

    /* table */
    .sub_table { overflow-x: auto; }
    .sub_table table thead th {font-size: 14px; }
    .sub_table table tbody th,
    .sub_table table tbody td { font-size: 12px; padding: 7px;}

    /* content */
    .line_box .line_tit {margin: 0 0 30px; }

    #sec1 .bg  {height: 200px; }

}

@media screen and (max-width: 480px) {
    /* 공통*/

    /* content */
    #sec1 .bg  {height: 150px; }
}