@charset "utf-8";

.container {
	width:100%; position:relative; max-width:360px; margin:0 auto;
}
.header_wrap {
	width:100%; position:relative;
}
.header {
	width:100%; height:130px; background:url("http://squash.it-mobile.kr/img/bg.jpg")no-repeat; background-size:cover; padding:1% 0; position:relative;
}
.header h1 {
	width:75%; padding-left:16%; padding-top:6.5%;
}
.header h1 img {
	width:100%;
}
.header span {
	position:absolute; width:98%; top:0%; right:0; padding:1.5%; font-size:12px; display:block; background:#2b2c5c; text-align:right; letter-spacing:-1px; border-radius: 0; font-weight:bold; color:#eee;
}
.header span strong {
	font-weight:bolder; color:#f1d88b;
}
.header span a {
	color:#fff;
}
.storeName {
	position:absolute; width:100%; top:100%; left:0; z-index:100; background-color:rgba(207,101,24,1); 
}
.storeName h2 {
	color:#fff; width:28%; padding:2% 0 2% 1%; font-size:14px; background:#ff0000; border-radius: 0 20px 20px 0;
}
.topMenu {
	position:absolute; top:22%; left:0; width:100%; height:32px; background-color:rgba(0,0,0,0.3);text-align:center;
}
.topMenu li {
	display:inline-block; font-size:13px; margin:0 0.5%; color:#eee; padding-left:2%; line-height:32px;
}
.topMenu li a {
	display:block; color:#eee; font-weight:bold;
}
.slide_t {
	position:absolute; z-index:9999; bottom:50px; width:100%; margin-bottom:26px;
}

.content_wrap {
	width:100%; position:relative; overflow:hidden;
}
.content_wrap h2 {
	position:absolute; bottom:22%; left:3%; font-size:28px; color:#fff; font-weight:normal; z-index:100;
}
.content_wrap h2 strong {
	color:#ff6000;
}
.main_txt {
	width:100%; background:#3b3b3b;
}
.main_txt p {
	font-size:12px; color:#fff; padding:2%; text-align:center;
}
.main_txt p strong {
	font-size:17px; color:#fff; text-decoration:none;
}
.visual {
	position:absolute; bottom:0; right:0; z-index:100; width:35%;
}
.footer_wrap {
	width:100%;
}
.footer {
	width:100%; margin-bottom:20%;
}
.snsFixedWrap { 
	width:100%; position:fixed; bottom:0; left:0; z-index:5000;
}
.snsFixed {
	width:100%; margin:0 auto; max-width:360px;
}
.snsBtn { 
	width:100%; background:url('../img/sns/count_btn.png') no-repeat 0 0; position:relative; 
	text-align:center; color:#414141; background-size:100%;
	vertical-align:middle; 
}
.snsBtn.up { 
	background:url('../img/sns/count_btn_up.png') no-repeat 0 0; width:100%; background-size:100%;
}
.snsBtn img { 
	width:100%; position:absolute; top:0; left:-99999px; z-index:200;
}
.count {
	width:100%; padding-top:3%;
}
.snsWrap { 
	width:100%; background:url('../img/sns/sns_bg.png') repeat-x 0 0; background-size:contain;
}
.sns_in { 
	width:100%; position:relative;
}
ul.bo_menu { 
	overflow:hidden; width:100%;
}
ul.bo_menu li { 
	float:left; text-align:center;
}
ul.bo_menu li a img { 
	width:100%;
}
ul.bo_menu li img { 
	width:100%;
}
.m_cut { 
	width:2px; 
}
.m_cut img { 
	width:100%; 
}
.exsol_m_info { 
	width:100%; height:15px; text-align:center; background:#fff; line-height:15px; font-size:9px;
}
.m_btnWrap { 
	width:100%; position:relative;  
}
.b_handle { 
	position:absolute; right:5%; top:-27px; border-left:7px solid #616161; border-right:7px solid #616161;
	cursor:pointer; width:42px;
}
.b_handle img { 
	width:100%; 
}
.banner { 
	width:100%; 
}



.more {
	position:absolute; width:80px; float:right; right:15px; margin-top:-8px;
}
.address {
	width:100%; text-align:center; margin:5% 0 1%; padding:2% 0;  background:#444343;
}
.address p {
	font-size:12px; line-height:20px; color:#282828;
}
.address p em {
	color:#fff; font-weight:bold;
}
.address p a {
	display:inline; margin-left:1%; color:#fff; background:#e51737; padding:5% 5%; border-radius:0px; font-weight:bold;
}
.copy {
	width:100%; text-align:center; font-size:10px; margin-bottom:10%;
}
.copy p {
	font-size:10px; color:#b9b9b9;
}
.footerWrat {
	width:100%; margin-bottom:90px;
}
.footerWrat .address {
	text-align:center; padding:10px 0; font-size:11px;
}
.footerWrat .address p {
	text-align:center; padding-top:3px; font-size:10px; color:#9d9d9d;
}
.flexslider h5 {
	position:absolute; top:0; left:0; z-index:10; width:100%; background:#000; opacity:0.5; padding:5px 0; font-size:11px; color:#fff; text-align:center; font-weight:400;
}
.flexslider h6 {
	position:absolute; top:80px; right:5px; z-index:10;
}
.flexslider h6 img {
	width:100px;
}
.snsWrap {
	width:100%; max-width:360px; background:url('../img/snsWrapBg.png') repeat; position:fixed; bottom:0; overflow:hidden; z-index:100;
}
.snsWrap > ul > li {
	float:left; width:50%; padding:5px 0; text-align:center;
}
.snsWrap > ul > li p {
	font-size:8px; padding:2px 8px; color:#323232; display:block; border-top:1px dashed #ebebeb;
}
.snsLink > ul > li {
	float:left; width:29%; margin:0 2%; text-align:center;
}
.snsLink > ul > li > img {
	width:50%;
}
.snsLink > ul > li > p {
	font-size:6px; padding-top:3px; color:#888;
}
.snsWrap {
	width:100%;
}
.menuBtn1 {
	width:100%; margin:3% auto 2%; text-align:center; background:url("http://squash.it-mobile.kr/img/bg2.jpg"); border-radius:10px; cursor:pointer;
}
.menuBtn1 a {
	font-size:29px; color:#fff; padding:2% 0; letter-spacing:-1px;
}
.menuBtn1 a strong {
	color:#f1d88b;
}
.menuBtn1 a p {
	font-size:12px; color:#a3a3a3;
}
.menuBtn1 a em {
	font-weight:800;
}
.menuBtn2 {
	width:100%; margin:0 auto; text-align:center;
}
.menuBtn2 li {
	width:48%; float:left; margin-left:3.5%; background:url("http://squash.it-mobile.kr/img/bg2.jpg"); border-radius:10px;
}
.menuBtn2 li:first-child {
	margin-left:0;
}
.menuBtn2 li a {
	padding:6% 0; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-1px;
}
.menuBtn2 li a strong {
	color:#f1d88b; font-size:18px;
}
.address {
	width:100%; text-align:center; margin:5% 0 1%; padding:2% 0; background:#f5f5f5;
}
.address p {
	font-size:12px; line-height:20px;
}
.address p em {
	color:#ff6c00; font-weight:bold; font-style:normal;
}
.address p a {
	display:inline; margin-left:1%; color:#f2d798; background:#444; padding:0 1%;  font-weight:bold;
}
.copy {
	width:100%; text-align:center; font-size:10px; margin-bottom:10%;
}
.copy p {
	font-size:10px; color:#b9b9b9;
}

.about_text ul li {
	padding:2%;
}

.about_text ul img {
	width:100%;
}
.about_text ul li .about_t {
	font-size:18px; font-weight:500; margin-top:15px; margin-bottom:12px; line-height:24px; text-align:center;
}
.about_text ul li .about_t span {
	font-size:16px; font-weight:500; color:#ff6c00; line-height:24px; text-align:center;
}
.about_text  .about_t_n {
	font-size:20px; font-weight:700; text-align:center; margin-top:15px; margin-bottom:12px; line-height:26px;
}
.about_text  .about_t_n span {
	font-size:20px; font-weight:700; text-align:center; color:#fc6639; margin-top:15px; margin-bottom:12px; line-height:26px;
}
.about_text  .about_t_n em {
	font-size:12px; font-weight:700; text-align:center; color:#b1b1b1; font-style:normal; margin-top:15px; margin-bottom:12px; line-height:26px;
}

.about_text ul li .sign {
	font-size:10px; font-weight:600; line-height:14px; color:red; 
}

.about_text ul li img {
	width:100%; margin-top:10px;
}

.about_text ul li p {
	padding-top:10px; color:#434343; font-size:14px; line-height:22px; padding:3%; font-weight:400; letter-spacing:-1px; 
}

.about_text ul li p span{
	font-size:18px; line-height:18px; padding:2%; font-weight:800;
}

.about_text ul li p b{
	font-size:14px; line-height:22px; font-weight:700; color:#282828;
}
.about_text ul li p em {
	font-style:normal; font-size:19px; color:#c10a0a; font-weight:700; width:100%; margin:0 auto; border-bottom:1px dotted #b6b6b6;
}

.about_text .sign {
	text-align:right; font-weight:700; margin-bottom:25px; margin-top:15px;
}

.subContentWrap {
	width:100%;
}
.subContentWrap h1 {
	background:#c0b5af; font-size:15px; padding:5px 10px; color:#725a54; border-bottom:1px dashed #f2f2f2; margin-bottom:10px; letter-spacing:-0.5px;
}
.subContentWrap h1 em {
	width:10px; height:10px; background:#725a54; display:inline-block; text-indent:-9999px; margin-right:5px; border-radius:10px;
}
.subContentWrap h1 strong {
	font-weight:400; color:#dbdbdb; font-size:12px; margin-left:5px;
}
.subContentWrap img {
	width:100%;
}
.subContent dl {
	width:100%; padding:5px 0; border-bottom:1px dashed #ebebeb; overflow:hidden;
}
.subContent dl dt {
	float:left; font-size:12px; font-weight:700;
}
.subContent dl dd {
	float:right; color:#ff3300; font-size:12px; font-weight:bold;
}





/*메뉴안내*/

.content_wrap h3 {
	padding:15% 0 0 0; font-size:26px; color:#444; font-weight:500; text-align:center; 
}
.content_wrap h3 p {
	font-size:12px; color:#828282; font-weight:normal; margin-bottom:15px; margin-top:6px; 
}

.menuInfo {
	margin-bottom:30px;
}
.menuInfo h4 {
	padding:2% 0 2% 2%; font-size:16px; color:#ff3600; clear:both; font-weight:800;
}

.menuInfo ul {
	width:90%; padding:0 5%;
}
.menuInfo ul li {
	width:22%; padding-left:8%; text-align:left; position:relative; float:left; margin-top:5%;
}
.menuInfo ul li h5 {
	font-size:14px; font-weight:700; background:#323232; color:#fff; padding:5px; position:absolute; top:0; left:0;
}
.menuInfo ul li p {
	font-size:12px; padding-bottom:10%;
}
.menuInfo ul li span {
	font-size:12px; color:#e70000; font-weight:700;
}

.gallery  {
	margin-top:-25px; 
}

.gallery ul li {
	padding:2%; 
}
.gallery ul li img {
	width:100%;
}

/*오시는 길*/
.location {
	width:96%; margin:0 auto; padding:5% 0;
}
.location iframe {
	width:100%; height:300px;
}
.addressTab {
	width:100%; margin:0 auto; border-right:1px solid #dadada; border-bottom:1px solid #dadada; margin:2% 0; font-size:12px; color:#5b5b5b;
}
.addressTab th {
	width:25%; border-top:1px solid #dadada; border-left:1px solid #dadada; height:40px; background:#ececec;
}
.addressTab td {
	width:75%; border-top:1px solid #dadada; border-left:1px solid #dadada; padding:1% 2%;
}

.infoTab {
	width:100%; margin:0 auto; border:1px solid #f1f1f1; margin:2% 0; font-size:12px; color:#5b5b5b; text-align:center;
}
.infoTab th {
	width:25%; border:1px solid #fff; height:40px; background:#ececec;
}
.infoTab td {
	width:25%; border:1px solid #fff; padding:1% 2%;
}

.infoTab_e {
	width:100%; margin:0 auto; border:1px solid #fdd751; margin:2% 0; font-size:12px; color:#5b5b5b; text-align:center;
}
.infoTab_e th {
	width:25%; border:1px solid #fff; height:40px; background:#fdd751;
}
.infoTab_e td {
	width:25%; border:1px solid #fff; padding:1% 2%;
}

.infoTab_2 {
	width:100%; margin:0 auto; border:1px solid #fdd751; margin:2% 0; font-size:11px; color:#5b5b5b; text-align:center;
}
.infoTab_2 th {
	width:auto; border:1px solid #fff;  background:#fdd751;
}
.infoTab_2 td {
	width:auto; border:1px solid #eee; padding:1% 2%;
}



.boardWrap {
	width:100%;
}
.boardWrap iframe {
	width:100%; height:500px;
}