body * {font-family: 'NanumSquare', sans-serif; letter-spacing: -0.025em; margin: 0; word-break: keep-all; }
p{margin: 0; }
ul, li {padding: 0; margin: 0; }
li {list-style: none; }
a, a:hover, a:focus {text-decoration: none; }
img {max-width: 100%; }
#header_login { position:absolute; top:0px; left:10px; }
#header_login a {padding: 0px 15px 0px; font-size: 12px; color: #999; display: inline-block; transition: all .3s ease-out; position: relative; }
#header_login a::before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -5px; height: 10px; width: 1px; background: #999; }
#header_login a:first-child::before {display: none; }
#header_login a:last-child {padding-right: 0; }
#header_login a:hover {color: #000; }
.header .header_mid {text-align: center; padding: 15px 0; position: relative; }
.header .header_mid > div {position: relative; }
.header .header_mid .menu_bar { font-size: 24px; position: absolute; top: 3px; left: 15px; }
.header .header_mid .search_wrap {width: 200px; background: #1d5e98; padding: 2px; text-align: left; float: right; position: absolute; top: 10px; right: 10px; }
.header .header_mid .search_wrap::after {content: ""; display: block; clear: both; }
.header .header_mid .search_wrap > input {background: #fff; border: 1px solid #fff; height: 30px; line-height: 30px; width: 165px; float: left; padding: 0 10px; }
.header .header_mid .search_wrap > i {color: #fff; width: 30px; float: right; text-align: center; line-height: 30px; height: 30px; }
.header .gnb_wrap {background: #2F5795; }
.header .gnb_wrap .gnb > li > a {font-size: 17px; color: #fff; padding: 20px 8px; display: inline-block; text-decoration: none; }
.header .gnb_wrap .gnb > li {float: left; margin-right: 20px; }
.header .gnb_wrap .gnb > li:last-child {margin-right: 0; }
.header .gnb_wrap .gnb > li > .dropdown-menu {margin: 0; padding: 0; border-radius: 0; }
.header .gnb_wrap .gnb > li > ul > li > a {font-size: 14px; padding:8px 10px; }
.header .gnb_wrap .gnb > li > ul > li.active > a,
.header .gnb_wrap .gnb > li > ul > li > a:hover {background: #2e6da4; color: #fff; }
.header .gnb_wrap .gnb > li:hover > ul {display: block; }

.logo img { margin-top:10px; }
#header_top_icons { position:absolute; top:0px; right:10px; }
#header_top_icons a { display:inline-block; margin-left:15px; vertical-align:top; }
#header_top_icons a span { color:#777; font-size:14px; }

.main_link { margin-top:30px; }
.main_link ul { margin-left:2px; }
.main_link ul li { float:left; text-align:center; width:16.6%; padding:8px; border:1px solid #ddd; border-right:0px; }
.main_link ul li:last-child { border-right:1px solid #ddd; }
.main_link ul li a { color:#666; font-weight:600;  font-size:14px; }
.footer {padding: 20px 0px 30px; }
.footer .foot_logo {display: block; margin-top: 10px; }
.footer p {margin-bottom:0px; color: #888; font-size:14px; line-height:170%; margin-top:10px; }
.footer p.copyright {margin-bottom: 0; text-transform: uppercase; }
.footer p > a {color: #666; transition: all .3s ease-out; }
.footer p > a:hover {color: #3bbae5; }


@media(max-width:767px)
{
	.header .header_mid { padding:30px 0px 15px; }
	#header_login { top:-20px; }
	.header .header_mid .menu_bar { top:20px; }
	
	.mm-panel { background:#7084a6 !important; }
	.mm-title, .mm-listview>li>a, .mm-listview>li>span { color:#fff !important; }
	.mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important; }
	
	
	.main_link ul li { width:33%;     padding: 8px 4px; }
	.main_link ul li:nth-child(3n) { border-right:1px solid #ddd;; }
	.main_link ul li a { font-size:13px; }
	
	#header_top_icons { top:-20px; }
	#header_top_icons img { width:25px; }
	#header_top_icons a span { font-size:10px; }
}