/* common */
.subpage { overflow: hidden; position:relative;text-align: center;}
.subpage > section {padding: 90px 0; position: relative; }
.subpage > section:nth-child(even) {background-color: #f9f9f9;}
.subpage article + article {margin-top: 90px;}
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
.sub_tit {margin-bottom: 40px;}
.sub_tit h3 {font-size: 20px; font-weight:700; color: #f37021; margin-bottom:20px; line-height: 1; text-transform: uppercase;}

/* font size */
.fs_50 {font-size: 50px; font-weight :700; line-height: 1.2; color:#111; }
.fs_36 {font-size: 36px; font-weight :700; line-height: 1.62; color:#111; }
.fs_26 {font-size: 26px; font-weight :300; line-height: 1.62; color:#111; }
.fs_21 {font-size: 21px; font-weight :300; line-height: 1.71; color:#111; }
.fs_20 {font-size: 20px; font-weight :700; line-height: 1.71; color:#111; }
.fs_18 {font-size: 18px; font-weight :300; line-height: 1.67; color:#111; }
.fs_17 {font-size: 17px; font-weight :300; line-height: 1.67; color:#1d1d1f; }


/*Content CSS*/
.subpage .sub_tit {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.subpage .cont { width: 100%; text-align: left; display: flex; align-items: flex-start; }
.subpage .cont .fs_36 {flex-shrink: 0; margin-right: 170px; }
.subpage .cont .desc {width: 100%; }
.subpage .cont .desc .info {display: flex ;flex-wrap: wrap;  }
.subpage .cont .desc .info li {display: flex; width: 55%; }
.subpage .cont .desc .info li:nth-child(n+3) {margin-top: 30px; }
.subpage .cont .desc .info li h3 {color:#f37021; font-weight: 700; flex-shrink: 0; margin-right: 30px; display: flex; align-items: center; text-transform: uppercase;
width: 137px;}
.subpage .cont .desc .info li h3 i {margin-right: 14px; display: flex; align-items:center;  justify-content: center; width: 40px; height: 40px; background-color: #f37021;
border-radius: 50%; flex-shrink: 0; }
.subpage .cont .desc .info li p {position: relative; top:4px;}

.subpage .map_wr {height: 500px;  width: 100%; margin-top: 40px ;}
.subpage .map_wr .wrap_map,
.subpage .map_wr .root_daum_roughmap {height: 100%;}

@media screen and (min-width:1401px) {
    .subpage .cont .desc .info li:nth-child(even) {width: 45%;}
    .subpage .cont .desc .info li:nth-child(even) h3 {width: 98px;}
}






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

    /* content */
    .subpage .cont .desc .info li { width: 100%; }
    .subpage .cont .desc .info li:nth-child(n+2) {margin-top: 30px; }

}

@media screen and (max-width: 1024px) {
    /* common */
    .subpage {text-align: center;}
    .subpage > section {padding: 70px 0; }
    .subpage article + article {margin-top: 70px;}
    .sub_tit h3 {font-size: 18px;}
    .sub_inner {padding:0 30px;}
    /* font size */
    .fs_50 {font-size: 40px; }
    .fs_36 {font-size: 28px;}
    .fs_26 {font-size: 22px;}
    .fs_21 {font-size: 18px;}
    .fs_20 {font-size: 18px;}
    .fs_18 {font-size: 16px;}
    .fs_17 {font-size: 16px;}

    /* content */
    .subpage .cont {display: block;}
    .subpage .cont .fs_36 {width: auto; margin: 0 0 30px;}
    .subpage .cont .desc .info li h3 {margin-right: 15px;}
    .subpage .map_wr {height: 350px;}

    .subpage .cont .desc .info li:nth-child(n+2) {margin-top: 15px;}
    .subpage .cont .desc .info li p {top:7px;}
}


@media screen and (max-width: 640px) {
    /* common */
    .subpage > section {padding: 50px 0;}
    .subpage article + article {margin-top: 60px;}
    .sub_inner {padding:0 20px;}
    .sub_tit {margin-bottom: 30px;}
    .sub_tit h3 {font-size: 16px; margin-bottom:10px;}

    /* font size */
    .fs_50 {font-size: 30px; }
    .fs_36 {font-size: 22px;}
    .fs_26 {font-size: 18px;}
    .fs_21 {font-size: 16px;}
    .fs_20 {font-size: 15px;}
    .fs_18 {font-size: 14px;}
    .fs_17 {font-size: 14px;}

    /* content */
    .subpage .sub_tit {padding-bottom: 30px; margin-bottom: 30px; }
    .subpage .cont .fs_36 {margin: 0 0 15px;}
    .subpage .cont .desc .info li:nth-child(n+2) {margin-top: 10px;}
    .subpage .cont .desc .info li h3 {width: 110px;}
    .subpage .cont .desc .info li h3 i {margin-right: 10px; width: 30px; height: 30px;  padding: 7px; }
    .subpage .cont .desc .info li h3 i img {max-height: 15px;}
    .subpage .cont .desc .info li p {top:3px;}

    .subpage .map_wr {height: 250px; margin-top:30px}


}