/*=================================================
		00. 공통
=================================================*/
.shown_grid{
	display: none !important;
}

#popup-board .container{
	padding:0 15px;
}

.point-btn{
    padding: 10px 20px;
    background: #FFFFFF;
    border: 1px solid #D5D2C9 !important;	
    
    color: #4d4d4d !important;
}

.point-btn:hover,
.poitn-btn.active,
.point-btn:focus{
	background: #E3DDCF;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}

/*****#####=====  회색 사이드 =====#####*****/
body{
	background-color: #EBEBEB;
}
section{
	padding:0;
}
.point-color{
	color: #9D8E65;
	font-weight: 600;
}
.section-title-wrap{
	margin: 0 0 60px 0;
}
.section-title-wrap .section-title{
	font-size:36px;
	font-weight:300;
	letter-spacing:12px;
	text-transform:uppercase;
	font-family:inherit;
	line-height:1.1;
}
.section-title-wrap .separator {
    width: 45px;
    height: 2px;
    background-color: #9D8E65;
}
.section-title-wrap .section-desc{
	font-size:14px;
	margin-bottom:30px;
}
.inc{
	background-color:#EBEBEB;
}
.section-title-wrap > .container{
	padding:120px 0 0 0;
}

.inc > .bg-color > .container{
	padding:50px 15px 100px 15px;
}
.container {
	padding:120px 15px 100px 15px;
	background-color:#fff;
}


/*****#####=====  pagination =====#####*****/
.costom-pagination{
	margin:30px 0 0;
}

.costom-pagination.pagination{
	margin:40px 0 0;
}

.costom-pagination .pagination>li{
	padding: 0 10px;	
	display:inline-block;	
}

.costom-pagination .pagination>li>a{
    padding: 6px 0;
    background: none;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 18px;
    font-weight: 300;
    color: #B9B9B9;
	
}

.costom-pagination .pagination>li>a:hover,
.costom-pagination .pagination>.active>a,
.costom-pagination .pagination>.active>a:focus{

    padding: 6px 10px 6px 10px;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #9E9063;
    border-radius: 0;
    color: #464646;
    
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease-in-out;			
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** xs *****/
@media (max-width: 767px){
	/***** 타이틀 *****/
	.section-title-wrap{
		margin: 0 0 40px 0;
	}
	
	.section-title-wrap .section-title {
	    margin: 0 0 15px;	
	    font-size: 22px;
	    line-height:1.6;
	}
	
	/***** 서브타이틀 *****/
	.section-title-wrap .section-subtitle {
	    font-size: 12px;
	    line-height: 1.8em;
	}	
	.section-title-wrap .section-desc{
		line-height:1.6;
		font-size:14px;
	}
	
	/* board list bcat-wrap */
	.bcat-btn-wrap{
		margin: 0 0 10px;
	}	
	
	/* pagination */
	.costom-pagination{
		margin: 0;
	}		
	
	.container{
		padding: 40px 15px !important;
	}
	
	.section-title-wrap > .container {
	    padding: 0;
	}
	
	.item-wrap{
		margin: 0;
	}
}

/***** 폰트 간격 조절 *****/
.ls-5{
	letter-spacing:-0.5px;
}
.ls-10{
	letter-spacing:-1px;
}
.ls-11{
	letter-spacing:-1.1px;
}
.ls-12{
	letter-spacing:-1.2px;
}
ul,li{
	list-style:none;
}


/***** 사이드 회색 배경 *****/



/*=================================================
		00 - 헤더
=================================================*/
header .main-anim-wrap{
	position: absolute;
	width:800px;
	top: 36%;
	left: 50%;
	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

header .main-anim-wrap #main-anim-slider{
	height: 400px;
}
/***** anim slide *****/

header #main-anim-slider .header-title{
    width: 100%;	
	font-size:40px;
	font-weight:300;
	letter-spacing:10px;
	color:#ffffff;
	text-align: center;	
}

/***** button *****/
header .next-btn{
	position:absolute;
	top:48%;
	left:50%;
	transform:translateX(-50%);
	
	color:#ffffff;
}

header .next-btn a{
    padding: 18px 61px;
    font-size: 15px;
    letter-spacing: 4px;
    border: 1px solid #ffffff;
    
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

header .next-btn:hover a{
	background-color:rgba(255, 255, 255, 0.1);
}

/***** bx controls *****/
header .bx-wrapper .bx-controls-direction a{
	top:43%;
}

header .bx-wrapper .bx-prev{
	left:22%;	
    width: 60px;
    height: 60px;
    background: url('/img/main/controls.png') no-repeat -10px -57px;	
}

header .bx-wrapper .bx-prev:hover{
	left:22%;
    width: 60px;
    height: 60px;
    background: url('/img/main/controls.png') no-repeat -10px -57px;	
    opacity:0.5;
}

header .bx-wrapper .bx-next{
	right:20%;
    width: 60px;
    height: 60px;	
    background: url('/img/main/controls.png') no-repeat -84px -57px;	
}

header .bx-wrapper .bx-next:hover{		
	right:20%;
    width: 60px;
    height: 60px;	
    background: url('/img/main/controls.png') no-repeat -84px -57px;		
	opacity:0.5;
}

header .anim-dots{
	display:none;
}


/*****#####===== 미디어 쿼리 =====#####*****/

/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){	
	header .next-btn{
		top:54%;
	}
	
	header .next-btn a{
		padding:16px 38px;
	}
	
	header #main-anim-slider .header-title{
		font-size:30px;
	}
	
	header .bx-wrapper .bx-controls-direction a{
		top:48%;
	}
	
	header .bx-wrapper .bx-prev{
		left:19%;
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -10px -69px;	
	}
	
	header .bx-wrapper .bx-next{
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -84px -70px;	
	}
	
	header .bx-wrapper .bx-prev:hover{
		left:19%;
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -10px -69px;	
	}
	
	header .bx-wrapper .bx-next:hover{
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -84px -70px;	
	}	
}
/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	#main-banner{
		margin: -158px 0;
		background-color:#ffffff;
		height: 800px;
	}
	
	header .main-slide .ratio1_2:before{
		padding-top:120%;
	}
	
	header .main-anim-wrap #main-anim-slider{
		height:800px;
	}
	
	header .main-anim-wrap #main-anim-slider{
		top:19px;
	}
	
	
	header .main-slide .ratio-content{
		background-size:contain;
	}
	
	header .bx-wrapper .bx-prev,
	header .bx-wrapper .bx-next{
		display:none;
	}
	
	header .next-btn{
	    top: 59%;
		width:100%;
	}
	
	header .next-btn a{
		padding: 8px 18px;
		font-size:14px;
	}
	header .next-btn{
		top:74%;
	}
	
	header .next-btn a{
	    padding: 13px 29px;
	    font-size:13px;
	}
	
	header #main-anim-slider .header-title{
		top: 15%;
		font-size:25px;
	}
	
	header .bx-wrapper .bx-controls-direction a{
		top:15%;
	}
	
	header .bx-wrapper .bx-prev{
	    left: 18%;
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -10px -69px;		
	}
	
	header .bx-wrapper .bx-next{
		right:17%;
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -84px -70px;		
	}
	
	header .bx-wrapper .bx-prev:hover{
	    left: 18%;
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -10px -69px;		
	}
	
	header .bx-wrapper .bx-next:hover{
		right:17%;
	    width: 40px;
	    height: 40px;
	    background: url('/img/main/controls.png') no-repeat -84px -70px;		
	}	
}

/***** xs *****/
@media (max-width: 767px){	
	#main-banner{
		margin: -58px 0;
		background-color:#ffffff;
		height: 384px;
	}
	
	header .main-slide .ratio1_2:before{
		padding-top:120%;
	}
	
	header .main-anim-wrap #main-anim-slider{
		height:200px;
	}
	
	header .main-anim-wrap #main-anim-slider{
		top:19px;
	}
	
	header #main-anim-slider .header-title{
		font-size:18px;
	}
	
	header .main-slide .ratio-content{
		background-size:contain;
	}
	
	header .bx-wrapper .bx-prev,
	header .bx-wrapper .bx-next{
		display:none;
	}
	
	header .next-btn{
	    top: 59%;
		width:100%;
	}
	
	header .next-btn a{
		padding: 8px 18px;
		font-size:14px;
	}
}


/*=================================================
		01 - about
=================================================*/

.about-inc {
	margin:70px 0;
}

.about-inc-wrap .section-title-wrap span{
	font-size:18px;
	font-weight:500;
	margin-top:20px;
}

.about-inc-wrap .section-desc{
	letter-spacing: -1px;
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	.about-inc{
		margin:0;
	}
}
/*=================================================
		02 - portfolio
=================================================*/

#product .point-btn{
    width: 150px;
    left: 50%;
    margin: 0 0 -20px 0;
    transform: translatex(-50%);
    bottom: 0;
    position: absolute;
}

.portfolio-tmpl-wrap .ratio-box{
	width:72%;
	margin:0 auto;
}
.ratio-box.ratio-rate:before{
	padding-top:66%;
}
.portfolio-tmpl-wrap .slick-slider .slick-slide{
     outline: none;
}

.portfolio-tmpl-wrap .slick-slider img{
	width:800px;
	height:534px;
	margin:0 auto;
}

.portfolio-tmpl-wrap .slick-list{
	position:relative;
}
.portfolio-tmpl-wrap .slick-arrow{
	position: absolute;
	background-image: url('/img/main/controls-12.png');
	
	width: 45px;
	height: 150px;
	top: 50%;

	background-position: 0px 0px;		
}
.portfolio-tmpl-wrap .slick-prev{
	left:0;
	margin-left:7%;
	
	z-index:9;
	
	transform:translatey(-50%);
	-webkit-transform:translatey(-50%);
	-ms-transform:translatey(-50%);
	-moz-transform:translatey(-50%);
	-o-transform:translatey(-50%);
}

.portfolio-tmpl-wrap .slick-next{
	right:0;
	margin-right:7%;
	
	transform: rotate(180deg) translatey(50%);
	-webkit-transform: rotate(180deg) translatey(50%);
	-ms-transform: rotate(180deg) translatey(50%);
	-o-transform: rotate(180deg) translatey(50%);
	-moz-transform: rotate(180deg) translatey(50%);
}

.portfolio-tmpl-wrap .custom_paging li{
		display:none;
	}
.portfolio-tmpl-wrap .custom_paging .slick-active{
		display:block;
	}
	


.portfolio-tmpl-wrap .slick-prev:before,
.portfolio-tmpl-wrap .slick-next:before{
	display:none;
}


/***** 페이지 네이션 *****/
.portfolio-tmpl-wrap .custom_paging{
	padding:0 !important;
	position: relative;
}

.portfolio-tmpl-wrap .custom_paging:before{
	content:'';
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #999;
	
	left: 50%;
	margin-left: -0.5px;
	
	transform: rotate(25deg);
}

.portfolio-tmpl-wrap .custom_paging li{
	display:none;
}

.portfolio-tmpl-wrap .custom_paging .slick-active{
	display:block;
}

.portfolio-tmpl-wrap .custom_paging li{
	font-size:20px;
}

#portfolio .slide{
	width:1120px;
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){	
	.portfolio-tmpl-wrap .slick-next{

		margin-right:3%;
	}
	.portfolio-tmpl-wrap .slick-prev{

		margin-left:3%;
	}
}
/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	#portfolio .slide{
		width:720px;
	}
	.portfolio-tmpl-wrap .slick-next{

		margin-right:5%;
	}
	.portfolio-tmpl-wrap .slick-prev{

		margin-left:5%;
	}
	#product .point-btn{
		bottom: 18px;
	}

}
/***** xs *****/
@media (max-width: 767px){
	#portfolio .slide{
		height: auto;
	}

	.portfolio-tmpl-wrap .custom_paging li{
		font-size: 16px;
		margin: 10px 0 0 0;
	}

	.portfolio-tmpl-wrap .ratio-box{
		width:100%;
	}
	
	#product .point-btn{
	    bottom: 35px;
	}
	
	.portfolio-tmpl-wrap .slick-slider img{
		width:auto;
		height: 200px;
		margin:0 auto;
	}

	.portfolio-tmpl-wrap .slick-arrow{
		display: none !important;
	}
	
	.portfolio-tmpl-wrap .slick-next{
		right: -20px;
	}
	
	.portfolio-tmpl-wrap .slick-prev{
		left: -20px;
	}
	

}
/*=================================================
		03 - gallery
=================================================*/

#gallery .container{
	padding: 120px 0 100px 0;
}

.board2-inc {
	margin-bottom:70px;
}

#gallery .section-title-wrap > .container{
	padding:0;
}

#gallery .bg-color > .container{
	padding:50px 0 100px 0;
}

.gallery-tmpl-wrap .item-wrap{
	margin:0;
}

.gallery-tmpl-wrap .btn-wrap{
	margin:0 0 30px 0 !important;
}

#gallery .ratio-box:hover .ratio-content{
	color: #FFFFFF;
	transform: scale(1.1);
	
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;	
	
	-webkit-transition: all 2s ease-in;
	-moz-transition: all 2s ease-in;
	-o-transition: all 2s ease-in;
	-ms-transition: all 2s ease-in;
	transition: all 2s ease-in;		
}

#gallery .ratio-box .layer{
    background: linear-gradient(to bottom,  rgba(0,0,0,0.21) 0%, 
										    rgba(0,0,0,0.21) 0%, 
										    rgba(0,0,0,0.21) 61%, 
										    rgba(0,0,0,1) 100%);	
}

#gallery .ratio-box .subject{
	position: absolute;
	bottom: 20px;
	left: 20px;
	
	font-size: 20px;
}

#gallery .img-title{
	position: absolute;
    bottom: 38px;
    left: 29px;
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    letter-spacing: -2px;
}

#gallery .img-subtitle{
    position: absolute;
    bottom: 0;
    left: 20px;
    font-weight: 100;
    font-size: 14px;
    font-family: "notokr-light";
    color: #fff;	
}

#gallery .icon-detail{
    border: 2px solid;
    border-radius: 100px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    height: 25px;
    line-height: 20px;
    margin: 10px 5px 0 0;
    opacity: 0.8;
    text-align: center;
    width: 25px;	
}



/***** 버튼 *****/
.gallery-tmpl-wrap .btn-wrap{
	margin:0 0 60px;
}

.gallery-tmpl-wrap .btn-wrap li a.bcat-btn{
	box-shadow: none;
	font-weight:500;		
	font-style:italic;
	
	text-transform:uppercase;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;	
}

.gallery-tmpl-wrap .btn-wrap li+li:before{
	content:'/';
    margin: 0 0 0 -10px;	
}

.gallery-tmpl-wrap .btn-wrap li a.bcat-btn.active,
.gallery-tmpl-wrap .btn-wrap li:hover a.bcat-btn{
	color:#A08E66;
}

/***** 컨텐츠 *****/
.gallery-tmpl-wrap .item-wrap{
	position:relative;
}

.gallery-tmpl-wrap .xs-btn-wrap{
	margin:0 0 10px;
}

/*****#####===== 미디어 쿼리 =====#####*****/

/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}
/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** xs *****/
@media (max-width: 767px){
	.gallery-tmpl-wrap .item-wrap .gallery-layer .item-text{
		display: none;
	}		
	
	.gallery-tmpl-wrap .item-wrap:hover .gallery-layer .item-text{
		display: block;
	}
	
	.gallery-tmpl-wrap .pagination{
		margin:30px 0 20px;
	}
	
	#gallery .ratio-box .subject{
		font-size: 14px;
	}
	
	#gallery .bcat-select.inline{
		width: 145px !important;
	}
	
	.board2-inc {
		margin-bottom: 0px;
	}
}
/*=================================================
		00 - middle_banner
=================================================*/	

	.middle_banner-inc-wrap .img-box{
		padding:6% 0;
	}
	
/***** xs *****/
@media (max-width: 767px){
	.middle_banner-inc-wrap .img-box img{
		max-width: 70%;
	}
	.middle_banner-inc-wrap .img-box{
		padding: 20% 0;
	}
}	

/*=================================================
		04 - product
=================================================*/

.product-tmpl-wrap{
	padding: 0 40px;	
}

#product > .inc{
	margin-top:70px;
}
#product > .board-inc-wrap > .container{
	padding:50px 70px 100px 70px;
}
.product-tmpl-wrap .item-wrap{
	margin: 5px;
}

.product-tmpl-wrap .item-desc{
	margin: 0 0 -7px;
	border: 1px solid #EBEBEB;
}

.product-tmpl-wrap .item-desc .item-title{
	margin: 35px 0 50px;
	font-size: 20px;
	color: #4d4d4d;
}

.product-tmpl-wrap .item-desc .item-subtitle{
	margin: 0 0 30px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	.product-tmpl-wrap .item-wrap{
		margin: 25px;
	}
}

/***** xs *****/
@media (max-width: 767px){
	.product-tmpl-wrap .item-wrap{
		margin: 15px 0;
	}
	
	.product-tmpl-wrap .item-desc .item-subtitle {
	    margin: 0 0 10px;
	}	
	
	#product .board-inc-wrap > .container{
		padding:0 15px;
	}
	
	.product-tmpl-wrap .item-desc .item-title{
		margin: 25px 0 40px;
	}
	
	.product-tmpl-wrap .item-desc{
		margin: 0 0 30px 0;
	}
	#product > .inc{
		margin: 0;
	}
	
	#product .container{
		padding: 80px 15px 40px !important;
	}
}	

/*=================================================
		05 - blog
=================================================*/
#blog > .inc{
	margin-bottom:70px;
}
#blog .item-box{
	height:260px;
}
#blog .img-box img{
	width:100%;
}
#blog .fsp-open-btn{
	height:100%;
}
.blog-tmpl-wrap .item{
    margin: -10px 0 0 0;	
    padding: 20px 4%;	
}
.blog-tmpl-wrap .item-box:hover .item-wrap{
	border:2px solid #E7E6D4;
}
.blog-tmpl-wrap .item-wrap{
	margin:0 0 30px 0;
	padding:2% 30px;
    	border: 1px solid #DEDDD9;
    	min-height:223px;
}
.blog-tmpl-wrap .item-wrap .item-date{
	padding-bottom:35px;
}
.blog-tmpl-wrap .item-wrap .item-date{
	font-size:15px;
	color: #D6D6D6;
}
.blog-tmpl-wrap .item-wrap .item-title{
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;		
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){
	.blog-tmpl-wrap .item-wrap{
		min-height:156px;
	}
}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	#blog .item-box{
		height:200px;
	}
	.blog-tmpl-wrap .item{
		padding:50px;
	}

	.blog-tmpl-wrap .item-wrap .item-title{
		padding:0 0 10px;
	}
	.blog-tmpl-wrap .item-wrap{
		min-height:130px;
	}
	.blog-tmpl-wrap .item-wrap .item-content.ellipsis_3{
		position: relative;
		display: -webkit-box;
		width: 100%;
		height: 1.5em;
		overflow: hidden;
		box-sizing: content-box;
		text-overflow: ellipsis;
		word-wrap: break-word;
		line-height: 1.5em;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
}

/***** xs *****/
@media (max-width: 767px){
	.blog-tmpl-wrap .item{
		padding:16px;
	}

	.blog-tmpl-wrap .item-wrap .item-title{
		padding:7px 0 10px;
	}

	.blog-tmpl-wrap .item-wrap{
		padding:20px;
	}	
	
	.blog-tmpl-wrap .item .title{
	    margin: 10px 15px 30px;
		font-size:22px;
	}			
}	
	
/*=================================================
		06 - instagram
=================================================*/
/*****#####===== 20161004 =====#####*****/
#instagram .load-more{
	position: absolute;
	left:50%;
	bottom: 15%;
	
	transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
}

#instagram .section-title-wrap > .container-fluid{
	margin-bottom:20px;
}
#instagram .bg-color{
	padding:120px 0 100px 0;
}

#instagram > .inc{
	margin-bottom:70px;
	background-color:#fff;
}

#instagram .petpotter-btn{
	margin-top:20px;
	padding:10px 50px;
	border:1px solid #D2D1CC;
	background: none;	
}

#instagram .petpotter-btn:hover{
	background-color:#E0DFCB;
	weight:600;
}

#instagram .ratio-box .layer {
    background-color: rgba(1,1,1,0.7);
}

#instagram .ratio-box .layer .inner{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);	
}

#instagram .ratio-box .layer .inner i{
	font-size: 50px;
}

#instagram .ratio-box .layer .inner .item-title{
	margin: 0;
	letter-spacing:3px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){
	#sns .ratio-box .layer .inner .item-title{
		font-size: 17px;
	}
}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** xs *****/
@media (max-width: 767px){
	#sns .ratio-box .layer{
		display: none;
	}
	
	#instagram .bg-color{
		padding:80px 0;
	}
}
/*=================================================
		07 - qna
=================================================*/
#qna .qna-tmpl-wrap{
	padding: 0 100px;
}

#qna .board-inc-wrap .bg-color > .container{
	padding:50px 7% 100px 7%;
}

/***** button *****/
#qna .point-btn{
	padding:7px 50px;
	letter-spacing:1.5px
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){
	#sns .ratio-box .layer .inner .item-title{
		font-size: 17px;
	}
}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	#qna .qna-tmpl-wrap{
		padding: 0;
	}
}

/***** xs *****/
@media (max-width: 767px){
	#qna .qna-tmpl-wrap{
		padding: 0;
	}
	
	#qna .point-btn{
		padding: 7px 20px;
		display: inline-block;
	}
	
	#qna .form-control{
		padding: 6px 2px;
	}
}

/*=================================================
		08 - reservation
=================================================*/
.reservation-inc-wrap .form-control{
	padding:0 2px!important;
}
/*=================================================
		09 - contactus
=================================================*/