/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#999; font-size:9pt; padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #FFF; border-radius: 4px;}
.breadcrumb>li+li:before {padding: 0 5px; color: #ccc; content: ">";}
.breadcrumb .active{color:#333;}


/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* md lg */
#navitop_pc { height:30px; line-height:30px; vertical-align:middle;  background-color:#505666; top:0px; color:#c0c0c0; font-size:9pt;}
#language_btn {height:30px; line-height:30px; vertical-align:middle;  }
#language_btn ul li {float:left; display:inline-block; text-align:center; width:60px; background-color:#444; font-size:9pt;}
#language_btn ul li a {color:#c0c0c0;}
#language_btn ul li.active {color:#999; background-color:#333;}
#common_btn {height:30px; line-height:30px; vertical-align:middle;  }
#common_btn ul li {float:left; display:inline-block; text-align:center; width:60px; background-color:#444; font-size:9pt;}
#common_btn ul li a {color:#c0c0c0;}
#common_btn ul li.active {color:#999; background-color:#333;}
.navibar_pc {width:100%; line-height:75px; vertical-align:middle;  background-color:#232935; }
#navibar ul li {margin-left:56px; display:inline-block;}
#navibar ul li a {color:#fff; font-size:14px;}
#navibar ul li a.active {color:#999;}
#sub_top_area {height:180px; background-color:#eee; vertical-align:middle;}
/* mobile xs sm */
#navitop_mobile {vertical-align:middle;  background-color:#505666; color:#c0c0c0;}
.mobile_navibar_fixed_top {position:fixed; top:0px; z-index:100; width:100%;}
#mobile_navibar {background-color:#232935;}
#mobile_navibar ul li {padding:10px; display:inline-block;}
#mobile_navibar ul li a {color:#fff; font-size:14px;}
#mobile_navibar ul li a.active {color:#999;}


/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area {background-color:#232935; min-height:162px;}
.footer_agreement { color:#FFF; margin-top:30px; margin-bottom:20px;}
.footer_agreement a{ color:#FFF; font-size:14px;}
.footer_copy { color:#949494; font-size:11px; line-height: 14px;}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 30px;
	height: 57px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 30px;
	height: 57px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}


/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/

/*sub01, sub02 menual*/
.menual {color:#555;}
.menual span {margin:0px; padding:0px;}
.menual .gubun {text-align:center;}
.menual .gubun span {font-size:30px; color:#ddd;}