/* 버튼 관련 css 로드 */
@import url(button.css);
@import url(font-awesome.css);

#wrap {
	font-size: 12px;
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	font-style:normal;
	color:#4d4b45;
	min-width:300px;
}

#header {/*position: fixed;*/ top:0px; left:0px; width:100%; z-index: 999;}

/*공통*/
a { text-decoration:none; }
.clearfix { font-size:1px !important; font-size:0px !important; line-height:1px !important; line-height:0px !important; clear:both !important; display:block !important; width:100% !important; height:1px !important; height:0px !important; margin:0px !important; padding:0px !important; }
.input-fix { height:auto !important; width:auto !important; border:solid 0px !important; }


textarea, input, select {font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'}

/*소셜 & 로그인 바*/
#gnb-bar { background:#003471; height:50px; z-index:20; }
#gnb-bar .inner { max-width:1190px; margin:0 auto; }
#gnb-bar .inner .sns { float:left; margin-top:5px;}
#gnb-bar .inner .sns li { float:left; margin-left:5px;margin-right:5px;}
#gnb-bar .inner .sns li.last { }
#gnb-bar .inner .login { float:right; margin-top:10px;}
#gnb-bar .inner .login li { float:left; padding:0 6px;  }
#gnb-bar .inner .login li a { color:#fff; font-weight:bold; height:30px; line-height:28px; display:block; }
#gnb-bar .inner .login li:hover { background:#99968a;  }
#gnb-bar .inner .login li.cur { background:#99968a;  }
#gnb-bar .inner .login li a .cnt { display:inline-block; zoom:1; *display:inline; background:#00ccff; padding:3px 8px; border-radius:4px; font-size:12px; line-height:12px; margin-left:4px; }

/*메인메뉴*/
#gnb-menu { background:#fff; height:107px; padding:0 10px;z-index:100;}
#gnb-menu .inner { width:1190px; margin:0 auto; position:relative; text-align:center; }
#gnb-menu .inner .logo { position:absolute; top:7px; left:0px;}
#gnb-menu .inner .logo .subtitle { display:inline-block; zoom:1; *display:inline; background:#4d4b45; color:#ffca08; font-size:18px; font-weight:bold; padding:6px 15px; vertical-align:middle; margin:0px 0 0 10px; border-radius:5px; }
#gnb-menu .inner .search { position:absolute; top:32px; right:0px; font-size:0px; }
#gnb-menu .inner .search a { margin-left:24px; } 
#gnb-menu .inner .menu { display:inline-block; zoom:1; *display:inline; padding-top:40px; margin-left:320px; }
#gnb-menu .inner .menu li { float:left; height:62px; padding-left:25px;padding-right:25px;}
#gnb-menu .inner .menu li a { font-size:18px; font-weight:500; color:#0d1d2d; display:block; letter-spacing:-2px;  }
#gnb-menu .inner .menu li:hover a { border-bottom:solid 5px #008ae3 }
#gnb-menu .inner .menu li.cur a { border-bottom:solid 5px #008ae3; color:#555; }

/*검색*/
#gnb-menu .menu-search { position:absolute; left:0px; /*top:120px;*/ margin-top:-5px; width:100%; background:#fcfcfa; border-bottom:solid 2px #e6e5df ; z-index:1000; overflow:hidden; display:none; }
#gnb-menu .menu-search .inner { max-width:1190px; margin:0 auto; }
#gnb-menu .menu-search .inner ul { display:inline-block; zoom:1; *display:inline; padding:29px 0; }
#gnb-menu .menu-search .inner ul li input { border:solid 2px #99968a; height:54px; width:520px; font-size:13px; font-weight:bold; text-indent:10px; }
#gnb-menu .menu-search .inner ul li input.image {height:55px; width:60px; font-size:13px; font-weight:bold;}
#gnb-menu .menu-search .inner ul li { float:left; }

/*서브메뉴*/
#gnb-menu .menu-subgroup { position:absolute; left:0px; /*top:120px;*/ margin-top:-5px;  width:100%; height:0px; background:#fcfcfa; border-bottom:solid 1px #e6e5df; z-index:999; overflow:hidden; display:none; }
#gnb-menu .menu-subgroup .subgroup { max-width:1190px; margin:0 auto; padding:10px 0 15px 0;  width:100%; position:relative; }
/* #gnb-menu .menu-subgroup .subgroup h4 { position:absolute; top:33px; left:2px; font-size:18px; font-weight:bold; color:#4d4b45; } */
#gnb-menu .menu-subgroup .subgroup h4 { position:absolute; top:13px; left:2px; font-size:18px; font-weight:bold; color:#4d4b45; }
#gnb-menu .menu-subgroup .subgroup > div { margin-left:180px; }
#gnb-menu .menu-subgroup .subgroup > div > ul { display:table; width:100%;  }
#gnb-menu .menu-subgroup .subgroup > div > ul > li { display:table-cell; border-left:solid 1px #e6e4df; padding:5px 0 8px 0; }
#gnb-menu .menu-subgroup .subgroup > div > ul.col6 > li {  width:16%; }
#gnb-menu .menu-subgroup .subgroup > div > ul.list { border-left:solid 1px #e6e4df; }
#gnb-menu .menu-subgroup .subgroup > div > ul.list > li { width:auto; float:left; border-left:none; padding:5px 0 5px 0; margin-right:10px;  }
#gnb-menu .menu-subgroup .subgroup > div > ul > li.non { border-left:none; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > a { font-size:15px; font-weight:bold; color:#4d4b45; display:block; padding:0px 0 5px 20px;  }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > a:hover { color:#000; font-weight:800; }
/* #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:8px 0 0 20px; font-size:14px;  color:#555; } */
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li {border-bottom:dotted 1px #e6e4df;}
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:4px 0 0 20px; font-size:13px;  color:#555; margin-bottom:7px;}
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a:hover { color:#000; font-weight:800; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li h4 { font-size:18px; font-weight:bold; color:#4d4b45; padding:8px 0 0 2px; }

#gnb-menu .menu-subgroup { display:none;}
#gnb-menu .menu-subgroup .subgroup { display:none;}

/*서브메뉴 게시글*/
/* #gnb-menu .menu-subgroup .subgroup-banner { background:#b3afa1 } */
#gnb-menu .menu-subgroup .subgroup-banner { background:url(../images/commons/menu_back.jpg);}
#gnb-menu .menu-subgroup .subgroup-banner .inner { padding:20px 0; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li { width:33.3%; float:left; display:block; height:150px; position:relative; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .img { position:absolute; top:0px; left:0px; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc { margin-left:160px; padding-right:10px; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc h5 { font-size:16px; font-weight:bold; color:#fff; line-height:45px;  }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc p { font-size:14px; color:#fff; line-height:20px; display:block; height:62px; overflow:hidden; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc span { display:block; font-size:14px; color:#fff; padding-top:14px; }

#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc dl dt { font-size:15px; font-weight:bold; color:#fff; padding-left:12px; line-height:25px; background:url(../images/commons/bullet_dot2.png) no-repeat left center; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc dl dd { font-size:14px; color:#fff; display:block; padding:0px 0 7px 12px; }


/*서브 전체*/
#gnb-menu .menu-subgroup-all { display:block; height:auto !important; }
#gnb-menu .menu-subgroup-all .inner { max-width:1190px; margin:0 auto; padding:20px 0 20px 0;  width:100%; position:relative; }
#gnb-menu .menu-subgroup-all .subgroup { display:block !important; float:left; width:14.2%; }
#gnb-menu .menu-subgroup-all .subgroup a { display:block;  }
#gnb-menu .menu-subgroup-all .subgroup h4 { position:static; width:95%; font-size:14px; font-weight:bold; color:#4d4b45; padding:6px 0px; text-indent:7px; border-top:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df;  }
#gnb-menu .menu-subgroup-all .subgroup > div { margin-left:0px; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul { display:block; width:100%; padding-top:5px;  }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li { display:block; width:95%; border-left:solid 0px #e6e4df; padding:5px 0 0px 0; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul.col6 > li {  width:95%; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul.list { border-left:solid 0px #e6e4df; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul.list > li {padding:5px 0 4px 0; margin-right:5px;  }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > a { font-size:13px; font-weight:normal; color:#4d4b45; display:block; padding:0px 0 5px 7px;  }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol { /*display:none;*/ }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li a {display:block; padding:3px 0 8px 11px; font-size:12px; font-weight:normal; color:#777; }


/*로그인박스*/
.loginbox_bg {background:url(../images/bg_loginbox.gif);}
.loginbox { width:279px; height:220px;margin:auto;}
.loginbox h4 { height:52px; line-height:52px; font-size:15px; font-weight:bold; }
.loginbox h4 span { float:right; font-size:14px; font-weight:bold; color:#a1a19d; }
.loginbox h4 span input { vertical-align:middle; margin-top:-1px; }
.loginbox .form input { margin-left:37px;border:0px; padding:0px; height:39px; line-height:39px; text-indent:33px; width:240px; margin-bottom:10px; font-size:14px; font-weight:bold; }
.loginbox .form img { margin-top:0px;border:0px;position:absolute; }
.loginbox .form input[name=mb_id] { background-color:#eff1f3;  }
.loginbox .form input[name=mb_password] { background-color:#eff1f3;  }
.loginbox .form .loginbutton {background:url(../images/btn_login.gif)}
.loginbox .btn { height:34px; }
.loginbox .btn > li { float:left; width:50%; text-align:right; }
.loginbox .btn > li a { display:inline-block; zoom:1; *display:inline; background:#fff ; color:#fff; font-size:17px; font-weight:bold; height:40px; line-height:40px; width:98%; text-align:center; }
.loginbox .btn > li:first-child { text-align:left;}
.loginbox .btn > li:first-child a { background:#fff; color:#000;}


/*뉴스레터박스*/
.newsletterbox_bg {background:url(../images/bg_newsletterbox.gif);margin-top:6px;}
.newsletterbox { width:279px; height:161px;margin:auto;}
.newsletterbox .btn { position:relative;height:34px;top:96px; }
.newsletterbox .btn > li { float:left; width:50%; text-align:right; }
.newsletterbox .btn > li a { display:inline-block; zoom:1; *display:inline; background:#99968a; color:#fff; font-size:17px; font-weight:bold; height:40px; line-height:40px; width:98%; text-align:center; }
.newsletterbox .btn > li:first-child { text-align:left;}
.newsletterbox .btn > li:first-child a { background:#ffca08; color:#000;}



/*푸터 영역*/
#footer { clear:both; border-top:solid 1px #e6e5df; /*margin-top:40px;*/ font-size:12px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'; height:228px;background:#7b7b7b;}
#footer .footer_bg {height:100%;background:url(../images/bg_footer_top.gif) repeat-x;}
#footer .footer_box {width:1200px;margin:auto;}
#footer .footer_box .logo {position:relative;margin-top:25px;float:left;}
#footer .info {width:935px;float:right;margin-top:35px; }
#footer .info .inner li { display:table-cell;font-size:14px;color:#fff;padding-left:15px;padding-right:15px;}
#footer .info .inner li.bg {background:url(../images/bg_dot.gif) no-repeat right;}
#footer .info .inner li a {text-decoration:none;color:#fff;}
#footer .info .inner li a:hover  {text-decoration:none;color:#fff;}
#footer .info .text {margin-top:35px;padding-left:15px;}
#footer .info .text p {color:#fff;font-size:14px;line-height:25px;}



/*게시판 탭메뉴*/

.tabs {
	font-size: 13px; line-height: 20px; margin-bottom:30px;
}
.tabs ul:before, .tabs ul:after {
	content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.tabs ul:after { clear: both; }
.tabs ul {
	margin:0;
	list-style:none;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
	zoom: 1;
}

.tabs ul li {
	position: relative;
	float: left;
	margin: 0;
}
.tabs ul li a {
	background: #f6f6f6;
	font-weight: bold;
	text-align: center;
	display: block;
	border: 1px solid #e0e0e0;
	color: #909090;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.75);
	padding: 6px 18px; margin: 0 5px -1px 0;
	/* Border Radius */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-decoration:none;
}
.tabs ul li a:hover {
	border-color: #ccc;
	color: #606060;
}
.tabs ul li.active a {
	background: #fff;
	border-color: #d4d4d4;
	border-bottom: 1px solid #fff;
	color: #5077c5;
	margin-top: -4px;
	padding-top: 10px;
}


@media all and (max-width: 1550px) {

}


@media all and (max-width: 1100px) {


}

@media all and (max-width: 930px) {

	

}

@media all and (max-width: 870px) {
	



}

@media all and (max-width: 780px) {

}

@media all and (max-width: 740px) {
	

}

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

}


@media all and (max-width: 370px) {

}