@charset "UTF-8";


#wrap {  }

#header { width: 100%; background-color: #1f1f1f; }
#header .header { width: 100%; position: relative; height: 55px; z-index: 10000;}

#header .header h1 { text-align: center; line-height: 55px; padding-left: 15px; }
#header .header h1 a { color: #fff; }

#header .header button { position: absolute; top: 0; left: 0; background: none; border: none; width: 55px; height: 55px; }
#header .header button span { width: 55px; height: 55px; font-size: 2.0em; line-height: 55px; color: #fff; }

#header .header .mobileBox { display: none; position: absolute; top: 55px; left: 0; width: 60%; border: 1px solid; padding-bottom: 65px; }

#header .header ul.top { position: absolute; bottom: 0; left: 0; width: 100%; }
#header .header ul.top li { text-align: center; width: 50%; float: left; border-bottom: 1px solid; background-color: #444444; }
#header .header ul.top li a { display: block; height: 32px; line-height: 32px; color: #fff; font-size: .9em; }
#header .header ul.top li:nth-child(odd) a { border-right: #666666 1px solid; } 
#header .header ul.top li:nth-child(3) { border-bottom: 0; } 
#header .header ul.top li:nth-child(4) { border-bottom: 0; } 

#header .header ul.top li a .fa-home { font-size: 1.3em; padding-right: 8px; vertical-align: middle; }
#header .header ul.top li a .fa-sign-in { font-size: 1.2em; padding-right: 8px; vertical-align: middle; }
#header .header ul.top li a .fa-user-plus { font-size: 1.2em; padding-right: 6px; vertical-align: middle; }
#header .header ul.top li a .fa-gear { font-size: 1.3em; padding-right: 8px; vertical-align: middle; }

#header .header ul.navi { clear: both;  }
#header .header ul.navi li { text-align: center; width: 100%; border-bottom: 1px solid; background-color: #222222; }
#header .header ul.navi li a { display: block; height: 40px; line-height: 38px; color: #fff; }

#header .header ul.navi li a:hover,
#header .header ul.navi li a:focus,
#header .header ul.navi li a.here {  color: #11e9db; }

@media all and (min-width:768px) {
	#header .header { max-width: 1000px; margin: 0 auto; height: auto; }

	#header .header h1 { position: absolute; top: 40%; left: 0; }

	#header .header .mobileBox { display: block; position: static; width: 100%; border: none; padding-bottom: 0; }
	#header .header button { display: none; }

	#header .header ul.top { position: static; text-align: right; padding: 10px 1% 0 0; width: 99%; }
	#header .header ul.top li { text-align: right; float: none; width: auto; display: inline-block; padding: 0 10px; background: none; border: none; }
	#header .header ul.top li:nth-child(odd) a { border-right: none; } 

	#header .header ul.navi { text-align: right; padding-top: 5px; }
	#header .header ul.navi li { border: none; background: none; width: auto; display: inline-block; }
	#header .header ul.navi li a { display: block; padding: 15px; height: auto; font-size: 1.2em; font-weight: bold; border-bottom: #1f1f1f 5px solid; word-spacing: -1px; }
	#header .header ul.navi li a:hover,
	#header .header ul.navi li a:focus,
	#header .header ul.navi li a.here { border-bottom: #2BBDB2 5px solid; color: #11e9db; }

}



#container { width: 100%; }

#mainVisual {  }
#mainVisual img { width: 100%; max-width: 1000px; }

#mainVisual .slick-prev::before { content: ""; }
#mainVisual .slick-next::before { content: ""; }
#mainVisual .slick-dots { bottom: 10px; }

#mainVisual .slick-prev { width: 22px; height: 39px; background: url("../../img/visual_left.png") no-repeat 0 0; background-size: 70%; left: 10px; }
#mainVisual .slick-next { width: 22px; height: 39px; background: url("../../img/visual_right.png") no-repeat 0 0; background-size: 70%; right: 0; }



@media all and (min-width: 1000px) {
	#mainVisual { margin: 0 auto; text-align: center;  }
	#mainVisual img { width: 100%; max-width: 1000px; }

	#mainVisual .visual1 { background: url("../../img/visual/main1.jpg") no-repeat center 0; min-height: 600px;  }
	#mainVisual .visual2 { background: url("../../img/visual/main2.jpg") no-repeat center 0; min-height: 600px; }
	#mainVisual .visual3 { background: url("../../img/visual/main3.jpg") no-repeat center 0; min-height: 600px; }

	#mainVisual .slick-prev { width: 22px; height: 39px; background: url("../../img/visual_left.png") no-repeat 0 0; left: 30px; }
	#mainVisual .slick-next { width: 22px; height: 39px; background: url("../../img/visual_right.png") no-repeat 0 0; right: 30px; }
}



#temp .quickBg { padding: 30px 0; background-color: #17141b;  }
#temp .quick { }
	
#temp .quick a { color: #fff;  }

#temp .sunShop { padding: 0 15px; text-align: center; margin-bottom: 20px; }
#temp .runShop { padding: 0 15px; text-align: center; margin-bottom: 20px; }
#temp .rctiShop { padding: 0 15px; text-align: center;  }

#temp .pVer { display: none; }
#temp .mVer { display: block; }
#temp img { width: 100%;  }

#temp .mVideo { position: relative; height: 0; padding-bottom: 49.5%; padding-top: 25px; /*background: url("../../img/videoBg1.jpg") no-repeat 0 50%; background-size: cover;*/ background:linear-gradient(#212121, #444444, #212121); border-bottom: #666666 1px solid; border-top: #666666 1px solid; }
#temp .mVideo iframe { position: absolute; top: 0; left: 0;width: 100%; height: 100%; }

@media all and (max-width: 400px) {
	#temp .pVer { display: block; }
	#temp .mVer { display: none; }
}


@media all and (min-width:768px) {
	#temp .quickBg { padding: 30px 0; background: url("../../img/bannerBg.jpg") repeat-x 0 0; }
	#temp .quick { max-width: 1000px; margin: 0 auto; overflow: hidden; position: relative; }

	#temp .sunShop { width: 29%; position: absolute; top: 0; left: 0; margin-bottom: 0; }
	#temp .runShop { width: 29%; margin: 0 auto; margin-bottom: 0; }
	#temp .rctiShop { width: 29%; position: absolute; top: 0; right: 0; }

	#temp .pVer { display: block; }
	#temp .mVer { display: none; }

	#temp .mVideo { text-align: center; position: relative; height: auto; padding: 50px 0;   }
	#temp .mVideo iframe { position: static; width: 703px; height: 379px; }
}




.galleryBg { background-color: #434343; border-top: #767676 1px solid;  }

#temp .gallery { display: none; }
#temp .galleryM { display: block; max-width: 1000px; margin: 0 auto; padding: 30px; }
/*
#temp .galleryM ul { overflow: hidden; display: table; }
#temp .galleryM li { width: 46%; padding: 0 2%;  text-align: center; display: table-cell; vertical-align: middle; height: 112px;  }
#temp .galleryM li img { width: 100%; }
*/
#temp .galleryM ul { overflow: hidden; }
#temp .galleryM li { width: 46%; float: left; margin: 0 2%;  text-align: center; vertical-align: middle; height: 0; padding-bottom: 29%; position: relative;  }
#temp .galleryM li img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#temp .galleryM .slick-prev { left: 10px; }
#temp .galleryM .slick-next { right: 0; }

#temp .galleryM .slick-prev::before { content: ""; }
#temp .galleryM .slick-next::before { content: ""; }

#temp .galleryM .slick-prev { width: 22px; height: 39px; background: url("../../img/visual_left.png") no-repeat 0 0; background-size: 60%; }
#temp .galleryM .slick-next { width: 22px; height: 39px; background: url("../../img/visual_right.png") no-repeat 0 0; background-size: 60%; }

@media all and (min-width:768px) {
	#temp .galleryM { display: none; }
	#temp .gallery { display: block; max-width: 1000px; margin: 0 auto; padding: 30px 40px; }
/*
	#temp .gallery ul { overflow: hidden; display: table; height: 112px; }
	#temp .gallery li { width: 21%; padding: 0 2%;  text-align: center; display: table-cell; vertical-align: middle; height: 112px;  }
	#temp .gallery li img { width: 100%; }
*/
	#temp .gallery ul { overflow: hidden; }
	#temp .gallery li { width: 21%; float: left; margin: 0 2%; height: 0; padding-bottom: 14%; text-align: center; vertical-align: middle; position: relative; }
	#temp .gallery li img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

	#temp .gallery .slick-prev { left: 10px; }
	#temp .gallery .slick-next { right: 10px; }

	#temp .gallery .slick-prev::before { content: ""; }
	#temp .gallery .slick-next::before { content: ""; }

	#temp .gallery .slick-prev { width: 22px; height: 39px; background: url("../../img/visual_left.png") no-repeat 0 0; }
	#temp .gallery .slick-next { width: 22px; height: 39px; background: url("../../img/visual_right.png") no-repeat 0 0; }


}


.goods { padding: 15px;  position: relative;  }
.goods h2 { padding-bottom: 15px; text-align: center; color: #222; background-color: #fff; width: 160px; margin: 0 auto; font-size: 1.8em; }
.goods h2 span { color: #2BBDB2; }
.goods .line { display: block; width: 100%; height: 24px; border-bottom: #2BBDB2 1px solid; position: absolute; top: 0; left: 0; z-index: -1;  }

#saleProduct h2 span { color: #ff0f0f; }
/* #saleProduct .line { border-bottom: #ff0f0f 1px solid; } */

.goods .productText { text-align: center; padding-bottom: 30px; font-weight: bold; font-size: 1.1em; color: #666; }

.goods dl { border: #cccccc 1px solid; margin-bottom: 30px; }

.goods dl dt { border-bottom: #cccccc 1px solid; position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 100%; }
.goods dl dt a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.goods dl dt span { position: absolute; top: 5px; left: 5px; width: 45%; }
.goods dl dt span img { width: 100%; }

.goods dl .info { text-align: center; padding: 10px; font-size: 1.2em; font-weight: bold; }
.goods dl .info p.tit { padding-bottom: 10px; text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap; }
.goods dl .info p.price { color: #E7470D; font-size: 18px; height: 30px; line-height: 30px; font-family: tahoma,"µ¸¿ò",dotum,gulim; }
.goods dl .info p.price span.normal { text-decoration: line-through; font-size: 18px; }
.goods dl .info p.price span.fa-long-arrow-right { color: #4b4b4b; padding: 0 4px 0 8px; }
.goods dl .info p.price span.sale { font-size: 1.5em; display: inline-block;  }

.goods dl dd.buy { background-color: #F9F9F9; text-align: center; padding: 15px 0; }
.goods dl dd.buy a { display: inline-block; width: 40px; height: 40px; border-radius: 20px; background-color: #646464; color: #fff; line-height: 40px; font-size: 1.5em; margin: 0 5px; }
.goods dl dd.buy a:hover,
.goods dl dd.buy a:focus,
.goods dl dd.buy a.heart { background-color: #E7470D; }

.goods .product { overflow: hidden;  }
.goods .productLeft { width: 47%; float: left; }
.goods .productCenter { width: 47%; float: right; }
.goods .productRight { width: 47%; float: left; }
.goods .mobileOnly { width: 47%; float: right; }

#bestProduct { margin-top: 20px; margin-bottom: 20px; }
#saleProduct { margin-bottom: 20px;  }

@media all and (max-width: 480px) {
	.goods dl .info p.price span.normal { text-decoration: line-through; font-size: 17px; }
	.goods dl .info p.price span.fa-long-arrow-right { color: #4b4b4b; padding: 0; font-size: 12px; }
	.goods dl .info p.price span.sale { font-size: 1.3em; display: inline-block;  }
}
/*
@media all and (max-width: 374px) {
	.goods .productLeft { width: 99%; float: none; }
	.goods .productCenter { width: 99%; float: none; }
	.goods .productRight { width: 99%; float: none; }
	.goods .mobileOnly { width: 99%; float: none; }
}
*/
@media all and (min-width: 768px) {
	.goods dl dt span { position: absolute; top: 5px; left: 5px; width: 35%; }
	
	.goods .product { position: relative; max-width: 1000px; margin: 0 auto; }
	.goods .productLeft { float: none; width: 30%; position: absolute; top: 0; left: 0; }
	.goods .productCenter { float: none; width: 30%; margin: 0 auto;  }
	.goods .productRight { float: none; width: 30%; position: absolute; top: 0; right: 0; }
	.goods .mobileOnly { float: none; display: none; }
}




#categories { background-color: #666666; padding: 20px 10px 10px 10px; }
#categories h2 { color: #fff; padding-bottom: 20px; }

#categories .categories { overflow: hidden; }
#categories .categories dl { width: 29%; float: left; border-right: #787878 1px solid; padding: 0 2%; }
#categories .categories dl:last-child { border-right: none; }
#categories .categories dl dt { color: #aaaaaa; font-weight: bold; padding: 5px; border-bottom: #787878 2px solid; word-spacing: -1px; }
#categories .categories dl dd { color: #eeeeee; font-weight: bold; padding: 10px 0;  }
#categories .categories dl dd li { padding: 5px 10px; color: #a5a5a5; line-height: 1.3; }
#categories .categories dl dd li a { color: #a5a5a5; }

@media all and (max-width:320px) {
	#categories { padding: 20px 5px 10px 5px; }
	#categories .categories dl dt { word-spacing: -3px; padding: 5px 0; }
	#categories .categories dl dd li { padding: 5px 0; word-spacing: -1px;  }
}
@media all and (min-width:768px) {
	#categories .categories { max-width: 1000px; margin: 0 auto; overflow: hidden; }
	#categories .categories dl { width: 21%; float: left; border-right: #787878 1px solid; padding: 0 2%; }
}





#footer { width: 100%; background-color: #444444; color: #fff; }
#footer .footer { margin: 0 auto; padding: 15px 10px; position: relative; }
#footer .footer p.text { padding-bottom: 15px; }
#footer .footer p { padding-bottom: 5px; }
#footer .footer ul { font-size: .9em; }
#footer .footer ul li { float: left; padding: 0 20px 3px 0; }

#copyright { clear: both; font-size: .8em; padding-top: 10px; }

#footer .footer .pageTop { display: block;  color: #333; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; background-color: #fff; border-radius: 25px; position: absolute; bottom: 17px; right: 20px; }

@media all and (min-width:768px) {
	#footer .footer { max-width: 1000px; margin: 0 auto; }

	#footer .footer .pageTop { bottom: 30px; right: 30px; }

}






@media all and (min-width:1025px) {
	
}












/* ****************** SUB ****************** */



#subVisual { }

#subVisual .subVisual1 {  }
#subVisual .subVisual2 {  }
#subVisual .subVisual3 {  }

#subVisual img { max-width: 1000px; width: 100%; }

@media all and (max-width: 480px) {
	#subVisual .subVisual1 img { display: none; }
	#subVisual .subVisual1 { background: url("../../img/visual/sub1.jpg") no-repeat 54% 0; height: 164px; text-align: center;  }

	#subVisual .subVisual2 img { display: none; }
	#subVisual .subVisual2 { background: url("../../img/visual/sub2.jpg") no-repeat 58% 0; height: 164px; text-align: center;  }

	#subVisual .subVisual3 img { display: none; }
	#subVisual .subVisual3 { background: url("../../img/visual/sub3.jpg") no-repeat 46% 0; height: 164px; text-align: center;  }
}



@media all and (min-width:1000px) {
	#subVisual { }

	#subVisual .subVisual1 { background: url("../../img/visual/sub1.jpg") no-repeat center 0; height: 164px; text-align: center;  }
	#subVisual .subVisual2 { background: url("../../img/visual/sub2.jpg") no-repeat center 0; height: 164px; text-align: center;  }
	#subVisual .subVisual3 { background: url("../../img/visual/sub3.jpg") no-repeat center 0; height: 164px; text-align: center;  }


}








#contents {  }
#contents .contents { overflow: hidden; padding: 20px 0 10px 0; }

@media all and (min-width:768px) {
	#contents .contents { max-width: 980px; margin: 0 auto; padding: 40px 10px 10px 10px; }
}






#contents .contents .left { float: none; overflow: hidden; }
#contents .contents .left dt { text-align: center; font-size: 1.7em; font-weight: bold; color: #666; padding: 30px 0; border-bottom: #cdcdcd 1px solid; }
#contents .contents .left dd {}
#contents .contents .left dd li { width: 25%; float: left; }
#contents .contents .left dd li a { height: 50px; line-height: 50px; padding: 0; color: #fff; background-color: #252D35; display: block; border-bottom: #adadad 1px solid; border-right: #adadad 1px solid; position: relative; text-align: center; }
#contents .contents .left dd li a span.fa { display: none;}
#contents .contents .left dd li a:hover,
#contents .contents .left dd li a:focus,
#contents .contents .left dd li a.on { background-color: #1EBEB4; font-weight: bold;  text-shadow: 1px 1px #137069; }

#contents .contents .left dd li a.prev { line-height: 1.6; padding-top: 8px; height: 42px;  background-color: #728398; text-shadow: 1px 1px #252D35; }
#contents .contents .left dd li a.prev strong { display: block; font-size: .9em;  }


@media all and (min-width:768px) {
	#contents .contents .left { width: 18%; float: left;  } 
	#contents .contents .left dt { text-align: center; font-size: 1.8em; font-weight: bold; color: #666; padding: 30px 0; line-height: 1.5; border-bottom: #cdcdcd 1px solid; }
	#contents .contents .left dd {}
	#contents .contents .left dd li { width: 100%; }
	#contents .contents .left dd li a { height: 34px; line-height: 34px; padding: 0 15px; color: #fff; background-color: #252D35; display: block; border-bottom: #adadad 1px solid; position: relative; text-align: left; }
	#contents .contents .left dd li a span.fa { display: none; position: absolute; top: 32%; right: 15px; }
	#contents .contents .left dd li a:hover,
	#contents .contents .left dd li a:focus,
	#contents .contents .left dd li a.on { background-color: #1EBEB4; }
	#contents .contents .left dd li a:hover span,
	#contents .contents .left dd li a:focus span,
	#contents .contents .left dd li a.on span { display: block; }

	#contents .contents .left dd li a.prev { height: 34px; line-height: 34px; padding-top: 0px; background-color: #728398; }
	#contents .contents .left dd li a.prev strong { display: inline; }
}












#contents .contents .sub { float: none; padding: 40px 0 0 0; }

@media all and (min-width:768px) {
	#contents .contents .sub { width: 80%; float: right; padding: 0;}
}




#contents .contents .sub .crumbs { text-align: right; padding: 0 10px 20px 10px;  font-size: 1.1em; }
#contents .contents .sub .crumbs .here { font-weight: bold; }

@media all and (max-width:320px) {
	#contents .contents .sub .crumbs { font-size: .9em; }
}

@media all and (min-width:768px) {
	#contents .contents .sub .crumbs { display: block; text-align: right; padding: 0 0 20px 0; font-size: 1.0em;   }
	#contents .contents .sub .crumbs .fa { font-size: 1.2em; vertical-align: middle; }
}





#contents .contents .sub > h2 { display: none; }

@media all and (min-width:768px) {
	#contents .contents .sub > h2 { clear: both; display: block; margin-bottom: 30px; }
	#contents .contents .sub > h2 img { width: 100%; height: 100px; }
	#contents .contents .sub > h2 .sun { background: url("../../img/sun_subTopBanner.jpg") no-repeat center 0; height: 160px; background-size: cover; }
	#contents .contents .sub > h2 .run { background: url("../../img/run_subTopBanner.jpg") no-repeat center 0; height: 160px; background-size: cover; }
	#contents .contents .sub > h2 .haji { background: url("../../img/haji_subTopBanner.jpg") no-repeat center 0; height: 160px; background-size: cover; }
}






#contents .contents .sub .listTitle { font-size: 1.4em; line-height: 1.6; font-weight: bold; padding: 0 10px 15px 10px; color: #222; }
#contents .contents .sub .listTitle .fa { font-size: .5em; vertical-align: top;  }
#contents .contents .sub .listTitle .fa-quote-left { padding-right: 5px; }
#contents .contents .sub .listTitle .fa-quote-right { padding-left: 5px; }
#contents .contents .sub .listTitle strong { color: #2BBDB2; font-weight: bold; display: block; }

@media all and (min-width:768px) {
	#contents .contents .sub .listTitle strong { display: inline; }
}





#contents .contents .sub .subGoods { width: 100%; overflow: hidden; display: table;}

#contents .contents .sub .subGoods .product { width: 45%; float: left; padding: 0 2.5%; }
#contents .contents .sub .subGoods .product dl { border: #cccccc 1px solid; margin-bottom: 30px; }


#contents .contents .sub .subGoods .product dl dt { border-bottom: #cccccc 1px solid; position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 100%; }
#contents .contents .sub .subGoods .product dl dt img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#contents .contents .sub .subGoods .product dl dt span { position: absolute; top: 5px; left: 5px; width: 35%; }
#contents .contents .sub .subGoods .product dl dt span img {position: static; width: 100% }

#contents .contents .sub .subGoods .product dl .info { text-align: center; padding: 10px; font-size: 1.2em; font-weight: bold; }
#contents .contents .sub .subGoods .product dl .info p.tit { padding-bottom: 10px; text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap; }
#contents .contents .sub .subGoods .product dl .info p.price { color: #E7470D; font-size: 18px; line-height: 1.4; font-family: tahoma,"µ¸¿ò",dotum,gulim; }
#contents .contents .sub .subGoods .product dl .info p.price span.normal { text-decoration: line-through; font-size: 18px;; }
#contents .contents .sub .subGoods .product dl .info p.price span.fa-long-arrow-right { color: #4b4b4b; padding: 0 4px 0 8px; }
#contents .contents .sub .subGoods .product dl .info p.price span.sale { font-size: 1.5em; display: inline-block;  }
#contents .contents .sub .subGoods .product dl dd.buy { background-color: #F9F9F9; text-align: center; padding: 15px 0; }
#contents .contents .sub .subGoods .product dl dd.buy a { display: inline-block; width: 40px; height: 40px; border-radius: 20px; background-color: #646464; color: #fff; line-height: 40px; font-size: 1.5em; margin: 0 3px; }
#contents .contents .sub .subGoods .product dl dd.buy a:hover,
#contents .contents .sub .subGoods .product dl dd.buy a:focus,
#contents .contents .sub .subGoods .product dl dd.buy a.heart { background-color: #E7470D; }

@media all and (max-width: 320px) {
	#contents .contents .sub .subGoods .product dl .info p.price { font-size: 15px; }
	#contents .contents .sub .subGoods .product dl dd.buy a { width: 30px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 1.2em; }
}

/*
@media all and (max-width: 374px) {
	#contents .contents .sub .subGoods .product { width: 90%; float: none; padding: 0; margin: 0 auto; }
}
*/
@media all and (max-width: 480px) {
	#contents .contents .sub .subGoods .product dl .info p.price span.normal { text-decoration: line-through; font-size: 17px; }
	#contents .contents .sub .subGoods .product dl .info p.price span.fa-long-arrow-right { color: #4b4b4b; padding: 0; font-size: 12px; }
	#contents .contents .sub .subGoods .product dl .info p.price span.sale { font-size: 1.3em; display: inline-block;  }
}

@media all and (min-width:768px) {
	#contents .contents .sub .subGoods { width: 100%; overflow: hidden; }
	#contents .contents .sub .subGoods .product { width: 31.33%; float: left; padding: 0 1%; }
}



#contents .contents .view { padding: 0 10px; }

@media all and (min-width:768px) {
	#contents .contents .view { padding: 0 0 0 20px; }
}




#contents .contents .view > h2 { color: #333; padding: 0 5px 10px 5px; margin-bottom: 5px; line-height: 1.4; font-size: 1.5em;  }

@media all and (min-width:768px) {
	#contents .contents .view > h2 { padding: 10px 5px ; margin-bottom: 10px; font-size: 1.8em;  }
}




#contents .contents .view .info { width: 100%; }
#contents .contents .view .info .photo {  }
#contents .contents .view .info .photo p { width: 100%; height: 0; padding-bottom: 100%; position: relative; }
#contents .contents .view .info .photo img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: #cdcdcd 1px solid; }

@media all and (min-width:768px) {
	#contents .contents .view .info { width: 100%; }
	#contents .contents .view .info .photo { width: 48%; float: left; }

}




#contents .contents .sub .view .info .data { margin-top: 20px; }
#contents .contents .sub .view .info .data table { width: 100%; border-top: 2px solid; }
#contents .contents .sub .view .info .data table th { text-align: left; padding: 10px; border-bottom: #cdcdcd 1px solid; width: 43%; line-height: 1.4; word-spacing: -2px; }
#contents .contents .sub .view .info .data table td { border-bottom: #cdcdcd 1px solid; width: 57%; padding: 10px 10px 10px 0; line-height: 1.6; }
#contents .contents .sub .view .info .data table .price th { font-size: 1.3em; background-color: #f6f6f6; }
#contents .contents .sub .view .info .data table .price td { font-size: 1.5em; background-color: #f6f6f6; color: #222; font-weight: bold; padding: 15px 10px 15px 0; font-family: tahoma,"µ¸¿ò",dotum,gulim; }
#contents .contents .sub .view .info .data table .totalPrice th { border-top: #cdcdcd 2px solid; border-bottom: #cdcdcd 2px solid; font-size: 1.3em; background-color: #f6f6f6; color: #E7470D; }
#contents .contents .sub .view .info .data table .totalPrice td { border-top: #cdcdcd 2px solid; border-bottom: #cdcdcd 2px solid; font-size: 2em; background-color: #f6f6f6; color: #E7470D; font-weight: bold; padding: 10px 10px 10px 0; font-family: tahoma,"µ¸¿ò",dotum,gulim;  }

#contents .contents .sub .view .info .data table input[type="text"] { border: #cdcdcd 1px solid; padding: 0 8px; height: 22px; line-height: 22px; width: 35px; margin-right: 5px; text-align: right; }

#contents .contents .sub .view .info .data .btn { text-align: center; padding-top: 20px; }

#contents .contents .sub .view .info .data .btn a { display: block; width: 48.5%; height: 35px; line-height: 35px; font-size: 1.2em; font-weight: bold; border: #adadad 1px solid; border-radius: 5px; background-color: #F9F9F9; margin-bottom: 10px; }
#contents .contents .sub .view .info .data .btn a .fa { padding-right: 4px; }

#contents .contents .sub .view .info .data .btn a.buyBtn { display: block; width: 100%; margin: 0 auto 10px; color: #fff; background-color: #1EBEB4; text-shadow: 1px 1px #137069; }
#contents .contents .sub .view .info .data .btn a.zzimBtn { float: left; }
#contents .contents .sub .view .info .data .btn a.basBtn { float: right; }

#contents .contents .sub .view .info .data .btn a.heart .fa { color: #E7470D; }

@media all and (max-width:320px) {
	#contents .contents .sub .view .info .data table th { width: 44%; }
	#contents .contents .sub .view .info .data table td { width: 56%;  }

	#contents .contents .sub .view .info .data table .price th { font-size: 1.1em; }
	#contents .contents .sub .view .info .data table .price td { font-size: 1.3em; }

	#contents .contents .sub .view .info .data table .totalPrice th { font-size: 1.1em; }
	#contents .contents .sub .view .info .data table .totalPrice td { font-size: 1.7em; }
}
@media all and (min-width:768px) {
	#contents .contents .sub .view .info .data { margin-top: 0; width: 49%; float: right;  }

}



#contents .contents .sub .viewDetail { clear: both; padding: 50px 10px 0 10px; }
#contents .contents .sub .viewDetail h3 { font-size: 1.4em; padding: 15px 10px; color: #222; border-top: #666666 2px solid; border-bottom: #cdcdcd 1px solid; text-align: center; margin-bottom: 50px; }
#contents .contents .sub .viewDetail h3 span { color: #1EBEB4; }

#contents .contents .sub .viewDetail p { padding: 10px 0;  text-align: center; }
#contents .contents .sub .viewDetail img { max-width: 100%; width: 100%; }

@media all and (min-width:768px) {
	#contents .contents .sub .viewDetail { clear: both; padding: 60px 10px 0 10px; }
	#contents .contents .sub .viewDetail h3 { font-size: 1.4em; padding: 15px 10px; color: #222; border-top: #666666 2px solid; border-bottom: #cdcdcd 1px solid; text-align: left; }
	
	#contents .contents .sub .viewDetail p { padding: 10px 0; }
	/*#contents .contents .sub .viewDetail img { width: 60%; }*/

}




#contents .contents .sub .viewDetail .deliveryGuide { border-top: 2px solid; margin-top: 30px; margin-bottom: 20px; }
#contents .contents .sub .viewDetail .deliveryGuide dt { padding: 10px 15px; font-weight: bold; border-bottom: #cdcdcd 1px solid; background-color: #f6f6f6; color: #222; }
#contents .contents .sub .viewDetail .deliveryGuide dd { border-bottom: 1px solid; font-size: .9em; padding: 10px; line-height: 2;  }

@media all and (min-width:768px) {
	#contents .contents .sub .viewDetail .deliveryGuide { border-top: 2px solid; margin-top: 30px; margin-bottom: 50px; }
	#contents .contents .sub .viewDetail .deliveryGuide dd { border-bottom: #cdcdcd 1px solid; font-size: .9em; padding: 15px 20px; line-height: 2.5;  }
}