@charset "UTF-8";
@font-face {
    font-family: 'Hardworking';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_06@1.0/Hardworking.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.page-content { }

.sec1 { display:flex; justify-content: space-between; align-items:center; }
.sec1 .txt { width:55%; font-size:1.125rem; color:#111; margin-right:5%; }
.sec1 .txt .head { font-size:2.3rem; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd; line-height:1.4; }
.sec1 .txt .head b { color:var(--main-color1); }
.sec1 .txt .desc { line-height:1.6; }

.sec1 .img .photo { position:relative; z-index:2; margin-bottom:25px; padding:0 20px 20px 0; }
.sec1 .img .photo:before { content:""; position:absolute; left:15%; top:35%; right:0; bottom:0; background:var(--main-color1); z-index:-1; }
.sec1 .img .photo img { width:100%; border-radius:150px 0 0 0; overflow:hidden; }

.sec1 .img .sign { text-align:right; margin-right:20px;font-size: 1.25rem; }
.sec1 .img .sign span { font-size: 4rem; font-family: 'Hardworking';  padding-left: 30px; }


@media (max-width: 1024px) {
    .sec1 { flex-direction: column-reverse; align-items:center; }

    .sec1 .txt { width:100%; max-width:700px; margin-top:50px; font-size:1rem; }
    .sec1 .txt .head { font-size:1.5rem; padding-bottom:25px; margin-bottom:30px; }
}

@media (max-width: 767px) {
    .sec1 > div { max-width:90%; margin:0 auto; }
}