/*Content CSS*/
.sec_wrap{overflow: hidden;}
section > article{padding: 80px 0 100px;}
section > article:nth-child(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; padding: 0 50px; max-width: 1400px; margin: 0 auto;}


.fs_36{font-size: 36px; font-weight: 800; font-family: 'NanumSquare'; text-align: center; }
.bar::before{content: ''; display: block; width: 30px; height: 3px; background-color: #1c40a7; margin: 0 auto 5px;}
.fs_24{font-size: 24px; font-weight: 800; font-family: 'NanumSquare'; color: #fff;}
.fs_18{font-size: 18px; line-height: 1.78; color: #333;}
.fs_16{font-size: 16px; line-height: 1.69; letter-spacing: -.4px; color: rgba(255,255,255,.8)}

.map_wrap{height: 600px; margin-top: 35px;}
.map_wrap .root_daum_roughmap .wrap_map{height: 600px;}
.root_daum_roughmap .wrap_controllers{display: none;}
.wrap{width: calc(100% - 200px); margin: -120px auto 0; position: relative; z-index: 1;}
.loca_list{display: flex; padding: 38px 0; background-color: #1c40a7; }
.loca_list li{flex: 1; text-align: center; }
.loca_list li + li{border-left: solid 1px rgba(255,255,255,.2)}
.loca_list li i{display: block; color: #fff; font-size: 38px; transition: .5s;}
.loca_list li h4{margin: 15px 0 12px;}

.icon_list {border-top: solid 1px #000; margin-top: 55px;}
.icon_list > li{display: flex; align-items: center; padding: 35px 0; border-bottom: solid 1px #ddd;}
.icon_list > li > i{display: block; font-size: 32px; min-width: 120px; text-align: center;}
.arrow_list li{display: flex; align-items: center;}
.arrow_list li span{color: #333}
.arrow_list li span.line1{position: relative; padding-left: 32px; }
.arrow_list li span.line1::before{content: ''; display: block; width: 23px; height: 23px; background: url('../img/line1.png') 50% / cover no-repeat; position: absolute; top: 5px; left: 0;}
.arrow_list li p{color: #555; position: relative; padding-left: 35px; margin-left: 16px;}
.arrow_list li p::before{content: ''; display: block; width: 21px; height: 21px; background: url('../img/loca_arrow.png') 50% / cover no-repeat; position: absolute; top: 6px; left: 0;}
.arrow_list li + li{margin-top: 8px;}

@media screen and (min-width:1025px){
    .loca_list li:hover i{transform: rotateY(180deg);}

}
@media screen and (max-width:1400px){
    .wrap{width: calc(100% - 100px); margin: -70px auto 0;}

}
@media screen and (max-width:1280px){
    section > article{padding: 70px 0;}

    .sec_wrap br:not(.space){display: none;}
    .tit_box{padding: 30px 20px;}
    .fs_36{font-size: 32px;}
    .fs_24{font-size: 20px;}
    .fs_18{font-size: 17px;}
    .fs_16{font-size: 15px;}
    .bar::before{margin-bottom: 7px;}

    .map_wrap{height: 500px;}
    .map_wrap .root_daum_roughmap .wrap_map{height: 500px;}

    .loca_list{padding: 30px 0;}
    .loca_list li{padding: 0 15px;}
    .loca_list li i{font-size: 30px;}
    .loca_list li h4{margin: 10px 0 8px;}
    .loca_list li p{word-break: keep-all;}



}
@media screen and (max-width:1024px){
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .wrap{width: calc(100% - 60px); }

    .fs_24{font-size: 20px;}
    .fs_18{font-size: 15px;}
    .fs_16{font-size: 14px;}

    .loca_list{padding: 0; flex-wrap: wrap;}
    .loca_list li{padding: 20px; flex: initial; width: 50%;}
    .loca_list li i{font-size: 25px;}
    .loca_list li:first-child{width: 100%; border-bottom: solid 1px rgba(255,255,255,.2); }
    .map_wrap{height: 400px; margin-top: 30px;}
    .map_wrap .root_daum_roughmap .wrap_map{height: 400px;}
    .icon_list{margin-top: 35px;}
    .icon_list > li{padding: 20px 0;}
    .icon_list > li > i{ font-size: 24px; min-width: 90px; flex-shrink: 0;}
    .arrow_list li{flex-wrap: wrap;}
    .arrow_list li + li{margin-top: 4px;}
    .arrow_list li p{padding-left: 25px; margin-left: 7px;}
    .arrow_list li p::before{width: 18px; height: 18px; }
    .arrow_list li span.line1{padding-left: 25px;}
    .arrow_list li span.line1::before{width: 18px; height: 18px;}

}
@media screen and (max-width:768px){
    .arrow_list li{display: block;}
    .arrow_list li p{margin-left: 0;}

}
@media screen and (max-width:640px){
    .sub_inner{padding: 0 20px;}

    .tit_box{padding: 20px 15px;}
    .fs_36{font-size: 30px;}
    .fs_24{font-size: 18px;}
    .fs_18{font-size: 14px;}
    .fs_16{font-size: 13px;}
    .bar::before{margin-bottom: 5px;}
    .wrap{width: 100%; margin-top: 30px;}

    .map_wrap{height: 250px;}
    .map_wrap .root_daum_roughmap .wrap_map{height: 250px;}


    .loca_list li{padding: 15px; width: 100%; border-left: 0; border-bottom: solid 1px rgba(255,255,255,.2);}

    .icon_list > li{display: block; padding-top: 0;}
    .icon_list > li > i{min-width: 100%; padding: 10px; background-color: #f7f7f7; margin-bottom: 15px;}
    .arrow_list li p{padding-left: 20px;}
    .arrow_list li p::before{width: 15px; height: 15px; }
    .arrow_list li span.line1{padding-left: 20px;}
    .arrow_list li span.line1::before{width: 15px; height: 15px;}



}