/* common */
#c5_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c5_wrap .c_tit h3 {font-size: 24px; font-weight: 600; color:#00a0ce; margin-bottom: 5px;}

/* font size */
#c5_wrap .fs_72 {font-size: 72px; font-weight :700; line-height: 1.2; color:#000; font-family: 'Play', sans-serif; text-transform: uppercase; }
#c5_wrap .fs_30 {font-size: 30px; font-weight :600; line-height: 1.4; color:#000; }
#c5_wrap .fs_28 {font-size: 28px; font-weight :600; line-height: 1.4; color:#000; }
#c5_wrap .fs_24 {font-size: 24px; font-weight :600; line-height: 1.2; color:#000;}
#c5_wrap .fs_20 {font-size: 20px; font-weight :300; line-height: 1.9; color:#000;}
#c5_wrap .fs_18 {font-size: 18px; font-weight :300; line-height: 1.72; color:#333;}
#c5_wrap .fs_16 {font-size: 16px; font-weight :300; line-height: 1.4; color:#666;}




/*Content CSS*/
#c5_wrap {position: relative; padding: 120px 0 0; z-index: 1; overflow: hidden;}
#c5_wrap::after {content: ''; width: 100%; height:120px; background: #000; position: absolute; z-index: -1;left: 0; bottom: 0; }


#c5_wrap .flex {display: flex; justify-content: space-between; align-items: center; margin-bottom: 70px;}
#c5_wrap .flex .txt {width: 100%;}
#c5_wrap .flex .img {overflow: hidden; border-radius: 30px; flex-shrink: 0; margin-left: 100px ;}
#c5_wrap .flex .img > img {transition: transform .3s; }
#c5_wrap .flex .img:hover > img {transform: scale(1.05);}

#c5_wrap .list {margin-top: 30px; text-align: left;}
#c5_wrap .list > li:nth-child(n+2) {margin-top: 10px; }
#c5_wrap .list .box {border: 1px solid #ccc; border-left: 3px solid #00a0ce;  padding: 25px 45px; display: block; height: 100%;display: flex; align-items: center;}
#c5_wrap .list .txt {display: flex; align-items: center;}
#c5_wrap .list .icon {flex-shrink: 0; width: 57px; }
#c5_wrap .list .icon img {transition: transform .5s; }
#c5_wrap .list li:hover .icon img {transform: rotateY(180deg);}
#c5_wrap .list h4 { font-weight: 600; color:#000; flex-shrink: 0; width: 113px; }
#c5_wrap .list p {font-weight: 300; color:#666; line-height: 1.4;  }

#c5_wrap .naver_qr {display: flex; align-items: center; justify-content: space-between; margin-top: 24px; text-align: left; }
#c5_wrap .naver_qr .txt {display: flex ;align-items: center; margin-right: 20px; }
#c5_wrap .naver_qr .txt h4 {text-transform: uppercase; color:#0bd369; font-weight: 600; line-height: 1;}
#c5_wrap .naver_qr .txt h3 {  color:#000; font-weight: 600; margin-top: 10px; line-height: 1.2;}
#c5_wrap .naver_qr .txt a {display: flex ;align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background-color: #0bd369;
flex-shrink: 0; margin-left: 30px; transition: all .3s; }
#c5_wrap .naver_qr .txt a:hover {background-color: #000; }

#c5_wrap .box_wrap {width: calc(100% - 100px); max-width: 1700px; margin: 0 auto; border-radius: 30px;  height: 550px; overflow: hidden; border: 1px solid #d3d3d3;}
#c5_wrap .root_daum_roughmap .wrap_map {height: 100%;}
#c5_wrap .root_daum_roughmap .map_border {display: none;}


@media screen and (max-width: 1400px) {
    /* common */
    #c5_wrap br:not(.space) {display: none;}

    /* content */


}

@media screen and (max-width: 1280px) {
    #c5_wrap .flex .img {width: 50%; margin-left: 50px;}



}

@media screen and (max-width: 1024px) {
    /* common */
    #c5_wrap {padding: 70px 0 0; text-align: center;}
    #c5_wrap .c_inner {padding:0 30px;}
    #c5_wrap .c_tit h3 {font-size: 20px;  }
    /* font size */
    #c5_wrap .fs_72 {font-size:40px; }
    #c5_wrap .fs_30 {font-size: 20px; }
    #c5_wrap .fs_28 {font-size: 20px; }
    #c5_wrap .fs_24 {font-size: 19px; }
    #c5_wrap .fs_20 {font-size: 17px; }
    #c5_wrap .fs_18 {font-size: 16px; }

    /* btn */
    #c5_wrap .c_btn a {margin: 30px auto 0; }

    /* content */
    #c5_wrap::after {height: 80px;}
    #c5_wrap .flex {flex-direction: column; }
    #c5_wrap .box_wrap { width: calc(100% - 60px); height:400px;}

    #c5_wrap .flex .img {width: 100%; margin: 40px 0 0;}
    #c5_wrap .flex .img img {width: 100%; height: 100%; object-fit: cover; max-height: 400px;}



}


@media screen and (max-width: 640px) {
    /* common */
    #c5_wrap {padding: 50px 0 0;}
    #c5_wrap .c_inner {padding:0 20px;}
    #c5_wrap .c_tit h3 {margin-bottom: 10px; font-size: 16px;}
    /* font size */
    #c5_wrap .fs_72 {font-size:30px; }
    #c5_wrap .fs_30 {font-size:18px; }
    #c5_wrap .fs_28 {font-size:18px; }
    #c5_wrap .fs_24 {font-size:17px; }
    #c5_wrap .fs_20 {font-size: 14px; }
    #c5_wrap .fs_18 {font-size: 13px; }

    /* btn */
    #c5_wrap .c_btn a {width: 180px; height: 40px; font-size: 13px; margin: 20px auto 0; }

    /* content */
    #c5_wrap .list {margin-top: 30px; }
    #c5_wrap .list .box { padding: 20px;}
    #c5_wrap .list .icon {width:40px;}
    #c5_wrap .list .icon img {max-width: 25px; }
    #c5_wrap .list h4 {width: 70px;}
    #c5_wrap .flex {margin-bottom: 40px; }
    #c5_wrap .flex .img {margin: 20px 0 0; border-radius: 20px; }

    #c5_wrap .box_wrap { width: calc(100% - 40px); height:300px; border-radius: 20px;}

    #c5_wrap .naver_qr {margin-top: 15px;}
    #c5_wrap .naver_qr .txt a {margin-left: 15px; width: 45px; height: 45px; padding: 15px; }
    #c5_wrap .naver_qr .qr img {max-height: 60px;}


}