@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body {
	font-family: "Nanum Gothic", "나눔고딕", sans-serif;
}

/* 초기화 */
body {margin:0;padding:0; background:#ddd;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, li {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}

img { max-width:100%;}

/* 기준 폰트 사이즈 */
body { font-size:14px; }


/* BootStrap ------------------------------------------------------------------------------------------------- */

body { background:#fff; }
a, button { outline:none; cursor:pointer; }
a, a:link, a:visited { color:#4d4d4d; }
a:hover, a:focus { text-decoration:none; color:#4d4d4d; }

/* a요소, 버튼 포커스 점선 없애기 */
a:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline:none;
}
.btn.active, .btn:active {
	box-shadow:none;
}

/* nabvar,panel 라운딩 해제 */
.navbar,
.panel,
.btn,
.form-control,
.list-group-item:first-child,
.list-group-item:last-child { 
	border-radius:0; 
}

.container {
	width:100%;
	max-width:1200px;
	padding:0;
}
.row {
	margin-left:0;
	margin-right:0;
}

[class*="col-"] {
	padding:0 5px;
    /*margin-bottom:10px;*/
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width:1px;;
}

/* end BootStrap -------------------------------------------------------------------------------------------- */

.clear-both { clear:both; }

/*padding*/
.p-0 { padding:0 !important; }
.p-l-10 { padding-left:10px !important; }
.p-l-20 { padding-left:20px !important; }

/*margin*/
.m-0 { margin:0 !important; }
.m-t-10 { margin-top:10px !important}
.m-t-20 { margin-top:20px !important}
.m-l-10 { margin-left:10px !important}

/*border*/
.b-0 { border:0 !important; }

.b-radi-0 { border-radius:0 !important; }

.txtcolor-wh { color:#ffffff !important; }
.txtcolor-rbl { color:#3fa9f5 !important; }
.txtcolor-bl  { color:#0071bc !important; }
.txtcolor-red  { color:#ff0000 !important; }

.bgcolor-rbl { background-color:#3fa9f5 !important; }
.bgcolor-bl  { background-color:#0071bc !important; }
.bgcolor-gr { background-color:#666 !important; }


/* @media --------------------------------------------------------------------------------------------------- */

@media all and (min-width:480px) and (max-width:992px) {
	body { font-size:12px; }
}
/* end @media ----------------------------------------------------------------------------------------------- */

#hd_container, #root_container, #oo_footer {
	min-width:320px;
	width:100%;
	margin:0 auto;
}
/* 상단 레이아웃 -------------------------------------------------------------------------------------------- */
#hd_container {
	/*box-shadow:0 0 4px rgba(50, 50, 50, 0.3);*/
	z-index:9999;
	padding:0;
}
/* 중간 레이아웃 -------------------------------------------------------------------------------------------- */
#root_container { 
	position:relative;
	background:#fff;
	padding:0;
	margin-top:100px;
}
#root_page {
	padding:0;
}
/* 하단 레이아웃 -------------------------------------------------------------------------------------------- */
#footer {
	margin-top:20px;
	min-height:150px;
	background-color:#2b2b2b;
	padding:20px 0;
}
#footer .ft_logo {
	padding-top:10px;
}
#footer ul li {
	float:left;
}

#footer ul li {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#808080;
	padding:10px 15px;
}

#footer .ft_addr {
	margin-top:10px;
	padding-left:15px;
}

#footer .ft_addr .btn-primary {
	color:#fff;
}


@media (min-width:768px) and (max-width:991px) {

	#root_container {
		margin-top:190px;
	}
}