@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 #fff;}
#newSitemap > ul > li:before {content: ''; position: absolute;  left: 0; top: -5px; width: 100%; height: 5px; background:#0A4A9B;}
#newSitemap > ul > li:after {content: ''; position: absolute;  left: 50%; transform:translateX(-50%) skew(-30deg); top: -5px; width: 30%; height: 5px; background:#FCAF15;}
#newSitemap > ul > li > div{position:relative; padding-left:255px; margin-top: 28px;}
#newSitemap > ul > li > div > a{position:absolute; left:25px; top:0px; font-size:26px; color:#222222; font-family: 'Dream Medium';}
#newSitemap > ul > li > div > ul {display: inline-block; width: 100%;}
#newSitemap > ul > li > div > ul > li{width:25%; float:left; position:relative; padding-right:30px; margin-bottom: 20px; box-sizing:border-box;}
#newSitemap > ul > li > div > ul > li > a{overflow: hidden; text-align: center; border: 1px solid #7d7d7d; text-overflow: ellipsis; white-space: nowrap; color:#1C1C1C; font-size:17px; line-height:48px; font-family: 'Dream Regular'; letter-spacing: -.05em; transition:all .25s cubic-bezier(0.7,0,0.3,1)}
#newSitemap > ul > li > div > ul > li > a[target=_blank]::after {content: ''; display: inline-block; margin-left: 5px; width: 14px; height: 14px; background: url('../images/ico-blank.png') no-repeat center center;}
#newSitemap > ul > li > div > ul > li > a:hover {background-color:#0A4A9B; color:#fff; border:1px solid #0A4A9B;}
#newSitemap > ul > li > div > ul > li > a[target=_blank]:hover::after {background: url('../images/ico-blank-white.png') no-repeat center center;}
#newSitemap > ul > li > div > ul > li > ul {padding-top: 10px; padding-bottom: 10px; padding-left:20px;}
#newSitemap > ul > li > div > ul > li > ul > li > a{font-family: 'Dream Regular'; font-size:15px; position:relative; padding-left:10px; color:#1C1C1C; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 30px; letter-spacing: -.05em;}
#newSitemap > ul > li > div > ul > li > ul > li > a:hover {color: #0A4A9B;}
#newSitemap > ul > li > div > ul > li > ul > li > a:before{content:''; width:4px; height:4px; background-color:#0A4A9B; display:block; position:absolute; left:0; top:13px;}
#newSitemap > ul > li > div > ul > li > ul > li > a[target=_blank]::after {content: ''; display: inline-block; margin-left: 5px; width: 14px; height: 14px; background: url('../images/ico-blank.png') no-repeat center center;}
#newSitemap > ul > li > div > ul > li > ul > li > a[target=_blank]:hover::after {background: url('../images/ico-blank-color.png') no-repeat center center;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li {margin-left:12px;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a{font-family: 'Dream Regular'; font-size:14px; position:relative; padding-left:13px; color:#6C3A00; word-break:keep-all; line-height: 30px; letter-spacing: -.05em;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:hover {text-decoration: underline; color: #0A4A9B;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:before{content:''; width:7px; height:2px; background-color:#AA6617; display:block; position:absolute; left:0; top:13px;}
/* 5depth */
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > ul > li {margin-left:12px;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > ul > li > a {font-family:'Dream Regular'; color:#747474; font-size: 13px; line-height: 23px; padding-left:13px; letter-spacing: -.05em; position: relative;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > ul > li > a:after {content:''; width:8px; height:8px; position: absolute; left:0; top:6px; background:url('../images/ic_depth5.png') no-repeat center center;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > ul > li > a:hover {color:#0A4A9B;}

#newSitemap a{display:block;}

.eng #newSitemap > ul > li > div > a {font-size: 20px;}
.eng #newSitemap > ul > li > div > ul > li > a {font-size: 18px;}
.eng #newSitemap > ul > li > div > ul > li {width: 33.333%;}

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

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

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