@charset "UTF-8";
/**
 * @file    : use.css
 * @brief   : use
 **/

/* 사이트맵 */
.sitemap-box {overflow:hidden;}
.site-list {width:924px; margin-left:-7px;}
.site-list > li {float:left; width:217px; margin:7px; min-height:420px; background-color:#f2f2f2;}
.site-inner > h3 {padding:40px 0 36px;font-size:24px; font-weight:400; text-align:center; border-bottom:2px solid #e0e0e0;}
.site-inner > ul {margin-top:20px;}
.site-inner > ul > li {padding:5px 20px 5px 30px;}
.site-inner > ul > li span {display:block; font-size:13px;}
.site-inner > ul > li a {position:relative; display:block; padding-left:16px;}
.site-inner > ul > li a::before {position:absolute; left:0; top:11px; content:''; display:inline-block; width:6px; height:2px; background-color:#444;}
.site-inner > ul > li a:hover, .site-inner > ul > li a:active, .site-inner > ul > li a:focus {text-decoration:underline;}
.site-inner > ul > li a:hover::before, .site-inner > ul > li a:active::before, .site-inner > ul > li a:focus::before {top:8px; border-radius:4px; width:8px; height:8px; transition: all 0.1s linear;}

	/* hover*/
.site-list > li:hover, .site-list > li:active, .site-list > li:focus {background-color:#1354a4;}
.site-list > li:hover .site-inner > h3, .site-list > li:active .site-inner > h3, .site-list > li:focus .site-inner > h3 {color:#fff; border-bottom-color:#fff;}
.site-list > li:hover .site-inner > ul > li a, .site-list > li:active .site-inner > ul > li a, .site-list > li:focus .site-inner > ul > li a {color:#fff;}
.site-list > li:hover .site-inner > ul > li a::before, .site-list > li:active .site-inner > ul > li a::before, .site-list > li:focus .site-inner > ul > li a::before {background-color:#fff;}