
/* common */
#c2_wrap { overflow: hidden; position:relative; }
#c2_wrap .c_tit { position:relative; display: inline-block; font-size: 60px; color: #000; white-space: nowrap; font-weight: 800; }
/* #c2_wrap .c_tit::after { content:".";  color:#0b3b63; } */
/* font */
#c2_wrap .h_28 {font-size: 28px; font-weight: 800; color: #fff; line-height: 1.3;}
#c2_wrap .p_20 {font-size: 20px; font-weight: 300; color: #000; line-height:38px;}
#c2_wrap .p_18 {font-size: 18px; font-weight: 300; color: #000; line-height:1.65;}


/* c2_wrap */
#c2_wrap { background-color: #f7f7f7; padding: 90px 0 100px;}
#c2_wrap .flex {display: flex; justify-content: space-between; margin-top: 50px;}
#c2_wrap .flex .box { position:relative; width:calc(50% - 5px); padding: 60px 0; background:url('../img/c2_bg1.jpg?v=240514') no-repeat center / cover;
display: flex;flex-direction: column; align-items: center; justify-content: center;}
/* #c2_wrap .flex .box > div {width: calc(100% - 220px); } */

#c2_wrap .flex .box.right {background-image:url('../img/c2_bg2.jpg?v=240514'); }

#c2_wrap .flex .box ul { margin: 40px 0 70px; }
#c2_wrap .flex .box ul li { display: flex; margin:0 0 20px; }
#c2_wrap .flex .box ul li:last-child { margin-bottom: 0; }
#c2_wrap .flex .box li b { display: inline-block; width:75px; height: 28px; line-height: 24px; border:2px solid #fff; color:#fff; text-align: center; font-size: 14px;
font-weight: bold; letter-spacing: -0.35px; border-radius: 14px; }
#c2_wrap .flex .box li p { width:calc(100% - 75px); padding-left: 15px;  color:#fff; }

.c2_btn {display: block; width: 100%; max-width:372px; height:55px; line-height: 55px;  background:rgba(0,0,0,0); text-align: center; color:#fff; font-size: 17px; transition: all .3s;
border:1px solid #fff; font-weight: 400; }
.c2_btn span { display: inline-block; margin-left: 20px; font-size:14px; font-family: 'NanumGothic'; transition: all .3s; vertical-align: 2px;  }
.c2_btn:hover { background: #0b3b63; border-color: #0b3b63; }





/* 반응형 */
@media screen and (max-width:1420px) {

    /* c 공통 */
    #c2_wrap p br { display: none; }


    /* c2 */
    #c2_wrap .flex .box {padding: 60px 60px; align-items: flex-start; }


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

    /* c 공통 */
    #c2_wrap .c_tit { font-size: 48px; }
    /* font */
    #c2_wrap .h_28 {font-size: 22px;}
    #c2_wrap .p_20 {font-size: 18px; line-height: 1.65;}
    #c2_wrap .p_18 {font-size: 16px; }


    /* c2 */
    #c2_wrap {padding:80px 0; }
    #c2_wrap .flex {margin-top: 40px; }
    #c2_wrap .flex .box {padding:50px 40px;}
    #c2_wrap .flex .box ul {margin: 30px 0 50px;}

    .c2_btn {font-size: 14px;}
    .c2_btn span {margin-left: 10px; font-size: 12px; }


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

    /* c 공통 */
    #c2_wrap .c_tit { font-size: 32px; }
    /* font */
    #c2_wrap .p_20 {font-size: 16px; }
    #c2_wrap .p_18 {font-size: 15px; }


    /* c2 */
    #c2_wrap { padding:60px 0; }
    #c2_wrap .top {text-align: center; }
    #c2_wrap .flex {display: block; margin-top: 30px;}
    #c2_wrap .flex .box { width: 100%; padding:40px 15px; display: block; }
    #c2_wrap .flex .box.right {margin-top: 10px;}
    #c2_wrap .flex .box ul {margin: 20px 0 40px;}
    #c2_wrap .flex .box li p {padding-top:1px;}


    .c2_btn { position:relative; display: block; width:100%; margin:30px auto 0; height: 45px; line-height: 43px; }
    .c2_btn span { margin-left: 8px;  }


}
