/* Kona */
#Kona {MARGIN:0 auto; MAX-WIDTH:100%; text-align:center; padding:0; clear:both; color:333; line-height:120%; word-break:keep-all;}
#Kona h1 {text-align:center; MARGIN:0 auto;}
#Kona h2 {text-align:left; MARGIN:0 auto; padding:10px 15px; font-family:NanumSquareB; font-size:26px; color:#4c0e01; line-height:140%; letter-spacing:-1px; word-break:keep-all;}
#Kona h3 {text-align:left; MARGIN:0 auto; padding:10px 15px; font-family:NanumSquareB; font-size:18px; color:#333; line-height:140%; letter-spacing:-1px; word-break:keep-all;}
#Kona h4 {text-align:left; MARGIN:0 auto; padding:0 15px 10px 15px; font-size:12px; font-weight:lighter; color:#414042; line-height:140%; letter-spacing:-0.5px; word-break:keep-all;}

#KonaCon {margin-top:50px; text-align:left;}
#KonaCon p {text-align:center; margin:15px;}

/* TopImg */
#s_banner_wrap {width:100%; position:relative; margin:0;}


/******************************************************************
	터치 슬라이더
*******************************************************************/
.tr_slider_wrap {padding:0 15px; margin:10px 0 30px 0;}
.tr_slider {width:100%; overflow:hidden;}
.tr_slider .slider_wrap {overflow:hidden; width:100%; height:auto!important;}
.tr_slider .slider_wrap li {height:auto!important;}
.tr_slider .slider_wrap img {max-width:100%; width:100%;}
.tr_slider .slider_wrap .swiper-slide span {width:100%; position:absolute; bottom:0; left:0; display:block; color:#FFF; font-size:13px; background:rgba(0,0,0,0.6); font-weight:bold; z-index:500; padding:5px 10px;}

.slider_nav {clear:both; text-align:center; margin-top:10px;}
.slider_nav li,.swiper-pagination-switch {margin-left:5px; display:inline-block; width:8px; height:8px; border-radius:8px; background:#d7d8dc;}
.slider_nav li.on,.swiper-active-switch {background:#eb2c2e;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto;
}
.swiper-slide {
	position:relative;
	float:left;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.swiper-slide em {width:100%; position:absolute; bottom:0; left:0; display:block; color:#FFF; font-size:13px; background:rgba(0,0,0,0.6); font-weight:bold; z-index:500; padding:5px;}


/******************************************************************
	터치 갤러리
*******************************************************************/


/* 제품갤러리 */
#Gallery {float:none; max-width:100%; color:#FFF; margin:0 15px; overflow:hidden;}
#Gallery .section {*zoom:1; max-width:100%;; margin:0 auto;}
#Gallery .section:after {content:""; display:block; clear:both;}

#Gallery .sec_visual{z-index:10000;}

#Gallery .hide {display:none;}
#Gallery .blind {position:absolute; top:-5000px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}


#Gallery .main_visual{overflow:hidden; position:relative; float:right; width:100%; height:100%; margin-bottom:70px;}
#Gallery .main_visual .info {top:0; left:0; display:none; width:100%; height:100%;}


#Gallery .main_visual .visual_area {position:relative;}
#Gallery .main_visual .visual_area .cont {width:100%; height:100%; position:relative; top:0; left:0;display:none;}
#Gallery .main_visual .visual_area .cont a {display:block; width:100%; height:100%;}
#Gallery .main_visual .visual_area .cont em {width:100%; position:absolute; bottom:0; left:0; display:block; color:#FFF; font-size:13px; background:rgba(0,0,0,0.6); font-weight:bold; z-index:500; padding:5px 10px;}
#Gallery .main_visual .visual_area .cont img {max-width:100%; width:100%;}


/* 이전,다음 버튼 */
#Gallery .visual_area .btn {position:absolute; top:40%; left:0; width:100%; z-index:9999;}
#Gallery .visual_area .btn a {position:absolute; top:0; display:block; font-size:0; line-height:0; overflow:hidden; width:40px; height:70px; background:url('/ADMIN/Images/Common/Controls.png') no-repeat;}
#Gallery .visual_area .btn .prev_btn {top:0; left:0; background-position:0 0;}
#Gallery .visual_area .btn .next_btn {top:0; right:0; background-position:-40px 0;}


#Gallery .category_area {margin-top:5px;}
#Gallery .category_area .cate {position:relative; overflow:hidden; z-index:10; width:100%; margin-bottom:5px;}
#Gallery .category_area .cate li {float:left; width:24.3%; text-align:center; margin-right:0.933333%;}
#Gallery .category_area .cate li.Last {margin-right:0;}
#Gallery .category_area .cate li img {width:100%;}
#Gallery .category_area .cate>li:first-child {margin-left:-2px;}
#Gallery .category_area .cate>li:last-child {margin-right:0;}
#Gallery .category_area .cate>li>a {position:relative; display:block; top:0; left:0; width:100%;}
#Gallery .category_area .cate>li>a.selected {width:100% ;top:0; z-index:2; opacity:0.5; filter:alpha(opacity=50);}