@charset "utf-8";

.wrap_fluid { width:100%;  }
.wrap { max-width:90%;  margin:0 auto; }
.table_respons { overflow:auto; }

/*버튼 공통*/
button {
	border-radius:5px;
	border:1px solid #34477b;
	background-color:#657ab2;
	color:#fff;
	padding:6px 10px 8px 10px;
	font-weight:bold;
	cursor:pointer;
}
.button_default {
	border-radius:0;
	border:1px solid #ccc;
	background-color:#fafafa;
	color:#000;
	padding:4px;
	font-weight:normal;
	font-size:90%;
}

/*header*/
.header_box { background:url(../images/header_box_bg.jpg) repeat-x; height:71px;  }
header { position:relative;  }
header h1 {  float:left; height:35px; line-height:35px;margin:0 10px; }
header > ul { float:right; height:35px; line-height:35px; margin:0 10px; }
header > ul li { float:left; margin-left:18px; }
header  nav > ul { width:100%;height:33px; line-height:33px; text-align:center; }
header  nav > ul li { float:left; width:25%; text-align:center; color:#fff;  }
header  nav > ul li  img { margin-right:6px; }
header  nav > ul li a:link,header  nav > ul li a:visited,header  nav > ul li a:active { color: #fff; }

/*submenu*/
.submenu { background-color:#343846; width:80%; padding-bottom:30px;position:absolute; top:0; left:0; z-index:1; }
.submenu h1 { color:#fff; background-color:#404555;  font-size:16px; height:45px; line-height:45px;  padding:0 3%; width:87%; margin:20px 3% 0 3%; }
.submenu h1 img { float:right; margin-top:10px;  }
.submenu a { color:#fff; }
.submenu ul li  { height:35px; line-height:35px; display:inline-block;width:100%;   }
.submenu > ul > li { margin:0 3%;  height:35px; line-height:35px; border-bottom:1px solid #404555; width:93%; margin-top:10px; position:relative;   } 
.submenu > ul > li img {  position:absolute; right:0; top:15px; }
.submenu > ul > li ul { background-color:#404555; padding:0 3%; width:94%; margin-bottom:50px; }

/*slide*/
.touchslider { position:relative;  }
.touchslider-item img {  max-width:100%;  }
.touchslider-item img.first_img { display:block; } 
.touchslider-item img.second_img { display:none; }
.touchslider div.button { text-align:left;  position:absolute; top:65%; right:3%; }
.touchslider div.button  span{ margin-left:5px; }
.touchslider p.mbtext { display:none; }

/*product*/
.product h1 { margin-top:40px; text-align:center; }
.product h1 span { padding-bottom:2px; }
.product_list { width:100%; }
.product dl { float:left; margin: 20px 2% 0 2%; width:29.3%;  }
.product dl dt { border:1px solid #999; text-align:center; margin-bottom:6px; height:158px; }
.product dl dt img { max-width:100%; }
.product dl dd { text-align:center;vertical-align:middle; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; }
.product dl dd img { vertical-align:middle;  }
.product dl dd strong { color:#cc0000; }

/*info*/
.info_box { background-color:#f5f5f5; }
.info { margin-top:40px; background-color:#f5f5f5; width:100%; }
.info ul { float:left; width:25%; height:90px; text-align:center; padding:20px 0;  }

/*contact*/
.contact { width:100%; }
.contact dl { float:left; text-align:center; width:49.5%; padding:15px 0; margin:15px 0;font-size:13px; }
.contact dl.first { border-right:1px solid #d5d5d5; }
.contact dl dt { font-weight:bold; font-size:14px; }
.contact dl.first dt span { color:#cc0000; }
.contact dl.second dt span { color:#000ccd; }

/*subcontent common*/
.subcontent  { margin:0 10px 75px 10px;;  }
.subcontent .navigation { width:100%; text-align:center; padding :8px 0; margin-bottom:20px; border-bottom:1px solid #444;  font-weight:bold; }
.subcontent .navigation a img.back {vertical-align:middle; float:left; margin-top:3px;margin-left:5px;  }
.subcontent .navigation a img.home { vertical-align:middle; float:right; margin-top:3px;margin-right:5px;  }
.subcontent .navigation span { vertical-align:middle; }
.subcontent.list select { width:47%; margin:0 1.5%;  float:left; height:22px; line-height:22px; }
.subcontent .product { margin-bottom:40px; margin-top:36px;  }
.subcontent  p.page a { margin:0 2px; display:inline-block; border:1px solid #616269; border-radius:8px; width:17px; height:17px; line-height:16px; text-align:center; font-size:105%; color:#616269; }
.subcontent  p.page a.active { background-color:#616269; color:#fff; }
.subcontent  p.page { text-align:center;  }

/*subcontent each page*/
.subcontent.detail h1{ text-align:center; font-size:16px; font-weight:bold; margin:17px 0; } 
.subcontent.detail .slide {  position:relative; text-align:center; width:100%;  }
.subcontent.detail .slide .img { width:100%;border:1px solid #d5d5d5; }
.subcontent.detail .slide .left_btn { position:absolute; left:30px; top:160px;  }
.subcontent.detail .slide .right_btn { position:absolute; right:30px; top:160px;  }
.subcontent.detail table {  font-size:14px; color:#222222; margin:15px 0; }
.subcontent.detail table th { width:25%; text-align:left; height:26px; line-height:26px; font-weight:normal;  }
.subcontent.detail table td { height:26px; line-height:26px; vertical-align:middle; }
.subcontent.detail table td strong { color:#008910; } 
.subcontent.detail table td span { color:#cc0000; }
.subcontent.detail table td input { vertical-align:middle; height:20px; line-height:20px; border:1px solid #d5d5d5;  width:50px;}
.subcontent.detail table td img { vertical-align:middle; }
.subcontent.detail ul.button { border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:17px 0; width:100%; }
.subcontent.detail ul.button li { float:left; width:33.3333%; } 
.subcontent.detail ul.button  span { display:inline-block; text-align:center; height:33px; width:93%; margin:0 auto; line-height:33px; background-color:#999999; color:#fff; }
.subcontent.detail .prd_memo { width:100%;  }
.subcontent.detail .prd_memo ul {  border-left:1px solid #d5d5d5; margin-top:20px; text-align:center; width:100%; margin-bottom:15px; }
.subcontent.detail .prd_memo ul li {  float:left ;width:24.5%; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5;border-bottom:1px solid #5b5b5b; height:30px; line-height:30px;text-align:center;  }
.subcontent.detail .prd_memo ul li.active { background-color:#5b5b5b; color:#fff;   }
.subcontent.detail .prd_memo .memobox img { max-width:100%; height:auto; }
.subcontent.detail .detail_img { width:100%; max-height:320px; padding:30px 0; text-align:center; border:1px solid #ccc; }
.subcontent .companypage img { max-width:100%; }

/* 로그인, 비회원주문 */
.subcontent .page_tit { font-size:130%;	font-weight:bold;	margin:20px 0; }
.subcontent .login #loginbox {	width:90%;	border:1px solid #ccc;	border-radius:5px;	padding:20px 5%;	background-color:#fafafa;	margin-bottom:20px;	}
.subcontent .login #loginbox_memo { width:90%; border:1px solid #ccc;	border-radius:5px; padding:20px 5%;	background-color:#fafafa;  }

/* 장바구니 */
.subcontent.cart ul { list-style:square; 	margin-left:5%; margin-bottom:20px; }
.subcontent.cart .order_btn button { margin-bottom:10px; }

/* 주문배송 */
.subcontent.order h2 {	margin:25px 0 15px 0;	font-size:110%; }
.subcontent.order table {	width:100%; }
.subcontent.order table th {	width:20%;	background-color:#f0f0f0;	padding:15px 5px;	border-bottom:1px solid #ccc; }
.subcontent.order table td {	width:80%;	padding:15px 5px;	border-bottom:1px solid #ccc; }
.subcontent.ordercheck table {	width:100%; }
.subcontent.ordercheck table th {	background-color:#f0f0f0;	padding:20px 10px; }
.subcontent.ordercheck table td {	padding:20px 10px; }
.subcontent.ordercheck_intro h2 {	margin:25px 0 15px 0;	font-size:110%;	}
.subcontent.ordercheck_intro table {	width:100%; }
.subcontent.ordercheck_intro table th {	background-color:#f0f0f0;	padding:15px 10px;	width:30%; }
.subcontent.ordercheck_intro table td {	padding:15px 10px; width:*; }
.subcontent.ordercheck_intro table.tabledata th {  width:20%; font-weight:normal; }
.subcontent.sub10 h2 {	font-size:120%;	margin-bottom:10px; }

/*검색*/
.subcontent.searchresult h2 {	font-size:110%; }
.subcontent.searchresult #searchbox { text-align:center; }
.subcontent.searchresult #searchbox .basic { vertical-align:middle; width:70%; }
.subcontent.searchresult #searchbox img { vertical-align:middle; margin-left:15px; }
.subcontent.searchresult table {  margin-bottom:40px; }

/*footer*/
.footer_box  { background:url(../images/footer_box_bg.jpg) repeat-x;  }
footer { text-align:center; padding-bottom:50px; }
footer ul { background-color:#f5f5f5; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; margin-bottom:20px; width:100%;  }
footer ul li { float:left;  text-align:center; height:30px; line-height:30px; width:25%; }
footer p { padding:0 20px; }

@media (max-width: 480px) {
.touchslider-item img.first_img { display:none; } 
.touchslider-item img.second_img { display:block; }
.touchslider p.mbtext { display:block; position:absolute; bottom:0; right:0; font-size:115%;  background-color:rgba(0,0,0,0.4); padding:3%  2%; color:#fff; text-align:center; width:100%; }
.product dl dt { height:118px; }
.product dl dt img { max-width:100%; height:112px;  }
header > ul li span { display:none; }
footer .bmenu li { font-size:95%; }
 }
 
@media (max-width: 350px) {
.subcontent.detail .prd_info table th { font-size:80%; }
.subcontent.order .sub_realcon form table th { font-size:79%; }
footer .bmenu li span { display:none; }
header nav li { font-size:95%; }
header nav li span.none{ display:none; }
.subcontent.searchresult #searchbox .basic { width:65%; }
.contact dl { width:100%;  padding:20px 0; margin: 0; }
.contact dl.first { border-right:0; border-bottom:1px solid #ccc; }
}