@charset "UTF-8";

#newSitemap{position: relative; line-height:1.4;}
#newSitemap > ul > li{margin-bottom:50px; width: 100%;}
#newSitemap > ul > li {position: relative; border-top: 5px solid #415d67;}
#newSitemap > ul > li:after {content: ''; position: absolute;  left: 0; top: -5px; width: 219px; height: 5px; background: url('../images/deco-sitemap.png') no-repeat left top;}

#newSitemap > ul > li > div{position:relative; padding-left:300px;}
#newSitemap > ul > li > div > a{position:absolute; left:30px; top:20px; font-size:20px; color:#222222; font-family: 'Dream Regular';}
#newSitemap > ul > li > div > a:after {content: ''; position: absolute; right: -11px; top: -1px; z-index: -1; width: 24px; height: 24px; background: #7fb2f1; border-radius: 100%;}
#newSitemap > ul > li > div > ul {display: inline-block; width: 100%;}
#newSitemap > ul > li > div > ul > li{width:25%; float:left; position:relative; padding-right:50px; box-sizing:border-box;}
#newSitemap > ul > li > div > ul > li > a{overflow: hidden; padding:20px 0; text-align: center; border-bottom: 1px solid #7d7d7d; text-overflow: ellipsis; white-space: nowrap; color:#454545; font-size:16px; font-family: 'Dream Regular';}
#newSitemap > ul > li > div > ul > li > ul {padding-top: 4px;}
#newSitemap > ul > li > div > ul > li > ul > li > a{font-family: 'Dream Regular'; font-size:15px; position:relative; padding-left:10px; color:#333; margin:8px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#newSitemap > ul > li > div > ul > li > ul > li > a:hover {color: #428fe2;}
#newSitemap > ul > li > div > ul > li > ul > li > a:before{content:''; width:4px; height:4px; background-color:#408ddf; display:block; position:absolute; left:0; top:10px;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a{font-family: 'Dream Regular'; font-size:15px; position:relative; padding-left:13px; color:#666; margin:10px 0 10px 15px; word-break:keep-all; font-size:15px;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:hover {text-decoration: underline; color: #428fe2;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:before{content:''; width:7px; height:2px; background-color:#b5c2d1; display:block; position:absolute; left:0; top:9px;}
#newSitemap a{display:block;}

@media only screen and (max-width:1024px){
	#newSitemap > ul > li > div{padding-left:0;}
	#newSitemap > ul > li > div > a{position: static;; width:100%;  padding: 20px 0; border-bottom: 1px solid #d1d1d1;}
}

@media only screen and (max-width:768px){
	#newSitemap > ul > li > div > ul > li{width:50%;}
}

@media only screen and (max-width:500px){
	#newSitemap > ul > li > div > ul > li{width:100%; padding-right: 0;}
}