/*공통*/
#c4_wrap .c_inner { margin: 0 auto; min-width: 100%; max-width: 100%;}



/*Content CSS*/
#c4_wrap { width: 100%; background: #fff; overflow: hidden; position: relative; padding: 50px 20px; }
#c4_wrap > h1 {font-size:30px; font-weight: 600; color:#fff; letter-spacing: 7.1px; text-align: center; font-family: 'Montserrat'; width: 100%; height: 60px; line-height: 60px; background: #5a4e40; }
#c4_sitemap {margin-top: 30px;}
#c4_sitemap .parents_li { border-top:1px solid #e1ddd5; padding: 20px; display: flex;}
#c4_sitemap .parents_li:last-child {border-bottom:1px solid #e1ddd5;}

.parents_li > a {font-size:16px; font-weight: 600; color:#333; display: block; margin-bottom: 15px;  transition: color .3s ease; width: 100px; word-break: keep-all;}
.parents_li > a::before {content: ''; display: block; width: 18px; height: 2px; background: #a59684; margin:0 0 5px;}
.parents_li > ul { width:calc(100% - 100px);  margin-left: 23px; border-left: 1px solid #e1ddd5; padding-left: 23px;}
.child_li {margin-bottom: 10px;}
.child_li:last-child {margin-bottom: 0;}
.child_li > a {font-size:14px; font-weight: 300; color:#9a9a9a; white-space: nowrap; transition: color .3s ease; }
.parents_li > a:hover {color:#a59684;}
.child_li > a:hover {color:#000; }




@media screen and (max-width:1700px) {

}

@media screen and (max-width:1500px) {

}

@media screen and (max-width:1300px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}