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

.main_title { line-height: 1; }
.main_title .sub { padding:0 0 20px 7px; font-size:17px; color:#006cb7; font-family: 'Montserrat'; text-transform: uppercase; }
.main_title .sub .ico { display: inline-block; position:relative; width:7px; height:7px; margin-right:15px; border-radius: 50%; background:#006cb7; vertical-align: 3px; }
.main_title .sub .ico::before { content:""; position:absolute; left:-4px; top:-4px; width:15px; height:15px; border-radius: 50%;
background:#006cb7; opacity: .4; }
.main_title .txt { font-size:43px; color:#000; font-family: 'NanumSquare'; font-weight: 300; text-transform: uppercase; }

.btn_more { display: inline-block; width:135px; padding-bottom: 10px; font-size:15px; color:#006cb7; font-weight: 500;
    transition: all .3s; font-family: 'Montserrat'; background:url('../img/btn_more.png') no-repeat left bottom / 90% auto; text-transform: uppercase; }
.c1_wrap .btn_more { margin-top: 60px; transition: all .5s; }
.c1_wrap .btn_more:hover { transform: translateX(30px); }


/* contents */
#main_c1 { position:relative; z-index: 1; }
.c1_wrap .bg1 { position:absolute; left:0; bottom:0; width:630px; height: 435px;
    background:url('../img/c1_bg1.png') no-repeat center; z-index: -1; }
.c1_wrap .bg2 { position:absolute; right:0; bottom:0; width:789px; height: 259px;
    background:url('../img/c1_bg2.png') no-repeat center #006cb7; z-index: -1; }

.c1_wrap { display: flex; justify-content: space-between; }

.c1_wrap .left { display: flex; flex-direction: column; justify-content: center; }
.c1_wrap .left .text { padding-top: 50px; }
.c1_wrap .left p { font-size:17px; line-height:32px; color:#666; font-weight: 300; word-break: keep-all; }
.c1_wrap .left p ~ p { margin-top: 12px; }

.c1_wrap .right img { width:100%; }



@media screen and (max-width: 1400px) {
    .layout { width:100%; }
    .se_con { padding:100px 40px; }

    .c1_wrap .left { margin-right: 30px; }
    .c1_wrap .left p br { display: none; }
    .c1_wrap .bg2 { width:450px; height: 200px; }
    .c1_wrap .right { display: flex; align-items: center; }
    .c1_wrap .btn_more { text-align: left; }
}

@media screen and (max-width: 1024px) {
    .se_con { padding:80px 30px; }

    .c1_wrap { flex-direction: column; align-items: center; text-align: center; }
    .c1_wrap .left { margin-right:0; }
    .c1_wrap .right { margin-top: 30px; width:100%; }
    .c1_wrap .right .img { width:100%; }
    .c1_wrap .bg1 { display: none; }
    .c1_wrap .bg2 { display: none; }

    .c1_wrap .btn_more { margin-top: 30px; }
    .c1_wrap .btn_more:hover { transform:inherit; }

}

@media screen and (max-width: 640px) {
    .se_con { padding:80px 20px; }

    .c1_wrap .main_title .sub { font-size:15px; }
    .c1_wrap .main_title .txt { font-size:33px; }
    .c1_wrap .left .text { padding-top: 30px; }

}