@charset "utf-8";

input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],select {
	display:inline-block; height:40px; padding:8px; vertical-align:middle; max-width:100%;
	color:#999; font-size:14px; line-height:1.2; outline:none !important;
	border-radius:0px; border:1px solid #ddd; background:#fff;
	float:inherit;
}
select {
	cursor:pointer;
	background-image:url(../images/common/select_arrow.png);
	background-repeat:no-repeat;
	background-position:85% 50%;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
select::-ms-expand/* IE에서 버튼 삭제 */ {display:none;}

label {display:none;}

/* 버튼 묶음 */
.btn_box {position:relative; text-align:center; margin-top:40px;}
.btn_box ul {display:inline-block; margin:0; padding:0;}
.btn_box li {float:left; padding-right:5px;}
.btn_box li:last-child {padding-right:0;}

.btn-normal {display:inline-block; color:#333 !important; background-color:#fff; border:1px solid #333; padding:8px 30px; font-size:16px;}
.btn-normal:hover {color:#fff !important; background-color:#e5e5e5;}

a.typeA {border:1px solid transparent; border-radius:5px; background:#98ca34; color:#fff !important;}
a.typeA:hover {background:#7caf16;}


/* 게시판 페이징-모바일용 */
.pro_page_box {position:relative; text-align:center;}
.pro_page_box .mobile label {display:none;}
.pro_page_box .mobile {display:inline-block; margin:20px 0 0; padding:0;}
.pro_page_box .mobile>li {float:left; height:100%;}
.pro_page_box .mobile>li:last-child {padding-right:0;}
.pro_page_box .mobile .prev {display:block; width:40px; height:40px; padding:0; background:url(../images/common/prev.jpg) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.pro_page_box .mobile .next {display:block; width:40px; height:40px; padding:0; background:url(../images/common/next.jpg) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.pro_page_box .mobile .write {margin-left:10px;}
.pro_page_box .mobile .write:hover {background:#000; color:#fff !important;}
.pro_page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.pro_page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.pro_page_box .mobile .btn-default  {border:0; height:32px !important;}
.pro_page_box .mobile select#page  {border-radius:0 !important; height:40px !important; border:1px solid #dedede; min-width:60px; background-position:80% 50%;}

/* 게시판 페이징 - pc용 */
.pro_page_box {position:relative; text-align:center; border:1px solid transparent;}
.pro_page_box .pc.pagination {display:inline-block; margin:20px 0 0 !important;}
.pro_page_box .pc.pagination>li>a {text-align:center; color:#666; border:1px solid #eee; height:40px; line-height:1;}
.pro_page_box .pc.pagination>li>a.active {color:#0e52ad; background:#fff !important; font-weight:normal; border-bottom:2px solid #0e52ad;}
.pro_page_box .pc.pagination .first,
.pro_page_box .pc.pagination .prev,
.pro_page_box .pc.pagination .next,
.pro_page_box .pc.pagination .last {color:#333; background-color:#fff;}
.pro_page_box .pc.pagination .first:hover,
.pro_page_box .pc.pagination .prev:hover,
.pro_page_box .pc.pagination .next:hover,
.pro_page_box .pc.pagination .last:hover {background:#f0f0f0}
.pro_page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; color:#fff;}
.pro_page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}
.pro_page_box {width:100%; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.pro_page_box .pc {display:inline-block;}
.pro_page_box .pc li {float:left; margin-left:-1px;}
.pro_page_box .pc li a {display:block; width:40px; padding:12px 0; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.pro_page_box .pc li a:hover {background:#f0f0f0;}
.pro_page_box .pc li a.active {background:#333; color:#fff; border-color:#eee;}


/*** product ***/
/* list page :: product_top */
.product_top {position:relative; overflow:hidden; margin-top:-25px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.product_top .totalN {float:left; margin-top:10px; font-size:15px; color:#666; font-weight:300; letter-spacing:0;}
.product_top .search_box {float:right;}
.product_top .search_box * {float:left !important; margin:0; height:40px;}
.product_top .search_box select {padding:0 30px 0 10px; border-right:0;}
.product_top .search_box a {display:block; width:40px; height:40px; border:1px solid #ddd; border-left:0; background:url(../images/common/icon_search.png) no-repeat center #fff;}

/* list page :: thumb */
.product>div {padding:25px;}
.product .thumb {position:relative;}
.product .thumb * {transition: all 0.5s ease;}
.product .thumb a {display:block; overflow:hidden;}
.product .thumb a>img  {position:relative; z-index:99;}
.product .thumb a .img_wrap {border:1px solid #ddd; border-bottom:0; overflow:hidden;}
.product .thumb a:hover .img_wrap .img {transform:scale(1.1);}
.product .thumb a p {height:55px; line-height:55px; padding:0 20px; border:1px solid #ddd; font-size:16px;}
.product .thumb a:hover p {color:#41ad48;}

/* view page :: info_top */
.product_info_top .thumb .img_wrap {width:80%; margin:0 auto;}
.product_info_top .product_info_spec h4 {padding:30px; color:#333; font-size:24px; font-weight:500; border-bottom:2px solid #000;}
.product_info_top .product_info_spec .spec_wrap {padding:50px;}
.product_info_top .product_info_spec .spec_wrap dl {overflow:hidden; margin-bottom:15px; width:100%;}
.product_info_top .product_info_spec .spec_wrap dl>* {float:left; color:#666; font-size:16px;}
.product_info_top .product_info_spec .spec_wrap dl>dt {width:20%;}
.product_info_top .product_info_spec .spec_wrap dl>dd {width:80%;}
.product_info_top .product_info_spec .go_list {display:block; width:90%; margin:0 auto; padding:20px 0; text-align:center; color:#333; background:#f8f8f8; border:1px solid #ddd; border-radius:15px;}
.product_info_top .product_info_spec .go_list:hover {background:#e1e1e1; border:1px solid #bbb;}

/* view page :: info_con */
.product_info_con {margin-top:70px;}
.product_info_con h5 {padding:20px 40px; font-size:18px; font-weight:400; border-bottom:1px solid #333;}
.product_info_con .info_wrap {padding:30px 40px;}


/** 온라인 문의 **/
.privacy {border:1px solid #ddd; padding:30px; margin-bottom:20px;}
.privacy h4 {padding-bottom:30px; color:#196598; font-size:16px; font-weight:400;}
.privacy .checkbox {text-align:right; padding:5px 0 0;}
.privacy .checkbox label {font-size:13px; display:inline-block; color:#555;}
.privacy .checkbox label:hover {cursor:pointer;}

.inquiry h5 {padding:20px 30px; border-bottom:1px solid #000; color:#196598; font-size:16px;  font-weight:500;}
.inquiry .formGroup {padding:10px 5px; border-bottom:1px solid #eee;}
.inquiry .formGroup input {width:200px;}
.inquiry .formGroup .inputWrap {display:inline-block; width:80%;}
.inquiry .formGroup label {display:inline-block; float:left; width:20%; max-width:200px; padding-left:25px; height:40px; line-height:40px; font-size:14px; color:#666;}
.inquiry .formGroup .inputWrap.inputBlock input {width:100%;}
.inquiry .formGroup .inputWrap .inputM {width:45%;}
.inquiry .formGroup .inputWrap textarea {width:100%; border:1px solid #ddd;}
.inquiry .autoCode {display:inline-block; float:left; height:40px; line-height:40px; margin-right:20px; vertical-align:top;}
.inquiry .autoCode span {color:#3e9eff; font-weight:bold; font-size:18px;}

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



}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	/* 버튼 묶음 */
	.btn_box {margin-top:20px;}

	/*** product ***/
	/* list page :: product_top */
	.product_top {margin-top:20px;}
	.product_top .totalN {display:none;}
	.product_top .search_box {float:none; width:100%;}
	.product_top .search_box form {width:100%;}
	.product_top .search_box select {width:35%;}
	.product_top .search_box input {width:65%;}
	.product_top .search_box a {position:absolute; top:0; right:0;}

	/* list page :: thumb */
	.product>div {padding:5px 10px;}
	.product>div:nth-child(odd) {padding-left:0;}
	.product>div:nth-child(even) {padding-right:0;}
	.product .thumb a {display:block; overflow:hidden;}
	.product .thumb a>img  {position:relative; z-index:99;}
	.product .thumb a .img_wrap {border:1px solid #ddd; border-bottom:0; overflow:hidden;}
	.product .thumb a p {height:45px; line-height:45px; padding:0; border:0;}
	.product .thumb a:hover p {color:#41ad48;}

	/* view page :: info_top */
	.product_info_top>div {min-height:auto !important;}
	.product_info_top .thumb .img_wrap {width:100%;}
	.product_info_top .product_info_spec h4 {padding:20px 0; font-size:18px; border-bottom:1px solid #000;}
	.product_info_top .product_info_spec .spec_wrap {padding:20px 0;}
	.product_info_top .product_info_spec .spec_wrap dl {margin-bottom:10px;}
	.product_info_top .product_info_spec .spec_wrap dl>* {font-size:15px;}
	.product_info_top .product_info_spec .spec_wrap dl>dt {width:30%;}
	.product_info_top .product_info_spec .spec_wrap dl>dd {width:70%;}
	.product_info_top .product_info_spec .go_list {width:100%; padding:10px 0; border-radius:5px; font-size:15px;}

	/* view page :: info_con */
	.product_info_con {margin-top:30px;}
	.product_info_con h5 {padding:20px 0;}
	.product_info_con .info_wrap {padding:30px 0;}
	
	/** 온라인 문의 **/
	.privacy {padding:20px; margin-bottom:10px;}
	.privacy h4 {padding-bottom:15px; font-size:14px;}

	.inquiry h5 {padding:20px 0;}
	.inquiry .formGroup {border:0; padding:0;}
	.inquiry .formGroup input {width:100%;}
	.inquiry .formGroup .inputWrap {width:100%;}
	.inquiry .formGroup label {display:block; float:none; width:100%; padding-left:0;}
	.inquiry .formGroup .inputWrap.telWrap input {width:32.7%;}
	.inquiry .formGroup .inputWrap.inputBlock input,
	.inquiry .formGroup .inputWrap .inputM {width:100%;}	




}