@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Content.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Jong Hoon, Park 2015-12
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------
				       											* 공통 *
-------------------------------------------------------------------------------------------*/
body{background-color: #1d0f05}
#Footer {letter-spacing:-1px;}
#pop_tit {display: inline-block; padding:5px 40px; background-color:#7d4218; color:#fff;}

.section {width:100%; height:200px;}
.main_section01 {height:670px; background:url('/Images/Main/bg_main_section01.jpg') center 0 no-repeat; }
.main_section01 img {margin:141px auto 126px;}
.main_section02 {height:625px;padding-top:75px;background:url('/Images/Main/bg_main_section02.jpg') center 0 no-repeat; }
.main_section03 {height:1296px;padding-top:75px;background:url('/Images/Main/bg_main_section03.jpg') center 0 no-repeat;}
.main_section04 {height:881px;padding-top:75px;background:url('/Images/Main/bg_main_section04.jpg') center 0 no-repeat; }

.section_contents {width:1240px;  margin:0 auto; padding:0px 0px 95px 0px ;}
.section_header {height: 57px; margin:0px auto 43px auto;}
.section_header h2 {width:100%;   text-align:center;}
.sehction_body {margin:45px auto 0px;}

.product_warp ul {margin:15px 0px 15px 0px;}
.product_warp ul:after{clear:both;}
.product_warp ul.guitar{height:359px; }
.product_warp ul.special_pedal{width:100%;height:298px; }
.product_warp ul.pro_pedal{width:100%;height:268px; }
.product_warp ul.acc{width:100%;height:298px; }
.product_warp li.item {position:relative;float:left; margin-left:15px; border:1px solid #333;}
.product_warp li.item:first-child{margin-left: 0px;}
.product_warp h3 {height: 35px; margin-bottom:20px; text-align:center;}

.prodName {position:absolute; bottom:9px; width:inherit; font-size:12px; text-align:center; }
.prodName span {display: inline-block; height: 25px;  line-height: 25px; background-color:#7d4218; color:#fff; }
.guitar > li .prodName {width:234px;}

.special_pedal  > li .prodName {width:402px;}
.pro_pedal  > li .prodName {width:296px;}
.acc  > li .prodName {width:402px;}

.guitar .prodName > span {width:124px;}
.special_pedal .prodName > span {width:174px;}
.pro_pedal .prodName > span {width:154px;}
.acc .prodName > span {width:174px;}

.prodGuitar:hover{cursor:pointer; background-color: rgba(255,255,255,0.2);}
.prodPedal:hover{cursor:pointer; background-color: rgba(255,255,255,0.2);}
.prodAcc:hover{cursor:pointer; background-color: rgba(255,255,255,0.2);}

.tit_wrap {position: absolute; bottom: 18px; width:528px; text-align:center;}