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

.section-10 {padding-top:10px; padding-bottom:10px;}


body, .page {background:transparent;}


.bg-shortcut {width:100%; margin-top:30px; background: rgba(35, 31, 32, 0.7);}


/*
.intro-btn1 {min-height:200px; border-radius:10px;}
.intro-btn1 p:before {content:''; display:block; width:130px; height:130px; margin:0 auto; background:url('/user/images/main/intro_icon01.png') center center no-repeat; background-size:80%;  text-align:center;}
.intro-btn2 {min-height:200px; border-radius:10px;}
.intro-btn2 p:before {content:''; display:block; width:130px; height:130px; margin:0 auto; background:url('/user/images/main/intro_icon02.png') center center no-repeat; background-size:80%;  text-align:center;}
.intro-btn3 {min-height:200px; border-radius:10px;}
.intro-btn3 p:before {content:''; display:block; width:130px; height:130px; margin:0 auto; background:url('/user/images/main/intro_icon03.png') center center no-repeat; background-size:80%;  text-align:center;}
.intro-btn > a {display:block; width:100%; height:auto;}
.intro-btn > a:hover p:before {background-size:90%; transition: .3s all ease;}
.intro-btn p {padding-bottom:12px; color:#fff; font-size:25px; font-weight:bold;}
.intro-btn p > span {display:block; font-size:15px; font-weight:normal;}
*/




.intro-btn > a {display:block; width:100%; height:auto;}
.intro-btn p {}
.intro-btn p > span {display:block; font-size:15px; font-weight:normal;}


.intro-btn {min-height:100px;}
.intro-btn a:before {content:''; display:block;  float:left; width:100px; height:100px;}
.intro-btn p {float:left; padding: 0px 15px 15px 20px; color:#fff; font-size:25px; font-weight:bold; text-align:left;}


.intro-btn1 a:before {background:url('/user/images/main/intro_icon01.png') center center no-repeat; background-size:80%;}
.intro-btn2 a:before {background:url('/user/images/main/intro_icon02.png') center center no-repeat; background-size:80%;}
.intro-btn3 a:before {background:url('/user/images/main/intro_icon03.png') center center no-repeat; background-size:80%;}
.intro-btn4 a:before {background:url('/user/images/main/intro_icon04.png') center center no-repeat; background-size:80%;}





.bg-overlay-info {
	background: rgba(54, 149, 235, 0.8);
}

/* footer */
/*
footer{background:#272422; color:#76685D;}
.page-footer {background:#323233 !important; font-size:0.9em;}
.page-footer > div > p:nth-of-type(2) {color:#bbb; font-weight:400; font-size:0.8em; font-family: "Lato", sans-serif;}
*/


/* footer */
.page-footer {background:#323233 !important; font-size:0.9em;}
.page-footer > div > p:nth-of-type(2) {color:#bbb; font-weight:400; font-size:0.8em; font-family: "Lato", sans-serif;}
.index-banner .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {color:#fff;}
.index-banner .select2-container--bootstrap .select2-selection {color:#fff;}


.jumbotron {
    margin-bottom: 0;
	/*background:url('/user/images/sub/background-03-1920x447.jpg') center center no-repeat;*/
	background:url('/commonSite/images/backgrounds/background-04-1920x657.jpg') center center no-repeat;
	background-size:cover;
	opacity: 1;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  /*text-align: center;*/
  /*font-size: 18px;*/
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-pagination-bullet-active {
  color:#fff;
  background: #007aff;
}

.swiper-container .swiper-button-next {
	right: 30px;
	background: url(/commonSite/images/swiper/icon_arrow_next.png) no-repeat;
}

.swiper-container .swiper-button-prev {
	left: 29px;
	background: url(/commonSite/images/swiper/icon_arrow_prev.png) no-repeat;
}

.hover {
	display:inline;
}
.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {
	width: 43px;
	height: 78px;
	-webkit-transition: All .3s ease;
	transition: All .3s ease;
	display:none;
}

.swiper-container .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border-radius: 6px;
	border: 1px solid #fff;
	background: none;
	opacity: 1;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
}

.swiper-container .swiper-pagination-bullet-active {
	background: #777375;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px !important;
}


@media (min-width: 1200px) {
	
	.pc-show {
		display:block !important;
	}
	.mobile-show {
		display:none !important;
	}
}

@media (max-width: 1199px) {
	.intro-btn {min-height:0;}

	.pc-show {
		display:block !important;
	}
	.mobile-show {
		display:none !important;
	}
}

@media (min-width: 992px) {
	
	.jumbotron{padding-bottom:0 !important; padding-left:0; padding-right:0;}
	
}


@media (max-width: 767px) {
	.intro-btn {min-height:100px;}
	.intro-btn p:before {display:inline-block; float:left; width:80px; height:80px; background-size:80%; background-position:center top; text-align:left;}
	.intro-btn p {padding:20px 0;}
}


@media (max-width: 991px) {

	.pc-show {
		display:block !important;
	}
	.mobile-show {
		display:none !important;
	}

}

@media (max-width:480px) {

	.pc-show {
		display:none !important;
	}
	.mobile-show {
		display:block !important;
	}

}



/* */
.publish h4 > small {display:block; margin-top:10px; font-size:15px; color:#999;}
.publish li {display:inline-block; list-style:none;}