/*Content CSS*/
section > article{padding: 70px 0 100px;}
section > article:nth-child(n+2){padding: 80px 0 100px;}
section > article:nth-child(even){background-color: #f7f7f7;}

.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

/* fontstyle */
h2.sub_title::before{content: ''; display: inline-block; width: 5px; height: 45px; background-color: #18578f; margin-right: 15px; position: relative; top: 2px;}
h3.sub_title{position: relative; padding-left: 20px; margin-bottom: 34px;}
h3.sub_title::before{content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #333; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.fs_55{font-family: 'SCoreDream'; font-size: 55px; font-weight: 700;}
.fs_35{font-family: 'SCoreDream'; font-size: 35px; font-weight: 700;}
.fs_29{font-size: 29px; font-weight: 300; letter-spacing: -.58px; line-height: 44px; }
.fs_27{font-size: 27px; font-weight: 700;}
.fs_18{font-size: 18px; font-weight: 300; color: #000; line-height: 33px;}
.fs_16{font-size: 16px; font-weight: 300; color: #444;}
.dot{position: relative; padding-left: 8px; margin-top: 10px;}
.dot::before{content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #666; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}


.ceo_flex{display: flex; align-items:center; justify-content: flex-end; margin-top: 40px;}
.sign {text-align: right;}
.sign h4{display: flex; align-items: center; margin-top: 8px; justify-content: flex-end;}
.sign .fs_18{font-weight: 400;}
.sign .fs_27 b{font-size: 18px; margin-left: 10px;}

.flex_box{display: flex; flex-direction: column; justify-content: space-between;}
.contents .text > p{margin-top: 45px;}
.contents .img{border: solid 1px #d8dfe4; flex-shrink: 0; margin-right: 52px; }

#greetings {overflow: hidden;}
#greetings .contents{margin-top: 50px;}

#greetings .flex{display: flex; justify-content: space-between; }
#greetings .sec2 .flex{margin-top: 40px;}
#greetings .flex li{width: calc(50% - 15px); max-width: 635px;}




@media screen and (max-width:1400px) {

    br.space{display: none;}
    .contents .img{margin-right: 30px;}
    .contents .img img{object-fit: cover; height: 100%;}
    .contents  h3{margin-bottom: 30px;}
    .fs_29{font-size: 23px; line-height: 1.65;}

}
@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    section > article:nth-child(n+2){padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    #greetings .flex li{width: calc(50% - 10px);}

    h2.sub_title::before{height: 31px;}
    h3.sub_title{padding-left: 15px; margin-bottom: 25px;}
    h3.sub_title::before{width: 7px; height: 7px;}
    .fs_55{font-size: 35px;}
    .fs_35{font-size: 25px;}
    .fs_29{font-size: 20px; }
    .fs_27{font-size: 19px;}
    .fs_18{font-size: 16px; line-height: 1.7;}
    .fs_16{font-size: 14px;}
    .sign .fs_27 b{font-size: 16px;}
    .sign{margin-top: 30px;}
    .ceo_flex{position: relative; left: 15%;}
    #greetings .contents{margin-top: 40px;}

}

@media screen and (max-width: 960px) {
    #greetings .contents{margin-top: 30px;}
    #greetings .sec1 .flex{display: block;}
    #greetings .sec1 .flex .img{width: fit-content; margin: 0 auto 30px;;}
    #greetings .text{text-align: center;}
    .sign{text-align: center;}
    .sign h4{justify-content: center;}
    .contents .text > p{margin-top: 30px;}

}

@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}
    h2.sub_title::before{height: 25px;}

    /* #greetings .flex{flex-wrap: wrap; margin-top: 20px;}
    #greetings .flex li{width: 100%;}
    #greetings .flex li:last-child{margin-top: 20px;} */

    #greetings .sec2 .flex{ margin-top: 20px;}
    #greetings .flex li{width: calc(50% - 5px);}


    .fs_55{font-size: 27px;}
    .fs_35{font-size: 20px;}
    .fs_29{font-size: 18px; }
    .fs_29 br{display: none;}
    .fs_27{font-size: 17px;}
    .fs_18{font-size: 14px;}
    .fs_16{font-size: 13px;}



    .ceo_flex .img2{width: 250px;}

}