@charset "utf-8";
/* livebandssaeng mobile CSS Document */



body {width:100%; margin:0 auto; font-family: helvetica,sans-serif; color:#666; -webkit-text-size-adjust:none; background-color:#333333;}
ul {list-style:none;}
img {border:0;vertical-align:top;margin:0;padding:0;}
a { text-decoration:none;}

/* main css */
#top img {float: left; width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
#top img.enlargement {width: 100%;}

#navigation img {float: left; width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
#navigation img.enlargement {width: 100%;}

.system_img img {float: left; width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s; margin:10px 0 20px 0;}
.system_img img.enlargement {width: 100%;}

#m_main {margin:0 auto; width:100%;}
#top .main_visual {width:100%;}

#navi01 .brand_into {width:66.55%;float:left;}
#navi01 .search {float:left;width:33.45%;}

#navi02{width:66.55%;float:left;}
#navi02 .news {width:50%;float:left;}
#navi02 .found {width:50%;float:left;}
#navi02 .event {width:50%;clear:both;float:left;}
#navi02 .blog {width:50%;float:left;}

#navi03 {width:33.4%;float:left;}


/* main 터치롤링 css */
.WolfHaruSlider { position:relative;}
.WolfHaruSliderImgWrap { position:relative; }
.WolfHaruSliderImgBox { position:relative;}
.WolfHaruSliderImgContent { position:relative;  }
.WolfHaruSliderImgList li img { width:100%; vertical-align:top;}

.WolfHaruSliderImgContentMove { position:relative; width:100%; height:auto; overflow:hidden;}
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList { position:relative; left:0%; top:0px; z-index:2;  margin:0; padding:0;}
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li { position:absolute; width:100%; left:0; top:0;}
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li a { display:block;}

.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_0 { left:0%; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_1 { left:100%; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_2 { left:200%; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_3 { left:300%; }
img.WolfHaruSliderImgDefault { position:relative; width:100%; z-index:1; }

.WolfHaruSliderBtn {position:absolute; bottom:50%;  width:18px; height:30px; text-indent:-1000px; font-size:0; cursor:pointer; background:url("http://img.livebandssaeng.com/_img/mobile/btn_wolfharuslide.png") no-repeat left top; z-index:3; }
.WolfHaruSliderBtnPrev {left:10px;}
.WolfHaruSliderBtnNext {right:10px; background-position:right top;}

.WolfHaruSliderSwipe { position:absolute; width:100%; bottom:-5px; left:0; text-align:center; padding:10px 0 10px 0; z-index:2; }
.WolfHaruSliderSwipe span {
	width:12px; height:12px; margin:0 3px; display:inline-block; cursor:pointer;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
	background: #555;
	background: -moz-linear-gradient(top,  #555 0%, #555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#555));
	background: -webkit-linear-gradient(top,  #555 0%,#555 100%);
	background: -o-linear-gradient(top,  #555 0%,#555 100%);
	background: -ms-linear-gradient(top,  #555 0%,#555 100%);
	background: linear-gradient(top,  #555 0%,#555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#555',GradientType=0 );
}
.WolfHaruSliderSwipe span em {
	position:absolute; width:8px; height:8px; text-indent:-5000px; font-size:0; margin:2px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.WolfHaruSliderSwipe span.on em {position:absolute; background-color:#fff;}


/* sub css */

#sub_top {margin:0; padding:0; width:100%; height:60px; background:url("http://img.livebandssaeng.com/_img/mobile/sub_top_bg.gif"); repeat-y;}
#sub_top .home {float:left; margin:0; padding-top:8px; width:20%; text-align:center;}
#sub_top .logo {padding-top:8px; text-align:center;}
#sub_top .prev {float:right; margin:0; padding-top:8px; width:20%; text-align:center;}
.s_menu01 {margin:0;padding:0;width:100%;height:40px;background-color:#f9812a;}
.s_menu01 li {float:left;width:33%;text-align:center; border-right:1px solid #e86d14;height:27px; padding-top:11px; font-size:16px; color:#fff; font-weight:bold; letter-spacing:-1px;}
.s_menu01 li a {font-size:16px; color:#fff; font-weight:bold;letter-spacing:-1px;}
.s_menu02 {margin:0;padding:0;clear:both;width:100%;height:40px;background-color:#f9812a;}
.s_menu02 li {float:left;width:33%;text-align:center; border-right:1px solid #e86d14; border-top:1px solid #e86d14; height:27px; padding-top:11px;font-size:16px; color:#fff; font-weight:bold;letter-spacing:-1px;}
.s_menu02 li a {font-size:16px; color:#fff; font-weight:bold;letter-spacing:-1px;}
.s_menu01 .yellow a {font-size:16px; color:#fff10e; font-weight:bold;letter-spacing:-1px;}
.s_menu02 .yellow a {font-size:16px; color:#fff10e; font-weight:bold;letter-spacing:-1px;}

.title {font-size:28px; color:#333333; font-weight:bold;letter-spacing:-1px;}

#sub_contents {margin:0; padding:0; height:100%; background-color:#ffffff;}
#sub_contents .search_btn {margin:0; text-align:right; padding:10px 10px 0 0;}
#sub_contents .search_btn a {font-size:17px; color:#f97230; font-weight:bold;margin:0; padding:0;letter-spacing:-1px;}

#sub_tab {margin:0; padding:20px 0 20px 0;}
#sub_tab ul {margin:0 auto; width:98%; height:54px;padding:0;}
#sub_tab li {width:98%; margin:0 auto; border:1px solid #111111; text-align:center; margin-bottom:5px; padding:12px 0 12px 0;}
#sub_tab .gray {background-color:#f7f7f7; border:1px solid #e0e0e0; font-size:16px; color:#666; font-weight:bold; letter-spacing:-1px;}
#sub_tab .orange {background-color:#ffa736; border:1px solid #ff8f00; font-size:16px; color:#fff; font-weight:bold; letter-spacing:-1px;}


/* 브랜드 소개 css */
#brand {width:95%; margin:0 auto; padding-bottom:50px; margin-top:50px;}
#brand .brand_img {margin:10px 0 10px 0;}
#brand .brand_img img {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
#brand .brand_img img.enlargement {width: 100%;}
#brand h1 {font-size:25px; color:#333; text-align:center; line-height:30px;letter-spacing:-0.5px;}
#brand h2 {font-size:22px; color:#333; line-height:27px;letter-spacing:-0.5px;}
#brand h3 {font-size:18px; font-weight:bold; color:#333; line-height:24px; margin:20px 0 20px 0; padding:0;letter-spacing:-1px;}
#brand h3 .text_orange {font-size:18px; font-weight:bold; color:#ff7624; line-height:24px;letter-spacing:-1px;}
#brand h4 {font-size:17px; font-weight:bold; color:#333; line-height:24px; margin:0 0 10px 0; padding:0;letter-spacing:-1px;}
#brand p {font-size:16px; color:#666; line-height:23px;letter-spacing:-0.5px;}
#brand ul {line-height:40px; margin:0; padding:0 0 20px 5px;}
#brand li {margin:0; line-height:23px; font-size:16px; color:#666; padding-bottom:8px; background:url("http://img.livebandssaeng.com/_img/mobile/sub_dot.gif") no-repeat 0 8px; padding-left:10px; text-align:justify;letter-spacing:-0.5px;}

/* 창업안내 css */
#founding {width:95%; margin:0 auto; padding-bottom:50px; margin-top:100px;}
#founding h1 {font-size:25px; color:#333; text-align:center; line-height:30px;letter-spacing:-0.5px;}
#founding h2 {font-size:22px; color:#333; line-height:27px;letter-spacing:-0.5px;}
#founding h3 {font-size:18px; font-weight:bold; color:#333; line-height:24px; margin:20px 0 10px 0; padding:0;letter-spacing:-1px;}
#founding h4 {font-size:17px; font-weight:bold; color:#333; line-height:24px; margin:0 0 3px 0; padding:0;letter-spacing:-1px;}
#founding p {font-size:16px; color:#666; text-align:justify; line-height:20px;}

.found ul {margin:0;padding:0;}
.found li {border:1px solid #efefef; text-align:center; padding:10px 0 5px 0;}
.found .arrow {border:0px; padding:10px 0 0 0;}

.found_img img  {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.found_img img.enlargement {width: 100%;}

.found01 ul {margin:0;padding:0;}
.found01 li {border:1px solid #efefef; text-align:center; padding:10px 0 5px 0; margin-bottom:8px;}

.found02 {margin-bottom:30px;}
.found02 h3 {margin:0;padding:0;}
.found02 ul {margin:0;padding:0;}
.found02 li {margin:0; line-height:20px; font-size:16px; color:#666; text-align:justify; padding-bottom:3px; background:url("http://img.livebandssaeng.com/_img/mobile/sub_dot.gif") no-repeat 0 8px; padding-left:10px;}

.location {margin-top:50px;}
.interior {margin:50px 0 280px 0;}
.contact {margin-top:50px;}

.feature h4 {font-size:16px; font-weight:bold; margin:0; padding:0;}
.feature {margin-top:10px; padding-bottom:15px;}



/* tutorial css */
#tutorial {width:95%; margin:0 auto; margin-bottom:50px; padding-top:20px;}
#tutorial h3 {margin:0 0 15px 0;}
#tutorial iframe {width:100%; height:300px;}
.tutorial_con {margin:0 0 35px 0;}
.tutorial_con h1 {margin:0; padding:0 0 5px 0;}

/* 연주체험관 검색 css 
 .wrap {width:95%; margin:0 auto; padding:0; margin-top:20px; margin-bottom:50px;}

.accordion {list-style-type:none; padding:0; margin:0;}
.accordion ul {padding:0; margin:0; width:100%;}
.accordion li {cursor:pointer; list-style-type:none; padding:15px 0 15px 0; margin:0; width:100%; background:url(http://img.livebandssaeng.com/_img/mobile/area_bg.gif) repeat-x; text-align:center;}
.accordion li div {padding:0px; clear:both; float:left; width:100%;}
.accordion a {font-size:16px; font-weight:bold; letter-spacing:-1px; color:#333; padding:0; display:block; cursor:pointer;}

.area ul {margin-top:15px;}
.area li {background:#fff; border:1px solid #e0e0e0; margin-bottom:5px; font-size:16px;}
.area li a{font-size:16px; font-weight:none;}*/

/* 연주체험관 검색 css */
#verticalEx1 {width:95%; margin:0 auto; margin-top:20px; margin-bottom:50px;}
.vertical_toggle {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#ededed; border:1px solid #e0e0e0; font-size:16px; color:#666; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle_active {background-color:#ffa736; border:1px solid #ff8f00; font-size:16px; color:#fff; font-weight:bold; letter-spacing:-1px;}
.vertical_content {background-color:#fff; overflow:hidden; width:95%; margin:0 auto;}			
.vertical_content p {line-height:20px; padding:5px 10px 15px 10px;}	
.vertical_toggle2 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle2_active {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#ff7200; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle3 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle4 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle5 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle6 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle7 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle8 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}
.vertical_toggle9 {display:block; padding:15px 0 15px 0; margin:0 0 5px 0; background-color:#fff; border:1px solid #e0e0e0; font-size:16px; color:#888; font-weight:bold; letter-spacing:-1px; text-align:center; cursor:pointer;}

.vertical_content2 {margin-bottom:30px;}
.vertical_content3 {margin-bottom:30px;}
.vertical_content4 {margin-bottom:30px;}
.vertical_content5 {margin-bottom:30px;}
.vertical_content6 {margin-bottom:30px;}
.vertical_content7 {margin-bottom:30px;}
.vertical_content8 {margin-bottom:30px;}
.vertical_content9 {margin-bottom:30px;}

.vertical_content h4 {color:#ff7200; font-size:20px; font-weight:bold; margin:10px 0 5px 0; padding:0;}
.contents_area {margin-bottom:20px; padding:10px 0 0 0; width:95%; margin:0 auto;}
.contents_area p {margin:8px 0 0 0; padding:0;}
.search_map iframe {margin:0; padding:0; width:100%; height:350px;}

.search_img {width:100%; border:1px solid #e2e2e2;}
.search_img img {width: 94%; -webkit-transition-property: width; -webkit-transition-duration: .3s; border:10px solid #fff;}
.search_img img.enlargement {width:94%;}
.map_btn {text-align:right;}


/* 쌩소식 css
#verticalEx11 {width:95%; margin:0 auto; margin-top:20px; margin-bottom:50px;}
.vertical_toggle10 {display:block; padding:15px 25px 15px 0; margin:0 0 5px 0; background:url("http://img.livebandssaeng.com/_img/mobile/news_bg.gif") no-repeat; background-position: right; border-bottom:1px solid #e0e0e0; font-size:17px; color:#666; font-weight:bold; letter-spacing:-1px; cursor:pointer;}
.vertical_toggle10_active {background:url("http://www.kimihi.com/mobile/images/news_bg01.gif") no-repeat;  background-position: right; border-bottom:1px solid #e0e0e0; font-size:17px; color:#666; font-weight:bold; letter-spacing:-1px;}
.vertical_content10 {background-color:#fff; overflow:hidden; margin:0 auto;}			
.vertical_content10 p {line-height:20px; padding:5px 10px 15px 10px;}
.news_content {margin:20px 0 50px 0;}
.news_content p{margin:0; padding:0; text-align:center;}
.news_content img{width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.news_content img.enlargement {width:94%;}
.news_content iframe {margin:0; padding:0; width:100%; height:300px;} */


/* 쌩소식 css */
#news {width:95%; margin:0 auto; margin-bottom:30px; margin-top:20px;}
#news h1{margin:0 0 20px 0; padding:0;}
.news_content {margin:30px 0 30px 0; padding:0;}
.news_content p{margin:0 0 5px 0; padding:0; text-align:center;}
.news_content img{width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.news_content img.enlargement {width:100%;}
.news_content iframe {margin:0; padding:0; width:100%; height:300px;}
.news_view {border-top:3px solid #f9812a; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 0;}
.news_view p {margin:0; padding:0;}
.news_view_title {font-size:18px; font-weight:bold; color:#333;}
.news_view_date {font-size:15px; color:#777;}
.news_img img {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.news_img img.enlargement {width: 100%;}
.news_btn {text-align:right; margin:20px 0 5px 0;}
.vertical_toggle10 {display:block; padding:15px 25px 15px 0; margin:0; background:url("http://img.livebandssaeng.com/_img/mobile/news_bg.gif") no-repeat; background-position: right; border-bottom:1px solid #e0e0e0; font-size:17px; color:#666; font-weight:bold; letter-spacing:-1px; cursor:pointer;}
.vertical_toggle10 a{font-size:17px; color:#666; font-weight:bold; letter-spacing:-1px;}


/* 개인정보취급방침 css */
#verticalEx12 {width:100%; margin:0 auto; margin-top:20px; margin-bottom:50px;}
.vertical_toggle11 {display:block; padding:8px 25px 8px 10px; margin:0 0 5px 0; border:1px solid #e0e0e0; font-size:17px; color:#666; font-weight:bold; letter-spacing:-1px; cursor:pointer;} 
.vertical_content11 {background-color:#fff; overflow:hidden; width:95%; margin:0 auto;}			
.vertical_content11 p {line-height:20px; margin-top:15px; margin-bottom:15px; text-align:justify;}
.privacy_contents {width:95%; margin:0 auto; padding:20px 0 0 0;}
.privacy_contents h1 {margin:0 0 5px 0; auto; padding:0;}
.privacy_contents p{margin:0 0 15px 0; padding:0; text-align:justify;}
#verticalEx12 .vertical_content11 p {margin:10px 0 20px 0;}

/* 이벤트 css */
#event {width:95%; margin:0 auto; padding:20px 0 30px 0;}
#event h1{margin:0 0 5px 0; padding:0;}
#event .event_contents{margin:0 0 30px 0; padding:0;}
#event .event_contents img {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
#event .event_contents img.enlargement {width: 100%;}
#event .event_contents h2{margin:0 0 8px 0; padding:0;}
#event .event_contents p{margin:0 0 5px 0; padding:0;}
.event_view {border-top:3px solid #f9812a; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 0;}
.event_view p {margin:0; padding:0;}
.event_view_title {font-size:18px; font-weight:bold; color:#333;}
.event_view_date {font-size:15px; color:#777;}
.event_img img {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.event_img img.enlargement {width: 100%;}
.event_btn {text-align:right; margin:20px 0 5px 0;}

/* 이용문의 css */
#contact {width:95%; margin:0 auto; margin-bottom:30px;}
.contact_con01 img {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.contact_con01 img.enlargement {width: 100%;}
.contact_con02 {border:1px solid #e0e0e0; padding:15px; margin:0;}
.contact_con02 img {width: 100%; -webkit-transition-property: width; -webkit-transition-duration: .3s;}
.contact_con02 img.enlargement {width: 100%;}
.contact_con02 p {margin:0; padding:5px 0 5px 0;}

/* main&sub copyright css */
#copyright {clear: both; padding-bottom:20px; text-align:center;}
#copyright ul {margin:0 auto;width:280px;}
#copyright li {float:left;padding:25px 10px 0 0;font-size:14px; color:#ffffff;}
#copyright li a {font-size:14px; color:#ffffff;}
#copyright li a:hover {float:left; font-size:14px; color:#ffffff; text-decoration:underline;}
#copyright .copy_contents{clear:both; font-size:14px; color:#ffffff;}