@charset "utf-8";	

/*공통::검색박스*/
form[class^="form-"] .inputWrap input[type="text"],
form[class^="form-"] .inputWrap input[type="password"],
form[class^="form-"] .inputWrap input[type="number"],
form[class^="form-"] .inputWrap select,
form[class^="form-"] .inputWrap textarea {
	border:1px solid #e5e5e5; border-radius:0;
	height:60px; padding:20px; font-weight:300;
	font-size:14px; line-height:1; color:#000;
	background-color:#fff; background-image:none;
	width:100%; border:0;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
form[class^="form-"] input::-webkit-input-placeholder {color:#999 !important;} /*크롬,사파리*/
form[class^="form-"] input::-moz-placeholder {color:#999 !important;} /*파폭*/
form[class^="form-"] input::-ms-input-placeholder {color:#999 !important;} /*ie*/

select {
	background-image:url(../images/common/arrow-down.png) !important;
	background-color:#fff !important;
	background-repeat:no-repeat !important;
	background-position:90% center !important;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {display:none;} /*ie 없애기*/


/* ******************** 데스크탑 (992~) ******************** */
@media screen and (min-width: 992px), print{

	/* ***** 제품소개 ***** */
	
	/* 제품검색 */
	.product {}
	.product p {font-size:14px; font-weight:300; color:#000; letter-spacing:-1px; line-height:1; padding:20px 0;}
	.product .inputWrap {width:100%; overflow:hidden;}
	.product .inputWrap>div {float:left; overflow:hidden; position:relative; border:1px solid #e5e5e5}
	.product .inputWrap>div:first-child {width:15%; border-right:0;}
	.product .inputWrap>div:last-child {width:85%;}
	.product .inputWrap>div select {width:100%; float:left; padding:20px 40px 20px 20px;}
	.product .inputWrap>div input {width:90%; border:0; float:left;}
	.product .inputWrap>div input:focus {border:0 !important;}
	.product .inputWrap>div a.search {
		position:absolute; right:1px; top:1px; background:#fff url(../images/common/search.png)center no-repeat;
		display:inline-block; width:58px; height:58px;
	}
	/* 제품 리스트 */
	.product .cubeWrap {width:100%; overflow:hidden;}
	.product .cubeWrap article {float:left; width:25%; padding:0 10px 20px;}
	.product .cubeWrap dl {border:1px solid #e5e5e5; padding:0 40px; height:100%;}
	.product .cubeWrap dl:hover {box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
	.product .cubeWrap article dt {padding:30px 0;}
	.product .cubeWrap article dt a {height:300px !important; background-position:center;}
	.product .cubeWrap article dd {
		width:200px; font-size:18px; color:#000; font-weight:300; margin:0 auto;
		line-height:1; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.product .cubeWrap article dd+dd {padding:10px 0 25px;}
	
	/* 제품 상세보기 */
	.product .view {}
	.product .view>div {margin-bottom:30px; overflow:hidden;}
	.product .view>div:first-child {border:1px solid #000; padding:70px;}
	.product .view>div:first-child>div {float:left; width:50%;}
	.product .view .productImg {padding-right:70px; padding-bottom:20px;}
	.product .view .productImg img {width:100%;}
	.product .view .productImg>div:first-child {border:1px solid #e5e5e5; padding:40px 130px;}
	.product .view .productImg>div div {height:450px !important; background-size:contain !important;}
	.product .view .productImg ul {width:100%;overflow:hidden; padding-top:25px; text-align:center;}
	.product .view .productImg ul li {display:inline-block; width:90px; padding:0 5px; height:90px !important; cursor:pointer;}
	.product .view .productImg ul li div {width:100%; height:100%; padding:10px 25px; border:1px solid #e5e5e5;}
	.product .view .productImg ul li a {background-size:cover !important; background-position:center;}
	
	.product .view .productDec {}
	.product .view .productDec h3 {font-weight:300; font-size:36px; line-height:1.4; letter-spacing:-1px; color:#000; padding-bottom:50px;}
	.product .view .productDec dl {border-top:1px solid #e5e5e5; padding:15px 0; overflow:hidden;}
	.product .view .productDec dl:last-child {border-bottom:1px solid #e5e5e5;}
	.product .view .productDec dl>* {float:left; font-size:16px; font-weight:300; color:#000; letter-spacing:-1px;}
	.product .view .productDec dt {width:30%;}
	.product .view .productDec dd {width:70%;}
	.product .view .productDec dd span {position:relative;}
	.product .view .productDec dd span.redline:before {position:absolute; top:50%; left:0; width:100%; height:1px; display:block; content:'';background:#f00;}
	
	.product .view .productDetail {border:1px solid #e5e5e5;}
	.product .view .productDetail p {padding:45px 70px; background:#f5f5f5; font-size:18px; color:#000; line-height:1;}
	.product .view .productDetail article {padding:70px;}
	.product .view .productDetail dl {position:relative; width:100%;}
	.product .view .productDetail dl+dl {padding-top:40px;}
	.product .view .productDetail dl>* {line-height:1; letter-spacing:-1px; color:#000;}
	.product .view .productDetail dt {font-size:18px; font-weight:400; padding-bottom:14px;}
	.product .view .productDetail dd {font-size:16px; font-weight:300; line-height:1.6;}
	.product .view .btnWrap {text-align:center;}
	.product .view .btnWrap a {display:inline-block; padding:20px 60px; font-size:18px; color:#000; background:#fff; letter-spacing:-1px; line-height:1; border:1px solid #000;}
	.product .view .btnWrap a:hover {background:#d32f27; color:#fff; border:1px solid #d32f27;}
	
	/* 공통::하단페이징 */
	.pagination>li {display:inline;}
	.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;}
	.page_box_normal .pagination .first, .page_box_normal .pagination .next, .page_box_normal .pagination>li:nth-child(3) > a {border-left:1px solid #dedede;}
	.pagination>li>a,
	.pagination>li>span {position:relative; float:left; padding:6px 12px;}
	
	.page_box_normal {position:relative; margin-top:30px; text-align:center;}
	.page_box_normal .pagination {display:inline-block; margin:0; text-align:center;}
	.page_box_normal .pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; width:40px; height:40px; line-height:1.6; border-left:0; font-weight:300;}
	.page_box_normal .pagination>li>a.active {color:#d32f27; font-weight:500; position:relative; border-bottom:2px solid #d32f27;}
	/* .page_box_normal .pagination>li>a.active:before { */
		/* position:absolute; bottom:0; left:0; */
		/* display:block; content:""; */
		/* width:100%; height:1px; background:#000; */
	/* } */
	.page_box_normal .pagination .first,
	.page_box_normal .pagination .prev,
	.page_box_normal .pagination .next,
	.page_box_normal .pagination .last {color:#333; background-color:#fff;}
	.page_box_normal .pagination .first:hover,
	.page_box_normal .pagination .prev:hover,
	.page_box_normal .pagination .next:hover,
	.page_box_normal .pagination .last:hover {color:#fff;}
	.page_box_normal .pagination .prev {border-right:0;}
	.page_box_normal .pagination .next {border-left:0;}
	/* .page_box_normal .pagination .prev {margin-right:5px;} */
	/* .page_box_normal .pagination .next {margin-left:5px;} */
	.page_box_write {margin-top:30px; text-align:right;}
	.page_box_write a {display:inline-block; height:40px; line-height:40px; margin-left:5px; padding:0 20px 0 20px; background:#eee; border:1px solid #ccc; color:#000;}
	.page_box_write a:hover {background:#42ac48; border:1px solid #42ac48; color:#fff;}
	.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}
	
}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* ***** 제품소개 ***** */
	
	/* 제품검색 */
	.product {}
	.product p {font-size:14px; font-weight:300; color:#000; letter-spacing:-1px; line-height:1; padding:20px 0;}
	.product .inputWrap {width:100%; overflow:hidden;}
	.product .inputWrap>div {float:left; overflow:hidden; position:relative; border:1px solid #e5e5e5}
	.product .inputWrap>div:first-child {width:15%; border-right:0;}
	.product .inputWrap>div:last-child {width:85%;}
	.product .inputWrap>div select {width:100%; float:left; padding:20px 20px 20px 20px;}
	.product .inputWrap>div input {width:90%; border:0; float:left;}
	.product .inputWrap>div input:focus {border:0 !important;}
	.product .inputWrap>div a.search {
		position:absolute; right:1px; top:1px; background:#fff url(../images/common/search.png)center no-repeat;
		display:inline-block; width:58px; height:58px;
	}
	
	/* 제품 리스트 */
	.product .cubeWrap {width:100%; overflow:hidden;}
	.product .cubeWrap article {float:left; width:50%; padding-bottom:20px;}
	.product .cubeWrap article:nth-child(odd) {padding-right:10px;}
	.product .cubeWrap article:nth-child(even) {padding-left:10px;}
	.product .cubeWrap dl {border:1px solid #e5e5e5; padding:0 40px; height:100%;}
	.product .cubeWrap dl:hover {box-shadow:3px 3px 3px rgba(0,0,0,0.1);}
	.product .cubeWrap article dt {padding:30px 0;}
	.product .cubeWrap article dt a {height:300px !important; background-position:center;}
	.product .cubeWrap article dd {
		width:240px; font-size:18px; color:#000; font-weight:300; margin:0 auto;
		line-height:1; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.product .cubeWrap article dd+dd {padding:10px 0 25px;}
	
	/* 제품 상세보기 */
	.product .view {}
	.product .view>div {margin-bottom:30px; overflow:hidden;}
	.product .view>div:first-child {border:1px solid #000; padding:70px;}
	.product .view .productImg {padding-bottom:20px;}
	.product .view .productImg img {width:100%;}
	.product .view .productImg>div:first-child {border:1px solid #e5e5e5; padding:40px 130px;}
	.product .view .productImg>div {}
	.product .view .productImg>div div {height:450px !important; background-size:contain !important;}
	.product .view .productImg ul {width:100%; overflow:hidden; padding-top:25px; text-align:center;}
	.product .view .productImg ul li {display:inline-block; width:20vw; padding:0 5px; cursor:pointer;}
	.product .view .productImg ul li div {display:block; padding:10px 25px; width:100%; border:1px solid #e5e5e5;}
	.product .view .productImg ul li div a {height:90px !important; background-size:contain !important; background-position:center;}
	
	.product .view .productDec {}
	.product .view .productDec h3 {font-weight:300; font-size:36px; line-height:1.4; letter-spacing:-1px; color:#000; padding-bottom:50px;}
	.product .view .productDec dl {border-top:1px solid #e5e5e5; padding:30px 0; overflow:hidden; position:relative;}
	.product .view .productDec dl:last-child {border-bottom:1px solid #e5e5e5;}
	.product .view .productDec dl>* {float:left; font-size:16px; font-weight:300; color:#000; letter-spacing:-1px;}
	.product .view .productDec dt {width:30%;}
	.product .view .productDec dd {width:70%;}
	.product .view .productDec dd span {position:relative;}
	.product .view .productDec dd span.redline:before {position:absolute; top:50%; left:0; width:100%; height:1px; display:block; content:'';background:#f00;}
	.product .view .productDec dd span:last-child {color:#f00;}
	
	.product .view .productDetail {border:1px solid #e5e5e5;}
	.product .view .productDetail p {padding:45px 70px; background:#f5f5f5; font-size:18px; color:#000; line-height:1;}
	.product .view .productDetail article {padding:70px;}
	.product .view .productDetail dl {position:relative; width:100%;}
	.product .view .productDetail dl+dl {padding-top:40px;}
	.product .view .productDetail dl>* {line-height:1; letter-spacing:-1px; color:#000;}
	.product .view .productDetail dt {font-size:18px; font-weight:400; padding-bottom:14px;}
	.product .view .productDetail dd {font-size:16px; font-weight:300; line-height:1.6;}
	.product .view .btnWrap {text-align:center;}
	.product .view .btnWrap a {display:inline-block; padding:20px 60px; font-size:18px; color:#000; background:#fff; letter-spacing:-1px; line-height:1; border:1px solid #000;}
	.product .view .btnWrap a:hover {background:#d32f27; color:#fff; border:1px solid #d32f27;}
	
	/* 공통::하단페이징 */
	.page_box_normal .pc {display:none;}
	
	.page_box_normal {position:relative; text-align:center; margin-top:20px;}
	.page_box_normal .mobile label {display:none;}
	.page_box_normal .mobile {display:inline-block; margin:0; padding:0;}
	.page_box_normal .mobile>li {float:left; height:100%; }
	.page_box_normal .mobile>li:last-child {padding-right:0;}
	.page_box_normal .mobile .prev {display:block; min-width:34px; height:40px; background:url(../images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.page_box_normal .mobile .next {display:block; min-width:34px; height:40px; background:url(../images/common/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.page_box_normal .mobile .write {font-size:14px; display:inline-block; min-width:34px; height:40px; line-height:40px; padding:0 20px !important; margin-left:5px; background:#eee; border:1px solid #ccc; color:#000;}
	.page_box_normal .mobile .write:hover {background:#42ac48; border:1px solid #42ac48; color:#fff;}
	.page_box_normal .mobile select {
		font-size:13px; color:#666; border:1px solid #dedede !important;
		height:40px; margin-top:0; margin-left:-1px !important;
		border-radius:0; padding:5px 40px 8px 8px !important;
		background-position:80% 50% !important;
	}
	.page_box_normal .mobile .form-control  {border:0; border-radius:0; border:1px solid red;}
	.page_box_normal .mobile .dropdown-toggle:hover {border-radius:0 !important;}
	.page_box_normal .mobile .btn-default  {border:0; height:35px !important;}
	.page_box_normal .mobile .filter-option {padding:0 !important;}
	.form-control button {height:40px;}
	
}	
	





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
	
	/* ***** 제품소개 ***** */
	/* 제품검색 */
	.product .inputWrap>div:first-child {width:30%;}
	.product .inputWrap>div:last-child {width:70%;}
	
	/* 제품 리스트 */
	.product .cubeWrap {width:100%; overflow:hidden;}
	.product .cubeWrap article {width:100%;}
	.product .cubeWrap article:nth-child(odd) {padding-right:0px;}
	.product .cubeWrap article:nth-child(even) {padding-left:0px;}
	.product .cubeWrap article dd {width:190px;}
	
	/* 제품 상세보기 */
	.product .view .productImg>div:first-child {padding:20px 40px;}
	.product .view .productImg ul {padding:0; padding-top:25px;}
	.product .view .productImg ul li {padding:0;}
	.product .view .productImg ul li div {padding:10px;}
	.product .view .productImg ul li div a {height:90px !important;}
	
	.product .view .productDec h3 {font-size:32px; padding-bottom:25px;}
	.product .view .productDec dl {padding:20px 0;}
	.product .view .productDec dl>* {font-size:14px; top:9px;}
	.product .view .productDec dd {left:128px;}
	
	.product .view>div:first-child {padding:20px;}
	.product .view .productDetail p {padding:20px;}
	.product .view .productDetail article {padding:20px;}
	.product .view .productDetail dl+dl {padding-top:20px;}
	
	.product .view .btnWrap a {padding:20px 40px; font-size:16px;}
	
}