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

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

body { font-family: 'Noto Sans KR', sans-serif; }
html { font-size:12px; }
body { font-size:1rem; color:#666; }

img { max-width:100%; }
ul, ol, li { list-style:none; padding:0; }

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

ol, ul, dl, label, p { margin-bottom:0; }
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:0 }
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, .container-fluid { 
	padding:0;
}
.container {
	width:100%;
	max-width:1200px;
}
.row {
	margin-left:0;
	margin-right:0;
}
[class*="col-"] {
	padding:0;
}

.tooltip {
	font-family:inherit;
}

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

/* oo_common css -------------------------------------------------------------------------------------------- */
	.no_border_top { border-top:0 !important;}
	.no_border_left { border-left:0 !important;}
	.no_border_right { border-right:0 !important;}
	.no_border_bottom { border-bottom:0 !important;}
	.no_padding { padding:0 !important;}
	.no_padding_top { padding-top:0 !important;}
	.no_padding_left { padding-left:0 !important;}
	.no_padding_right { padding-right:0 !important;}
	.no_padding_bottom { padding-bottom:0 !important;}
	.no_margin { margin:0 !important; }
	.no_margin_top { margin-top:0 !important;}
	.no_margin_left { margin-left:0 !important;}
	.no_margin_right { margin-right:0 !important;}
	.no_margin_bottom { margin-bottom:0 !important;}
	.padding_top10 { padding-top:10px !important;}
	.padding_left10 { padding-left:10px !important;}
	.padding_right10 { padding-right:10px !important;}
	.padding_bottom10 { padding-bottom:10px !important;}
	.margin_top10 { margin-top:10px !important;}
	.margin_left10 { margin-left:10px !important;}
	.margin_right10 { margin-right:10px !important;}
	.margin_bottom10 { margin-bottom:10px !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;
	/*box-shadow:0 0 4px rgba(50, 50, 50, 0.3);*/
}
/* 중간 레이아웃 -------------------------------------------------------------------------------------------- */
#root_container { 
	min-width:320px;
	background:#fff;
	position:relative;
	padding:0;
	margin-top:-95px;
}
#root_container.index_view  {
	margin-bottom:-95px;
}
/* index 메인화면이 아닌 페이지 화면일 경우 */
#root_container.page_view {
	margin-top:95px;
	margin-bottom:-95px;
}
#root_page {
	padding:0;
	border-left:1px solid #ddd;
}
/* 내용 레이아웃 -------------------------------------------------------------------------------------------- */
#area_left,
#area_content {
	padding:0;
}

#area_left { 
	position:relative;
	min-height:0;/*왼쪽메뉴 없는 경우 height가 1px로 잡혀서 0으로 설정*/
	top:0;	
}
#area_content {
	background:;
	border-left:1px solid #ddd;
	padding-top:4rem;
}
#area_content.page_area {
	
}
/* page 상단 title */
#area_content > .page-header {
	border:0;
	margin:0;
	padding:0 0 0 7rem;
}
#area_content > .page-header .heading_txt {
	font-size:3rem;
	font-weight:bold;
	color:#222;
}
#area_content > .page-header .heading_txt > strong {
	font-weight:inherit;
}
#area_content > .page-header .heading_txt > p {
	color:#f95353;
	display:inline-block;
	margin-left:1rem;
}
#area_content > .page-header .heading_subtxt {
	font-size:1.4rem;
	font-weight:300;
	padding:0.5rem 0;
}

/* page 경로 */
#area_content > .breadcrumbs_wrap {
	padding:0;
	text-align:right;
}
#area_content > .breadcrumbs_wrap .breadcrumb {
	background:none;
	margin-bottom:1rem;
}
#area_content > .breadcrumbs_wrap .breadcrumb > li + li:before {
	content:">";
}
#area_content > .breadcrumbs_wrap .breadcrumb li.active {
	color:#f95353;
}


/* 하단 레이아웃 -------------------------------------------------------------------------------------------- */
#oo_footer {
	position:relative;
	min-width:320px;
	padding:4rem 1rem;
	background:#ededed;
	margin-top:95px;
}
#oo_footer .container {
	position:relative;
}
#oo_footer .ft_logo img {
	max-width:200px;
	width:100%;
}
/* logo text */
#oo_footer .ft_logo .logo_txt {
	color:#0c81e5;
}
#oo_footer .ft_logo .logo_txt h3 {
	margin:0;
	padding:0 0.714rem;
	font-size:2rem;
	color:#525252;
}
#oo_footer .ft_logo .logo_txt h3 strong {
	display:inline-block;
	color:#696969;
	font-weight:700;
}
#oo_footer .ft_logo .logo_txt small {
	display:inline-block;
	position:relative;
	font-weight:100;
	font-size:0.95rem;
	top:-0.5rem;
	color:#424242;
}
/* 회사정보 */
#oo_footer .company_info {
	display:inline-block;
	margin:0 auto;
}
#oo_footer .company_info li {
	float:left;
	font-size:1rem;
	font-weight:200;
	color:#777;
	line-height:1.5;
}
#oo_footer .company_info li:after {
	display:inline-block;
	content:"";
	width:1px;
	height:0.857rem;
	background-color:#777;
	margin:0 10px;
}
#oo_footer .company_info li.no_line + .no_line {
	clear:both;
}
#oo_footer .company_info li.no_line:after {
	width:0;
	margin:0;
}

#oo_footer .icon_blog {
	display:inline-block;
	padding-right:20px;
	text-align:right;
}
#oo_footer .icon_blog > .btn img {
	display:inline-block;
	float:left;
	max-width:40px;
	width:100%;
}
#oo_footer .icon_blog > .btn span {
	display:inline-block;
	color:#555;
	margin-left:0.5rem;
	text-align:left;
}
#oo_footer .icon_blog > .btn span b {
	display:block;
}
#oo_footer .icon_blog > .btn:hover span {
	color:#777;
}

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

/* 팝업 */
#hd_pop {
    height: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1000;
}
#hd_pop .hd_pops {
	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%;
	background:none;
	border:0;
	text-indent:0;
}
#captcha #captcha_mp3 span, #captcha #captcha_reload span {
	background:none;
	font-size:1rem;
	line-height:1.42857;
	height:auto;
}
#captcha #captcha_key {
    background:#fff !important;
    border:1px solid #ccc;
	color:#555;
    font-size:1rem;
    font-weight:bold;
    height:60px;
    line-height:2;
    margin:0 0 0 25px;
    padding:6px 12px;
    width:100%;
	max-width:100px;
}