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


/*Content CSS*/
#c4_wrap { width: 100%; height: 100vh; background: #fff; overflow: hidden; position: relative; }
#c4_wrap > h1 {font-size:35.5px; font-weight: 600; color:#fff; letter-spacing: 7.1px; text-align: center; font-family: 'Montserrat'; width: 500px; height: 110px;
background: #5a4e40; display: flex; align-items: center; justify-content: center; position: absolute; left:0; top:118px; }
#c4_sitemap {display: flex;}
#c4_sitemap .parents_li {flex:1; border-left:1px solid rgba(54,54,54,.14); height: 100vh; padding:330px 50px 0;}
#c4_sitemap .parents_li:last-child {border-right:1px solid rgba(54,54,54,.14);}
.parents_li > a {font-size:20px; font-weight: 600; color:#333; display: block; margin-bottom: 30px;  transition: color .3s ease;}
.parents_li > a::before {content: ''; display: block; width: 18px; height: 2px; background: #a59684; margin:0 0 15px;}
.child_li > a {font-size:16px; font-weight: 300; color:#9a9a9a; white-space: nowrap; line-height: 45px; 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) {

}