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


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


/* lead */
#lead {margin:0 auto; max-width:100%; text-align:center; padding:0; clear:both; color:333; line-height:120%; word-break:keep-all;}
#lead h1 {text-align:center; MARGIN:0 auto;}
#lead h2 {text-align:left; margin:0 auto; font-family:NanumSquareB; font-size:21px; font-weight:bolder; color:#414042; letter-spacing:-1px;}
#lead h3 {text-align:left; margin:0 auto; font-family:NanumSquareB; font-size:18px; font-weight:bolder; color:#414042; letter-spacing:-1px; padding:15px 0 5px 10px; line-height:125%;}
#lead h4 {text-align:left; margin:0 auto; font-family:NanumSquareB; font-size:15px; font-weight:bolder; color:#414042; letter-spacing:-1px; padding:20px 10px 5px 10px;}
#lead h5 {text-align:left; margin:0 auto; font-family:NanumSquareB; font-size:18px; font-weight:bolder; color:#414042; letter-spacing:-1px; padding:30px 10px 0 10px; line-height:125%;}

#cardsample ul li {overflow:hidden; position:relative; float:left; width:45%; height:100%; margin:10px 0 10px 0; padding:5px;}


#lead p {text-align:center; margin:0 auto;}

.leadCon {margin:15px; text-align:left;}
.movie {margin:10px 0 10px 0;}



/* 테이블 */
#table {width:100%; border-collapse:collapse; border-spacing:0; color:#333; font-size:13px; line-height:140%;}
#table thead {border-top:1px solid #ddd;}
#table thead td {height:0;}
#table tbody th {border-left:4px solid #530c5f; background-color:#efefef; padding:5px 10px; text-align:left; color:#333;}
#table tbody td {border:1px solid #ddd; text-align:left; padding:5px 10px;}
.tno01 {background-color:#65addf;}
.tno02 {background-color:#8fc3e8;}
.tno03 {background-color:#f2f2f2;}



/* FOOTER */
footer {margin:20px 0 0 0; max-width:100% ;padding:10px 15px; text-align:center; clear:both; font-family:"돋움", Arial; color:#fff; font-size:12px; line-height:150%; background-color:#1c2f50;}
footer h4 {margin:0 auto; font-family:NanumSquareB; font-size:15px; font-weight:bolder; color:#fff; letter-spacing:-1px; padding:10px 10px 5px 10px;}
footer h2 {margin:0 auto; font-family:NanumSquareB; font-size:18px; font-weight:bolder; color:#fff; letter-spacing:-1px; padding:10px 10px 20px 10px;}
footer span {color:#ff8c8c; font-weight:bold;}


#Directions {margin:0; text-align:left;}
#Directions h1 {text-align:left; margin:0 auto; padding:10px 15px; font-family:NanumSquareB; font-size:21px; font-weight:bolder; color:#fff; letter-spacing:-1px; background-color:#1c2f50;}
#Directions h2 {text-align:left; margin:0 auto; padding:0 15px 0 15px; font-family:NanumSquareB,"돋움", Arial; font-size:12px; color:#333; font-weight:lighter;}


/* 제품갤러리 */
#Gallery {float:none; max-width:100%; color:#FFF; padding:30px 5px 0 5px;}
#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:20px;}
#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('/MOBILE/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);}

ul.tabs {
    margin: 35px 0 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #eee;

    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:115px;
    height: 31px;
    line-height: 31px;

    border-left: none;
    font-weight: bold;
    background: #e2e2e2;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #ffca11;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {

    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 100%;
    margin: 0 auto;
}


/******************************************************************
	터치 슬라이더
*******************************************************************/
.tr_slider_wrap1 {padding-top:30px;}
.tr_slider_wrap2 {padding-bottom:30px; margin-bottom:40px; margin-top:8px;}
.tr_slider {width:100%; overflow:hidden; background-image:url(../images/detail_sp.gif);}
.tr_slider .slider_wrap {overflow:hidden; width:100%; height:auto!important; border:1px solid #e9e9e9;}
.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:12px; 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 {
	float:left;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}