#wrap { min-width: 1200px; }
#box_body_header { position: relative; width: 100%; height: 60px !important; margin-top: 10px; margin-bottom: 10px; clear: both; float: left;}
#box_body_header .location-group { position: absolute; right: 0px; top: 0px; width: auto; }
#box_body_header .location-group li { float: left;  }
#page_title { position: absolute; left: 0px; bottom: 0px; width: auto; margin: 0 !important; padding: 0 !important; } 

.tab_bar { margin-bottom:0;}
#box_search {padding:10px; border-left:1px solid #dadcdc; border-right:1px solid #dadcdc; border-bottom:1px solid #dadcdc;} 
.panel { margin-right:10px;}

#txt_article { font-size: 0.9rem; letter-spacing: -.03rem;}
#txt_article h2 { display: none; }
#txt_article h3 { font-size : 1.1rem;}
#txt_article h4 { font-size : 1rem;}
#txt_article h5 { font-size : .95rem;}
#txt_article p { margin-bottom: 20px; }
#txt_article ul { margin-left: 10px; margin-bottom: 20px;}
#txt_article li {  margin-bottom: 5px; }

.list-group { width: 90%; float: right; display: block; }
.list-group-item { float: left; width: 100%; height: auto; padding: 10px 0px; }
.list-group-item:hover,.list-group-item.active { background-color: #38C3EF; }

.list-group-item a {padding: 5px 10px; font-size: 0.9rem; text-decoration: none; color: #333;}
.list-group-item a:visited { color: #333;}
.list-group-item:hover a ,.list-group-item.active a{color: #fff !important;}

.sticky-top { 
	position: -webkit-sticky; /* 사파리 브라우저 지원 */ 
	position: sticky;
    top: 15px;
}

#wrap_body_content_right { position: absolute; left: 80%; top:0; right: 0; bottom:0;}
.box-group { margin-bottom: 17px; }
.box-group-item { border-top: 1px solid #ddd; float: left; width: 180px; margin-right: 20px; padding: 10px 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box-group-item:last-child { margin-right: 0; }
.box-group-item ul {  }
.box-group-item li {  }
.box-group-item li a::before {
	content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 8px;
    height: 8px;
    border-right: 1px solid black;
    border-top: 1px solid black;
    transform: rotate(45deg);
    margin-right: 0.5em; 
}
.box-group-item li a {padding: 5px; display: block; font-size: 0.9rem; text-decoration: none; color: #333;}
.box-group-item li a:visited { color: #333;}
.box-group-item li a:hover { color: #38C3EF;}
@media only screen and (max-width : 1000px) {
	#box_body_header { display: block !important;}
	#wrap { min-width: 1200px;}
}
