@charset "utf-8";
/* 조직도 css*/
.org-wrap .per25 > li{width:25%}
.org-wrap .per50 > li{width:50%}
.org-wrap .per33 > li{width:33.333%}

.org-wrap .org-box{position: relative;}
.org-wrap .container{max-width: 1400px; width: 100%; margin: 0 auto;}
.org-wrap .org-top-wrap{position: relative; }
.org-wrap .org-top-wrap::after{content: ''; display: block; clear: both;}
.org-wrap .org-content-wrap{position: relative; padding-top: 30px;}
.org-wrap .org-content-wrap::before{content: ''; width: 1px; height: calc(100% - 120px); background: #DADADA; position: absolute; top: 0; left: 95px;}
.org-wrap .h2-box{float: left;}
.org-wrap .h2-box > p{font-size: 30px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em; color: #fff; display: flex; align-items: center; text-align: center; height: 190px;width: 190px;background: #002D56; border-radius: 50%; justify-content:space-around; position: relative; margin: 0 auto;}
.org-wrap .h2-box > p > a {color: #fff !important;}
.org-wrap .click-box{float: right; width: calc(100% - 190px - 70px); border-top: 2px solid #333333; border-bottom: 2px solid #333333;padding: 60px 20px 68px 50px;}
.org-wrap .click-box > p{font-size: 18px; font-family: "Noto DemiLight"; line-height: 1.5; letter-spacing: -.05em; color: #000000; padding-left: 108px;  position: relative;}
.org-wrap .click-box > p::before{content: ""; background: url(../../images/func/org-icon.png) no-repeat left center;  width: 60px; height: 55px; position: absolute; top: 50%; margin-top: -30px; left: 0;}
.org-wrap .style-inner::after{content: ''; display: block; clear: both;}
.org-wrap .head-box{float: left; width: 225px; position: relative; padding-right: 35px;}
.org-wrap .head-box::before {content: ''; width: 100%; height: 1px; background: #ccc; position: absolute; right: 0%; top:29px;}
.org-wrap .no-color .head-box::before {display: none;}
.org-wrap .head-box::after{content: ''; width: 1px; height: 100%; background: #dadada; position: absolute; top: 0;}
.org-wrap .no-color .head-box::after {display: none;}
.org-wrap .head-box > span{display: block; font-size: 18px; font-family: "Noto Bold"; line-height: 1.5; letter-spacing: -.05em;border: 3px solid #A78258; color: #A78258; text-align: center; padding: 12px 10px 15px 10px; background: #fff; position: relative;}
.org-wrap .no-color .head-box > span {background: transparent; border: 0;}
.org-wrap .style-common{float: right; width: calc(100% - 225px); position: relative; padding-left: 40px;}
.org-wrap .org-con01::after{content: ''; width: 1px; height: calc(100% - 174px); background: #DADADA; position: absolute; top:30px; left:0;}
.org-wrap .title-org{display: flex; justify-content: center; height: 60px; border: 1px solid #DADADA; background: #E1F0F2; position: relative; align-items: center;}
.org-wrap .org-con01 .title-org::before{content: ''; width: 41px; height: 1px; background: #DADADA; position: absolute; right: 100%; top: 50%; z-index: -1; margin-top: -1px;}
.org-wrap .org-con01 li:nth-of-type(1) .title-org::before{content: ''; width: 41px;}
.org-wrap .no-color .org-con01 li:nth-of-type(1) .title-org::before {display: none;}
.org-wrap .title-org strong{font-size: 16px; font-family: "Noto Medium"; line-height: 20px; letter-spacing: -.05em;color: #008395; font-weight: normal; display: block; padding: 10px; word-break: normal;}
.org-wrap .title-org.color02 strong {color: #fff;}
.org-wrap .sub-list{border: 1px solid #DADADA; border-top: 0; padding: 14px 10px 11px 20px; background: #fff; position: relative;}
.org-wrap .sub-list > li span{display: block; font-size: 16px; font-family: "Noto Light"; line-height: 1.5; letter-spacing: -.05em;color: #333333; padding-left: 11px; position: relative;margin-bottom: 5px; text-align: left; }
.org-wrap .sub-list > li span::before{content: ""; width: 3px; height: 3px; background: #002D56; position: absolute; top: 12px; left: 0;}
.org-wrap .style01-item {margin: 0 -20px; display: flex; flex-wrap: wrap; position: relative;}
.org-wrap .style01-item > li{ padding: 0 20px; margin-bottom: 30px;}
.org-wrap .sub-text li{font-size: 16px; font-family: "Noto Light"; line-height: 1.5; letter-spacing: -.05em;color: #666666; margin-left: 10px; padding-left: 10px; position: relative; margin-bottom: 6px;}
.org-wrap .sub-text li button {font-size: 16px; font-family: "Noto Light"; line-height: 1.5; letter-spacing: -.05em;color: #666666; position: relative;}
.org-wrap .sub-text li::before{content: ''; width: 4px; height: 1px; background: #666666; position: absolute; top: 12px; left: 0;}
.org-wrap .title-item{position: relative;}
.org-wrap .style02-box > .title-item{position: relative; padding-bottom: 20px; }
.org-wrap .style02-1 .item-box{position: relative;}
.org-wrap .title-item > p{font-size: 18px; font-family: "Noto Medium"; line-height: 1.5; letter-spacing: -.05em; color: #fff; text-align: center; padding: 17px 17px 16px 17px; background: #008395;}
.org-wrap .org-con02::after{content: ''; display: block; clear: both;}
.org-wrap .title-item::before{content: ''; width: 41px; height: 1px; background: #CCCCCC; position: absolute; right: 100%; top:29px;} 
.org-wrap .title-item::after{content: ''; width: 1px; height: 100%; background: #CCCCCC; position: absolute; left: 50%; margin-left: -1px; top: 0; z-index: -1;}
.org-wrap .sm-title::before{content: ''; width: 40px;}
.org-wrap .sm-title::after{content: none; }
.org-wrap .org-con02{position: relative;}
.org-wrap .style02-box{float: left; width: 74.12%;}
.org-wrap .style02-item{ position: relative;}
.org-wrap .style02-1 .style02-item::before{content: ''; width:85.6%; height: 1px; background:#CCCCCC; position: absolute; top: 0; right: 16.7% ;}
.org-wrap .style02-item::before{content: ''; width:66.8%; height: 1px; background:#CCCCCC; position: absolute; top: 0; right: 16.7% ;}
.org-wrap .style02-item > li{position: relative; padding-top: 20px; margin-bottom: 20px;}
.org-wrap .style02-item > li::before{content: ''; width: 1px; height: 15%; background: #CCCCCC; position: absolute; top: 0px; left: 50%; margin-left: -1px;}
.org-wrap .style03-item .title-org{position: relative;}
.org-wrap .style03-item .title-org::before { content: ''; width: 41px; height: 1px; background: #DADADA;position: absolute; top: 50%; margin-top: -1px; right: 100%;}
.org-wrap .style03-item li:nth-of-type(1) .title-org::before {content: ''; width: 41px;}
.org-wrap .sub-style01{float: right; width: calc(100% - 74.12%); padding-left: 40px; position: relative;}
.org-wrap .style02-1{float: right; width: calc(100% - 225px); position: relative; padding-left: 40px;}
.org-wrap .style02-1-box{float: left; width: 74.12%; margin-top: -72px;}
.org-wrap .line-wrap::after{content:''; display: block; clear: both;}
.org-wrap .line-wrap{position: relative;}
.org-wrap .line-wrap::before{content: ''; width: 1px; height: calc(100% - 147px); background: #DADADA; position: absolute; top: 3.7%; left: 224px;}
.org-wrap .style03 .title-org{background: #008395;}
.org-wrap .style03 .title-org button > strong{color: #fff; }
.org-wrap .style03 .title-org{position: relative; }
.org-wrap .style03 .title-org::before{content: '';width: 41px; height:1px; background: #DADADA; position: absolute; top: 50%; margin-top: -1px; right: 100%;z-index: -1; }
.org-wrap .style03 li:nth-of-type(1) .title-org::before{width: 41px;}
.org-wrap .style04 .style02-item > li{margin-bottom: 30px;}
.org-wrap .style04 .line-box::after{content: ''; display: block; clear: both;}
.org-wrap .style04 .line-box{position: relative;}
.org-wrap .style04 .line-box::before{content: ''; width: 1px; height: calc(100% - 90px); background: #DADADA; position: absolute; top: 4%; left: 224px; }
.org-wrap .style04 .title-org-box{position: relative;}
.org-wrap .style04 .style02-1::before{top: -28%;}
.org-wrap .style04 .style02-1-box{margin-top: -102px;} 
.org-wrap .style05-box{float: right; width: calc(100% - 225px);  padding-left: 40px; position: relative;}
.org-wrap .style05 .style03-item > li > .sub-list{border: 0;}
.org-wrap .style05 .style02-1{width: 100%; padding-left: 0;}
.org-wrap .style05 .style02-1 .style02-item::before{content: '';width: 75%;height: 1px;background:#CCCCCC;position: absolute;top: 0;right: 12.5%;}
.org-wrap .style05 .style03-item{border: 1px solid #CCCCCC; width:100%; margin: auto;margin-bottom: 50px;}
.org-wrap .style05 .style03-item li{margin-bottom: 0;}
.org-wrap .style05 .style02-box > .title-item:first-child:after{content: none;}
.org-wrap .style05 .title-item .bg01{background: #E1F0F2; color: #008395; border: 1px solid #DADADA;}
.org-wrap .style05 .title-item:nth-child(2):before{content: none;} 
.org-wrap .style05 .org-con02::before{content: none;}
.org-wrap .style05 .line-wrap::before{height: calc(100% - 235px); top: 1.8%;}
.org-wrap .style06 .style-common ul:nth-last-child(3){margin-top: -88px;}
.org-wrap .style07 ul li > .title-org{background: #008395;}
.org-wrap .style07.no-color ul li > .title-org {background: #0c5096;}
.org-wrap .style07 ul li > .title-org strong{color: #fff; }
.org-wrap .style07.no-color {padding-top: 30px; border-top: 1px solid #dadada;}

@media all and (max-width:1300px){
  .org-wrap .click-box {padding: 50px 40px;}
  .org-wrap .style01 .org-con01::after{height:calc(100% - 140px);} 
  .org-wrap .style01 .style01-item{margin: 0 -17.5px;}
  .org-wrap .style01 .style01-item > li{padding: 0 17.5px;width: 50%;}
  .org-wrap .style02 .style01-item > li{width: 100%;}
  .org-wrap .style02 .style02-1 .style01-item > li{width: 50%;}
  .org-wrap .style02-box{float: left; width: 50%;}
  .org-wrap .style02 .sub-style01{float: right; width: calc(100% - 50%);}
  .org-wrap .style02-item::before{content: none;  }
  .org-wrap .style02-item > li{margin-bottom: 0;} 
  .org-wrap .style02-1-box{width: 100%; margin-top: 25px;}
  .org-wrap .style02 .line-wrap::before{height: calc(100% - 90px); top: 1.9%;}
  .org-wrap .style02-1 .style02-item::before{content: ''; width:50%; right: 25% ;}
  .org-wrap .style02 .style03-item > li{margin-top: 20px;}
  .org-wrap .style03 .style-common::before{content: ''; width: 1px; height: calc(100% - 90px); background: #DADADA; position: absolute; top: 10%; left: 0;}
  .org-wrap .style04 .sub-style01{float: right; width: calc(100% - 50%);}
  .org-wrap .style04 .style01-item > li{width: 100%; margin-bottom: 0;}
  .org-wrap .style04 .title-org-box > ul > li{width: 50%; padding-top: 20px;}
  .org-wrap .style04 .style02-1-box{margin-top: 20px;} 
  .org-wrap .style04 .style02-item > li::before{height: 25%; }
  .org-wrap .style04 .line-box::before {height: calc(100% - 60px); top: 2.4%; }
  .org-wrap .style05{margin-top: 30px;}
  .org-wrap .style05 .style02-box{float: left; width: 100%; margin-top: 20px;}
  .org-wrap .style05 .style03-item{margin-bottom: 30px;}
  .org-wrap .style05 .style03-item > li{width: 50%;}
  .org-wrap .style05 .style03-item > li{padding: 0 0;}
  .org-wrap .style05 .style02-item > li{width: 100%;}
  .org-wrap .style05 .style02-1 .title-item { padding-bottom: 0px;}
  .org-wrap .style05 .style02-1 .style02-item::before{content: none;}
  .org-wrap .style05 .org-con02 .title-item:nth-child(2){padding-bottom: 0;}
  .org-wrap .style05 .sub-style01{width: 100%; padding-left: 0; margin-top: 20px;}
  .org-wrap .style05 .line-wrap::before{height: calc(100% - 423px); top: 0.8%;}
  .org-wrap .style06{margin-top: 30px;}
  .org-wrap .style06 .per25 > li {width: 33.333%;}
  .org-wrap .style06 .style-common ul:nth-last-child(3){margin-top: 0;}
  .org-wrap .style07 .per25 > li {width: 50%;}
}

@media all and (max-width:900px){
  .org-wrap .org-content-wrap::before{ height: calc(100% - 120px);}
  .org-wrap .click-box{float: none; width: 100%; padding: 40px 20px 40px 50px; margin-bottom: 25px;}
  .org-wrap .click-box > p{font-size: 16px; padding-left: 95px; }
  .org-wrap .h2-box{float: none; margin:0 auto; padding-bottom: 80px; position: relative;}
  .org-wrap .h2-box > p{width: 170px; height: 170px;}
  .org-wrap .h2-box::before{content: '';width: calc(50% - 95px); height: 1px;background: #DADADA;position: absolute;bottom: 0;left: 95px;}
  .org-wrap .no-color .head-box::before {width: 50%;}
  .org-wrap .h2-box::after{content: ''; height: 100%; background: #DADADA; width: 1px; position: absolute; top: 0; left: 50%; z-index: -1;} 
  .org-wrap .sub-list{padding: 14px 10px 11px 15px; }
  .org-wrap .org-box{position: relative;}
  .org-wrap .head-box{width: 190px; padding-right: 20px;}
  .org-wrap .head-box > span{font-size: 16px;}
  .org-wrap .style-common {width: calc(100% - 190px);}
  .org-wrap .style01 .style01-item{margin: 0 -10px;}
  .org-wrap .style01 .style01-item > li{padding: 0 10px;}
  .org-wrap .org-con02::before{top: 3.2%; height: 100%;}
  .org-wrap .style02 .line-wrap::before{left: 188px;}
  .org-wrap .style02-1{width: calc(100% - 190px);}
  .org-wrap .style04 .line-box::before {top: 2.4%; left: 190px; }
  .org-wrap .style05 .line-wrap::before{left: 188px;}
  .org-wrap .style06 .per25 > li {width: 50%;}
  .org-wrap .style07 .per25 > li {width: 100%;}
  .org-wrap .style07 .org-con01::after{ height: calc(100% - 90px);} 
}

@media all and (max-width: 768px){
  .org-wrap .head-box {padding-right: 40px;}
  .org-wrap .head-box > span {padding: 12px 7px 15px 7px;}
  .org-wrap .click-box{padding: 40px 20px 40px 30px;}
  .org-wrap .click-box > p{font-size: 16px; padding-left: 90px;}
  .org-wrap .style01 .style01-item li{width: 100%;}
  .org-wrap .style02-box {float: none; width: 100%;}
  .org-wrap .style02 .sub-style01{float: none; width: 100%; padding-left: 0; margin-top: 20px;}
  .org-wrap .style02 .line-wrap::before{left: 190px; top: 1.3%; height: calc(100% - 59px);}
  .org-wrap .style02-1-box{float: none; width: 100%;}
  .org-wrap .style02-1{width: calc(100% - 190px);}
  .org-wrap .style02 .style02-1 .style01-item > li{width: 100%; margin-bottom: 0;}
  .org-wrap .style02-1 .style02-item::before{content: none; }
  .org-wrap .style02 .title-item{padding-bottom: 0;}
  .org-wrap .style02 .style02-item > li::before{height: 25%;}
  .org-wrap .style03-item li:nth-of-type(2) .title-org::before {top: -54%;left: 50%; background: #DADADA; width: 1px; height: 100%; z-index: -1; }
  .org-wrap .style03{margin-top: 30px;}
  .org-wrap .style03 .style-common::before{top: 7%; }
  .org-wrap .style04 .style02-box {float: none; width: 100%;}
  .org-wrap .style04{float: none; width: 100%; padding-left: 0;}
  .org-wrap .style04 .line-wrap::before{left: 190px; top: 1.3%;}
  .org-wrap .style02-1-box{float: none; width: 100%;}
  .org-wrap .style02-1{width: calc(100% - 190px);}
  .org-wrap .style04 .style02-1 .style01-item > li{width: 100%;}
  .org-wrap .style02-1 .style02-item::before{content: none; }
  .org-wrap .style04 .title-item{padding-bottom: 0;}
  .org-wrap .style04 .style02-item > li::before{height: 25%;}
  .org-wrap .style04 .sub-style01{float: none; width: 100%; margin-top: 20px; padding-left: 0;}
  .org-wrap .style04 .line-box::before {top: 1.5%; height: calc(100% - 140px);}
  .org-wrap .style05-box{width: calc(100% - 190px);}
  .org-wrap .style05 .style03-item > li{width: 100%;}
  .org-wrap .style06 .per25 > li {width: 100%;}
  .org-wrap .sub-list > li span {font-size: 14px;}
  .org-wrap .sub-list > li span::before {top: 9px;}
  .org-wrap .sub-text li {font-size: 14px;}
  .org-wrap .org-con01::after {height: calc(100% - 174px);}
}

/* popup css */
.org-popup-wrap {opacity:0; visibility:hidden; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index: 1002; transition:all .5s; }
.org-popup-wrap.on {opacity:1; visibility:visible; }
.org-popup-wrap .org-popup-box {display: flex; align-items: center; justify-content: center; height:100%; position:relative;}
.org-popup-wrap .org-popup-inner {max-width:920px;width:100%; height:550px; background:#fff;position:relative;}
.org-popup-wrap .org-popup-title {background:#002A67;}
.org-popup-wrap .org-popup-title h1 {font-size: 24px; line-height: 70px; color:#fff; font-family: 'Noto Bold'; padding:0 30px; font-weight: normal;}
.org-popup-wrap .org-popup-con {background:#fff; max-height:640px; height:100%; overflow-y:scroll;}
.org-popup-wrap .inner-title-box:after{content: ''; display: block; clear: both;}
.org-popup-wrap .sec01 .inner-title-box{padding: 31px 0 13px 0;}
.org-popup-wrap .sec01 .group-h1{float: left; margin-top: 6px;}
.org-popup-wrap .list-box p{font-size: 17px; font-family:"Noto Regular" ; line-height: 1.5; letter-spacing: -.05em; color:#333333;}
.org-popup-wrap .title-box01{padding-bottom: 24px;}
.org-popup-wrap .org-text-box{padding-top: 19px;}
.org-popup-wrap .sec01 .sub-text-box > li{margin-left: 17px;}
.org-popup-wrap .org-text-box li > p{font-size: 16px; font-family:"Noto Regular" ; line-height: 1.5; letter-spacing: -.05em; color:#666666; padding-left: 16px; position: relative; margin-bottom: 15px;}
.org-popup-wrap .org-text-box > ul > li:last-child p{margin-bottom: 7px;}
.org-popup-wrap .org-text-box li > p::before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #002D56; position: absolute; top: 10px; left: 0;}
.org-popup-wrap .sub-text-box span{font-size: 16px; font-family:"Noto Regular" ; line-height: 1.5; letter-spacing: -.05em; color:#666666; padding-left: 14px; position: relative;  margin-bottom: 5px;}
.org-popup-wrap .sub-text-box span::before{content: ''; width: 6px; height: 2px; background: #A78258; position: absolute; top: 12px; left: 0;}
.org-popup-wrap .sec01 .home-icon-box{float: right;}
.org-popup-wrap .home-icon-box p {display: inline-block; padding-left: 15px;}
.org-popup-wrap .home-icon-box a{display: inline-block; border: 1px solid #121212;padding: 0 25px 0 29px; background: #fff; transition: all 0.3s;}
.org-popup-wrap .home-icon-box a:hover{ background: #002A67; border: 1px solid #002A67;}
.org-popup-wrap .home-icon-box a:hover span{color: #fff;background: url(../../images/func/home-icon-hover.png) no-repeat right center;}
.org-popup-wrap .home-icon-box span{font-size: 16px;font-family: "Noto Regular";line-height: 58px;letter-spacing: -.05em;color: #121212;display: inline-block;height: 58px;padding-right: 63px; background: url(../../images/func/home-icon.png)no-repeat right center;}
.org-popup-wrap .inner-box {padding:0 30px 20px 30px;}
.org-popup-wrap .group-h1 {font-size: 30px; font-family: 'Noto Bold'; letter-spacing: -.05em; color:#002d56;}
.org-popup-wrap .org-popup-close {display:inline-block; text-indent:-9999px; width:70px; height:70px; position:absolute; top:0; right:0; background:url('../../images/func/close-btn-shape.png') no-repeat right 30px center;}
.org-popup-wrap h2{margin-top: 53px;}
.org-popup-wrap .sub-title {display: block; font-size: 20px;font-family: "Noto Bold";line-height: 1.5;letter-spacing: -.05em;color: #e63b53; padding-bottom: 8px;}
.org-popup-wrap .sec02 .inner-title-box{padding: 45px 0 28px 0;}
.org-popup-wrap .sec02 .sub-title{font-size: 20px;font-family: "Noto Bold";line-height: 1.5;letter-spacing: -.05em;color: #e63b53; padding-bottom: 8px;}
.org-popup-wrap .sec02 .sub-text-box{padding-top: 13px;}

/*circle*/
.circle-num-list > ul > li {position: relative; margin-bottom: 15px; padding-left: 32px; font-family: 'Noto Regular'; font-size: 16px; line-height: 1.5; letter-spacing: -0.05em; color: #666;}
.circle-num-list > ul > li:last-child{margin-bottom: 0;}
.circle-num-list > ul > li .num {position: absolute;left: 0;top: 1px;display: inline-block;width: 25px;height: 25px;margin-right: 5px;background: #333333;border-radius: 100%;font-family: 'Gmarket Medium';font-size: 14px;text-align: center;vertical-align: middle;letter-spacing: -0.5px;line-height: 28px;color: #fff;}

/*스크롤 커스텀 */
.org-popup-wrap .org-popup-con::-webkit-scrollbar{width: 8px;  margin-right:20px;}
.org-popup-wrap .org-popup-con::-webkit-scrollbar-thumb{ background: #DDDDDD;   border-radius: 25px; }
.org-popup-wrap .org-popup-con::-webkit-scrollbar-track{background: #fff; margin-top: 30px; }


@media all and (max-width:1024px) {
  .org-popup-wrap .org-popup-box {padding:0 20px;}
  .org-popup-wrap .sec01 .inner-title-box{padding: 31px 0 20px 0;}
  .org-popup-wrap .org-text-box li > p{margin-bottom: 10px;}
}

@media all and (max-width:768px) {
  .org-popup-wrap .list-box p{font-size: 16px;}
  .org-popup-wrap .sec02 .inner-title-box{padding: 30px 0 28px 0;}
  .org-popup-wrap .home-icon-box a{padding: 0 15px 0 15px;}
  .org-popup-wrap .home-icon-box span{line-height: 50px;height: 50px;padding-right: 34px; }
}

@media all and (max-width:600px) {
  .org-popup-wrap .sec01 .group-h1{float: none;}
  .org-popup-wrap .sec01 .home-icon-box {float: none; margin-top: 10px; text-align: left;}
}

/* 찾아오시는 길 */
#mapContent {display: flex; align-items: center; background: #f2f2f2; padding: 0 30px;}
#mapContent .info {flex: 1; display: flex; align-items: center; height: 110px; padding: 0 0 0 70px; background: url('../../images/func/ic-location.png') no-repeat left center; font-family: 'Noto Regular'; font-size: 16px; color: #121212;}
#mapContent .button ul {overflow: hidden;}
#mapContent .button li {float: left; padding: 5px 0 5px 6px;}
#mapContent .button a {display: block; min-width: 170px; background: #fff; padding: 16px 22px; border: 1px solid #000; font-family: 'Noto Regular'; font-size: 16px; text-align: center; color: #121212;}
#mapContent .button a:hover {background: #003e77; border: 1px solid #003e77; color: #fff;}
#mapContent .button a.ico4 {padding: 16px 15px;}
#mapContent .button a span::after {content: ''; display: inline-block; margin-left: 45px; vertical-align: middle;}
#mapContent .button a.ico1 span::after {position: relative; top: -1px; width: 20px; height: 21px; background: url('../../images/func/btn-location1.png') no-repeat center;}
#mapContent .button a.ico2 span::after {width: 21px; height: 21px; margin-left: 34px; background: url('../../images/func/btn-location2.png') no-repeat center;}
#mapContent .button a.ico3 span::after {width: 20px; height: 16px; margin-left: 10px; background: url('../../images/func/btn-location3.png') no-repeat center;}
#mapContent .button a.ico4 span::after {width: 22px; height: 21px; margin-left: 10px; background: url('../../images/func/btn-location4.png') no-repeat center;}
#mapContent .button a.ico1:hover span::after {background: url('../../images/func/btn-location1-on.png') no-repeat center;}
#mapContent .button a.ico2:hover span::after {background: url('../../images/func//btn-location2-on.png') no-repeat center;}
#mapContent .button a.ico3:hover span::after {background: url('../../images/func/btn-location3-on.png') no-repeat center;}
#mapContent .button a.ico4:hover span::after {background: url('../../images/func/btn-location4-on.png') no-repeat center;}

@media all and (max-width: 1400px) {
  #mapContent.global {flex-wrap: wrap;}
	#mapContent.global .button {width: 100%; margin-bottom: 30px;}
	#mapContent.global .button a {padding: 10px 20px;}
	#mapContent.global .button a span::after {padding-left: 20px;}
}

@media all and (max-width: 1077px) {
	#mapContent {flex-wrap: wrap;}
	#mapContent .button {width: 100%; margin-bottom: 30px;}
	#mapContent .button a {padding: 10px 20px;}
	#mapContent .button a span::after {padding-left: 20px;}
}
@media all and (max-width: 660px) {
	#mapContent {padding: 0 20px;}
	#mapContent .button {margin-bottom: 20px;}
	#mapContent .button a {font-size: 14px;}
}