#sub_title_wrap section {padding-bottom: 30px;}

#location {overflow: hidden;}
#location .subpage{overflow: hidden;}
#location .sub_inner{width: 100%; margin: 0 auto;}

#location .fs_30{font-size: 30px; line-height: 1;}
#location .fs_16{font-size: 16px;line-height: 1.5;}
#location .icon_list li h6 {color: #fff; font-weight: 700; font-family: 'Play', sans-serif;}
#location .icon_list li p{margin-top: 6px; color: #fff; font-weight: 300;}

#location .map_wrap{height: 450px; margin-top: 40px;}
#location .map_wrap .root_daum_roughmap .wrap_map{height: 450px;}

#location .icon_list{position: relative; z-index: 2; margin: -110px auto 0; width: calc(100% - 620px); display: flex; }
#location .icon_list li{flex: 1; text-align: center; padding: 45px 10px; background-color: #333333; transition: .3s;}
#location .icon_list li + li{border-left: solid 1px rgba(255,255,255,.2)}
#location .icon_list li i{display: inline-block; min-height: 44px; line-height: 44px; margin-bottom: 10px;}
#location .icon_list li i img{transition: .5s;}

#location .sec2 {border-bottom: solid 1px #ccc;}
#location .sec2 .sub_inner {padding: 56px; padding-bottom: 100px; max-width: 1400px;}
#location .info_wrap {padding-top: 40px;}
#location .info_wrap h4 {margin-right: 130px; flex-shrink: 0; color: #000; font-weight: 700; margin-bottom: 40px;}
#location .info_wrap .info_list {flex-grow: 1;}
#location .info_wrap .info_list li {display: flex; align-items: flex-start; }

#location .info_wrap .info_list .txt_wrap {display: flex; align-items: flex-end;}
#location .info_wrap .info_list .txt_wrap .mini_txt_box {display: flex; margin-left: 34px;}
#location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt {display: flex; align-items: center;}
#location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt + .mini_txt {margin-left: 25px;}
#location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt i {display: block; font-style: normal; padding: 4px 14px; color: #fff; font-size: 12px; font-weight: 400; border-radius: 2px; margin-right: 12px;}
#location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt:nth-of-type(1) i {background-color: #6175f5; }
#location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt:nth-of-type(2) i {background-color: #47af1b;}
#location .info_wrap .info_list li .txt_img_box p {font-weight: 300; color: #000; font-family: 'NotoSansKR', sans-serif; margin-left: 4px;}
#location .info_wrap .info_list li .txt_img_box + .txt_img_box {margin-top: 20px;}
#location .info_wrap .info_list li .txt_img_box {display: flex; align-items: center;}

/* 카카오지도 옵션 */
.root_daum_roughmap .cont .section.lst {display: none}

@media screen and (min-width:1025px) {
    #location .icon_list li:hover{background-color: #09883a;}
    #location .icon_list li:hover i img{transform: rotateY(180deg);}
}

@media screen and (max-width:1600px) {
    #location .map_wrap{height: 400px; margin-top: 30px;}
    #location .map_wrap .root_daum_roughmap .wrap_map{height: 400px;}

    #location .icon_list{margin-top: -100px; width: calc(100% - 300px); }
    #location .icon_list li{padding: 35px 10px; }

    #location .info_wrap{padding-top: 30px;}
    #location .info_wrap h4{margin-right: 50px; margin-bottom: 20px;}
    #location .info_wrap .info_list li{padding: 30px 0}
    #location .sec2 .sub_inner {padding: 50px 150px; padding-bottom: 100px}

}
@media screen and (max-width:1400px) {
    #location .subpage br:not(.space){display: none;}
}
@media screen and (max-width:1280px) {
    #location section > article{padding: 90px 0}

    #location .fs_30{font-size: 25px;}
    #location .fs_16{font-size: 15px; letter-spacing: -.5px;}

    #location .map_wrap{height: 350px; margin-top: 30px;}
    #location .map_wrap .root_daum_roughmap .wrap_map{height: 350px;}

    #location .icon_list{margin-top: -100px; width: calc(100% - 80px); }
    #location .icon_list li{padding: 35px 10px; }

    #location .info_wrap{padding-top: 30px;}
    #location .info_wrap h4{margin-right: 50px; margin-bottom: 15px;}
    #location .info_wrap .info_list li{padding: 30px 0}

    #location .sec2 .sub_inner {padding: 30px 40px; padding-bottom: 60px}

}
@media screen and (max-width:1024px) {
    #location section > article{padding: 50px 0}
    #location .sec1{text-align: center;}

    #location .fs_30{font-size: 24px;}
    #location .fs_16{font-size: 14px;}

    #location .map_wrap{height: 350px;}
    #location .map_wrap .root_daum_roughmap .wrap_map{height: 350px;}

    #location .icon_list{margin-top: -50px; width: calc(100% - 60px); flex-wrap: wrap;}
    #location .icon_list li{padding: 25px 10px; flex: initial; width: 50%;}
    #location .icon_list li:nth-child(n+3) {border-top: solid 1px rgba(255,255,255,.2)}
    #location .icon_list li i{transform: scale(.8); margin-bottom: 8px;}
    #location .icon_list li p{margin-top: 5px;}

    #location .info_wrap .info_list li{display: block;}

    #location .info_wrap h4{margin-right: 30px; margin-bottom: 0}
    #location .info_wrap .info_list li{padding: 25px 0}

    #location .sec2 .sub_inner {padding: 30px; padding-bottom: 50px}
    #location .info_wrap .info_list .txt_wrap {display: block;}
    #location .info_wrap .info_list .txt_wrap .mini_txt_box {margin-left: 0; margin-top: 20px;}
    #location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt i {margin-right: 10px; padding: 4px 12px;}
    #location .info_wrap .info_list li .txt_img_box + .txt_img_box {margin-top: 15px;}

    #sub_title_wrap section {padding-bottom: 10px;}

}

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

    #location .fs_30{font-size: 22px;}
    #location .fs_16{font-size: 14px;}
    #location .map_wrap{height: 300px;}
    #location .map_wrap .root_daum_roughmap .wrap_map{height: 300px;}

    #location .icon_list{margin-top: -30px; width: calc(100% - 40px); }
    #location .icon_list li{padding: 15px 5px;}
    #location .icon_list li i{transform: scale(.7); margin-bottom: 5px;}

    #location .info_wrap{display: block; border-top: 0; padding-top: 0; }
    #location .info_wrap h4{margin-bottom: 25px; margin: 0}
    #location .info_wrap .info_list li:nth-child(1){padding-top: 20px; }

    #location .sec2 .sub_inner {padding: 50px 20px; padding-bottom: 50px;}
    #location .info_wrap .info_list .txt_wrap {display: block;}
    #location .info_wrap .info_list .txt_wrap .mini_txt_box {margin-left: 0; margin-top: 20px;}
    #location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt i {margin-right: 10px; padding: 4px 12px;}
    #location .info_wrap .info_list li .txt_img_box + .txt_img_box {margin-top: 10px;}
    #location .info_wrap .info_list li .txt_img_box {display: block; position: relative;}
    #location .info_wrap .info_list li .txt_img_box i {position: absolute;}
    #location .info_wrap .info_list li .txt_img_box p {padding-left: 22px;}
    #location .info_wrap .info_list .txt_wrap .mini_txt_box {margin-top: 10px;}
    #location .info_wrap .info_list .txt_wrap .mini_txt_box .mini_txt + .mini_txt {margin-left: 15px;}

    #sub_title_wrap section {padding-bottom: 0}
}
@media screen and (max-width:480px) {
    #location .icon_list{width: 100%; margin-top: 20px;}
    #location .icon_list li{padding: 20px 10px; }
}