@charset "utf-8";
/* css by OOparts */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);*/
/* http://theeluwin.github.io/NotoSansKR-Hestia/
*/

/*
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
*/


body {
	font-family: '나눔고딕', 'Nanum Gothic', sans-serif;
}
/*
body{
 font-family: 'Noto Sans Korean', sans-serif;
 }
/*
body { font-family: 'Noto San Korean', sans-serif; }
*/
/* 초기화 */
html {/*overflow-y:scroll*/}
body {margin:0;padding:0;}
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 { color:#4d4d4d; font-size:14px; }
/*
@media (max-width:767px) { 
	body { font-size:14px; }
}

@media (min-width:768px) and (max-width:991px) { 
	body { font-size:12px; }
}

@media (min-width:992px) and (max-width:1169px) { 
	body { font-size:13px; }
}
@media (min-width:1170px) { 
	body { font-size:14px; }
}
*/

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

a, button { outline:none; }
a { color:#4d4d4d; }
a:hover, a:focus { text-decoration:none; color:#999; }

/* 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;*/
}

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

/* oo_common css -------------------------------------------------------------------------------------------- */
	.no_gutter { padding:0 !important;}
	.no_bottom_margin { margin-bottom:0 !important;}
	.margin_bottom10 { margin-bottom:10px; }
	.no_border_top { border-top:0 !important;}
/* end oo_common css ---------------------------------------------------------------------------------------- */

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

@media all and (min-width:768px) and (max-width:992px) {
	.page_container { width:100%; }
}
/* end @media ----------------------------------------------------------------------------------------------- */

/* 상단 레이아웃 -------------------------------------------------------------------------------------------- */
#hd_container {
	min-width:320px;
	width:100%;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow:0 0 4px rgba(50, 50, 50, 0.3);
	z-index:9999;
	padding:0;
}
/* 중간 레이아웃 -------------------------------------------------------------------------------------------- */
#root_container { 
	min-width:320px;
	background:#f3f3f3;
	position:relative;
	padding:50px 0 0;
}
#root_page {
	background:#fff;
}
/* 내용 레이아웃 -------------------------------------------------------------------------------------------- */
#area_left,
#area_content {
	padding:0;
}

#area_left { 
	background:#fff;	
	/*margin-top:-102px;*/
	position:relative;
	min-height:0;/*왼쪽메뉴 없는 경우 height가 1px로 잡혀서 0으로 설정*/
	top:-102px;
	
}
#area_content {
	background:#fff;
	border-left:1px solid #f3f3f3;
	padding:0;
}
/* 하단 레이아웃 -------------------------------------------------------------------------------------------- */
#oo_footer {
	min-width:320px;
	padding:10px 0;
	background:#1e1e1e;
	text-align:center;
	color:#fff;
}
#oo_footer .container {
	width:auto;
	text-align:center;
}
#oo_footer .ft_logo {
	text-align:right;
}
#oo_footer ul {
	margin:15px auto;
}
#oo_footer ul li {
	display:inline-block;
	font-size:0.9em;
	line-height:1.7;
	margin-right:10px;
}
#oo_footer ul li:last-child {
	margin-right:0;
}

/* 공통 적용 css --------------------------------------------------------------------------------------------- */

/* 팝업 */
#hd_pop {
    height: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1000;
}
#hd_pop .hd_pops {
	/*left:0 !important;
	top:0 !important;*/
	padding:10px;
	border:0;
	background:none;
}
#hd_pop .hd_pops_footer button {
    background:none;
}


/* 자동등록방지 */
#captcha {
	width:100%;
}
#captcha legend {
	border:0;
	width:0;
}
#captcha #captcha_mp3, #captcha #captcha_reload {
	font-size:0;
	max-width:23px;
	width:100%;
}
#captcha #captcha_mp3 span, #captcha #captcha_reload span {
	background:none;
	font-size:14px;
	line-height:1.42857;
	height:auto;
}
#captcha #captcha_key {
    background:#fff !important;
    border:1px solid #ccc;
	color:#555;
    font-size:14px;
    font-weight:bold;
    height:41px;
    line-height:2;
    margin:0 0 0 25px;
    padding:6px 12px;
    width:100%;
	max-width:100px;
}

.pdons{padding:5em 0;}
	.pdons2{padding:3em 0;}
/* media -------------------------------------------------------------------------------------------------------- */

/* sm */
@media (min-width:768px) and (max-width:991px) { 
	#area_left {
		margin-left:-6px;
	}
}

/* xs */
@media (max-width:767px) {
	/* 팝업 */
	.container {
	padding:0;
	}
	.pdons{padding:5em 0 1em;}
	.pdons2{padding:1em 0 2em;}
	#hd_pop	{
		width:100%;
		max-width:640px;
	}
	#hd_pop .hd_pops {
		left:0 !important;
		top:0 !important;
	}

	#hd_pop .hd_pops_con {
		width:100% !important;
		height:auto !important;
		max-width:640px;
	}
	#area_left, #area_content {
		clear:both;
	}
	#area_left {
		top:0;
	}
	#area_content {
		border-left:0;
		padding:0;
	}

	/* 하단 */
	#oo_footer {
		padding:0 0 80px;
	}
	#oo_footer .ft_logo {
		text-align:center;
	}
	#oo_footer ul {
		padding:0 20px;
	}

}