/* 공통 */
.con_wrap { width:1300px; margin:0 auto; }
.se_con { padding:90px 0; }

.sub_title { line-height: 1; text-align: center; }
.sub_title span { display: inline-block; margin-bottom: 20px; font-size:17px; color:#3d6cb3; font-family: 'Montserrat';
font-weight: 500; text-transform: uppercase; }
.sub_title h1 { font-size:43px; color:#000; font-weight: 300; font-family: 'NanumSquare';}
.sub_title h1 b { font-weight: 800; }
.sub_title h1 br { display: none; }


/*Content CSS*/
#philo_wrap { padding:90px 0; }
#s1_con .img { position:relative; margin-top: 70px; width:100%; height: 500px; background:url('../img/philo.jpg') no-repeat center / cover; }
#s1_con .img:before { content:""; position:absolute; left:50%; transform: translateX(-50%); top:-30px; width:1px; height: 60px;
background:#3d6cb3; }

#s1_con .txt { position:relative; z-index: 1; display: flex; background:#fff; margin-top: -60px; padding:60px; }
#s1_con .left { width:525px; }
#s1_con .left p { font-size:34px; line-height: 50px; font-family: 'NanumSquare'; word-break: keep-all; }
#s1_con .left p b { font-weight: 800;}

#s1_con .right { width:calc( 100% - 525px); }
#s1_con .right p { font-size:17px; color:#666; font-weight: 300; line-height: 32px; word-break: keep-all; }


@media screen and (max-width: 1350px) {
    #s1_con .txt.con_wrap { width:100%; }
    #s1_con .left { width: 475px; }
    #s1_con .right { width:calc(100% - 475px); }
    #s1_con .right br { display: none; }
}

@media screen and (max-width: 1024px) {
    #s1_con .txt.con_wrap { padding:80px 30px; }
    #s1_con .txt { flex-wrap: wrap; text-align: center; }
    #s1_con .left { width:100%; }
    #s1_con .right { width:100%; padding:50px 30px 0;}
}

@media screen and (max-width: 640px) {
    .se_con { padding:80px 0 0; }
    #s1_con .txt.con_wrap { padding:40px 20px; }

    #s1_con .img { margin-top: 50px; height:300px; }
    #s1_con .left p { font-size:26px; line-height:38px; }
    #s1_con .right { padding:40px 0 0; }
    #s1_con .right p { font-size:15px;  }

    .sub_title span { font-size:15px;}
    .sub_title h1 { font-size:36px; line-height: 48px; }
    .sub_title h1 br { display: block; }

}