@charset "utf-8";

/* 공통 */
.contents_box .innerWrap {padding-top:70px;}

/* 사이트맵 */
.sitemap {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
.sitemap > div {padding:30px; border:1px solid var(--border1); border-radius:20px;}
.sitemap > div+div { }
.sitemap > div h3 {transform:var(--textRotate); color:#000; font-size:22px; border-bottom:2px solid #e5e5e5; padding-bottom:15px;}
.sitemap > div h3 span {font-size:32px; display:inline-block; font-weight:400; margin-right:20px; color:var(--green);}
.sitemap > div h3 small {color:#666; font-weight:500;}
.sitemap > div ul {display:flex; padding-top:20px; gap:35px;}
.sitemap > div ul > li {position:relative;}

.sitemap > div ul > li > a {color:#000; font-weight:600; font-size:18px; transform:var(--textRotate); display:block; line-height:1.4; position:all 0.3s;}
.sitemap > div ul > li > a:hover {color:var(--blue);}
.sitemap > div ul > li > a small {color:#666; display:block; font-weight:500;}
.sitemap > div ul > li > a:hover small {color:var(--blue); }
.sitemap > div ol {margin-top:10px;}
.sitemap > div ol > li {position:relative; padding-left:10px;}
.sitemap > div ol > li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; position:absolute; left:1px; top:13px; background:#ccc;}
.sitemap > div ol > li > a {font-size:16px;}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
/* 공통 */
.innerWrap {padding-top:20px!important;}
/* 사이트맵 */
.sitemap {grid-template-columns: repeat(1,1fr);}
.sitemap > div h3 {font-size:20px;}
.sitemap > div h3 span {font-size:28px; margin-right:10px;}

}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
/* 공통 */
.innerWrap {padding-top:10px!important;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
/* 공통 */
.contents_box {padding:20px 20px 60px!important;}  

.sitemap > div ul {flex-direction:column; gap:15px;}
.sitemap > div ul > li > a {font-size:16px;}
.sitemap > div ol > li > a {font-size:14px;}
.sitemap > div h3 {font-size:18px;}
.sitemap > div h3 span {font-size:24px;}

}