/* common */
.subpage { overflow: hidden; position:relative; }
.subpage > section {padding: 100px 0;}
/* .subpage > section:nth-of-type(even) {background: #f7f7f7;} */
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.wrap + .wrap {margin-top: 80px; padding-top: 80px; border-top: 1px solid #ddd; }
.sub_tit {display: flex; align-items: center; transform: translateX(-15px);}
.sub_tit i {margin-right: 10px; display: block; }
/* font size */
.fs_35 {font-size: 35px; font-weight: 400; color:#000; font-family: 'SCoreDream'; letter-spacing: -1.05px; line-height: 1.3;}
.fs_35.font_pre {font-family: 'Pretendard'; }
.fs_30 {font-size: 30px; font-weight: 700; color:#000; font-family: 'SCoreDream'; letter-spacing: -.9px; line-height: 1.3;}
.fs_25 {font-size: 25px; font-weight: 700; color:#000; letter-spacing: -.75px; line-height: 1.3;}
.fs_22 {font-size: 22px; font-weight: 700; color:#000; font-family: 'SCoreDream'; letter-spacing: -.66px; line-height: 1.3;}
.fs_18 {font-size: 18px; font-weight: 300; color:#333; letter-spacing: -.54px; line-height: 1.83;}
.fs_17 {font-size: 17px; font-weight: 300; color:#555; letter-spacing: -.51px; line-height: 1.82;}
.fs_16 {font-size: 16px; font-weight: 400; color:#333; letter-spacing: -.48px; line-height: 1.82;}

.dot_p {position: relative; padding-left: 12px; text-align: left; }
.dot_p::before {content: '' ;display: block; width: 5px; height: 5px; border-radius: 50%; background: #333; position: absolute; left: 0; top:11px;}
.dot_list > li {position: relative; padding-left: 13px; text-align: left; }
.dot_list > li::before {content: '' ;display: block; width: 5px; height: 5px; border-radius: 50%; background: #555; position: absolute; left: 0; top:11px;}


/*Content CSS*/


#sec1 .col2 {display: flex; flex-wrap: wrap;}
#sec1 .col2 > li {width: calc(50% - 15px); margin-right: 30px;}
#sec1 .col2 > li:nth-child(2n) {margin-right: 0; }
#sec1 .col2 > li:nth-child(n+3) {margin-top: 100px;}
#sec1 .col2 .img { margin-bottom: 30px; position: relative; }
#sec1 .col2 .txt {display: flex; }
#sec1 .col2 .txt h3 {position: relative; padding-left: 20px; flex-shrink: 0; padding-right: 40px; margin-right: 40px; border-right: 1px solid #ddd; text-align: left;}
#sec1 .col2 .txt h3::before {content: ''; display: block; width: 11px; height: 16px; background:url("../img/ser_arrow.png") 50%/cover no-repeat; position: absolute;
left: 0; top:7px;}
#sec1 .col2 .txt .dot_list {width: 100%;}

@media screen and (min-width:1025px){
    #sec1 .col2 .txt .dot_list {display: flex; flex-wrap: wrap ;}
    #sec1 .col2 .txt .dot_list > li {width: 50%;}
    #sec1 .col2 > li.bath .dot_list > li {width: 60%;}
    #sec1 .col2 > li.bath .dot_list > li:nth-child(even) {width: 40%;}
}



@media screen and (max-width:1400px){
    /* common */
    .subpage br:not(.space) {display: none;}

    /* content */
    #sec1 .col2 .txt {display: block;}
    #sec1 .col2 .txt h3 {padding-right: 0; margin-right: 0; padding-bottom: 20px; margin-bottom: 20px; border-right:0; border-bottom: 1px solid #ddd;}


}

@media screen and (max-width:1024px){
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding:70px 0;}
    .sub_inner {padding: 0 30px;}
    .wrap + .wrap {margin-top: 60px; padding-top: 60px; }
    .sub_tit {justify-content: center;transform: translateX(0);}
    .sub_tit > i {width: 200px; }
    /* fs */
    .fs_35 {font-size: 30px;}
    .fs_30 {font-size: 25px;}
    .fs_25 {font-size: 20px;}
    .fs_22 {font-size: 18px;}
    .fs_18 {font-size: 15px; line-height: 1.65;}
    .fs_17 {font-size: 15px; line-height: 1.65;}
    .fs_16 {font-size: 14px; line-height: 1.65;}

    .dot_p::before {top:8px;}
    .dot_list > li::before {top:9px;}
    .dot_list > li + li {margin-top: 5px;}

    /*Content CSS*/
    /* sec1 */
    #sec1 .col2 .txt h3::before {top:5px;}
    #sec1 .col2 > li {width: calc(50% - 10px); margin-right: 20px;}
    #sec1 .col2 > li:nth-child(n+3) {margin-top: 60px;}


}

@media screen and (max-width:640px){
    /* common */
    .sub_inner {padding: 0 20px;}
    .subpage > section {padding:50px 0;}
    .wrap + .wrap {margin-top: 40px; padding-top: 40px; }
    .sub_tit > i {width: 150px;}
    /* fs */
    .fs_35 {font-size: 25px;}
    .fs_30 {font-size: 22px;}
    .fs_25 {font-size: 18px;}
    .fs_22 {font-size: 16px;}
    .fs_18 {font-size: 14px; }
    .fs_17 {font-size: 14px; }
    .fs_16 {font-size: 13px;}

    .dot_p {padding-left: 10px;}
    .dot_p::before {width: 4px; height: 4px;}
    .dot_list > li {padding-left: 10px;}
    .dot_list > li::before {width: 4px; height: 4px; top:8px;}

    /*Content CSS*/
    /* sec1 */
    #sec1 .col2 > li {width:100%; margin-right: 0;}
    #sec1 .col2 > li:nth-child(n+2) {margin-top: 50px;}
    #sec1 .col2 .txt h3 {padding-bottom: 15px; margin-bottom: 15px; padding-left: 17px;}
    #sec1 .col2 .txt h3::before {top:4px; background-size: 9px auto; }
    #sec1 .col2 .img {margin-bottom:20px; }
    #sec1 .col2 .img img {width: 100%;}
}