/** Common **/
#st-body {
	font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	color: #000;
}
@media (max-width: 768px) {
	#st-body {
		font-size: 16px;
	}	
}

#st-body h1, #st-body h2, #st-body h3, #st-body h4, #st-body h5,
.sectionTitle h2, .sectionTitleSmall h2, .pageTitleSection .pageTitleInfo h2 {
	font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif;
	margin-top: 0;
}

#st-page .sect-title {
    font-weight: bold;
	margin-top: 0;
    margin-bottom: 15px;
}
#st-page p {
    line-height: 1.5;
	margin-bottom: 15px;
}
#st-body p > b {
	color: #ea7066;
}

/** Common (Colors) **/
#st-body .sectionLink:hover .border-color-5 {
  color: #a597e7;
}
#st-body .sectionLink:hover .border-color-6 {
  color: #ea77ad;
}
#st-body .sectionLink:hover .border-color-7 {
  color: #2f3c43;
}
#st-body .color-7 {
    color: #2f3c43 !important;
}
#st-body .bg-color-7 {
    background-color: #2f3c43 !important;
}

#st-body .text-color-1 {
	color: #1e9174;
}
#st-body .text-color-2 {
	color: #f58220;
}
#st-body .text-color-3 {
	color: #333;
}

/** Common (Controls) **/
#st-body .sound_only {
	display: none !important;
}
/***
#st-body .btn {
	font-size: 14px !important;
	padding: 10px 16px !important;		
}
***/
#st-body .btn-sm {
	font-size: 14px;
	padding: 8px 14px;		
	/***
	padding-left: 9px !important;
	padding-right: 9px !important;
	***/
}
#st-body .btn-default {
	color: #333;
	border: 1px solid #ccc;	
}
#st-body .btn-primary {
    border: 1px solid #ea7066;
}
#st-body .btn > i.fa {
    margin-right: 0px;
    padding-left: 0px;
}
#st-body .badge-stat { font-weight: bold; padding: 5px 7px 3px; }
#st-body .badge-success { color: #fff; background-color: #28a745; }
#st-body .badge-stat.bg-success { background-color: #28a745; }
#st-body .badge-danger { color: #fff; background-color: #dc3545; }
#st-body .badge-stat.bg-danger { background-color: #dc3545; }
#st-body .btn-notrans {
	white-space: normal;
	text-transform: none;
}

#st-body ol {
	margin-left: 21px;
}
#st-body ul.square {
	margin-left: 18px;
	margin-bottom: 15px;
}
#st-body ul.square li { 
	list-style-type: square;
	padding-bottom: 3px;
} 

/** 모바일 탭 형태 유지 **/
@media (min-width: 240px) {
	.nav-tabs-xsv.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
	.nav-tabs-xsv.nav-justified > li > a {
		border-bottom: 1px solid #ddd;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

/** Layout/Contents **/
.whiteSection, .mainContent, .lightSection, .colorSection {
	padding: 50px 0 100px;
	/**padding: 100px 0;**/
}
@media (max-width: 768px) {
	.whiteSection, .mainContent, .lightSection, .colorSection {
		padding: 30px 0 70px;
	}	
}
#st-body .content {
	min-height: 350px;
}
#st-body .content p {
	/**margin-bottom: 0;**/
}
#st-body .content .page-header {
	margin-top: 0;
	padding-bottom: 0;
}


/** Topbar **/
#st-body .list-inline {
	margin-left: 0;
}
#st-body .topList {
	margin-left: -5px;
}
#st-body .topList li,
#st-body .functionList > li {
	margin-right: 15px !important;
}
#st-body .topList li:last-child,
#st-body .functionList > li:last-child {
    margin-right: 0 !important;
	padding-right: 0;
}
@media (min-width: 768px) {
	#st-body .topList li,
	#st-body .topList li a {
		font-size: 14px;
	}	
	#st-body .functionList > li {
		font-size: 14px;
		margin-right: 15px !important;
	}
}
@media (max-width: 480px) {
	#st-body .topList li,
	#st-body .topList li a {
		font-size: 13px;
	}		
	#st-body .functionList > li {
		font-size: 13px;
		margin-right: 10px !important;
	}	
}

#st-body .topList li i,
#st-body .functionList > li i {
    margin-right: 5px !important;
}
#st-body .functionList > li.cart-dropdown > a i {
	margin-right: 0 !important;
}
#st-body .functionList {
	width: 100%;
	text-align: right;
	float: none;
}
#st-body .functionList > li {
	float: none;
}


/** Main Menu Patch **/
.navbar-default.lightHeader .navbar-nav > li > a {
  color: #555;
}
@media (min-width: 992px) {
  .navbar-default .navbar-nav > li > a > span {
    width: auto;
	padding: 0 28px;
  }
}
@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a > span {
    padding: 0 20px;
  }  
}
@media (max-width: 991px) {
  .navbar-default .navbar-nav > li > a > span {
    padding: 0 10px;
  }  
}
.navbar-default .navbar-nav > li:last-child > a > span {
  padding-right: 0;
}

@media (min-width: 768px) {
  .navbar-default .navbar-nav.navbar-right {
    margin-right: -15px;
  }	
  .navbar-nav > li.color-2 > a > span {
    border-right: 2px solid #b5d56a;
  }
}
.navbar-nav > li.color-2 > a:hover span {
  color: #b5d56a;
}
@media (min-width: 768px) {
  .navbar-nav > li.color-2.singleDrop > .dropdown-menu {
    border-top: 4px solid #b5d56a;
  }
}
.navbar-nav > li.color-2.singleDrop > .dropdown-menu li a:hover {
  background-color: #b5d56a;
  color: #ffffff;
}
.navbar-nav > li.color-2.singleDrop > .dropdown-menu li.active a:hover {
  background-color: #b5d56a;
}
.navbar-nav > li.color-2.singleDrop > .dropdown-menu li.active > a, .navbar-nav > li.color-2.singleDrop > .dropdown-menu li.active li.active a {
  color: #b5d56a;
  background: transparent;
}
.navbar-nav > li.color-2.singleDrop > .dropdown-menu li.active a:hover, .navbar-nav > li.color-2.singleDrop > .dropdown-menu li.active li.active a:hover {
  color: #ffffff;
}
@media (min-width: 768px) {
  .navbar-nav > li.color-2.singleDrop > .dropdown-menu li .dropdown-menu {
    border-left: 4px solid #b5d56a;
  }
}
.navbar-nav > li.color-2.singleDrop.open a > span {
  color: #b5d56a;
}


/** Subheader **/
#st-body .pageTitleSection .breadcrumb {
	padding-bottom: 0;
	margin-bottom: 0;
}


/** Sidebar Menu **/
#st-body .sidebar .eventSidebar .panel-heading .panel-title {
	font-size: 16px;
}
#st-body .sidebar .eventSidebar .panel-heading .panel-title > i {
	display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    color: #ffffff;
    font-size: 16px;
	background-color: #fff;
	margin-right: 5px;
}
#st-body .sidebar .eventSidebar .panel-body {
    padding: 10px 5px;
}
#st-body .sidebar .eventSidebar .panel-body .media-list li {
    padding: 0;
}
#st-body .sidebar .eventSidebar .panel-body .media-list li .list-group-item {
	border-radius: 0 0;
	border: 0;
}
#st-body .sidebar .eventSidebar .panel-body .media-list li .list-group-item.active {
	color: #fff;
}
@media (max-width: 991px) {
	#st-body .sidebar {
		margin-top: 50px;
	}
}


/** Main Page **/
.tp-caption.rs-caption-1 {
	font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif;	
}
.tp-caption.rs-caption-2,
.tp-caption.rs-caption-3 {
	font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif;
}
.sectionLink .linkText {
	font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;
}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {display:none}
#captcha #captcha_img {width:162px;height:62px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:125px;height:62px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 10px;font-size:0.95em;letter-spacing:-0.1em}


/* 기타 페이지 공통 UI */
.title-h3 { 
	font-size:21px; 
	padding: 0;
	margin: 0;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.badge-secondary {
	background-color: #777;
}

/** Tab **/
.nav-tabs > li > a {
	color: #444;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #ffffff;
	font-weight: bold;
    background-color: #ea7066;	
}
.nav-tabs > li > a:hover {
    background-color: #eee;
}

/** 테이블 **/
.table-dynamic>tbody>tr>td, 
.table-dynamic>tbody>tr>th, 
.table-dynamic>tfoot>tr>td, 
.table-dynamic>tfoot>tr>th, 
.table-dynamic>thead>tr>td, 
.table-dynamic>thead>tr>th {
	vertical-align: middle; 
}

.table-xsv td {
	text-align: center;
	vertical-align: middle !important;
}
@media (max-width: 480px) {
	.table-xsv td.left { width: 45%; }
	.table-xsv td.right { width: 55%; }	
}


@media (max-width: 480px) {
    #st-body .hidden-xs-v { display: none !important; }
    #st-body .visible-xs-v { display: block !important; }
    #st-body .visible-xs-v-inline { display: inline-block !important; }
    #st-body .col-xs-v6 { width: 50% !important; }
    #st-body .col-xs-v12 { width: 100% !important; }
}


/** 버튼 **/
#st-body .btn-small {
    font-size: 12px;
    font-weight: normal;
    padding: 6px 12px 5px;
    border-radius: 4px;
}


/* Table in Table */
#st-body .table-bordered-inner tr:not(:last-child) td { border-width: 0 1px 1px 0; }
#st-body .table-bordered-inner tr:not(:last-child) td:last-child { border-width: 0 0 1px 0; }
#st-body .table-bordered-inner tr:last-child td { border-width: 0 1px 0 0; }
#st-body .table-bordered-inner tr:last-child td:last-child { border-width: 0; }

.table-sm { margin-bottom: 0; }
.table-striped>tbody>tr:nth-of-type(odd) .table-sm {
    background-color: #f9f9f9;
}
.table-sm tr:not(:last-child) td { 
	border-bottom: 1px dotted #ddd;
}
.table-sm td {
	border-top: 0 !important;
	text-align:center; 
}
.table-sm .rt_acc_info { 
	width: 50%;
	border-right: 1px dotted #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {}


.table-xs { width: 100%; }
.table-xs td { text-align:center; /*font-size:85%;*/ }
.table-xs .rt_acc_info { width:45%; }
@media (max-width: 480px) {

}