/* main_img */
.project_wrap main .main_img ul { display:flex; }
.project_wrap main .main_img ul li { width:calc((100% - 40px) / 3); margin-left:20px; }
.project_wrap main .main_img ul li:first-child { margin-left:0; }
.project_wrap main .main_img ul li img { width:100%; }
/* content1 */
.project_wrap main .content1 .inner_wrap > p { font-size:34px; }
.project_wrap main .content1 .inner_wrap > p span { font-weight:700; }
.project_wrap main .content1 .top { margin-top:100px; display:flex; justify-content:space-between; position:relative; }
.project_wrap main .content1 .top .text_box { text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.project_wrap main .content1 .top .text_box p { font-size:38px; font-weight:700; position:relative; }
.project_wrap main .content1 .top .text_box p::after { content:''; display:block; width:30px; height:50px; position:absolute; top:-70px; left:50%; transform:translateX(-50%); background:url('../image/pin.svg')no-repeat; background-size:30px; }
.project_wrap main .content1 .top .text_box p span { color:#B70135; }
.project_wrap main .content1 .top .img_box { position:relative; }
.project_wrap main .content1 .top .img_box::after { content:''; display:block; width:150px; height:1px; border:1px dashed #B70135; position:absolute; top:50%; }
.project_wrap main .content1 .top .img_box.img_left::after { right:-150px; }
.project_wrap main .content1 .top .img_box.img_right::after { left:-150px; }
.project_wrap main .content1 .btm { margin-top:50px; }
.project_wrap main .content1 .btm ul { display:flex; }
.project_wrap main .content1 .btm ul li { width:25%; height:100px; text-align:center; font-size:25px; font-weight:700; color:#D8D8D8; position:relative; }
.project_wrap main .content1 .btm ul li.red { color:#B70135; }
.project_wrap main .content1 .btm ul li::after { content:''; display:block; width:35px; height:35px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:url('../image/pin2.svg')no-repeat -35px 0; }
.project_wrap main .content1 .btm ul li.red::after { background-position:0 0; }
.project_wrap main .content1 .btm ul li::before { content:''; display:block; width:100%; height:3px; position:absolute; bottom:16px; right:-50%; background:#D8D8D8; } 
.project_wrap main .content1 .btm ul li:last-child::before { display:none; }
/* content3 */
.project_wrap main .content3 ul { display:flex; justify-content:center; }
.project_wrap main .content3 ul li { width:40%; text-align:center; display:flex; flex-direction:column; align-items:center; }
.project_wrap main .content3 ul li div { width:86px; height:86px; background:url('../image/introduction_way_con3.png')no-repeat; }
.project_wrap main .content3 ul li:last-child div { background-position:-86px 0; }
.project_wrap main .content3 ul li p { margin-top:30px; font-size:33px; color:#707070; }
.project_wrap main .content3 ul li p span { font-weight:700; }
.project_wrap main .content3 ul li p span.red { color:#B70135; }
/* content4 */
.project_wrap main .content4 { padding-bottom:150px; }
.project_wrap main .content4 ul { display:flex; }
.project_wrap main .content4 ul li { width:calc(37.5% - 5px); height:282px; margin-right:5px; overflow:hidden; }
.project_wrap main .content4 ul li:last-child { width:25%; margin-right:0; }
.project_wrap main .content4 ul li img { width:100%; }
.project_wrap main .content4 .inner_wrap > div { padding:30px 100px; display:flex; justify-content:space-between; background:#000; }
.project_wrap main .content4 .inner_wrap > div p { margin-top:20px;  color:#fff; font-size:18px; }
.project_wrap main .content4 .inner_wrap > div p span { font-weight:700; }
.project_wrap main .content4 .inner_wrap > div .left_box p:first-child { margin:0; font-size:37px; font-weight:700; }
.project_wrap main .content4 .inner_wrap > div .left_box p:first-child span.red { color:#B70135; }
.project_wrap main .content4 .inner_wrap > div .right_box { text-align:right; }
.project_wrap main .content4 .inner_wrap > div .right_box p { margin:0; }
.project_wrap main .content4 .inner_wrap > div .right_box p span { font-size:34px; color:#fff; }
.project_wrap main .content4 .inner_wrap > div .right_box button { height:50px; margin-top:20px; padding:0 20px; border:0; border-radius:5px; font-size:20px; color:#fff; display:flex; align-items:center; background:#03CF5D; }
.project_wrap main .content4 .inner_wrap > div .right_box button span { margin-right:5px; color:#fff; font-weight:700; display:inline-block; }
.project_wrap main .content4 .inner_wrap > div .right_box button img { margin-left:30px; }
.project_wrap main .content4 .inner_wrap > div .right_box button img.naver_img { margin-left:0; margin-right:10px; }

/* 반응형 - 모바일 */
@media only screen and (max-width:768px){
    /* main_img */
    .project_wrap main .main_img ul li { width:calc((100% - 5px) / 2); margin-left:10px; }
    .project_wrap main .main_img ul li:first-child { display:none; }
    .project_wrap main .main_img ul li:nth-child(2) { margin-left:0; }
    /* content1 */
    .project_wrap main .content1 .inner_wrap > p { font-size:14px; text-align:center; }
    .project_wrap main .content1 .top { margin-top:30px; }
    .project_wrap main .content1 .top .img_box img { width:100px; }
    .project_wrap main .content1 .top .text_box p { font-size:12px; }
    .project_wrap main .content1 .top .text_box p::after { width:10px; height:18px; top:-20px; background-size:10px; }
    .project_wrap main .content1 .top .img_box::after { width:40px; }
    .project_wrap main .content1 .top .img_box.img_right::after { left:-40px; }
    .project_wrap main .content1 .top .img_box.img_left::after { right:-40px; }
    .project_wrap main .content1 .btm { margin-top:30px; }
    .project_wrap main .content1 .btm ul li { height:50px; font-size:12px; line-height:14px; }
    .project_wrap main .content1 .btm ul li::after { width:13px; height:13px; background-size:26px; background-position:-13px 0; }
    .project_wrap main .content1 .btm ul li::before { height:2px; bottom:5px; }
    /* content3 */
    .project_wrap main .content3 ul li div { width:55px; height:55px; background-size:110px; }
    .project_wrap main .content3 ul li:last-child div { background-position:-55px 0; }
    .project_wrap main .content3 ul li p { margin-top:15px; font-size:12px; }
    /* content4 */
    .project_wrap main .content4 { padding-bottom:0; }
    .project_wrap main .content4 .inner_wrap { width:100%; }
    .project_wrap main .content4 .inner_wrap > div { padding:30px 20px; flex-direction:column; }
    .project_wrap main .content4 .inner_wrap > div p { margin-top:5px; font-size:12px; text-align:center; }
    .project_wrap main .content4 .inner_wrap > div .left_box p:first-child { font-size:20px; }
    .project_wrap main .content4 .inner_wrap > div .right_box { text-align:center; }
    .project_wrap main .content4 .inner_wrap > div .right_box p { margin-top:20px; }
    .project_wrap main .content4 .inner_wrap > div .right_box p span { font-size:25px; }
    .project_wrap main .content4 .inner_wrap > div .right_box button { height:35px; margin:20px auto 0 auto; font-size:13px; }
    .project_wrap main .content4 .inner_wrap > div .right_box button img { width:14px; margin-left:10px; }
    .project_wrap main .content4 .inner_wrap > div .right_box button img.naver_img { width:18px; }
    .project_wrap main .content4 ul li { width:calc(50% - 2px); height:auto; margin-right:4px; }
    .project_wrap main .content4 ul li:nth-child(2) { margin-right:0; }
    
}