/* 공통 */
.sub_con { max-width: 1300px; width:100%; margin:0 auto; }
.sub_h1 { font-size: 44.5px; font-weight: bold; letter-spacing: -2.23px; line-height: 1.34; color: #000; word-break: keep-all; }
.sub_h1.eng { font-size: 55px; letter-spacing: 0;}
.sub_h1 span { font-weight: 300; }
.sub_h2 { font-size: 18.5px; letter-spacing: 3.7px; color: #219914; margin-bottom:10px; text-transform: uppercase; line-height: 1.7; word-break: keep-all; }
.s_tit_p { font-size: 21.5px; font-weight: 300; letter-spacing: -0.54px; line-height: 1.77; color: #000; margin-top: 20px; word-break: keep-all; }

.g_color { color: #219914; }
.sec_pad { padding:100px 0; }
.sec_pad:last-of-type { padding-bottom: 140px; }
.bg_bot { width:100%; height: 500px; background:url('../img/org_bg.jpg') no-repeat center / cover; /*margin-top: 200px;*/ }
.flex { display: flex; }


.img img { max-width: 100%; }

/* contents */
#location { position: relative; overflow: hidden; padding:60px 0 130px; text-align: center; }

.loca_list { position:relative; z-index: 2; margin-top: 35px; display: flex; border:1px solid #ddd; border-top: 4px solid #219914; background:#fff; }
.loca_list li { flex: 1; border-left: 1px solid #ddd; padding: 70px 20px 55px; line-height: 1; }
.loca_list li:first-child { border-left:0; display: flex; align-items: center; justify-content: center; }

.loca_list li h2 { margin:30px 0 20px; font-size: 25px; font-weight: bold; color: #333; word-break: keep-all;  }
.loca_list li p { font-size: 16px; font-weight: 300; color: #333; line-height: 1.63; word-break: keep-all; }
.loca_list li p + p { margin-top: 10px; }

.loca_map { margin-top: 50px; display: flex; justify-content: space-between; }
.loca_map h2 { font-size:22px; font-weight: 700; margin-bottom: 15px; }
.loca_map > div { width:calc(50% - 20px); }
.root_daum_roughmap { border-bottom: 1px solid rgba(0,0,0,.1); }
.root_daum_roughmap .wrap_controllers { display: none; }
.root_daum_roughmap .border1 { display: none; }




.loca_list li .ico img { transition: all .5s; }
.loca_list li:hover .ico img { transform: rotateY(180deg);}



 @media screen and (max-width: 1420px) {
     /* 공통 */
     .sub_con { max-width: 1420px; padding:0 60px; }

     /* contents */
     /* #location br { display: none; } */

 }

 @media screen and (max-width: 1023px) {
     /* 공통 */
     .sub_con { padding:0 40px; }
     .sub_h1 { font-size: 38px; line-height: 1.65; }
     .sub_h1.eng { font-size: 48px; }
     .s_tit_p { font-size: 18px; }

     .bg_bot { height: 350px; }
     .sec_pad { padding: 80px 0; }
     .sec_pad:last-of-type { padding-bottom: 100px; }

     /* contents */
     .loca_list { flex-wrap: wrap; }
     .loca_list li { flex:none; width: 50%; padding: 50px 20px; }
     .loca_list li:nth-child(3) { border-left:0; }
     .loca_list li:nth-child(n+3) { border-top:1px solid #ddd; }
     .loca_list .img img { max-width: 90%;}

     .root_daum_roughmap .wrap_map { height: 400px !important; }

 }
 @media screen and (max-width: 767px) {
     /* 공통 */
     /* .sub_con { padding:0 20px; } */
     .sub_h1 { font-size: 30px; }
     .sub_h1.eng { font-size: 35px; }
     .sub_h2 { font-size: 16px; margin-bottom: 5px; line-height: 1.9; }
     .s_tit_p { font-size: 16px; margin-top: 15px; line-height: 2; }

     .bg_bot { height: 250px; }
     .flex { flex-wrap: wrap; }
     .sec_pad { padding: 60px 0; }
     .sec_pad:last-of-type { padding-bottom: 80px; }


     /* contents */
     #location { padding:50px 0 0; }
     #location .sub_con { padding:0; }

     .loca_list { border:0; border-top: 4px solid #219914; }
     .loca_list li { width: 100%; border:0; padding:25px 20px; }
     .loca_list li i img { width:40px; }
     .loca_list li h2 { margin: 20px 0 10px; font-size:20px; }
     .loca_list li p { font-size: 14px; }
     .loca_list li p + p { margin-top: 5px; }

     .root_daum_roughmap { margin-top: 0 !important; border-top: 1px solid rgba(0,0,0,.1);  }
     .root_daum_roughmap .wrap_map { height: 250px !important; }


    .loca_list .img img { max-width: 70%;}
    .loca_list li { border:0 !important; border-bottom:1px solid #ddd !important; }

    .loca_map { flex-wrap: wrap; }
    .loca_map > div { width: 100%; }
    .loca_map h2 { font-size: 18px; margin-bottom: 10px; }
    .loca_map .map2 { margin-top: 50px; }
 }