body, html {
	font-family: 'NanumGothic', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #777;
	background-color: #FFFFFF;
}
h1 {
}
h1 strong {
	font-weight: 900;
}
h2 {
	line-height: 20px;
	margin: 0;
}
h3 {
	font-size: 18px;
	font-weight: 500;
	color: #444;
	text-transform: uppercase;
}
h4 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	color: #444;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	color: #555;
	font-size: 13px;
}
a {
	color: #777;
}
a:hover, a:focus {
	text-decoration: none;
	color: #44a905;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
	list-style: none;
}
.img-centered {
	margin: 0 auto;
}


.h2 {
	text-align:center;
	font-size:35px;
	line-height:1.6em;
	font-weight:600;
	color:#000;
	margin-top:0;
	margin-bottom:0;
	padding-left: 20px;
	padding-right: 20px;
}

.h3 {
	text-align:center;
	font-size:23px;
	line-height:1.6em;
	font-weight:600;
	color:#000;
	margin-top:0;
	margin-bottom:0;
	padding-left: 20px;
	padding-right: 20px;
}

p {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	line-height:160%;
	color:#000;
	font-weight:400;
}

hr {
  margin-top: 25px;
	margin-bottom: 25px;
  max-width: 37px;
  height: 3px;
  background: #44a905;
  border:none;
}

.text-center{
	text-align:center;
}








/* Navigation */
.space{
	padding-top:40px;
}
#menu .space{
	padding-top:0px;
}

#menu div{
	transition:all 0.3s ease;
}
#menu {
	padding: 0px 0px 0px 0px;
	height:80px;
	background-color: #fff;

/*	transition: all 0.8s;  */
}
#menu.navbar-default {
/*
	background-color: rgba(248, 248, 248, 0);
	border-color: rgba(231, 231, 231, 0);
*/	background-color: #fff;
}

#menu a.navbar-brand {
	font-size: 60px;
	line-height: 60px;
/*

	color: #000;
	font-weight: 600;

	background-image: url(/img/logo-icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 0px;
*/
}

#menu a.navbar-brand img {
	width:100px;
	height:auto;
}

#menu a.navbar-brand i.fa {
	color: #f38181;
}

#menu.navbar-default .navbar-nav {
	padding:0px 0px 0px 0px;
}

#menu.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 600;
/*	text-transform: uppercase; */
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #279ed4;
}
.on {
	background-color: rgba(255, 255, 255, 1) !important;
	padding: 0 !important;
	
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*color: #fff !important;
	background-color: transparent;*/
	color: #333 !important;
}

.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff;
/*	border-color: #f38181; */
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #000; 
}

#menu .nav-lang  {
	padding: 10px 0px 0px 0px;
	text-align:right;
}

#menu .nav-lang a.navbar-lang {
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	font-weight: 600;
	padding-left: 10px;
}

@media all and (min-width: 768px){
	#menu .space{
		padding-top:40px;
	}
}

@media all and (min-width: 992px){
	#menu .space{
		padding-top:80px;
	}
	#menu {
		padding: 0px 0px 0px 0px;
		height:140px;
		background-color: #fff;
	}
	#menu.navbar-default {
	background-color: #fff;
	}
	
	#menu a.navbar-brand {
		font-size: 60px;
		line-height: 60px;
	}
	#menu a.navbar-brand img {
		width:auto;
		height:auto;
	}
	#menu a.navbar-brand i.fa {
		color: #f38181;
	}
	
	#menu.navbar-default .navbar-nav {
		padding:0px 0px 9px 0px;
	}
	
	#menu.navbar-default .navbar-nav > li > a {
		color: #000;
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 600;
	}
	#menu.navbar-default .navbar-nav > li > a:hover {
		color: #279ed4;
	}
	.on {
		background-color: rgba(255, 255, 255, 1) !important;
		padding: 0 !important;
		
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #333 !important;
	}
	
	.navbar-toggle {
		border-radius: 0;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover>.icon-bar {
		background-color: #fff; 
	}
	
	#menu .nav-lang  {
		padding: 10px 0px 0px 0px;
		text-align:right;
	}
	
	#menu .nav-lang a.navbar-lang {
		text-transform: uppercase;
		font-size: 10px;
		color: #fff;
		font-weight: 600;
		padding-left: 10px;
	}
}


/* title Style */
#title-section.commbg {
	background:url(/img/comm/s1_bg.jpg) no-repeat center bottom;
}

#title-section.contbg {
	background:url(/img/cont/s1_bg.jpg) no-repeat center bottom;
}

#title-section.cultbg {
	background:url(/img/cult/s1_bg.jpg) no-repeat center bottom;
}

#title-section.infobg {
	background:url(/img/info/s1_bg.jpg) no-repeat center bottom;
}

#title-section.locabg {
	background:url(/img/loca/s1_bg.jpg) no-repeat center bottom;
}

#title-section.prodbg {
	background:url(/img/prod/s1_bg.jpg) no-repeat center bottom;
}

#title-section.commbg, #title-section.contbg, #title-section.cultbg, #title-section.infobg, #title-section.locabg, #title-section.prodbg {
	background-size:cover;
}

#title-section {
	width:100%;
	margin-top:80px;
	color: #cfcfcf;
	height: 100%;
}
#title-section p {
	color: #000;
	font-size: 24px;
	letter-spacing: 2px;
}
#title-section .intro-text {
	padding-top: 100px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 100px;
}
#title-section .intro-text h1 {
	font-size: 55px;
	line-height: 160%;
	color: #000;
	font-weight: bold;
	padding: 0px 0px 0px;
	margin-top:0;
	margin-bottom:0;
}

#title-section .intro-text h3{
	font-size: 25px;
	line-height: 160%;
	color: #000;
	font-weight: 500;
	padding: 0px 40px 0;
	margin-top:0;
	margin-bottom:0;
}

#title-section hr{
	max-width:360px !important;
	height:2px;
	margin:0 auto;
	border:0;
	background:#000;
}

#title-section .title-box{
	width:100%;
	font-weight:600;
}

#title-section .title-box p{
	display:inline-block;
	margin-top:15px;
	font-size:16px;
	line-height:2em;
}

#title-section .title-box p span{
	background:#000;
	color:#fff;
	padding:3px 5px;
}


#title-section.commbg h3, #title-section.commbg h1, #title-section.infobg h3, #title-section.infobg h1{
	color:#fff;
}
#title-section.commbg hr, #title-section.infobg hr{
	background:#fff;
}

@media all and (min-width:992px) {
	#title-section {
		margin-top:140px;
	}
}



/* Home Style */
header {
	margin-top:80px;
	background: url(/img/header-bg.jpg) no-repeat center top;
	background-size: cover; 
	color: #cfcfcf;
	position: relative;
	height: 100%;
}
header h3{
	text-align:center;
	font-size:40px;
	color:#000;
}
header p {
	text-align:center;
	color: #000;
	font-size: 30px;
	/*margin-bottom: 60px;*/
	letter-spacing: 2px;
}
.intro-text {
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	/*text-shadow:1px 1px 3px #323232;*/
}
/*.intro-text a{
	text-align:center;
	width:173px;
	margin:0 auto;
	display:block;
	font-size:25px;
	padding:20px 0;
	border:1px solid #fff;
	color:#fff;
}*/
.intro-text a:hover{
	background:rgba(0, 0, 0, 0.3);
}
.intro-text h1 {
	margin:10px 0 20px 0;
	text-align:center;
	font-size: 70px;
	line-height: 140%;
	color: #000000;
	font-weight: bold;
	/*white-space:nowrap;*/
	/*text-shadow:1px 1px 3px #323232;*/
}
.intro-text .brand {
	font-weight: 700;
}
.btn-default {
	color: #44a905;
	background: #fff;
	border: 2px solid #44a905;
	font-size: 16px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #44a905;
	border: 2px solid #fff;
	color: #fff;
}


.section-title {
	padding: 10px 0;
	background:#7dcff5;
	margin-bottom: 0px;
}
.section-title h2 {
	font-size: 50px;
	line-height: 160%;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
/*	text-transform: uppercase; */
}




/* Home Section 1 */
#home-section1 {
	padding: 80px 0px 80px 0px;
	background: #fff;
}

#home-section1 .h2, #home-section1 .h3 {
	text-align:left;
}

.t_green {
	color:#26902f;
	margin:40px 0 20px;
}


#home-section1 p {
	line-height:2em;
	padding:15px 20px;
	font-size:18px;
}
#home-section1 .h4 {
  font-size: 20px;
  line-height: 1.6em;
  font-weight: 600;
  color: #000;
  margin-top: 10px;
  margin-bottom: 0;
}

#home-section1 .p {
	line-height:2em;
	padding:0;
	font-size:18px;
}

#home-section1 span {
	color:#26902f;
}



/* Home Section 2 */
#home-section2 {
	padding: 80px 0px 80px 0px;
	background: url(/img/home/s2_bg.jpg) center bottom no-repeat;
	background-size: cover;
}

#home-section2 .h2 {
	color:#fff;
}

#home-section2 .h3 {
	color:#fff;
	font-size:18px;
	font-weight:400;
	margin:8px 0 0;
	letter-spacing:-0.2px;
}


#home-section2 hr{
	max-width:76px;
	height:2px;
	background:#fff;
}

#home-section2 p {
	color:#fff;
	height:100px;
}




/* Home Section 3 */
#home-section3 {
	padding: 80px 0px 80px 0px;
	background: #fff;
}




/* Home Section 4 */
#home-section4 {
	padding: 80px 0px 80px 0px;
	background: #fff;
}

#home-section4 .bg{
	background:#f8f8f8;
}

#home-section4 span {
	display:block;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight:600;
	color: #44a905;
}

#home-section4 .caption p {
	width:100%;
	margin:0 auto;
	letter-spacing:-0.5px;
}

#home-section4 .caption{
	width:100%;
	height:240px;
}

#home-section4 a{
	display:block;
	width:204px;
	height:33px;
	margin:0 auto;
	color:#fff;
	line-height:33px;
	background:url(/img/home/s4_bg.png) no-repeat center center;
}

#home-section4 a:hover{
	font-weight:bold;
	background:url(/img/home/s4_bg2.png) no-repeat center center;
}


/* Home Section 5 */
#home-section5 {
	padding: 80px 0px 80px 0px;
	background: url(/img/home/s5_bg.jpg) no-repeat;
	background-size: cover;
}

#home-section5 .h2, #home-section5 .h3 {
	color:#fff;
}


#home-section5 .notice, #home-section5 .qna{
	width:100%;
	text-align:left;
	background:rgba(255, 255, 255, 1);
	padding-top:15px;
	padding-bottom:15px;
	margin-top:30px;
}

#home-section5 .notice .h3,#home-section5 .notice, #home-section5 .qna .h3 {
	text-align:left;
	color:#000;
}

#home-section5 .notice span, #home-section5 .qna span{
	float:right;
	margin-right:20px;
}

#home-section5 .notice img, #home-section5 .qna img{
	float:right;
	padding:9px 0;
}

#home-section5 li{
	padding-left:30px;
	background:url(/img/dot.png) no-repeat left -2px;
	line-height:1.6em;
	color:#333333;
	text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
}

#home-section5 hr{
	max-width:100%;
	height:1px;
	background:#44a905;
	margin-top:15px;
	margin-bottom:15px;
}

#home-section5 .text-box{
	display:inline-block;
	width:60%;
	height:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}


/* -------------------------------------- culture ------------------------------------------------------ */



.table{
	margin-top:40px;
	color:#000;
}

/* culture Section 2 */
#cult-section2 {
	padding: 80px 0px 80px 0px;
	position:relative;
}

#cult-section2 .bg{
	background:#f8f8f8;
}

#cult-section2 span {
	display:block;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight:600;
	color: #44a905;
}

#cult-section2 .caption p {
	width:100%;
	margin:0 auto;
	letter-spacing:-0.5px;
}

#cult-section2 .caption{
	width:100%;
	height:240px;
	padding:20px 0;
}

#cult-section2 .h3 {
	font-size:20px;
}


/* culture Section 3 */
#cult-section3 {
	padding: 521px 0px 0px 0px;
	margin-top:-100px;
	margin-bottom:-100px;
	background:url(/img/cult/s3_bg.jpg) no-repeat center bottom;
	background-size:cover;
	
}



/* culture Section 4 */
#cult-section4 {
	padding: 80px 0px 80px 0px;
}
#cult-section4 .text-box{
	width:100%;
	height:475px;
	position:relative;
	background:#ecb83d;
	padding-top:80px;
	padding-bottom:80px
}

#cult-section4 .po{
	position:absolute;
	top:0;
	left:0;
}

#cult-section4 .h3 {
	color:#fff;
	margin:15px 0;
}

#cult-section4 p {
	color:#fff;
}


/* cult Section 5 */
#cult-section5 {
	padding: 80px 0px 80px 0px;
	background: #fff;
}

#cult-section5 .s5-bg{
	display:none;
}

/* Business Section 6 */
#cult-section6 {
	padding: 80px 0px 80px 0px;
	background: #fff;
}

#cult-section6 .s6-bg{
	display:none;
}



/* cult section 7 */
#cult-section7 {
	padding: 0px 0px 80px 0px;
	background: #fff;
}

#cult-section7 h1 {
	margin-top: 0px;
	margin-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 31px;
	font-weight:bold;
	color: #000;
}

#cult-section7 p {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	line-height:160%;
}

#cult-section7 ul li {
	display:block;
	width:25%;
	float:left;
	box-sizing:border-box;
	padding:1px;
}

#cult-section7 .ih li:hover img{
	opacity:0.8;
}

@media all and (min-width:768px) {
	#cult-section7 ul li {
		display:inline-block;
		width:auto;
		float:none;
		padding:0;
	}
}





/* -------------------------------------- product ------------------------------------------------------ */

/* Product Section 2 */
#prod-section2 {
	padding: 0px 0px 0px 0px;
	background: #fff;
}

#prod-section2 .bg {
	background: url(/img/prod/s2_bg.jpg) no-repeat center bottom;
	background-size: cover;
}

#prod-section2 p {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	line-height:160%;
	color:#fff;
	letter-spacing:-0.5px;
}



/* Product Section 3 */
#prod-section3 {
	padding: 80px 0px 80px 0px;
	background: #fff;
}

#prod-section3 .h1 {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 45px;
	font-weight:600;
	color: #289dd3;
}

#prod-section3 p {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	line-height:160%;
}


/* -------------------------------------- content section ------------------------------------------------------ */



/* content Section 2 */
#cont-section2 {
	padding: 0px 0px 0px 0px;
	background: #fff;
}

#cont-section2 p {
	margin:30px 0;
}


/* content Section 3 */
#cont-section3 {
	padding: 0px 0px 0px 0px;
	background: #fff;
}

#cont-section3 .h2 {
	text-align:left;
	margin:30px 0;
	padding:0;
}

#cont-section3 hr {
	margin-right:auto;
	margin-left:0;
}

#cont-section3 input {
	margin-top: 0px;
	margin-bottom: 14px;
	padding-left: 20px;
	padding-right: 20px;
}




/* -------------------------------------- Location ------------------------------------------------------ */


/* Location Section 2 */
#loca-section2 {
	padding: 150px 0px 0px 0px;
	background: #fff;
}

#loca-section2 .bg{
	border-top:6px solid #43a60c;
}

#loca-section2 h1 {
	margin-top: 0px;
	margin-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 31px;
	font-weight:bold;
	color: #000;
}



/* Location Section 3 */
#loca-section3 {
	padding: 0px 0px 0px 0px;
	background: #fff;
}

#loca-section3 .text-box{
	background:url(/img/loca/s3_bg.png) no-repeat center bottom;
	background-size:cover;
	padding:30px 50px;
	width:100%;
}

#loca-section3 .h3 {
	color: #fff;
}

#loca-section3 p {
	color:#fff;
	line-height:2em;
}

#loca-section3 .p {
	display:block;
	margin:0 auto;
	padding:10px;
	color:#fff;
	background:url(/img/loca/s3_s_bg.png) no-repeat center bottom;
	background-size:100% 100%;
}




/* Location Section 4 */
#loca-section4 {
	padding: 0px 0px 0px 0px;
	background: #fff;
}



#loca-section4 .text-box{
	background:url(/img/loca/s4_line.jpg) #eeeeee no-repeat left top;
	background-size: 100% 30px;
	margin-top:30px;
	width:100%;
}

#loca-section4 .text-box img{
		padding-top:30px;
	}

@media all and (min-width:768px){
	#loca-section4 .text-box{
		background:url(/img/loca/s4_line.jpg) #eeeeee no-repeat left top;
		background-size: auto auto;
		margin-top:30px;
		width:100%;
	}
	#loca-section4 .text-box img{
		padding-top:0px;
	}
}

#loca-section4 .h3 {
	text-align:left;
	margin:10px 0;
}





/* -------------------------------------- info ------------------------------------------------------ */


/* info Section 2 */
#info-section2 {
	padding: 80px 0px 80px 0px;
	background:url(/img/info/s2_bg.png) no-repeat bottom;
	/*background-size:cover;*/
}

#info-section2 span{
	position:absolute;
	bottom:-35px;
	left:0;
	display:block;
	padding:10px 20px;
	background:#000;
	color:#fff;
	white-space:nowrap;
}

#info-section2 .sbg{
	background:url(/img/info/s2_bg_s.jpg);
	position:relative;
}

#info-section2 p {
	color:#fff;
}

/* info Section 3 */
#info-section3 {
	padding: 80px 0px 80px 0px;
	background:url(/img/info/s3_bg.jpg) no-repeat center bottom;
	background-size:cover;
}

#info-section3 h1{
	margin-top: 0px;
	margin-bottom: 80px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 31px;
	font-weight:bold;
	color: #000;
	text-align:center;
}

#info-section3 h3{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 22px;
	font-weight:500;
	color: #edb431;
}

#info-section3 p {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	line-height:160%;
}
#info-section3 .bg{
	background:rgba(0, 0, 0, 0.8);
	position:relative;
	margin-top:150px;
	padding-top:100px;
	padding-bottom:60px;
}

#info-section3 .profil{
	position:absolute;
	top:-150px;
	left:0;
}

#info-section3 .profil div{
	float:left;
	width:50%;
}

#info-section3 .profil div p{
	margin: 161px 0 0px;
	font-size: 20px;
	line-height:160%;
	color:#fff;
}

#info-section3 li{
	position:static;
	text-align:left;
	color:#fff;
	width:auto;
}

#info-section3 .info_s2{
	display:none;
}

@media all and (min-width: 1200px){
	#info-section3 li{
		position:absolute;
		text-align:center;
		color:#fff;
		width:188px;
	}
	
	#info-section3 .li1{
		top:160px;
		left:-13px;
	}
	
	#info-section3 .li2{
		top:330px;
		left:120px;
	}
	#info-section3 .li3{
		top:220px;
		left:254px;
	}
	#info-section3 .li4{
		top:420px;
		left:387px;
	}
	#info-section3 .li5{
		top:160px;
		left:515px;
	}
	#info-section3 .li6{
		top:290px;
		left:643px;
	}
	#info-section3 .li7{
		top:370px;
		left:772px;
	}
	#info-section3 .li8{
		top:160px;
		left:904px;
	}
	#info-section3 .info_s2{
		display:block;
	}
	#info-section3 .bg{
		padding-bottom:80px;
	}
}



/* info Section 4 */
#info-section4 {
	padding: 00px 0px 0px 0px;
	background: #f7f7f7;
}

#info-section4 span{
	margin-left:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	line-height:160%;
	color:#000;
	background:#edb431;
	font-weight:600;
}

#info-section4 .left-block{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#info-section4 .p {
	height:176px;
}

@media all and (min-width:768px){
	#info-section4 .h2 {
		text-align:left;
	}

	#info-section4 .left-block{
		display:block;
		margin-left:0;
		margin-right:0;
	}
	#info-section4 .h3 {
		text-align:left;
	}
	
	#info-section4 p {
		text-align:left;
		line-height:1.4em;
	}
}


/* info Section 5 */
#info-section5 {
	padding: 80px 0px 0px 0px;
	background: #fff;
}

#info-section5 .s5_1 { display:inline-block; margin-bottom:3px; }

#info-section5 h1 {
	text-align:center;
	margin-top: 0px;
	margin-bottom: 80px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 31px;
	font-weight:bold;
	color: #000;
}

#info-section5 .h3 {
	text-align:left;
	color:#fff;
}

#info-section5 .p{
	color:#757575;
}


#info-section5 .tit_bg{
	background:url(/img/info/title_bg.jpg) no-repeat left center;
}

#info-section5 .bg1 {
	background:url(/img/info/s5_1bg.jpg) no-repeat right bottom;
	padding:20px 0;
	margin:20px 0;
}

#info-section5 .bg2 {
	background:url(/img/info/s5_2bg.jpg) no-repeat right bottom;
	padding:20px 0;
	margin:20px 0 0;
}

/* -------------------------------------- comm ------------------------------------------------------ */


/* comm section 2 */

#comm-section2{
	padding: 80px 0px 80px 0px;
	background: #fff;
}

/* 탭버튼 위치 */
#comm-section2 .title {
	position:relative;
}

#comm-section2 .title .bn_bt{
	position:absolute;
	top:0;
	width:25%;
}

#comm-section2 .title .bn_bt.bt1{
	left:0;
}

#comm-section2 .title .bn_bt.bt2{
	left:25%
}

#comm-section2 .title .bn_bt.bt3{
	left:50%;
}

#comm-section2 .title .bn_bt.bt4{
	left:75%;
}

/* 탭버튼 모양 */
#comm-section2 .subbn .bn_bt .h3 a{
	display:block;
	padding:10px 0;
	background:#fff;
	color:#777;
	text-align:center;
	border:1px solid #c2c2c2;
	border-top:5px solid #61420b;
}

#comm-section2 .subbn .bn_bt .h3:hover a{
	background:#6e6755;
	color:#fff;
}

#comm-section2 .subbn .bn_bt .h3 {
	font-size:12px;
	letter-spacing:-1px;
	white-space:nowrap;
}

#comm-section2 .subbn.on .bn_bt .h3 a{
	background:#6e6755;
	color:#fff;
}

@media all and (min-width:768px) {
	#comm-section2 .subbn .bn_bt .h3 {
		font-size:20px;
		letter-spacing:0px;
	}
}

/* 검색 및 페이지번호 */
#comm-section3 .seacher {
	display:block;
	width:250px;
	margin:0 auto;
}

#comm-section3 .seacher select{
	height:26px;
	margin-right:5px;
	color:#000;
}

#comm-section3 .seacher input {
	height:26px;
	border:1px solid #aaa;
	color:#000;
}

#comm-section3 .pagenum {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

#comm-section3 .pagenum a {
	font-size:16px;
}

#comm-section3 .pagination > li > a {
	color: #000;
}

#comm-section3 .pagination > li > a:hover {
	color:#44a905;
}


/*게시판 타이틀*/
#comm-section3 .banner .h2, #comm-section3 .banner > div > p {
	text-align:left;
	color:#000;
	padding:0;
}

#comm-section3 .banner > div > p {
	font-size:18px;
}

/*리스트형 게시판*/
.listbd{
	width:100%;
	border-top:0px;
}

.listbd .po {
	position:relative;
}

.listbd .top {
	display:none;
}

.listbd ul {
	border-bottom:0px;
	padding:10px 0px;
}

.listbd ul li{
	float:left;
}

.listbd ul li.list1 {display:none;}
.listbd ul li.list2 {width:100%;}
.listbd ul li.list3 {display:inline-block; width:auto; margin-right:10px;}
.listbd ul li.list4 {display:inline-block; width:auto; margin-right:10px;}
.listbd ul li.list5 {display:none;}

.listbd ul li.list2 {
	font-size:22px;
	font-weight:600;
	color:#000;
	line-height:1.6em;
}

.listbd ul li.list3, 
.listbd ul li.list4 {
	font-size:11px;
	line-height:1.6em;
}

@media all and (min-width: 768px) {
	.listbd{
		border-top:1px solid #ccc;
	}
	.listbd ul {
		border-bottom:1px solid #ccc;
		padding:5px 0px;
	}
	.listbd .top {
		display:block;
	}
	.listbd ul {
		border-bottom:0px;
		padding:0;
	}
	.listbd ul li{
		position:static;
		float:left;
		border-bottom:1px solid #ccc;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.listbd ul li.list1 {display:block; width:10%;}
	.listbd ul li.list2 {width:50%;}
	.listbd ul li.list3 {width:10%; margin-right:0px;}
	.listbd ul li.list4 {width:20%; margin-right:0px;}
	.listbd ul li.list5 {display:block; width:10%;}
	
	.listbd ul li.list2 {
		font-size:inherit;
		font-weight:400;
		line-height:inherit;
	}
	.listbd ul li.list3, 
	.listbd ul li.list4 {
		font-size:inherit;
		line-height:inherit;
	}
}


.listbd .t_left {
	text-align:left;
}

.listbd .borderclear li {
	border:0 !important;
}

/*포토게시판*/
.banner .gallerybox {
	display:inline-block;
	border:1px solid #ccc;
	margin-bottom:30px;
}

@media all and (min-width: 998px ) {
	.banner .gallerybox {
		display:block;
	}
}

.banner .gallerybox hr {
	margin-left:20px;
	margin-right:auto;
	margin-bottom:0px;
}
.banner .gallerybox .h3 {
	text-align:left;
	color:#000;
}

.banner .gallerybox .h3 a{
	color:#000;
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;
}

.banner .gallerybox .h3 a:hover{
	color:#44a905;
}

.banner .gallerybox p {
	text-align:left;
	font-size:14px;
}

.banner .gallerybox .hover_img {
	position:relative;
}

.banner .gallerybox .hover_img .hover_box{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	opacity:0;
	transition: all 0.3s
}

.banner .gallerybox .hover_img:hover .hover_box {
	opacity:1;
}

.list a{
	display: block;
  padding: 6px 12px;
  border: 2px solid #44a905;
  color:#44a905;
  float:right;
  margin-top:10px;
  font-weight:bold;
}

.list a:hover{
  border: 2px solid #fff;
  background:#44a905;
  color:#fff;
}





/* -------------------------------------- writ ------------------------------------------------------ */
.bbsneo_write {
	/*background:#edf8fe ;
	background-size: cover; */
	color: #cfcfcf;
	position: relative;
	height: 100%;
}

.bbsneo_write {
	padding:0px 0;
}

.bbsneo_write label {
	color:#777;
}

.bbsneo_write input {
	color:#777;
}

.bbsneo_write .h2, .bbsneo_write p {
	text-align:left;
	padding:0;
}

.bbsneo_write .form {
	margin-bottom:50px;
	border-bottom:1px solid #ccc;
}

.bbsneo_write table {
	width:100%;
}

.bbsneo_write table.form3 label{
	display:block;
	padding:10px 0;
}

.bbsneo_write table.form3 .input {
	width:100%;
	height:66px;
	border-top:1px solid #ccc;
	/*border-right:1px solid #ccc;*/
	border-left:0;
	border-bottom:none;
	box-sizing:content-box;
}

.bbsneo_write table.form3 input {
	border:none;
	padding-left:10px;
}

.bbsneo_write table tr td.graybg{
	background:#eaeaea;
	border-top:1px solid #ccc;
	/*border-right:1px solid #ccc;*/
	/*border-left:1px solid #ccc;*/
	padding:10px 20px;
	font-size:14px;
	font-weight:400;
}
.bbsneo_write table tr td.last{
	border-bottom:1px solid #ccc !important;
}

.bbsneo_write .last-step {
	width:222px;
	height:auto;
	margin:0 auto;
}

.bbsneo_write .last-step a{
	display: block;
  padding:15px 30px;
  border: 2px solid #44a905;
  color:#44a905;
  float:left;
  font-weight:bold;
  margin-right:30px;
}

.bbsneo_write .last-step a:hover{
  border: 2px solid #fff;
  background:#44a905;
  color:#fff;
}

.bbsneo_write a.noa{
  border: 2px solid #ccc;
  color:#ccc;
}

.bbsneo_write a.noa:hover{
  border: 2px solid #ccc;
  background:#ccc;
  color:#7c7c7c;
}




/* -------------------------------------- view ------------------------------------------------------ */

.bbsneo_view {
	padding:0px 0;
}

.bbsneo_view .h2, .bbsneo_view > div > p {
	text-align:left;
	color:#000;
	padding:0;
}

.bbsneo_view ul {
	margin:0;
}

.bbsneo_view ul.top li {
	border-top:0;
}

.bbsneo_view li {
	float:left;
	text-align:left;
	border-bottom:0;
	padding:5px 0px;
	font-weight:400;
}

.bbsneo_view li.view1 { display:none; }
.bbsneo_view li.view2 { width:100%; }
.bbsneo_view li.view3 { display:none; }
.bbsneo_view li.view4 { width:auto; }
.bbsneo_view li.view5 { display:none; }
.bbsneo_view li.view6 { width:auto; }
.bbsneo_view li.view7 { display:none; }
.bbsneo_view li.view8 { display:none; }
.bbsneo_view li.view9 { width:100%; height:auto; margin-top:20px;}
.bbsneo_view li.view10 { width:20%; }
.bbsneo_view li.view11 { width:80%; }

.bbsneo_view li.view2, 
.bbsneo_view li.view4, 
.bbsneo_view li.view6 {
	padding:0;
}

.bbsneo_view li.view2 {
	font-size:22px;
	line-height:1.6em;
	color:#000;
}

.bbsneo_view li.view4, 
.bbsneo_view li.view6 {
	font-size:11px;
	line-height:1.6em;
	font-weight:400;
}


.bbsneo_view .list a {
	margin-bottom:10px;
	margin-right:10px;
}

.bbsneo_view .bggray {
	background:#f0f0f0;
	text-align:center;
}

@media all and (min-width:768px ) {
	.bbsneo_view ul.top li {
		border-top:1px solid #ccc;
	}
	
	.bbsneo_view li {
		float:left;
		text-align:left;
		border-bottom:1px solid #ccc;
		padding:15px 10px;
	}
	
	.bbsneo_view li.view1 {display:block; width:16%;}
	.bbsneo_view li.view2 {width:84%;  }
	.bbsneo_view li.view3 {display:block; width:16%;}
	.bbsneo_view li.view4 {width:16%; }
	.bbsneo_view li.view5 {display:block; width:16%;}
	.bbsneo_view li.view6 {width:20%; }
	.bbsneo_view li.view7 {display:block; width:16%;}
	.bbsneo_view li.view8 {display:block; width:16%;}
	
	.bbsneo_view li.view2, 
	.bbsneo_view li.view4, 
	.bbsneo_view li.view6 {
		padding:15px 10px;
	}
	
	.bbsneo_view li.view2 {
		font-size:inherit;
		line-height:inherit;
		color:#777;
	}
	
	.bbsneo_view li.view4, 
	.bbsneo_view li.view6 {
		font-size:inherit;
		line-height:inherit;
		font-weight:400;
	}
}

/* -------------------------------------- secr ------------------------------------------------------ */


#secr-section2 {
	padding:80px 0;
}

#secr-section2 .secret-box{
	border:1px solid #ccc;
	background:#f0f0f0;
}

#secr-section2 .secret-box p {
	font-size:16px;
	font-weight:600;
	color:#000;
	line-height:1.6em;
	margin-top:50px;
	margin-bottom:10px;
}

#secr-section2 .secret-box .inputpw {
	margin-top:10px;
	margin-bottom:50px;
	padding:6px 0;
}

#secr-section2 .submit {
	width:auto;
	height:auto;
	padding:8px 15px;
	background:#fff;
	border:1px solid #ccc;
	margin-right:30px;
}

#secr-section2 .submit:hover {
	border:1px solid #44a905;
	color:#44a905;
}

#secr-section2 input {
	height:38px;
}



/* Image item Section */

.img-item {
	margin-bottom: 30px;
	/*padding:0px 30px;*/
}
.img-item .hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(50, 50, 50, 0.5);
	padding: 25% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.img-item .hover-bg .hover-text>h4 {
	opacity: 1;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
}
.img-item .hover-bg:hover .hover-text {
	opacity: 1;

}




@media all and (min-width: 992px){
	#prod-section1, #info-section1, #cult-section1, #cont-section1, #loca-section1, #comm-section1, header{
		margin-top:140px;
	}
}


/* Gallery Section ==============================*/
.categories {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
ul.cat li {
	display: block;
}
ol.type li {
	float:left;
	display:inline-block;
	width:19.8%;
	min-width:131px;
	margin-right:2px;
	margin-bottom:2px;
}

ol.type {
	width:266px;
	margin:0 auto;
}

@media all and (min-width: 446px) {
	ol.type {
		width:399px;
		
	}
}

@media all and (min-width: 579px) {
	ol.type {
		width:532px;
	}
}

ol.type li a {
	border: 1px solid #ccc;
  display: block;
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  background: #ccc;
  padding:10px 0;
}
@media all and (min-width:1200px) {
	ol.type {
		width:1140px;
	}
	
	ol.type li {
		display:block;
		float:left;
	}
}

ol.type li a.active {
	color: #fff;
  background: #333;
  border: 1px solid #333;
}
ol.type li a:hover {
	color: #fff;
  background: #333;
  border: 1px solid #333;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
#home-section3 i.fa {
	height: 30px;
	width: 30px;
	border: 1px solid rgba(25,181,254,0.3);
	font-size: 20px;
	padding: 5px;
	border-radius: 50%;
	color: #19B5FE;
}
.img-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f6f6f6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
}
.img-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 600;
}
.img-modal .modal-content p {
	margin-bottom: 30px;
	font-size: 15px;
}
.img-modal .modal-content p.item-intro {
	margin: 20px 0 30px;
	font-style: italic;
	font-size: 16px;
}
.img-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}
.img-modal .modal-content ul.list-inline span {
	font-weight: 600;
}
.img-modal .modal-content img {
	margin-bottom: 30px;
}
.img-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}
.img-modal .close-modal:hover {
	opacity: .3;
}
.img-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.img-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.img-modal .btn-primary {
	color: #777;
	background-color: transparent;
	border: 2px solid #ddd;
	border-radius: 0;
}
.img-modal .btn-primary:hover, .img-modal .btn-primary:focus, .img-modal .btn-primary.focus, .img-modal .btn-primary:active, .img-modal .btn-primary.active {
	color: #fff;
	background-color: #f59898;
	border: 2px solid #f59898;
}




/* img Section */

.img-item .hover-bg {
	max-height: 465px;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}

.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.img-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f6f6f6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
}
.img-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 600;
	line-height:1.6em;
}
.img-modal .modal-content p {
	margin-bottom: 30px;
	font-size: 15px;
}
.img-modal .modal-content p.item-intro {
	margin: 20px 0 30px;
	font-style: italic;
	font-size: 16px;
}
.img-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}
.img-modal .modal-content ul.list-inline span {
	font-weight: 600;
}
.img-modal .modal-content img {
	margin-bottom: 30px;
}
.img-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}
.img-modal .close-modal:hover {
	opacity: .3;
}
.img-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.img-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.img-modal .btn-primary {
	color: #777;
	background-color: transparent;
	border: 2px solid #ddd;
	border-radius: 0;
}
.img-modal .btn-primary:hover, .img-modal .btn-primary:focus, .img-modal .btn-primary.focus, .img-modal .btn-primary:active, .img-modal .btn-primary.active {
	color: #fff;
	background-color: #007eff;
	border: 2px solid #007eff;
}












/* Contact Section */
#contact-section {
	padding: 60px 0 60px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f6f6f6+100 */
	background:#fff;

}
#contact-section h3 {
	padding: 0px 0px 0px 0px;

	font-size: 30px;
	font-weight: bold;
	color:#000;
}

#contact-section .navbar-nav {
	padding: 10px 0px 0px 0px;
}

#contact-section .navbar-nav > p > a {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 400;
}


#contact-section p {
	color: #000;
	font-size: 14px;
	line-height:160%;
}



#contact-section form {
	padding: 10px 0px 0px 0px;
}
#contact-section i.fa {
	color: #ccc;
	margin-right: 20px;
}
#contact-section .form-control {
	display: block;
	width: 100%;
	padding: 4px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contact-section .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}

#contact-section .text-danger {
	color: #cc3300;
	text-align: left;
}
a:focus {
	outline: none;
	outline-offset: none;
}






/* Social Section */
#social-section {
	padding: 35px 0 25px 0;
	background-color: #e6e6e6;
	text-align: center;
}
#social-section .social ul li {
	display: inline-block;
	margin: 0 30px;
}
#social-section .social i.fa {
	color: #98bff5;
	font-size: 26px;
	padding: 8px 0;
	width: 40px;
	height: 40px;
	transition: all 0.5s;
}
#social-section .social i.fa:hover {
	color: #fff;
	background: #98bff5;
}




/* Footer */

#footer .bg1{
	background:url(/img/footer_bg_1.jpg) no-repeat;
	/*background-size: cover;*/
}

#footer .bg2{
	background:url(/img/footer_bg_2.jpg) no-repeat;
	/*background-size: cover;*/
}

#footer .h3{
	text-align:center;
	margin-top:0;
	margin-bottom:50px;
	padding-left:15px;
	padding-right:15px;
	font-size:18px;
	font-weight:500;
	color:#fff;
}

#footer h3{
	text-align:center;
	margin-top:110px;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
}

#footer a{
	text-align:center;
	margin:0 auto 90px auto;
	width:157px;
	height:auto;
	display:block;
	border:1px solid #fff;
	padding:10px 20px;
	color:#fff;
	
}

#footer {
	background: #000;
	padding: 0px 0 20px 0;
}
#footer p {
	font-size: 13px;
	margin-top: 10px;
	color: #f1f1f1;
}
#footer span{
	float:right;
}







@media (max-width: 768px) {
	.content {
		padding: 40% 0 0;
	}
	#menu.navbar-default {
		background-color: #fff; /*rgba(0, 0, 0, 0.3);*/
	}
	#menu .nav-lang  {
		padding: 30px 0px 0px 0px;
		text-align:center;
	}
}

@media (max-width: 603px) {
	label {
		float: none !important
	}
	.hover-bg .hover-text {
		padding: 12% 0;
	}
}

@media (max-width: 360px) {
	.hover-bg .hover-text {
		padding: 22% 10%;
	}

}


.cf:after{
	content:"";
	display:block;
	clear:both;
}

.p0{
	padding:0;
}

.m0{
	margin:0;
}

.left{
	float:left;
}


#totop {
	position:fixed;
	right:0;
	bottom:0;
	background:#44a905;
	margin:0;
}

#totop a{
	display:block;
	color:#fff;
	padding:8px 10px;
	font-weight:bold;
	line-height:1.6em;
	font-size:15px;
}

@media all and (min-width:1200px) {
	#totop {
		right:50%;
		bottom:15%;
		margin-right:-614px;
	}
}



.slider{max-width:600px; margin:0 auto; position:relative;}
.simg{ display:table !important; width:100%; height:490px;}
.simg img { vertical-align:middle; margin:0 auto;}

.slider .simg p { display:table-cell; max-width:490px; margin:0 auto; vertical-align:middle; }
.slider .simg p a{ }
.slider .simg p a:hover{ background:none; }

.slider .slidesjs-container{height:490px !important;}
.slider .slidesjs-control{height:490px !important;}
/* 슬라이더 이미지를 감싸고 있는 div태그의 클래스 이름. 만약 슬라이더 이미지를 백그라운드로 처리할 경우, 위의 두개 태그가 가지는 높이값이 스크립트에 의해 계산되어 적용되어져서 이미지가 모두 노출되지 않는 경우가 발생됨. 그래서 강제로 높이값을 적용시켜주어야함. */

.slider a.slidesjs-navigation{display:block; width:29px; height:56px; text-indent:-9999px; z-index:100;}
.slider a.slidesjs-previous{background:url(/img/visual_prev.png) no-repeat; position:absolute; bottom:50%; left:0; margin-bottom:-28px;}
.slider a.slidesjs-next{background:url(/img/visual_next.png) no-repeat; position:absolute; bottom:50%; right:0; margin-bottom:-28px;}
.slider ul.slidesjs-pagination{position:absolute; bottom:20px; left:50%; margin-left:-30px; z-index:100;}
.slider ul.slidesjs-pagination li{float:left; margin:0 2px;}
.slider ul.slidesjs-pagination li a{display:block; width:16px; height:16px; background:#9c9; text-indent:-9999px; border-radius:8px;}
.slider ul.slidesjs-pagination li a.active{background:#369;}

@media all and (min-width:400px) {
	.simg img { padding:0; }
}