@charset "UTF-8";
/* a{width: 100%; height: 100%; display: block;} */
._stMpUl >  li{padding: 45px 0; position: relative;}
._stMpUl >  li:last-child {padding-bottom: 0;}
._stMpUl >  li::before{content: ""; background: url(../images/map-top-shape.png) no-repeat top center / cover; position: absolute; top: 0; width: 100%; height: 5px;}
._stMpWrap {padding-left:277px;}
._stMpWrap::after {content:''; display: block; clear:both;}
._stMpWrap > a{display: inline-block; font-family: "Dream Medium"; font-size: 22px; line-height: 60px; letter-spacing: -.05em; color: #1c1c1c; position: absolute; top: 40px; left:40px;}
._stMpWrap > a:hover{color: #1c1c1c;}

._stMpWrap li ul li ul::after{content: ""; display: block; clear: both;}

#_JW_stMp_basic > ul > li {width:100%; position: relative;}
#_JW_stMp_basic > ul > li
._stMpWrap > ul{font-size: 0; flex-wrap: wrap; align-items: start;}
._stMpWrap > ul::after{content: ""; display: block; clear: both; }
._stMpWrap > ul > li {width: 25%; padding: 0 23px; display: inline-block; vertical-align:top; margin-bottom:40px;}
._stMpWrap > ul > li:hover > a{background: #01499A; transition: all 0.4s; color: #fff;}

._stMpWrap > ul > li > ul{ padding: 9px 10px 10px 0; cursor: pointer;}
._stMpWrap > ul > li > a {border:1px solid #7D7D7D; display: block; background:#fff; line-height: 30px; padding:9px 0 10px 0;
 text-align: center; font-size: 18px; letter-spacing: -.05em; color: #1c1c1c;position: relative; }

 ._stMpWrap > ul > li >a[target="_blank"] span { display: inline-block; position: relative; padding-right: 25px;}
 ._stMpWrap > ul > li >a[target="_blank"] span::after{content: ""; background:url(../images/blank-icon.png) no-repeat right center; width: 14px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; display: inline-block; padding:0}
 ._stMpWrap > ul > li:hover >a[target="_blank"] span::after {background:url(../images/blank-icon-w.png) no-repeat right center;}


/* ._stMpWrap > ul > li > ul {padding:10px;} */
._stMpWrap > ul > li > ul > li > a {position: relative; padding-left: 16px; font-size:16px; font-family: "Dream Regular"; line-height: 32px; letter-spacing: -.05em; color: #666666; display: inline-block;}
._stMpWrap > ul > li > ul > li > a:hover{color: #01499a; text-decoration:underline;}
._stMpWrap > ul > li > ul > li > a::after {content:''; height: 10px; width:2px; background:#0078FF; position: absolute; left:0; top:10px; display: inline-block; } 
._stMpWrap > ul > li > ul > li > ul {margin-left: 20px;}
._stMpWrap > ul > li > ul > li > ul > li{padding-left: 12px; position: relative;}
._stMpWrap > ul > li > ul > li > ul > li::before{content: ""; background: url(../images/4depth-icon_07.png) no-repeat left center; width: 8px; height:8px; position: absolute; left: 0; top: 50%; margin-top: -4px; display: block;}
/* ._stMpWrap > ul > li > ul > li > ul > li:last-child::before{content: ""; background: url(../images/4depth-last-icon.png)no-repeat left center;} */

._stMpWrap > ul > li > ul > li > ul > li > a[target="_blank"] span{position: relative; padding-right: 25px;}
._stMpWrap > ul > li > ul > li > ul > li > a[target="_blank"] span::after{content: ""; background:url(../images/blank-icon.png) no-repeat right center; width: 14px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; display: inline-block; padding:0}

._stMpWrap > ul > li > ul > li > ul > li a{font-size: 14px; font-family: "Dream Regular"; line-height: 28px; letter-spacing: -.05em; color: #777777; display: inline-block; }
._stMpWrap > ul > li > ul > li > ul > li:hover a{color: #ff9000; text-decoration:underline;}
._stMpWrap > ul > li > ul > li > ul > li > ul > li{display: none;} 

@media (max-width: 1207px) {
    ._stMpWrap > ul > li {float: left; width: 33.333%;}
}

@media (max-width: 990px) {
    ._stMpUl > li{padding-top: 100px;}
    ._stMpWrap > ul > li { width: 50%; margin-bottom:20px;}
    ._stMpWrap > ul > li > ul{min-height: auto;}
    ._stMpWrap{padding-left: 0;}
    ._stMpWrap > a{top: 20px; left: 0;}
}