/* 공통 */
.sub_con {width: 1300px; margin:0 auto ; position: relative; }
.s_title h1 {font-size:40px; font-weight: 400; color:#fff; font-family: 'BMDOHYEON'; word-break: keep-all;}

/* flex_title */
.flex_title {display: flex; margin-bottom: 25px; padding-left: 30px; position: relative; line-height: 50px; text-align: left ;}
.flex_title::before {content: ''; display:block; width: 5px; height: 32px; background-color: #004eba; position: absolute; left: 0; top:6px; }
.flex_title h1 {font-size:28px; font-weight: 400; color:#fff; font-family: 'BMDOHYEON'; word-break: keep-all;}
.flex_title h2 {font-size:28px; font-weight: 400; color:#fff ;  font-family: 'BMDOHYEON';word-break: keep-all;}
.flex_title h2::before {content: ''; display:inline-block; width: 1px; height: 30px; background: #444; margin:0 25px; position: relative; top: 6px ;}
.flex_title h2 span {font-size:18px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; opacity: .8;padding-left: 5px; }

/* bullet_list */
.bullet_list li {width: 100%; position: relative; padding-left: 15px; word-break: keep-all; font-size:15px; font-weight: 300; color:#fff ; line-height: 28px ; margin-bottom: 8px;
text-align: left ; word-break: keep-all;}
.bullet_list li:last-child {margin-bottom: 0; }
.bullet_list li::before {content: ''; display:block; width: 4px; height: 4px ;background-color: #fff; position: absolute; left: 0; top: 11px; }

/* table */
.s_table table {width: 100%; text-align: center; border-collapse: collapse;}
.s_table table thead th {background-color: #3a3838; padding:20px 10px; border-left:1px solid rgba(255,255,255,.25); border-right:1px solid rgba(255,255,255,.25);
font-size:15px; font-weight: 500; color:#fff; word-break: keep-all; line-height: 20px; }
.s_table table tbody td {background: #000; padding:20px 10px; font-size:14px; font-weight: 300; color:#fff; line-height: 20px; word-break: keep-all;
border:1px solid rgba(255,255,255,.25); border-top: 0; }
.ppf .s_table > div:last-child {margin-top: 20px;}
/* res_table  */
.res_table {width: 100%; overflow-x: auto; }
.res_table table { width:100%; max-width: 1024px; white-space: nowrap; min-width: 100%;}
.res_table_icon {text-align: right; display: none;}
.res_table_icon i {font-size:30px; color:#fff;}

/*Content CSS*/
#price {text-align: center; }
#price .img img {width: 100%; }
#price .s_title {margin-bottom:60px; }
.section {padding:100px 0;}

/* sec1 */
#pri_sec1 {padding-top: 50px;}
#pri_sec1 .box_wr > div {margin-bottom:80px; }
#pri_sec1 .box_wr > div:last-child {margin-bottom: 0; }

/* sec2 */
#pri_sec2 {border-top: 1px solid #888; width: 1300px; margin:0 auto; }
#pri_sec2 .img {margin-bottom: 80px; }
#pri_sec2 .s_table table thead tr:last-child th {border-top:1px solid rgba(255,255,255,.25);}
#pri_sec2 .bullet_list {margin-top:30px; }






@media screen and (max-width:1300px) {
    /* 공통 */
    .sub_con {width: 100%; padding:0 50px; }
    .s_table table thead th {font-size:14px;}
    .s_table table tbody td {font-size:13px;  }

    /* content */
    .flex_title h1, .flex_title h2 {font-size:25px;}
    .flex_title::before, .flex_title h2::before {height: 28px;}
    .flex_title::before {top:9px;}
    .flex_title h2 span {font-size:15px;}

    #pri_sec2 {width: 100%;}

}

@media screen and (max-width: 1024px) {
    /* 공통 */
    .sub_con {padding:0 30px; }
    .section {padding:90px 0;}
    .res_table_icon {display: block;}
    .s_table table {min-width: 768px;}
    .s_table table thead th {font-size:12px ; padding:12px 10px;}
    .s_table table tbody td {font-size:12px;  padding:12px 10px; }
    .s_title h1 {font-size:30px;}
    .bullet_list li {font-size:14px ;letter-spacing: -.5px; line-height: 26px;}

    /* content */
    .flex_title {margin-bottom: 0; text-align: center; display: block; padding-left: 0; line-height: 42px;}
    .flex_title::before {width: 40px; height: 4px; position: relative; top:0; margin: 0 auto 20px;}
    .flex_title h2::before {display: none;}
    .flex_title h2 span {display: block; padding-left: 0; }

    #pri_sec1 {padding-top: 30px; }
    #pri_sec2 .bullet_list {margin-top: 20px;}

}

@media screen and (max-width: 640px) {
    /* 공통 */
    .section {padding:60px 0;}
    .s_title h1 {font-size:26px;}


    /* content */
    #price .s_title {margin-bottom:30px; }
    .flex_title {line-height: 35px;}
    .flex_title h1, .flex_title h2 {font-size:20px;}
    .flex_title h2 span {font-size:14px;}
    #pri_sec1 .box_wr > div {margin-bottom:60px; }

    #pri_sec2 .img {margin-bottom: 60px;}

}

@media screen and (max-width: 480px) {
    /* 공통 */
    .sub_con {padding:0 15px; }
    .s_title h1 {line-height: 38px; font-size:24px;}
    .bullet_list li {font-size:13px ;}
    /* content */



}