/*

*/

/***************************************************************
 *	General....
*/
body {
/*	background-color:white; */
	font-family: "맑은 고딕","나눔 고딕","돋움",Verdana,Tahoma,sans-serif;
	letter-spacing:-0.05em;
	font-size: 14px;
}

/*		JQM 디폴트세팅 오버라이딩	*/
.ui-content {
	padding: 0 !important;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: "Open Sans",Arial,"맑은 고딕","나눔 고딕","돋움",Verdana,Tahoma,sans-serif; letter-spacing:-0.05em; padding-left:1em; }
h1 {
	font-size: 60px;
	font-weight:bold;
	letter-spacing:-0.1em;
}
h2 {
	font-size: 24px;
	font-weight:bold;
	color:#dd4814;
	margin: 10px 0;
	padding-top: 20px;
/*	letter-spacing:-1.6px;*/
}
h2 a {
	color:#772953;
	color:#dd4814;
}
h3, h4 {
	font-size: 20px;
	font-weight:bold;
/*	letter-spacing:-1.4px;*/
	margin:5px 0;
}
h4 {
	font-size: 18px;
}
p,dd, blockquote {
	white-space:pre-line;
	background:inherit;
}
div.row {
/*	background:white; */
	border:0px solid gray;
	margin:0;
}

ul {
	list-style:none;
	padding:0;
	margin: 0;
}

ul.holder {
	width:340px;
	overflow-x: hidden;
}

li {
	margin: 0.5em;
}

.hidden {
	display: none;
}

/***************************************************************
 *	Layout - Bootstrap Grid System Section
*/
.col-lg-3, .col-lg-4, .col-lg-9 {
	padding: 0 10px
}
.col-lg-4 > div {
	border:1px solid gray;
	height:300px;
	overflow:auto;
	margin-bottom:1.6em;
	padding:1em;
}
.panel-heading, .panel-title, .panel-footer {
	font-size:14px;
}
ul.list-unstyled li {
	font-size:12px;
}
.panel-body li a {
	color:SteelBlue;
}
.col-centered{
    float: none;
    margin: 0 auto;
}











/*************	sweetPages.css	***************/

#holder{
	/* The unordered list that is to be split into pages */

	width:400px;
	margin:0;
	/*overflow:hidden;*/
	position:relative;
	/*background:url('img/dark_bg.jpg') repeat #4e5355;*/
	/*padding-bottom:10px;*/

	/*	CSS3 inner shadow (the webkit one is commeted, because Google Chrome
		does not like rounded corners combined with inset shadows): */
/*
	-moz-box-shadow:0 0 10px #222 inset;
*/
	/*-webkit-box-shadow:0 0 10px #222 inset;*/
/*	box-shadow:0 0 10px #222 inset;*/
}

.swControls{
	position:absolute;
	margin-top:0px;
}

a.swShowPage{
	/* The links that initiate the page slide */

	background-color:#444444;
	float:left;
	height:15px;
	margin:4px 3px;
	text-indent:-9999px;
	width:15px;
	/*border:1px solid #ccc;*/

	/* CSS3 rounded corners */
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#2993dd;

	/*	CSS3 inner shadow */
	-moz-box-shadow:0 0 7px #1e435d inset;
	/*-webkit-box-shadow:0 0 7px #1e435d inset;*/
	box-shadow:0 0 7px #1e435d inset;
}
/*
#holder li{
	background-color:#F4F4F4;
	list-style:none outside none;
	margin:10px 10px 0;
	padding:20px;
	float:left;
*/
	/* Regular CSS3 box shadows (not inset): */
/*
	-moz-box-shadow:0 0 6px #111111;
	-webkit-box-shadow:0 0 6px #111111;
	box-shadow:0 0 6px #111111;
}
*/
#holder,
#holder li{
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.clear{
	/* This class clears the floated elements */
	clear:both;
}
/*************	END sweetPages.css	***************/




/*************	Star Rating	***************/
.starRating,
.starRating span{ display:inline-block; height:14px; height:14px; background:transparent url(/images/icoFiveStar.gif) no-repeat; overflow:hidden;}
.starRating{ width:79px; vertical-align:middle;}
.starRating span{ font-size:0; line-height:0; vertical-align:top; text-indent:-100px; *text-indent:0; background-position:0 -14px;}
/*************	END Star Rating	***************/



/*************	loading icon & Load Background	***************/
.ui-icon-loading {
    background: url(/images/ajax-loader.gif) !important;
    background-size: 46px 46px;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	transition: all 0.3s;
}
.modalActive {
	opacity: 1;
	visibility: visible;
}
/*************	END loading icon	***************/



/***********************************	 Order Process	***********************************/
.orderElementDiv {
	clear:both;
	width:100%;
	padding:3px 10px;
	/*background: DarkSlateGray;*/
}
.orderElementLeft {
	float:left;
	width:15%;
	height: 60px;
	padding: 10px auto auto 10px;
}
.orderElementRight {
	float:left;
	width:80%;
	height: 60px;
}
.orderElementLeft span {
	font-size:18px;
	font-weight:bolder;
	line-height: 50px;
}
.orderElementRight span {
	font-size:16px;
	font-weight:bolder;
	line-height: 30px;
}

.ui-loading .ui-loader {
	background: white !important;
	border:2px solid gray;
}
/***********************************	 END Order Process	***********************************/






.searchSelectors label { display:none; }


div.ajaxLoader {
	width:100%;
	height: 200px;
	padding-top: 80px;
	text-align: center;
}

/*	JQM 팝업 디폴트세팅 모디파이
*/
.ui-header .ui-title, .ui-footer .ui-title {
    font-size: 2em;
    margin: 0 15%;
    min-height: 1.1em;
    padding: 0.3em 0;
}





/***********************************************	커스텀 미디어쿼리	*****************************************/
@media all and (max-width: 533px) {
	.thumbnail {
		display:none;
	}
}





/* Normal */
table { width:100%;}
.bd_tb_lst{margin-top:25px}
/*.bd_tb_lst th,.bd_tb_lst td{padding:8px 12px;font-size:11px;text-align:center;white-space:nowrap}*/
.bd_tb_lst th{padding:9px 12px;border-top:1px solid #CCC;border-bottom:1px solid #BBB;box-shadow:inset 0 -1px 0 #FFF;color:#666;text-shadow:0 0 1px rgba(0,0,0,.1)}
.bd_tb_lst td,.bd_tb_lst .hx:visited{color:#555}
.bd_tb_lst .cate{padding:8px;color:#666}
.bd_tb_lst .title{padding-right:6px;width:auto}
.bd_tb_lst td.title{text-align:left;white-space:normal;word-break:break-all}
.bd_lst td.title a{color:#222}
.bd_lst th.cate, .bd_lst td.cate { max-width:180px; }
.bd_tb_lst .title img{vertical-align:middle}
.bd_tb_lst .wrp{left:0;margin-left:0 !important;white-space:normal}
.bd_tb_lst .edge{left:20%}
.bd_tb_lst .speech{min-width:240px;padding:6px}
.bd_tb_lst .wrp img{display:block;margin:0 auto;padding:7px}
.bd_tb_lst .only_img .speech{display:none}
.bd_tb_lst .cate span,.bd_tb_lst .author span,.bd_tb_lst .last_post small{display:block;overflow:hidden;max-width:160px;text-overflow:ellipsis;word-wrap:normal\9}
.bd_tb_lst .author img{max-width:none}
.bd_tb_lst .last_post{line-height:12px}
.bd_tb_lst .extraimages{margin-left:2px;white-space:nowrap}
.bd_tb_lst .link_url{text-align:left}





@font-family-base: "나눔 고딕";
@font-size-base: 18px;
@line-height-base:;

.red { color:red }
.blue { color:blue }




/***********************************************************************************************/
.container { padding:0; }
.header { color:white; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding:0 5px; }

.navbar-default { background-color: black; }
.navbar-brand { font-weight:bolder; color:white !important;  }



@media all and (max-width: 533px) {
	.noMobile {
		display:none;
	}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding:0px; }
}
