@charset "UTF-8";



/* GNU & Common ------------------------------------------------------ */

.btn-wset, .hidden-img, .alazy { 

	display:none; 

}

.page-wrap img { 

	max-width:100%; 

}

.page-wrap p { 

	padding:0px; margin:0px; 

}

.hash-tag {

	font-weight:bold;

}

.member, .guest { 

	color: rgb(51, 51, 51); 

}

#nameContextMenu { 

	background:#000; 

	color:#fff; 

	padding:0 !important;

	z-index:9999;

	padding:6px 0 !important;

}

#nameContextMenu a { 

	color:#fff; 

	font-size:12px; 

	line-height:20px; 

	display:block; 

	padding:0 8px; 

}

#nameContextMenu a:hover { 

	color:#ff0000; 

}

#nameContextMenu td {

	padding:0 !important;

	border:0 !important; 

}

#autosave_pop ul {

	padding:0px !important;

	list-style:none !important;

}

#autosave_pop li {

	display:block;

}

#viewModalLoading { 

	position:absolute; 

	left:50%; 

	top:50%; 

	margin-left:-90px; 

	margin-top:-90px; 

	display:none;

}

#viewModal .modal-body {

	-webkit-overflow-scrolling: touch; 

}



/* Exif -------------------------------------------------------- */

.img-tag {

	max-width:100%; border:0;

}

.img-exif {

	margin:0px auto 30px;

	max-width: 100%;

}

.img-exif img {

	display:block;

	margin:0px auto !important;

	max-width:100%;

}

.img-exif .exif-data {

	padding:15px;

	margin-top:15px;

	background:#fafafa; 

	border:1px solid #eee; 

	line-height:20px;

	color:#333;

	overflow:hidden;

}

.img-exif ul.iptc-list {

	padding:0px 5px 6px;

	margin:0px 0px 15px;

	border-bottom:1px dotted #bbb;

	list-style:none;

}

.img-exif ul.iptc-list li {

	margin-bottom:4px;

}

.img-exif ul.exif-list {

	padding:0px;

	padding-left:20px;

	margin:0px;

}

.img-exif ul.exif-list:after {

	display:block;

	visibility:hidden;

	clear:both;

	content:"";

}

.img-exif ul.exif-list li {

	float:left;

	padding-right:20px;

	width:33.333%;

}

@media all and (max-width:767px) {

	.responsive .img-exif ul.exif-list li { width:50%; }

}

@media all and (max-width:420px) {

	.responsive .img-exif ul.exif-list li { width:100%; }

}

/* Iframe ------------------------------------------------------ */

.div-iframe { 

	margin:0 auto; 

	max-width:100% 

}

.div-iframe .iframe-wrap { 

	position:relative; 

	height: 0; 

	padding-bottom: 56.25%; 

	overflow: hidden; 

	margin:0; 

}

.div-iframe	.iframe-wrap iframe, 

.div-iframe .iframe-wrap object, 

.div-iframe .iframe-wrap embed { 

	position: absolute; 

	top: 0; 

	left: 0; 

	width: 100%; 

	height:100%; 

}



/* Panel : Accordions ------------------------------------------------------ */

.div-panel.panel-group { 

	margin-bottom: 30px; 

}

.div-panel.panel-group.no-bottom { 

	margin-bottom: 0px; 

}

.div-panel.panel-group .panel { 

	border:0;

	box-shadow: none; 

	-webkit-box-shadow: none; 

	border-radius: 0; 

}

.div-panel.panel-group .panel + .panel { 

	margin-top: 0px; 

	border:0;

}

.div-panel.panel-group .panel-heading { 

	padding: 0;

	position: relative;

	background: none;

}

.div-panel.panel-group .panel-heading::after { 

	content: ""; 

}

.div-panel.panel-group .panel-heading {

	padding:0;

	border-radius: 0; 

}

.div-panel.panel-group .panel-heading .rank-icon {

	margin-top:3px;

}

.div-panel.panel-group .panel-heading a {

	outline:none;

	display:block;

	padding:10px 15px; padding-right:0px;

	padding-left:0;

	border-radius: 0; 

	border-top:1px solid rgb(235, 235, 235);

}

.div-panel.panel-group .panel:first-child .panel-heading a {

	border-top:0px;

}

.div-panel.panel-group .panel:last-child .panel-heading a {

	border-bottom:1px solid rgb(235, 235, 235);

}

.div-panel.panel-group .panel-heading a .panel-icon::after {

	font-family:dotum;

	text-align:center;

	line-height:18px;

	font-size:14px;

	display:inline-block;

	width:18px;

	height:18px;

	margin-right:2px;

	background:#333;

	color:#fff;

	content: "+"; 

}

.div-panel.panel-group .panel-heading a.active {

	color: rgb(233, 27, 35);

	border-bottom:1px solid rgb(55, 55, 55) !important;

}

.div-panel.panel-group .panel-heading a.active .panel-icon::after { 

	background: rgb(233, 27, 35);

	color:#fff;

	content: "-"; 

}

.div-panel.panel-group .panel-body {

	margin:0;

	border:0 !important;

	border-radius: 0;

	padding-left:25px;

}

.div-panel.panel-group .list-group {

	margin:0;

	border:0;

	border-radius: 0; 

}

.div-panel.panel-group .list-group .list-group-item {

	margin-bottom:0;

	border:0;

	border-radius: 0; 

	padding:4px 15px; padding-right:0px;

	padding-left:25px;

	word-break:break-all;

}

.div-panel.panel-group .list-group .list-group-item .rank-icon {

	margin-top:3px;

}

.div-panel.panel-group a.active.list-group-item, .div-panel.panel-group a.active.list-group-item:hover, .div-panel.panel-group a.active.list-group-item:focus {

    background-color: rgb(245, 245, 245);

	color:crimson;

	border-color: none;

	font-weight:bold;

}



/* Tabs ------------------------------------------------------ */

.tabs li a { 

	cursor:pointer !important; 

}

.div-tab.tabs, .div-tab-top.tabs, .div-tab-bottom.tabs, .div-tab-btn.tabs { 

	margin-bottom: 0; 

}

.div-tab.tabs::before, .div-tab-top.tabs::before, .div-tab-bottom.tabs::before, .div-tab-btn.tabs::before { 

	display: table; content: " "; 

}

.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after { 

	display: table; content: " "; 

}

.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after { 

	clear: both; 

}

.div-tab.tabs ul.nav-tabs, .div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs { 

	margin: 0;

}

.div-tab.tabs div.tab-content { 

	border-width: 0px 1px 1px; 

	border-style: solid; 

	border-color: rgb(221, 221, 221); 

	padding: 15px; 

}

.div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content { 

	border: 0; 

	padding: 15px 0; 

}

.div-tab.tabs div.tab-content, .div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content { 

	border-radius: 0; 

	border-image: none; 

	box-shadow: none; 

	background-color: #fff; 

	-webkit-box-shadow: 0; 

	-moz-box-shadow: none; 

	-moz-border-radius: none; 

	-webkit-border-radius: 0; 

}

.div-tab.tabs ul.nav-tabs li { 

	background: rgb(247, 247, 247); 

	border-image: none; 

	color: #333; 

	margin-right: 0; 

	border: 0; 

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	border-top: 1px solid rgb(221, 221, 221);

	border-left: 1px solid rgb(230, 230, 230); 

	border-image: none;

	line-height:14px !important;

}

.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus { 

	border:0;

	border-top: 1px solid rgb(221, 221, 221);

	border-left: 1px solid rgb(230, 230, 230); 

	border-image: none;

}

.div-tab.tabs ul.nav-tabs li:first-child  {

	border-left:1px solid rgb(221, 221, 221); 

	margin-left:0px;	

}

.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover {

	border-right:1px solid rgb(221, 221, 221); 

}

.div-tab.tabs ul.nav-tabs li.active { 

	background: #fff; 

	border-top:1px solid #333; 

}

.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover, .div-tab.tabs ul.nav-tabs li a:focus,

.div-tab.tabs ul.nav-tabs li:first-child a, .div-tab.tabs ul.nav-tabs li:first-child a:hover, .div-tab.tabs ul.nav-tabs li:first-child a:focus,

.div-tab.tabs ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child a:hover, .div-tab.tabs ul.nav-tabs li:last-child a:focus { 

	color:#333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-top: 1px solid transparent; 

	border-bottom:1px solid rgb(221, 221, 221);

	margin:0;

	line-height:14px !important;

}

.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus,

.div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus,

.div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus { 

	color: #333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-top:1px solid #333; 

	border-bottom:1px solid transparent;

	margin:0;

	line-height:14px !important;

}

.div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs { 

	background: none; 

	border-image: none; 

	color: #333; 

	margin: 0; 

	border: 0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	border-image: none;

	line-height:18px;

	border-top:1px solid rgb(221, 221, 221); 

	border-bottom:1px solid rgb(221, 221, 221); 

}

.div-tab-top.tabs ul.nav-tabs li, .div-tab-bottom.tabs ul.nav-tabs li  {

	border:0;

	margin:0;

	line-height:14px !important;

}

.div-tab-top.tabs ul.nav-tabs li a, .div-tab-top.tabs ul.nav-tabs li a:hover, .div-tab-top.tabs ul.nav-tabs li a:focus,

.div-tab-top.tabs ul.nav-tabs li:first-child a, .div-tab-top.tabs ul.nav-tabs li:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li:first-child a:focus,

.div-tab-top.tabs ul.nav-tabs li:last-child a, .div-tab-top.tabs ul.nav-tabs li:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li:last-child a:focus { 

	color:#333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-top:2px solid transparent; 

	border-bottom:0;

	padding:12px 12px 10px;

	margin-top:-1px;

	line-height:14px !important;

}

.div-tab-top.tabs ul.nav-tabs li.active a, .div-tab-top.tabs ul.nav-tabs li.active a:hover, .div-tab-top.tabs ul.nav-tabs li.active a:focus,

.div-tab-top.tabs ul.nav-tabs li.active:first-child a, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,

.div-tab-top.tabs ul.nav-tabs li.active:last-child a, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus { 

	color: #333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-top:2px solid #333; 

	border-bottom:0;

	padding:12px 12px 10px;

	line-height:14px !important;

}



.div-tab-bottom.tabs ul.nav-tabs li a, .div-tab-bottom.tabs ul.nav-tabs li a:hover, .div-tab-bottom.tabs ul.nav-tabs li a:focus,

.div-tab-bottom.tabs ul.nav-tabs li:first-child a, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,

.div-tab-bottom.tabs ul.nav-tabs li:last-child a, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus { 

	color:#333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-bottom:2px solid transparent; 

	border-top:0;

	padding:12px 12px 10px;

	margin-bottom:-1px;

	line-height:14px !important;

}



.div-tab-bottom.tabs ul.nav-tabs li.active a, .div-tab-bottom.tabs ul.nav-tabs li.active a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active a:focus,

.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,

.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus { 

	color:#333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-bottom:2px solid #333; 

	border-top:0;

	padding:12px 12px 10px;

	line-height:14px !important;

}



.div-tab-line.tabs ul.nav-tabs li a, .div-tab-line.tabs ul.nav-tabs li a:hover, .div-tab-line.tabs ul.nav-tabs li a:focus,

.div-tab-line.tabs ul.nav-tabs li:first-child a, .div-tab-line.tabs ul.nav-tabs li:first-child a:hover, .div-tab-line.tabs ul.nav-tabs li:first-child a:focus,

.div-tab-line.tabs ul.nav-tabs li:last-child a, .div-tab-line.tabs ul.nav-tabs li:last-child a:hover, .div-tab-line.tabs ul.nav-tabs li:last-child a:focus { 

	color:#333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-top:2px solid transparent; 

	border-bottom:2px solid transparent; 

	border-top:0;

	padding:12px 12px 10px;

	margin:-1px 0px;

	line-height:14px !important;

}



.div-tab-line.tabs ul.nav-tabs li.active a, .div-tab-line.tabs ul.nav-tabs li.active a:hover, .div-tab-line.tabs ul.nav-tabs li.active a:focus,

.div-tab-line.tabs ul.nav-tabs li.active:first-child a, .div-tab-line.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-line.tabs ul.nav-tabs li.active:first-child a:focus,

.div-tab-line.tabs ul.nav-tabs li.active:last-child a, .div-tab-line.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-line.tabs ul.nav-tabs li.active:last-child a:focus { 

	color:#333;

	border:0;

	border-radius: 0; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	background:none;

	border-top:2px solid #333; 

	border-bottom:2px solid #333; 

	padding:12px 12px 10px;

	line-height:14px !important;

}



.div-tab-box.tabs ul.nav-tabs { 

	margin: 0px; 

	padding:0px; 

	border:0px; 

	border-left:1px solid #ddd; 

}

.div-tab-box.tabs ul.nav-tabs li a { 

	padding:10px 15px; 

	background: rgb(247, 247, 247); 

	color: #333; 

	margin-right: 0px; 

	border-radius: 0px; 

	-moz-border-radius: 0; 

	-webkit-border-radius: 0; 

	border:1px solid #ddd; 

}

.div-tab-box.tabs ul.nav-tabs li.active a { 

	background: #333; 

	color: #fff; 

	font-weight:bold; 

	border:1px solid #333; 

	cursor:pointer; 

}



.div-tab-btn.tabs {

	border:0px;

	padding:0px;

}



.div-tab-btn.tabs ul.nav-tabs {

	border:0px;

	border-top:1px solid #ddd;

	border-bottom:1px solid #ddd;

	padding:5px 0px;

}

.div-tab-btn.tabs ul.nav-tabs li {

	border:0px;

	margin:5px 0px;

	padding:0;

}

.div-tab-btn.tabs ul.nav-tabs li a {

    padding: 7px 15px !important;

	background:none;

	border:0px !important;

	margin:0px;

	font-weight:normal;

}

.div-tab-btn.tabs ul.nav-tabs li.active a { 

	border:0px;

	color:#fff;

	font-weight:normal;

	background: #333; 

	cursor:pointer; 

}



/* Tabs Color */

.tabs-color-top.tabs ul.nav-tabs li.active, .tabs-color-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(51, 51, 51) !important; 

}

.tabs-darkred-top.tabs ul.nav-tabs li.active, .tabs-darkred-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(170, 60, 63) !important; 

}

.tabs-crimson-top.tabs ul.nav-tabs li.active, .tabs-crimson-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(220, 20, 60) !important; 

}

.tabs-red-top.tabs ul.nav-tabs li.active, .tabs-red-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(233, 27, 35) !important; 

}

.tabs-orangered-top.tabs ul.nav-tabs li.active, .tabs-orangered-top.tabs ul.nav-tabs li.active a { 

	border-top-color: orangered !important; 

}

.tabs-orange-top.tabs ul.nav-tabs li.active, .tabs-orange-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(240, 150, 20) !important; 

}

.tabs-green-top.tabs ul.nav-tabs li.active, .tabs-green-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(140, 195, 70) !important; 

}

.tabs-lightgreen-top.tabs ul.nav-tabs li.active, .tabs-lightgreen-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(160, 200, 80) !important; 

}

.tabs-deepblue-top.tabs ul.nav-tabs li.active, .tabs-deepblue-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(0, 125, 180) !important; 

}

.tabs-skyblue-top.tabs ul.nav-tabs li.active, .tabs-skyblue-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(100, 195, 245) !important; 

}

.tabs-blue-top.tabs ul.nav-tabs li.active, .tabs-blue-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(52, 152, 219) !important; 

}

.tabs-navy-top.tabs ul.nav-tabs li.active, .tabs-navy-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(50, 60, 70) !important; 

}

.tabs-violet-top.tabs ul.nav-tabs li.active, .tabs-violet-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(85, 60, 125) !important; 

}

.tabs-yellow-top.tabs ul.nav-tabs li.active, .tabs-yellow-top.tabs ul.nav-tabs li.active a { 

	border-top-color: rgb(241, 196, 15) !important; 

}

.tabs-darkgray-top.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-top.tabs ul.nav-tabs li.active a { 

	border-top-color: #666 !important; 

}

.tabs-gray-top.tabs ul.nav-tabs li.active, .tabs-gray-top.tabs ul.nav-tabs li.active a { 

	border-top-color: #888 !important; 

}

.tabs-lightgray-top.tabs ul.nav-tabs li.active, .tabs-lightgray-top.tabs ul.nav-tabs li.active a { 

	border-top-color: #ddd !important; 

}

.tabs-black-top.tabs ul.nav-tabs li.active, .tabs-black-top.tabs ul.nav-tabs li.active a { 

	border-top-color: #333 !important; 

}

.tabs-white-top.tabs ul.nav-tabs li.active, .tabs-white-top.tabs ul.nav-tabs li.active a { 

	border-top-color: #fff !important; 

}



.tabs-color-bottom.tabs ul.nav-tabs li.active, .tabs-color-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(51, 51, 51) !important; 

}

.tabs-darkred-bottom.tabs ul.nav-tabs li.active, .tabs-darkred-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(170, 60, 63) !important; 

}

.tabs-crimson-bottom.tabs ul.nav-tabs li.active, .tabs-crimson-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(220, 20, 60) !important; 

}

.tabs-red-bottom.tabs ul.nav-tabs li.active, .tabs-red-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(233, 27, 35) !important; 

}

.tabs-orangered-bottom.tabs ul.nav-tabs li.active, .tabs-orangered-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: orangered !important; 

}

.tabs-orange-bottom.tabs ul.nav-tabs li.active, .tabs-orange-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(240, 150, 20) !important; 

}

.tabs-green-bottom.tabs ul.nav-tabs li.active, .tabs-green-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(140, 195, 70) !important; 

}

.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active, .tabs-lightgreen-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(160, 200, 80) !important; 

}

.tabs-deepblue-bottom.tabs ul.nav-tabs li.active, .tabs-deepblue-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(0, 125, 180) !important; 

}

.tabs-skyblue-bottom.tabs ul.nav-tabs li.active, .tabs-skyblue-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(100, 195, 245) !important; 

}

.tabs-blue-bottom.tabs ul.nav-tabs li.active, .tabs-blue-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(52, 152, 219) !important; 

}

.tabs-navy-bottom.tabs ul.nav-tabs li.active, .tabs-navy-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(50, 60, 70) !important; 

}

.tabs-violet-bottom.tabs ul.nav-tabs li.active, .tabs-violet-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(85, 60, 125) !important; 

}

.tabs-yellow-bottom.tabs ul.nav-tabs li.active, .tabs-yellow-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: rgb(241, 196, 15) !important; 

}

.tabs-darkgray-bottom.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: #666 !important; 

}

.tabs-gray-bottom.tabs ul.nav-tabs li.active, .tabs-gray-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: #888 !important; 

}

.tabs-lightgray-bottom.tabs ul.nav-tabs li.active, .tabs-lightgray-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: #ddd !important; 

}

.tabs-black-bottom.tabs ul.nav-tabs li.active, .tabs-black-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: #333 !important; 

}

.tabs-white-bottom.tabs ul.nav-tabs li.active, .tabs-white-bottom.tabs ul.nav-tabs li.active a { 

	border-bottom-color: #fff !important; 

}



.tabs-color-bg.tabs ul.nav-tabs li.active, .tabs-color-bg.tabs ul.nav-tabs li.active a {

	border-color: rgb(51, 51, 51) !important; 

	background: rgb(51, 51, 51) !important; 

}

.tabs-darkred-bg.tabs ul.nav-tabs li.active, .tabs-darkred-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(170, 60, 63) !important; 

	background: rgb(170, 60, 63) !important; 

}

.tabs-crimson-bg.tabs ul.nav-tabs li.active, .tabs-crimson-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(220, 20, 60) !important; 

	background: rgb(220, 20, 60) !important; 

}

.tabs-red-bg.tabs ul.nav-tabs li.active, .tabs-red-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(233, 27, 35) !important; 

	background: rgb(233, 27, 35) !important; 

}

.tabs-orangered-bg.tabs ul.nav-tabs li.active, .tabs-orangered-bg.tabs ul.nav-tabs li.active a { 

	border-color: orangered !important; 

	background: orangered !important; 

}

.tabs-orange-bg.tabs ul.nav-tabs li.active, .tabs-orange-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(240, 150, 20) !important; 

	background: rgb(240, 150, 20) !important; 

}

.tabs-green-bg.tabs ul.nav-tabs li.active, .tabs-green-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(140, 195, 70) !important; 

	background: rgb(140, 195, 70) !important; 

}

.tabs-lightgreen-bg.tabs ul.nav-tabs li.active, .tabs-lightgreen-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(160, 200, 80) !important; 

	background: rgb(160, 200, 80) !important; 

}

.tabs-deepblue-bg.tabs ul.nav-tabs li.active, .tabs-deepblue-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(0, 125, 180) !important; 

	background: rgb(0, 125, 180) !important; 

}

.tabs-skyblue-bg.tabs ul.nav-tabs li.active, .tabs-skyblue-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(100, 195, 245) !important; 

	background: rgb(100, 195, 245) !important; 

}

.tabs-blue-bg.tabs ul.nav-tabs li.active, .tabs-blue-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(52, 152, 219) !important; 

	background: rgb(52, 152, 219) !important; 

}

.tabs-navy-bg.tabs ul.nav-tabs li.active, .tabs-navy-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(50, 60, 70) !important; 

	background: rgb(50, 60, 70) !important; 

}

.tabs-violet-bg.tabs ul.nav-tabs li.active, .tabs-violet-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(85, 60, 125) !important; 

	background: rgb(85, 60, 125) !important; 

}

.tabs-yellow-bg.tabs ul.nav-tabs li.active, .tabs-yellow-bg.tabs ul.nav-tabs li.active a { 

	border-color: rgb(241, 196, 15) !important; 

	background: rgb(241, 196, 15) !important; 

}

.tabs-darkgray-bg.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-bg.tabs ul.nav-tabs li.active a { 

	border-color: #666 !important; 

	background: #666 !important; 

}

.tabs-gray-bg.tabs ul.nav-tabs li.active, .tabs-gray-bg.tabs ul.nav-tabs li.active a { 

	border-color: #888 !important; 

	background: #888 !important; 

}

.tabs-lightgray-bg.tabs ul.nav-tabs li.active, .tabs-lightgray-bg.tabs ul.nav-tabs li.active a {

	color: #333 !important;

	border-color: #ddd !important; 

	background: #ddd !important; 

}

.tabs-black-bg.tabs ul.nav-tabs li.active, .tabs-black-bg.tabs ul.nav-tabs li.active a { 

	border-color: #333 !important; 

	background: #333 !important; 

}

.tabs-white-bg.tabs ul.nav-tabs li.active, .tabs-white-bg.tabs ul.nav-tabs li.active a { 

	color: #333 !important;

	border-color: #ddd !important; 

	background: #fff !important; 

}



.div-tab.tabs.trans-top ul.nav-tabs li.active { 

	border-top-color: rgb(221, 221, 221) !important; 

}

.div-tab.tabs.trans-top ul.nav-tabs li.active a { 

	color: crimson !important;

	border-top-color: transparent !important; 

}



.div-tab-box.tabs ul.nav-tabs li a { 

	border-left:0px !important; 

}

/* Table ------------------------------------------------------ */

.div-table.table > thead > tr > th { 

	vertical-align: middle; 

}

.div-table.table > tbody > tr > th { 

	vertical-align: middle; 

}

.div-table.table > tfoot > tr > th { 

	vertical-align: middle; 

}

.div-table.table > thead > tr > td { 

	vertical-align: middle; 

}

.div-table.table > tbody > tr > td { 

	vertical-align: middle; 

}

.div-table.table > tfoot > tr > td { 

	vertical-align: middle; 

}

.div-table.table-no-border.table > thead > tr > th { 

	padding: 0px; 

	border-top-color: currentColor; 

	border-top-width: 0px; 

	border-top-style: none; 

}

.div-table.table-no-border.table > tbody > tr > th { 

	padding: 0px; 

	border-top-color: currentColor; 

	border-top-width: 0px; 

	border-top-style: none; 

}

.div-table.table-no-border.table > tfoot > tr > th { 

	padding: 0px; 

	border-top-color: currentColor; 

	border-top-width: 0px; 

	border-top-style: none; 

}

.div-table.table-no-border.table > thead > tr > td { 

	padding: 0px; 

	border-top-color: currentColor; 

	border-top-width: 0px; 

	border-top-style: none; 

}

.div-table.table-no-border.table > tbody > tr > td { 

	padding: 0px; 

	border-top-color: currentColor; 

	border-top-width: 0px; 

	border-top-style: none; 

}

.div-table.table-no-border.table > tfoot > tr > td { 

	padding: 0px; 

	border-top-color: currentColor; 

	border-top-width: 0px; 

	border-top-style: none; 

}

.div-table.table > thead > tr > th { 

	border-bottom-color: rgb(221, 221, 221); 

	border-bottom-width: 1px; 

	border-bottom-style: solid; 

}

.div-table.table > thead > tr { 

	background: rgb(243, 243, 243); 

}



/* Progress Bars ------------------------------------------------------ */

.active.progress-bar .progress {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite;

}

.div-progress.progress { 

	position:relative; 

	height: 28px; 

	overflow: hidden; 

	margin-bottom: 15px; 

	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 

	background-color: rgb(245, 245, 245); 

	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 

}

.div-progress.progress .sr-only { 

	font-family: tahoma, sans-serif; 

	margin: 0px 15px; 

	left: 0px; 

	width: auto; 

	height: 28px; 

	line-height: 28px; 

	font-size: 12px; 

	clip: auto; 

}

.div-progress .sr-score { 

	font-family: tahoma, sans-serif; 

	height: 28px; 

	line-height: 28px; 

	font-size: 12px; 

	padding-right:8px; 

}



/* Syntaxhighlighter ------------------------------------------------------ */

.syntaxhighlighter .line {

	font-size: 13px !important;

	line-height: 20px !important;

}



/* Shadow Lines ------------------------------------------------------ */

.shadow-line {

	display:block;

	padding:0;

	margin:0;

    max-width: 100%;

    overflow: hidden !important;

	text-align:center;

	vertical-align:top;

}

.shadow-line img {

	display:block;

	border:0;

	max-width: 100% !important;

    height: auto !important;

	margin:0 auto;

}



/* Person ------------------------------------------------------ */

.person { 

	margin-bottom:15px; 

}

.person .person-desc { 

	margin-top:18px;

}

.person .person-desc .person-author {

    display: table;

    width: 100%;

}

.person .person-desc .person-author .person-author-wrapper {

    min-width: 50%;

}

.person .person-desc .person-author .person-name {

    display:block; 

	line-height:20px;

}

.person .person-desc .person-author .person-title {

    display:block; 

	line-height:20px;

	color:#747474;

}

.person .person-desc .person-author .person-social {

    max-width: 50%;

    text-align: right;

    display: table-cell;

    vertical-align: middle;

    float: none;

}

.person .person-social a {

	margin-left: 12px;

}

.person .person-content {

    margin-top: 8px;

	color:#747474;

}



/* Image ------------------------------------------------------ */

.img-wrap { 

	display:block; 

	position:relative; 

	height:0;

    overflow:hidden;

	padding-bottom:56.25%; 

}

.img-wrap.img-fix {

	margin-bottom:-1px;

}

.img-wrap .img-item { 

	display:block; 

	position:absolute; 

	top:0; 

	left:0; 

	width:100%; 

	height:100%;

	overflow:hidden;

}

.img-wrap .img-item.img-fix { 

	margin-top:-1px -1px 0px;

}

.img-wrap .img-item img { 

	display:block;

	border:0;

	width:100%;

	height:auto;

	margin:0px auto;

}

.img-wrap .img-item.img-full img { 

	width:100%; 

	height:100%;

}

.img-wrap .img-item.img-height img { 

	width:auto;

	height:100%;

}

.img-wrap .img-item.img-auto img { 

	width:auto;

	height:auto;

}

.img-ratio {

	display:block; 

	position:relative; 

	overflow:hidden;

}

.img-ratio .img-item {

	position:relative; 

	overflow:hidden;

}

.img-ratio .img-item img {

	display:block;

	border:0;

	width:100%;

	height:auto;

	margin:0px auto;

}

.in-shadow {

	position:absolute; top:0; left:0; width:100%; z-index:1;

}

.in-subject {

    position: absolute;

	width:100%;

	left:0px;

	bottom: 0px;

    padding: 6px 8px;

    margin: 0;

	line-height:20px;

}

.in-caption {

    position: absolute;

    bottom: 20%;

    padding: 6px 8px;

    margin: 0;

	line-height:20px;

}

.in-title {

    position: absolute;

    bottom: 20%;

    padding: 10px 15px;

    margin: 0;

	font-size:18px;

	line-height:24px;

}

.in-left {

	position:absolute; 

	top:0px;

	left:0px; 

}

.in-left-b {

	position:absolute; 

	bottom:0px;

	left:0px; 

}

.in-right {

	position:absolute; 

	top:0px;

	right:0px; 

}

.in-right-b {

	position:absolute; 

	top:0px;

	right:0px; 

}

/* Image & Box Frames ------------------------------------------------------ */

.boxframe {

	margin:0px auto;

	z-index:0;

	position: relative;

}

.boxframe iframe, .boxframe embed, .boxframe object {

	display:block;

}

.imgframe {

    display: block;

	z-index:0;

	position: relative;

}

.imgframe.img-border, .boxframe.box-border {

    border: 6px solid #f6f6f6;

}

.imgframe.img-grow, .boxframe.box-grow {

    border: 6px solid #f6f6f6;

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);

    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);

}

.imgframe.img-shadow, .boxframe.box-shadow {

    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);

    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);

    box-shadow: 2px 3px 7px rgba(0,0,0,0.3);

}

.imgframe.img-bottomshadow, .boxframe.box-bottomshadow {

	margin:0;

}

.imgframe.img-bottomshadow::before, .imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::before, .boxframe.box-bottomshadow::after {

    position: absolute;

    bottom: 15px;

    left: 10px;

    z-index: -1;

    height: 20%;

    max-height: 100px;

    max-width: 460px;

    width: 60%;

    content: "";

    opacity: 0.7;

    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);

    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);

    box-shadow: 0px 17px 10px rgba(0,0,0,0.7);

    -webkit-transform: rotate(-3deg);

    -moz-transform: rotate(-3deg);

    -ms-transform: rotate(-3deg);

    -o-transform: rotate(-3deg);

    transform: rotate(-3deg);

}

.imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::after {

    left: auto;

    right: 10px;

    -webkit-transform: rotate(3deg);

    -moz-transform: rotate(3deg);

    -ms-transform: rotate(3deg);

    -o-transform: rotate(3deg);

    transform: rotate(3deg);

}



/* Date Boxes ------------------------------------------------------ */

.date-box {

    width: 82px;

    text-align: center;

}

.date-box .date-item {

    padding: 8px 0 5px 0;

}

.date-box .date-item .date {

    display: block;

    line-height: 29px;

    font-size: 29px;

    font-weight: bold;

}

.date-box .date-icon {

	margin-top:3px;

    background-color: #eef0f2;

}

.date-box .date-icon i {

    display: block;

    line-height: 55px;

    font-size: 30px;

}



/* Background Boxes ------------------------------------------------------ */

.div-bg-box {

	background-repeat: no-repeat; 

	background-position:center center;

	background-size: cover; 

	overflow:hidden; 

}

.div-bg-box.bg-fixed {

	background-attachment: fixed;

}

.div-bg-box.bg-top {

	background-position:center top; 

}



/* UL List ------------------------------------------------------ */

.div-ul { 

	padding:0px; 

	margin:0px;

	list-style:none;

}

.div-ul li { 

	line-height:26px; 

}



/* Flip Boxes ------------------------------------------------------ */

.flip-container {

    position: relative;

    z-index: 1;

    padding: 0;

    margin: 0;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

	-webkit-perspective: 1000;

	-moz-perspective: 1000;

	-ms-perspective: 1000;

	perspective: 1000;

	-ms-transform: perspective(1000px);

	-moz-transform: perspective(1000px);

	-moz-transform-style: preserve-3d; 

	-ms-transform-style: preserve-3d; 

}

.flip-container:hover .flip-back, .flip-container.hover .flip-back {

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    transform: rotateY(0deg);

}



.flip-container:hover .flip-front, .flip-container.hover .flip-front {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.flip-horizontal {

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-ms-transition: 0.6s;

	-moz-transition: 0.6s;

	-moz-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: 0.6s;

	transform-style: preserve-3d;

	position: relative;

}

.flip-front, .flip-back {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

    -webkit-transition: 0.6s;

    -webkit-transform-style: preserve-3d;

    -webkit-transform: rotateY(0deg);

    -moz-transition: 0.6s;

    -moz-transform-style: preserve-3d;

    -moz-transform: rotateY(0deg);

    -o-transition: 0.6s;

    -o-transform-style: preserve-3d;

    -o-transform: rotateY(0deg);

    -ms-transition: 0.6s;

    -ms-transform-style: preserve-3d;

    -ms-transform: rotateY(0deg);

    transition: 0.6s;

    transform-style: preserve-3d;

    transform: rotateY(0deg);

	position: absolute;

	top: 0;

	left: 0;

	width:100%;

	height:100%;

	min-height: 214px;

    -webkit-perspective: 600px;

    -moz-perspective: 600px;

    -ms-perspective: 600px;

    perspective: 600px;

    padding: 27px 20px 27px 20px;

    text-align: center;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d;

    webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;

    -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;

    -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;

    transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;

}

.flip-front {

	-webkit-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	background: lightgreen;

	z-index: 2;

}

.flip-back {

	background: lightblue;

	-webkit-transform: rotateY(-180deg);

    -moz-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

}

.flip-vertical .flip-back {

	-webkit-transform: rotateX(180deg);

	-moz-transform: rotateX(180deg);

	-ms-transform: rotateX(180deg);

	transform: rotateX(180deg);

}

.flip-vertical.flip-container .flip-box {

	-webkit-transform-origin: 100% 213.5px;

	-moz-transform-origin: 100% 213.5px;

	-ms-transform-origin: 100% 213.5px;

	transform-origin: 100% 213.5px;

}

.flip-vertical.flip-container:hover .flip-back, .flip-vertical.flip-container.hover .flip-back {

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    transform: rotateX(0deg);

}

.flip-vertical.flip-container:hover .flip-front, .flip-vertical.flip-container.hover .flip-front {

    -webkit-transform: rotateX(180deg);

    -moz-transform: rotateX(180deg);

    -o-transform: rotateX(180deg);

    transform: rotateX(180deg);

}

.flip-box {

    position: relative;

	min-height: 214px;

    margin-bottom: 15px;

}

.flip-box .flip-circle {

    height: 64px;

    width: 64px;

    border: 1px solid;

    border-radius: 50%;

}

.flip-box .flip-circle i {

    display: table-cell;

    vertical-align: middle;

    font-size: 24px;

}

.flip-box .no-circle {

    font-size: 60px;

}

.flip-box .flip-grafix {

    display: table;

    margin: 0 auto;

    margin-bottom: 10px;

}

.flip-box .flip-heading {

	font-size:18px;

    line-height:27px;

    margin-bottom: 15px;

}

.flip-box .flip-heading-back {

    margin-bottom: 15px;

    margin-top: 0px;

    font-size: 14px;

    text-transform: uppercase;

}

.flip-box .flip-img { 

	display:block; 

	position:relative; 

	height:0; 

	overflow:hidden; 

	padding-bottom:56.25%;

}

.flip-box .flip-img img { 

	display:block; 

	position:absolute; 

	top:0; 

	left:0; 

	width:100%; 

	height:auto; 

	border:0px; 

}



/* Content-Boxes & FA ------------------------------------------------------ */

i.large, img.large, .fix-icon.large i, .fix-icon.large img {

    width: 65px;

    height: 65px;

    line-height: 65px;

    font-size: 24px;

}

i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img {

    height: 50px;

    width: 50px;

    line-height: 50px;

    font-size: 22px;

}

i.medium, img.medium, .fix-icon.medium i, .fix-icon.medium img {

    height: 40px;

    width: 40px;

    line-height: 40px;

    font-size: 20px;

}

i.tiny, img.tiny, .fix-icon.tiny i, .fix-icon.tiny img {

    width: 18px;

    height: 18px;

    line-height: 18px;

    font-size: 10px;

	margin-right:3px;

}

i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -moz-background-clip: inherit;

    -webkit-background-clip: inherit;

    background-clip: inherit;

    text-align: center;

    margin-top: 0px;

	vertical-align:middle;

}

i.dark-circle, img.dark-circle, .fix-icon.dark-circle i, .fix-icon.dark-circle img {

    border-width: 1px;

    border-style: solid;

    background-color: #333;

    color: #fff;

}

i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img {

    border-width: 1px;

    border-style: solid;

    background-color: #fff;

    color: #333;

}

.content-box {

	margin:0 0 15px; 

	line-height:20px;

}

.content-box .heading:hover i {

	background-color: rgb(233, 27, 35); 

	color: rgb(255, 255, 255); 

	border-color: rgb(233, 27, 35);

}

.content-box .text {

	color:#747474; 

	margin:0 0 10px;

}

.content-box .more a {

	font-size:11px; 

	font-weight:normal; 

	color:#888; 

	letter-spacing:-1px;

}

.content-box .more i.fa {

	margin:0 4px;

}

.content-box-bg {

	height: auto; 

	overflow: visible; 

	background-color: rgb(246, 246, 246);

    padding: 35px 12px 12px;

    text-align: center;

}

.content-box-bg .heading {

    overflow: visible;

    position: relative;

    text-align: center;

}

.content-box-bg .heading i.fa.large {

    display: block;

    position: absolute;

    left: 50%;

    float: none;

    margin-left: -32px;

	top: -80px;

}



/* Text Boxes ------------------------------------------------------ */

.div-box {

	position:relative;

    padding: 28px 28px 27px 31px;

	border-width: 3px 1px 1px; 

	border-style: solid; 

	border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230); 

	background-color: rgb(255, 255, 255);

}

.div-box-shadow { 

	z-index: 1; 

	position: relative; 

}

.div-box-shadow .div-box::before, .div-box-shadow .div-box::after {

	opacity: 0.7;

	position: absolute;

    bottom: 15px;

    left: 10px;

    z-index: -1;

    height: 20%;

    max-height: 100px;

    max-width: 460px;

    width: 60%;

    content: "";

    opacity: 0.7;

    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);

    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);

    box-shadow: 0px 17px 10px rgba(0,0,0,0.7);

    -webkit-transform: rotate(-3deg);

    -moz-transform: rotate(-3deg);

    -ms-transform: rotate(-3deg);

    -o-transform: rotate(-3deg);

    transform: rotate(-3deg);

}

.div-box-shadow .div-box::after { 

	left: auto; 

	right: 10px; 

	-webkit-transform: rotate(3deg); 

	-moz-transform: rotate(3deg); 

	-ms-transform: rotate(3deg); 

	-o-transform: rotate(3deg); 

	transform: rotate(3deg); 

}

.div-box-dark { 

	margin:0px; 

	padding: 15px; 

	color: rgb(255, 255, 255);

	background-color: rgb(55, 55, 55);

	border-left: 5px solid rgb(0, 0, 0); 

}

.div-box-dark a, .div-box-dark a:hover, .div-box-dark a:focus {

	color: rgb(255, 255, 255);

}

.div-box-light { 

	margin:0px; 

	padding: 15px; 

	color: rgb(51, 51, 51);

	background-color: rgb(245, 245, 245);

	border-left: 5px solid rgb(0, 0, 0); 

}



/* Dividers ------------------------------------------------------ */

.div-title-block-thin, .div-title-block-bold {

    position: relative;

    margin-bottom:20px;

}

.div-title-block-thin::before, .div-title-block-bold::before { 

    content: "";

    display: block;

    width: 100%;

    position: absolute;

    top: 50%;

    z-index: 1;

}

.div-title-block-thin::before {

    height: 1px;

	margin-top:-1px;

	background:#e7e6e6;

}

.div-title-block-bold::before {

    height: 6px;

    background: rgb(240, 240, 240);

	margin-top:-4px;

}

.div-title-block-thin span, .div-title-block-bold span {

    background: #fff;

    padding: 0 12px;

    margin: 0 15px;

    position: relative;

    z-index: 2;

}

.div-title-line-thin, .div-title-line-bold {

	width:100%;

	padding:12px 0px 6px; 

    margin: 0 0 20px;

}

.div-title-line-thin {

	border-bottom:1px solid #e7e6e6;

}

.div-title-line-bold {

	border-bottom:6px solid rgb(240, 240, 240);

}

.div-title-underline-thin, .div-title-underline-bold { 

	margin: 0px 0px 15px; 

	padding: 0px 0px 5px; 

	text-transform: capitalize; 

	overflow: hidden; 

	display: inline-block; 

	position: relative;

}

.div-title-underline-thin { 

	border-bottom:1px solid rgb(51, 51, 51); 

}

.div-title-underline-bold { 

	border-bottom:3px solid rgb(51, 51, 51); 

}

.div-title-underbar {

	padding:0;

	margin:0;

    border-bottom: 1px solid #cccccc;

}

.div-title-underbar span {

    display: inline-block;

    padding-bottom: 8px;

	margin-bottom:-1px;

}

.div-title-underbar-thin {

    border-bottom: 1px solid #333333;

}

.div-title-underbar-bold {

    border-bottom: 2px solid #333333;

}

.div-title-wrap {

    display: table;

    margin: 0 0 20px;

    overflow: hidden;

}

.div-title {

    float: left;

    display: table-cell;

    margin: 0;

    padding: 0 12px 0 0;

    line-height: normal;

    white-space: nowrap;

}

.div-sep-wrap {

    position: relative;

    display: table-cell;

    vertical-align: middle;

    height: 6px;

    width: 100%;

}

.div-sep {

    position: relative;

    display: block;

    width: 100%;

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    -o-box-sizing: content-box;

}

.sep-thin.div-sep {

    height: 1px;

	margin-top:-1px;

	background: #e7e6e6;

}

.sep-bold.div-sep {

    height: 6px;

	margin-top:-3px;

	background: rgb(240, 240, 240);

}

.div-separator {

    margin: 30px auto 0;

    border: 0 solid #e7e6e6;

    clear: both;

    position: relative;

    z-index: 1;

}

.div-sep-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -13px 0 0 -13px;

    height: 26px;

    width: 26px;

	font-size:14px;

	color : rgb(205, 205, 205);

    background: none repeat scroll 0 0 #FFF;

    border: 1px solid rgb(205, 205, 205);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    text-align: center;

	line-height:26px !important;

}

.div-sep-icon i {

	margin:0 auto;

}

.div-sep-line {

	clear:both; height:40px; border-top:1px solid #e7e6e6;

	

}

.sep-shadow.div-separator::after {

    display: block;

    margin-top: 10px;

    height: 6px;

    width: 100%;

    content: "";

    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);

    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);

    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);

    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);

}



.sep-shadow.div-separator {

	margin:20px 0px;

    height: 1px;

    overflow: visible;

    border: none;

    background: none;

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));

    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);

    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);

    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);

    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);

    background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);

}



.div-sep-arrow-top, .div-sep-arrow-bottom {

    position: relative;

}

.sep-arrow {

    z-index: 2;

    position: absolute;

    left: 50%;

    margin-left: -29px;

    height: 0px;

    width: 0px;

    border-style: solid;

}

.div-sep-arrow-bottom .sep-arrow {

    border-width: 29px 29px 0 29px;

    border-left-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

}

.div-sep-arrow-top .sep-arrow {

    top: -29px;

    border-width: 0 29px 29px;

    border-left-color: transparent;

    border-right-color: transparent;

    border-top-color: transparent;

}

.div-sep-bar, .div-sep-bar-thin, .div-sep-bar-bold {

    position: relative;

	margin:0px auto;

	width:100px;

	background: rgb(240, 240, 240);

}

.div-sep-bar {

	height:6px;

}

.div-sep-bar-thin {

	height:1px;

}

.div-sep-bar-bold {

	height:2px;

}

ul.div-ring { 

	text-align:center; 

	padding:10px 8px; 

	margin:0px;

	overflow:hidden;

}

ul.div-ring li { 

	width: 186px; 

	height: 186px; 

	background: rgba(210,210,210,0.3); 

	border-radius: 50%; 

	padding: 20px; 

	margin:-10px -8px; 

	overflow:hidden; 

}

ul.div-ring .ring-item { 

	display:inline-block; 

	border-radius: 50%; 

	width: 100%; 

	height: 100%; 

	padding:32px 10px 0px;

	line-height:1px !important;

}

ul.div-ring h4 {

	line-height:26px;

	margin:0px;

}

ul.div-ring p {

	margin:10px 0px 0px;

	padding:0px; 

	letter-spacing:-1px;

	line-height:20px;

}



/* Carousel Fade Effect ------------------------------------------------------ */

.carousel.at-fade .item { 

	-webkit-transition: opacity 1s ease-in-out; 

	-moz-transition: opacity 1s ease-in-out; 

	-ms-transition: opacity 1s ease-in-out; 

	-o-transition: opacity 1s ease-in-out; 

	transition: opacity 1s ease-in-out; 

}

.carousel.at-fade .active.left, .carousel.at-fade .active.right { 

	left: 0; 

	z-index: 2; 

	opacity: 0; 

	filter: alpha(opacity=0); 

}

.carousel.at-fade .next, .carousel.at-fade .prev { 

	left: 0; z-index: 1; 

}

.carousel.at-fade .carousel-control { 

	z-index: 3; 

}

.carousel.at-vertical .carousel-inner { 

	height: 100%; 

} 

.carousel.at-vertical .item { 

	transition: all 0.6s ease-in-out;

	left: 0; 

} 

.carousel.at-vertical.up .active, .carousel.at-vertical.up .next.left, .carousel.at-vertical.up .prev.right { 

	top: 0;

	left:0;

}

.carousel.at-vertical.up .next, .carousel.at-vertical.up .active.right { 

	top: 100%;

	left:0;

} 

.carousel.at-vertical.up .prev, .carousel.at-vertical.up .active.left { 

	top: -100%;

	left:0

} 

.carousel.at-vertical.down .active, .carousel.at-vertical.down .next.left, .carousel.at-vertical.down .prev.right { 

	bottom: 0;

	left:0;

}

.carousel.at-vertical.down .next, .carousel.at-vertical.down .active.right { 

	bottom: 100%;

	left:0;

} 

.carousel.at-vertical.down .prev, .carousel.at-vertical.down .active.left { 

	bottom: -100%;

	left:0

} 

.carousel.div-carousel .carousel-control { 

	display:none;

    background-color: rgba(0, 0, 0, 0.5);

    width: 30px;

    height: 30px;

    margin-top: -15px;

    text-align: center;

    line-height: 30px !important;

	font-size:11px;

    color: rgba(255, 255, 255, 0.5);

}

.carousel.div-carousel:hover .carousel-control { 

	display:block;

	z-index:1;

}

.carousel.div-carousel:hover .carousel-control:hover {

	font-size: 11px !important;

    color: rgba(255, 255, 255, 0.8);

    text-shadow: 0px 0px 0px rgba(255,255,255,0.3);

}

.carousel.div-carousel .carousel-control.left {

	left:0px;

	top:50%;

}

.carousel.div-carousel .carousel-control.right {

	right:0px;

	top:50%;

}

.carousel.div-carousel .carousel-indicators {

	z-index:2;

	bottom: 10px;

	margin-bottom:0px;

	padding:0px;

}

.carousel.div-carousel .carousel-indicators li {

	border:0;

	background: #666;

	background: rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

}

.carousel.div-carousel .carousel-indicators .active {

	background: #333;

	background: rgba(0, 0, 0, 0.7);

}

.carousel.div-carousel .slide-title {

    position: absolute;

    bottom: 20%;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.8);

    padding: 10px 15px;

    margin: 0;

}



/* Talk Boxs ------------------------------------------------------ */

.talk-box-wrap {

	margin:0 0 20px;

}

.talk-box {

	margin:0;

}

.talk-box.talk-left {

	margin-right:70px;

}

.talk-box.talk-right {

	margin-left:70px;

}

.talk-bubble {

	position: relative;

	background: #f5f5f5;

	border: 1px solid #eee;

	padding:3%;

	border-radius:4px;

}

.talk-bubble:after, .talk-bubble:before {

	margin:0;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.talk-bubble:after {

	border-color: rgba(245, 245, 245, 0);

	border-width: 12px;

}

.talk-bubble:before {

	border-color: rgba(238, 238, 238, 0);

	border-width: 13px;

}

.talk-top .talk-bubble {

	margin:0 0 20px;

}

.talk-bottom .talk-bubble {

	margin:20px 0 0;

}

.talk-left .talk-bubble, .talk-right .talk-bulle {

	min-height:50px;

}

.talk-bottom .talk-bubble:after, .talk-bottom .talk-bubble:before {

	bottom: 100%;

	left: 25px;

}

.talk-bottom .talk-bubble:after {

	border-bottom-color: #f5f5f5;

	margin-left: -12px;

}

.talk-bottom .talk-bubble:before {

	border-bottom-color: #eee;

	margin-left: -13px;

}

.talk-left .talk-bubble:after, .talk-left .talk-bubble:before {

	left: 100%;

	top: 25px;

}

.talk-left .talk-bubble:after {

	border-left-color: #f5f5f5;

	margin-top: -12px;

}

.talk-left .talk-bubble:before {

	border-left-color: #eee;

	margin-top: -13px;

}

.talk-top .talk-bubble:after, .talk-top .talk-bubble:before {

	top: 100%;

	left: 25px;

}

.talk-top .talk-bubble:after {

	border-top-color: #f5f5f5;

	margin-left: -12px;

}

.talk-top .talk-bubble:before {

	border-top-color: #eee;

	margin-left: -13px;

}

.talk-right .talk-bubble:after, .talk-right .talk-bubble:before {

	right: 100%;

	top: 25px;

}

.talk-right .talk-bubble:after {

	border-right-color: #f5f5f5;

	margin-top: -12px;

}

.talk-right .talk-bubble:before {

	border-right-color: #eee;

	margin-top: -13px;

}

.talker-one {

	height:50px;

    line-height: 48px;

	color: #747474;

}

.talker-two {

	height:50px;

    line-height: 24px;

	color: #747474;

}

.talker-photo, .talker-photo i, .talker-photo img, i.talker-photo {

	display:inline-block !important;

    width: 50px !important;

    height: 50px !important;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

	vertical-align:middle;

    line-height: 50px;

    font-size: 24px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    text-align: center;

	background-color: rgb(240, 240, 240);

	color: #fff;

}

.talker-photo i, .talker-photo img {

	float:left;

}

.talker-one .talker-info i {

	margin-left:12px; 

}

.talker-two .talker-info span {

	margin-right:12px; 

}



/* Form Box ------------------------------------------------------ */

.form-box { 

	margin: 0px 0px 15px; 

	border: 1px solid rgb(231, 231, 231); 

	transition:0.3s linear; 

	border-image: none; 

	overflow: hidden; 

	position: relative; 

	cursor: default; 

	-webkit-transition: all 0.3s linear;

	background: rgb(252, 252, 252); 

	border-top:1px solid rgb(231, 231, 231); 

	border-bottom:1px solid rgb(231, 231, 231); 

}

.form-box::before { 

	display: table; 

	content: ""; 

}

.form-box::after { 

	display: table; 

	content: ""; 

}

.form-box::after { 

	clear: both; 

}

.form-box label.checkbox, .form-box label.radio { 

	line-height:12px; 

	font-size: 12px; 

	font-weight: normal; 

	cursor: pointer; 

}

.form-box .form-icon { 

	margin: 25px auto; 

	border-radius: 80px; 

	width: 80px; 

	height: 80px; 

	text-align: center; 

	line-height: 80px; 

	font-size: 40px; 

	display: block; 

}

.form-box .form-header { 

	padding: 15px; 

	border-bottom-color: rgb(243, 243, 243); 

	border-bottom-width: 1px; 

	border-bottom-style: solid; 

}

.form-box .form-header h2, .form-box .form-heading { 

	margin: 0px; 

	padding: 0px !important; 

	font-size: 18px; 

	font-weight: 500; 

}

.form-box .form-body { 

	background: rgb(255, 255, 255); 

	padding: 15px; 

}

.form-box .form-body p { 

	padding-left: 0px; 

	margin-bottom: 10px; 

}

.form-box .form-body .condition { 

	margin:10px 0px; 

	height:200px; 

	overflow:auto; 

	background:#fff; 

	border:1px solid #ddd; 

	padding:15px; 

}

.form-box .form-footer { 

	padding: 6px 0px; 

	border-top-color: rgb(243, 243, 243); 

	border-top-width: 1px; 

	border-top-style: solid; 

}

.form-box .form-footer::before { 

	display: table; 

	content: ""; 

}

.form-box .form-footer::after { 

	display: table; 

	content: "";

	clear: both; 

}

.form-box .form-footer p { 

	margin: 6px 15px; 

}

.form-box .form-footer a { 

	margin:0px 15px; 

}



/* Labels ------------------------------------------------------ */

.label-tack { 

	left: 0px; 

	top: 10px; 

	z-index: 1; 

	position: absolute;

	font-weight:normal; 	

}

.label-band { 

	z-index:2; 

	font-family: tahoma; 

	top: 5px; 

	letter-spacing:1px; 

	width: 100px; 

	padding: 5px; 

	right: -32px; 

	font-size: 11px; 

	position: absolute; 

	text-align: center; 

	font-weight:normal; 

	transform: rotate(45deg); 

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg); 

}

.label-cap { 

	z-index:2; 

	font-family: tahoma; 

	top: -11px; 

	letter-spacing:1px; 

	width: 140px; 

	padding: 20px 0px 3px; 

	right: -60px; 

	font-size: 11px; 

	position: absolute; 

	text-align: center; 

	font-weight:normal; 

	transform: rotate(45deg); 

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg); 

}

/* Icons ------------------------------------------------------ */

.rank-icon { 

	display:inline-block; 

	padding:0px 6px; 

	font-size:11px; 

	letter-spacing:-1px; 

	line-height:16px; 

	font-weight:normal; 

	margin-right:2px; 

	min-width:22px; 

	text-align:center;

}

.tack-icon { 

	display:inline-block; 

	padding:4px 6px 2px; 

	font-family:dotum; 

	font-size:11px; 

	letter-spacing:-1px; 

	line-height:11px;

	font-weight:normal; 

}

.social-icon a {

    margin: 0px;

    font-size: 18px;

    color: rgb(190, 189, 189);

    display: inline-block;

	text-align:center;

}

.boxed-icon.social-icon a {

	min-width:40px;

	line-height:24px;

	padding: 8px;

    background-color: #46494a;

    border: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);

    -moz-background-clip: inherit;

    -webkit-background-clip: inherit;

    background-clip: inherit;

    border: 1px solid #46494a;

    color: #fff;

}

.boxed-icon.social-icon a i {

	vertical-align:middle;

}



/* Button ------------------------------------------------------ */

.btn.btn-color {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(213, 7, 15);  

	background-color: rgb(233, 27, 35); 

}

.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active { 

	background-color: rgb(213, 7, 15); 

}

.btn.btn-dark { 

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid #000; 

	background-color: #333; 

}

.btn.active.btn-dark, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active { 

	border-color: rgb(213, 7, 15); 

	background-color: rgb(213, 7, 15); 

}

.btn.btn-black { 

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid #111; 

	background-color: #333; 

}

.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { 

	background-color: #111; 

}

.btn.btn-white { 

	color: #333 !important; border-image: none !important; background-image: none !important;

	border: 1px solid #ddd; 

	background-color: #fff; 

}

.btn.active.btn-white, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active { 

	background-color: #f5f5f5; 

}

.btn.btn-gray { 

	color: #333 !important; border-image: none !important; background-image: none !important;

	border: 1px solid #ccc; 

	background-color: #eee; 

}

.btn.active.btn-gray, .btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active { 

	background-color: #f5f5f5; 

}

.btn.btn-lightgray { 

	color: #333 !important; border-image: none !important; background-image: none !important;

	border: 1px solid #ddd; 

	background-color: #fafafa; 

}

.btn.active.btn-lightgray, .btn.btn-lightgray:hover, .btn.btn-lightgray:focus, .btn.btn-lightgray:active { 

	background-color: #efefef; 

}

.btn.btn-darkgray { 

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid #444; 

	background-color: #666; 

}

.btn.active.btn-darkgray, .btn.btn-darkgray:hover, .btn.btn-darkgray:focus, .btn.btn-darkgray:active { 

	background-color: #444; 

}

.btn.btn-red {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(213, 7, 15);  

	background-color: rgb(233, 27, 35); 

}

.btn.active.btn-red, .btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active { 

	background-color: rgb(213, 7, 15); 

}

.btn.btn-darkred {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(150, 25, 30);  

	background-color: rgb(170, 60, 63); 

}

.btn.active.btn-darkred, .btn.btn-darkred:hover, .btn.btn-darkred:focus, .btn.btn-darkred:active { 

	background-color: rgb(150, 25, 30); 

}

.btn.btn-crimson {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(190, 20, 50);  

	background-color: rgb(220, 20, 60); 

}

.btn.active.btn-crimson, .btn.btn-crimson:hover, .btn.btn-crimson:focus, .btn.btn-crimson:active { 

	background-color: rgb(190, 20, 50); 

}

.btn.btn-orangered {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(240, 0, 0);  

	background-color: orangered; 

}

.btn.active.btn-orangered, .btn.btn-orangered:hover, .btn.btn-orangered:focus, .btn.btn-orangered:active { 

	background-color: rgb(240, 0, 0); 

}

.btn.btn-orange {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(240, 130, 0);  

	background-color: rgb(240, 150, 20); 

}

.btn.active.btn-orange, .btn.btn-orange:hover, .btn.btn-orange:focus, .btn.btn-orange:active { 

	background-color: rgb(240, 130, 0); 

}

.btn.btn-green {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(110, 180, 20);  

	background-color: rgb(140, 195, 70); 

}

.btn.active.btn-green, .btn.btn-green:hover, .btn.btn-green:focus, .btn.btn-green:active { 

	background-color: rgb(110, 180, 20); 

}

.btn.btn-lightgreen {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(130, 190, 60);  

	background-color: rgb(160, 200, 80); 

}

.btn.active.btn-lightgreen, .btn.btn-lightgreen:hover, .btn.btn-lightgreen:focus, .btn.btn-lightgreen:active { 

	background-color: rgb(130, 190, 60); 

}

.btn.btn-deepblue {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(0, 110, 160);  

	background-color: rgb(0, 125, 180); 

}

.btn.active.btn-deepblue, .btn.btn-deepblue:hover, .btn.btn-deepblue:focus, .btn.btn-deepblue:active { 

	background-color: rgb(0, 110, 160); 

}

.btn.btn-skyblue {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(60, 180, 245);  

	background-color: rgb(100, 195, 245); 

}

.btn.active.btn-skyblue, .btn.btn-skyblue:hover, .btn.btn-skyblue:focus, .btn.btn-skyblue:active { 

	background-color: rgb(60, 180, 245); 

}

.btn.btn-blue {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(40, 130, 190);  

	background-color: rgb(52, 152, 219); 

}

.btn.active.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active { 

	background-color: rgb(40, 130, 190); 

}

.btn.btn-navy {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(40, 40, 50);  

	background-color: rgb(50, 60, 70); 

}

.btn.active.btn-navy, .btn.btn-navy:hover, .btn.btn-navy:focus, .btn.btn-navy:active { 

	background-color: rgb(40, 40, 50); 

}

.btn.btn-violet {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(65, 50, 100);  

	background-color: rgb(85, 60, 125); 

}

.btn.active.btn-violet, .btn.btn-violet:hover, .btn.btn-violet:focus, .btn.btn-violet:active { 

	background-color: rgb(65, 50, 100); 

}

.btn.btn-yellow {

	color: #fff !important; border-image: none !important; background-image: none !important;

	border: 1px solid rgb(230, 180, 0);  

	background-color: rgb(240, 195, 15); 

}

.btn.active.btn-yellow, .btn.btn-yellow:hover, .btn.btn-yellow:focus, .btn.btn-yellow:active { 

	background-color: rgb(230, 180, 0); 

}

.btn.btn-trans { 

	color: #fff !important; border-image: none !important; background: none;

	border: 2px solid #fff; 

}

.btn.active.btn-trans, .btn.btn-trans:hover, .btn.btn-trans:focus, .btn.btn-trans:active { 

	color: rgb(213, 7, 15) !important; 

	background-color: #fff; 

	background-image: none; 

}



/* ====================================================================================================================

 * Font, Color 등 설정은 제일 하단에 위치시킴

 * ====================================================================================================================*/



/* Background Color ------------------------------------------------------ */

.bg-red, i.bg-red, .badge.bg-red { 

	background-color: rgb(233, 27, 35);

	color: #fff; 

}

.bg-darkred, i.bg-darkred, .badge.bg-darkred { 

	background-color: rgb(170, 60, 63);

	color: #fff; 

}

.bg-crimson, i.bg-crimson, .badge.bg-crimson { 

	background-color: rgb(220, 20, 60); 

	color: #fff; 

}

.bg-orangered, i.bg-orangered, .badge.bg-orangered { 

	background-color: orangered; 

	color: #fff; 

}

.bg-orange, i.bg-orange, .badge.bg-orange { 

	background-color: rgb(240, 150, 20);

	color: #fff; 

}

.bg-green, i.bg-green, .badge.bg-green { 

	background-color: rgb(140, 195, 70); 

	color: #fff; 

}

.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen { 

	background-color: rgb(160, 200, 80); 

	color: #fff; 

}

.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue { 

	background-color: rgb(0, 125, 180); 

	color: #fff; 

}

.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue { 

	background-color: rgb(100, 195, 245); 

	color: #fff; 

}

.bg-blue, i.bg-blue, .badge.bg-blue { 

	background-color: rgb(52, 152, 219); 

	color: #fff; 

}

.bg-navy, i.bg-navy, .badge.bg-navy { 

	background-color: rgb(50, 60, 70); 

	color: #fff; 

}

.bg-violet, i.bg-violet, .badge.bg-violet { 

	background-color: rgb(85, 60, 125); 

	color: #fff; 

}

.bg-yellow, i.bg-yellow, .badge.bg-yellow { 

	background-color: rgb(241, 196, 15); 

	color: #fff; 

}

.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray { 

	background-color: #666; 

	color: #fff; 

}

.bg-gray, i.bg-gray, .badge.bg-gray { 

	background-color: #888; 

	color: #fff; 

}

.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray { 

	background-color: #ddd; 

	color: #fff; 

}

.bg-white, i.bg-white, .badge.bg-white { 

	background-color: #fff; 

	color: #333; 

}

.bg-light, i.bg-light, .badge.bg-light {

	color: #333; 

	background-color: #f5f5f5; 

}

.bg-light-border, i.bg-light-border, .badge.bg-light-border {

	color: #333; 

	background-color: #fafafa; 

	border-bottom:1px solid #ddd; 

}

.bg-black, i.bg-black, .badge.bg-black {

	background-color: #333; 

	color: #fff; 

}

.bg-color, i.bg-color, .badge.bg-color { 

	background-color: rgb(233, 27, 35);

	color: #fff; 

}



/* Border Color ------------------------------------------------------ */

.border-red, i.border-red, img.border-red { 

	border-color: rgb(233, 27, 35);

}

.border-darkred, i.border-darkred, img.border-darkred { 

	border-color: rgb(170, 60, 63);

}

.border-crimson, i.border-crimson, img.border-crimson { 

	border-color: rgb(220, 20, 60); 

}

.border-orangered, i.border-orangered, img.border-orangered { 

	border-color: orangered; 

}

.border-orange, i.border-orange, img.border-orange { 

	border-color: rgb(240, 150, 20);

}

.border-green, i.border-green, img.border-green { 

	border-color: rgb(140, 195, 70); 

}

.border-lightgreen, i.border-lightgreen, img.border-lightgreen { 

	border-color: rgb(160, 200, 80); 

}

.border-deepblue, i.border-deepblue, img.border-deepblue { 

	border-color: rgb(0, 125, 180); 

}

.border-skyblue, i.border-skyblue, img.border-skyblue { 

	border-color: rgb(100, 195, 245); 

}

.border-blue, i.border-blue, img.border-blue { 

	border-color: rgb(52, 152, 219); 

}

.border-navy, i.border-navy, img.border-navy { 

	border-color: rgb(50, 60, 70); 

}

.border-violet, i.border-violet, img.border-violet { 

	border-color: rgb(85, 60, 125); 

}

.border-yellow, i.border-yellow, img.border-yellow { 

	border-color: rgb(241, 196, 15); 

}

.border-darkgray, i.border-darkgray, img.border-darkgray { 

	border-color: #666; 

}

.border-gray, i.border-gray, img.border-gray { 

	border-color: #888; 

}

.border-lightgray, i.border-lightgray, img.border-lightgray { 

	border-color: #ddd; 

}

.border-white, i.border-white, img.border-white { 

	border-color: #fff; 

}

.border-light, i.border-light, img.border-light {

	border-color: #f5f5f5; 

}

.border-black, i.border-black, img.border-black {

	border-color: #333; 

}

.border-color, i.border-color, img.border-color { 

	border-color: rgb(233, 27, 35); 

}



/* Hover Color ------------------------------------------------------ */

.hover-red:hover { 

	background-color: rgb(233, 27, 35);

	color: #fff; 

}

.hover-darkred:hover { 

	background-color: rgb(170, 60, 63);

	color: #fff; 

}

.hover-crimson:hover { 

	background-color: rgb(220, 20, 60); 

	color: #fff; 

}

.hover-orangered:hover { 

	background-color: orangered;

	color: #fff; 

}

.hover-orange:hover { 

	background-color: rgb(240, 150, 20);

	color: #fff; 

}

.hover-green:hover:hover { 

	background-color: rgb(140, 195, 70); 

	color: #fff; 

}

.hover-lightgreen:hover { 

	background-color: rgb(160, 200, 80); 

	color: #fff; 

}

.hover-deepblue:hover { 

	background-color: rgb(0, 125, 180); 

	color: #fff; 

}

.hover-skyblue:hover { 

	background-color: rgb(100, 195, 245); 

	color: #fff; 

}

.hover-blue:hover { 

	background-color: rgb(52, 152, 219); 

	color: #fff; 

}

.hover-navy:hover { 

	background-color: rgb(50, 60, 70); 

	color: #fff; 

}

.hover-violet:hover { 

	background-color: rgb(85, 60, 125); 

	color: #fff; 

}

.hover-yellow:hover { 

	background-color: rgb(241, 196, 15); 

	color: #fff; 

}

.hover-darkgray:hover { 

	background-color: #666; 

	color: #fff; 

}

.hover-gray:hover { 

	background-color: #888; 

	color: #fff; 

}

.hover-lightgray:hover { 

	background-color: #ddd; 

	color: #fff; 

}

.hover-white:hover { 

	background-color: #fff; 

	color: #333; 

}

.hover-black:hover { 

	background-color: #333; 

	color: #fff; 

}

.hover-color:hover { 

	background-color: rgb(233, 27, 35);

	color: #fff; 

}



/* Trans Background Color ------------------------------------------------------ */

.trans-bg-red { 

	background-color: rgba(233, 27, 35, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-darkred { 

	background-color: rgba(170, 60, 63, 0.75) !important;

	color: #fff !important; 

}

.trans-bg-crimson { 

	background-color: rgba(220, 20, 60, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-orangered { 

	background-color: rgba(255, 70, 0, 0.75) !important;

	color: #fff !important; 

}

.trans-bg-orange { 

	background-color: rgba(240, 150, 20, 0.75) !important;

	color: #fff !important; 

}

.trans-bg-green { 

	background-color: rgba(140, 195, 70, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-lightgreen { 

	background-color: rgba(160, 200, 80, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-deepblue { 

	background-color: rgba(0, 125, 180, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-skyblue { 

	background-color: rgba(100, 195, 245, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-blue { 

	background-color: rgba(52, 152, 219, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-navy { 

	background-color: rgba(50, 60, 70, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-violet { 

	background-color: rgba(85, 60, 125, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-yellow { 

	background-color: rgba(241, 196, 15, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-darkgray { 

	background-color: rgba(102, 98, 98, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-gray { 

	background-color: rgba(102, 102, 102, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-lightgray { 

	background-color: rgba(208, 208, 208, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-white { 

	background-color: rgba(255, 255, 255, 0.75) !important; 

	color: #333 !important; 

}

.trans-bg-black { 

	background-color: rgba(0, 0, 0, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-color { 

	background-color: rgba(233, 27, 35, 0.75) !important; 

	color: #fff !important; 

}

.trans-bg-full { 

	width:100%; 

	height:100%; 

	overflow:hidden; 

	padding:8% !important; 

	text-overflow:clip; 

	white-space:normal; 

}



/* Font ------------------------------------------------------ */

.font-normal { 

	font-weight: normal;

}

.font-8, i.font-8 { 

	font-size: 8px; 

}

.font-9, i.font-9 { 

	font-size: 9px; 

}

.font-10, i.font-10 { 

	font-size: 10px; 

}

.font-11, i.font-11 { 

	font-size: 11px; 

}

.font-12, i.font-12 { 

	font-size: 12px; 

}

.font-13, i.font-13 { 

	font-size: 13px; 

}

.font-14, i.font-14 { 

	font-size: 14px; 

}

.font-16, i.font-16 { 

	font-size: 16px; 

}

.font-18, i.font-18 { 

	font-size: 18px; 

}

.font-20, i.font-20 { 

	font-size: 20px; 

}

.font-22, i.font-22 { 

	font-size: 22px; 

}

.font-24, i.font-24 { 

	font-size: 24px; 

}



/* Style ------------------------------------------------------ */

.cursor { 

	cursor:pointer;

}

.count { 

	font-size: 10px; 

	font-weight:bold; 

	font-family:verdana; 

	letter-spacing:-1px;

	line-height:16px;

	padding-right:1px;

}

.block {

	display:block;

}

.break-word {

	word-wrap: break-word;

}

.ellipsis { 

	display:block; 

	text-overflow:ellipsis; 

	white-space:nowrap; 

	word-wrap:normal; 

	overflow:hidden; 

}

.no-border {

	border:0 !important;

}

.no-margin { 

	margin:0 !important; 

}

.no-animation .collapsing{

    -webkit-transition: none;

          transition: none;

}

.no-scrollbar { 

	-ms-overflow-style: none; 

}

.no-scrollbar::-webkit-scrollbar { 

	width: 0; display:none; 

}

.btn-wset { 

	display:none; 

}

/* Height ------------------------------------------------------ */

.h10 {

	height:10px;

}

.h15 {

	height:15px;

}

.h20 {

	height:20px;

}

.h25 {

	height:25px;

}

.h30 {

	height:30px;

}

.h35 {

	height:35px;

}

.h40 {

	height:40px;

}

.h45 {

	height:45px;

}

.h50 {

	height:50px;

}

.p10 {

	padding:10px 0px;

}

.p15 {

	padding:15px 0px;

}

.m10 {

	margin:10px 0px;

}

.m15 {

	margin:15px 0px;

}



/* Color ------------------------------------------------------ */

.red, i.red { 

	color: rgb(233, 27, 35) !important;

}

.darkred, i.darkred { 

	color: rgb(170, 60, 63);

}

.crimson, i.crimson { 

	color: rgb(220, 20, 60); 

}

.orangered, i.orangered { 

	color: orangered; 

}

.orange, i.orange { 

	color: rgb(240, 150, 20);

}

.green, i.green { 

	color: rgb(140, 195, 70); 

}

.lightgreen, i.lightgreen { 

	color: rgb(160, 200, 80); 

}

.deepblue, i.deepblue { 

	color: rgb(0, 125, 180); 

}

.skyblue, i.skyblue { 

	color: rgb(100, 195, 245); 

}

.blue, i.blue { 

	color: rgb(52, 152, 219); 

}

.navy, i.navy { 

	color: rgb(50, 60, 70); 

}

.violet, i.violet { 

	color: rgb(85, 60, 125); 

}

.yellow, i.yellow { 

	color: rgb(241, 196, 15); 

}

.darkgray, i.darkgray { 

	color: #666; 

}

.gray, i.gray { 

	color: #888; 

}

.lightgray, i.lightgray { 

	color: #ddd; 

}

.white, i.white { 

	color: #fff; 

}

.light, i.light {

	color: #f5f5f5; 

}

.black, i.black { 

	color: #333; 

}

.color, i.color { 

	color: rgb(233, 27, 35);

}



/* List Head */

.div-head { 

	display:table; 

	width:100%; 

	table-layout:fixed; 

	padding:15px 0; 

	border-top-width:2px; 

	border-top-style:solid; 

	border-bottom:1px solid #c3c3c3; 

	border-collapse:separate;

}

.div-head > span { 

	display:table-cell; 

	text-align:center; 

	vertical-align:middle; 

	border-right:1px solid #ddd; 

	font-weight:bold; 

	line-height:1; 

}

.div-head > span:last-child { 

	border-right:0; 

}

.div-head.list-head > span { 

	border:0; 

}

.tr-head { 

	border-top-width:2px !important; 

	border-top-style:solid !important; 

	border-bottom:1px solid #c3c3c3 !important; 

	text-align:center !important;

}

.tr-head > th { 

	padding:15px 0 !important; 

	text-align:center !important; 

	border:0 !important; 

}

.tr-head > th > span { 

	display:block !important; 

	min-width:40px !important; 

	padding:0px 10px !important; 

	text-align:center !important; 

	vertical-align:middle !important; 

	border-right:1px solid #ddd !important; 

	font-weight:bold !important; 

	line-height:1 !important; 

}

.tr-head > th > span.last { 

	border-right:0 !important; 

}

.tr-line > td { 

	border-top:0 !important 

}



/* Row & Col Space */

.row-10 {

	margin-left:-5px !important; margin-right:-5px !important;

}

.col-10 {

	padding-left:5px !important; padding-right:5px !important;

}

.row-15 {

	margin-left:-8px !important; margin-right:-8px !important;

}

.col-15 {

	padding-left:8px !important; padding-right:8px !important;

}

.row-20 {

	margin-left:-10px !important; margin-right:-10px !important;

}

.col-20 {

	padding-left:10px !important; padding-right:10px !important;

}



/* Auto Size */

.apms-autowrap { 

	margin:0 auto 15px;

}

.apms-autosize { 

	position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0;

}

.apms-autosize iframe, .apms-autosize object, .apms-autosize embed { 

	position: absolute; top: 0; left: 0; width: 100%; height:100%; 

}



/* Print Media Query */

@media print { 

	a:after {

		content: "" !important; /* disable URL display */

	}

}



/* CHEditor */

.cheditor-popup-cframe { height:auto !important; }