@charset "utf-8";

/* ******************* program.css ******************* */

/* °øÅë:: */
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 #eee; border-radius:0;
	height:50px; padding:6px 12px;
	font-size:16px; line-height:1; color:#666;
	background-color:#fff; background-image:none;
	width:100%;
	-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*/

input:focus,select:focus,textarea:focus {outline:none !important; border:1px solid #ccc !important; background-color:#fff !important;}

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 ¾ø¾Ö±â*/

form[class^="form-"] .inputWrap textarea {width:100% !important; height:120px !important; line-height:1.6 !important;}
	


/* ******************** PC (991~) ******************** */
@media screen and (min-width: 991px), print{
	
	/* ******************** ¸®½ºÆ® ******************** */
	
	.list-wrap {}
	.list-title {overflow:hidden; padding-bottom:20px; margin-bottom:42px; border-bottom:2px solid #5975a6;}
	.list-title h2 {float:left; font-size:24px; color:#000; font-weight:700; letter-spacing:-1px; line-height:1;}
	.list-title h2 span {font-size:14px; color:#000; vertical-align:bottom; font-weight:400; letter-spacing:0; padding-left:20px;}
	.list-title h2 span b {position:relative; font-weight:400; color:#ff9000; padding-top:5px;}
	.list-title h2 span b:before {content:''; display:block; width:20px; height:2px; background:#ff9000; position:absolute; left:0; top:0;}
	.list-title-sort {float:right; overflow:hidden;}
	.list-title-sort * {float:left; position:relative; font-size:14px; font-weight:400; line-height:1;}
	.list-title-sort *:before {content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-position:center; background-repeat:no-repeat;}
	.list-title-sort p {padding:2px 0 3px 23px; color:#000; font-weight:500;}
	.list-title-sort p:before {width:13px; height:13px; background-image:url(../images/shop/square.png);}
	.list-title-sort ul {padding-left:5px;}
	.list-title-sort ul li {padding-left:17px;}
	.list-title-sort ul li a {display:block; width:100%; padding:2px 0 3px 23px;}
	.list-title-sort ul li a:before {width:17px; height:17px; border-radius:50%; background-image:url(../images/shop/check.png); background-color:#d7d7d7;}
	.list-title-sort ul li.on a {color:#ff9000;}
	.list-title-sort ul li.on a:before {background-color:#ff9000;}
	
	.list-item {width:100%;}
	.list-item>li {float:left; width:calc((100% - 200px)/5); margin-bottom:70px; transition:transform .1s;}
	.list-item>li+li {margin-left:50px;}
	.list-item>li:nth-child(5n+1) {margin-left:0; clear:left;}
	.list-item>li:hover {transform:scale(1.05);}
	.list-item>li>a {display:block; width:100%;}
	.list-item>li>a>span {display:block; width:100%; box-shadow:10px 10px 10px rgba(0,0,0,.1); background-size:100% 100% !important;}
	.list-item>li a dl {}
	.list-item>li a dl>* {letter-spacing:-.5px; text-align:center; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.list-item>li a dl dt {font-weight:400; color:#000; font-size:18px; padding:20px 0 5px;}
	.list-item>li a dl dd {font-size:14px; padding-top:10px;}
	.list-item>li a ul {overflow:hidden; text-align:center;}
	.list-item>li a ul li {display:inline-block;}
	.list-item>li a ul li span {padding:2px 10px; font-size:12px; border-radius:5px; color:#fff;}
	.list-item>li a ul {padding-top:5px;}
	.list-item>li a ul li.all span {background:#ff9000;}
	.list-item>li a ul li.data span {background:#2993f9;}
	.list-item>li a ul li.sell,
	.list-item>li a ul li.print {display:none !important;}
	
	/*°øÅë::ÇÏ´ÜÆäÀÌ¡*/
	.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; 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;}
	.page_box_normal .pagination>li>a.active {border-bottom:2px solid #ff9000;}
	.page_box_normal .pagination>li>a:hover {background-color:#f5f5f5;}
	.page_box_normal .pagination .prev {margin-right:10px;}
	.page_box_normal .pagination .next {margin-left:10px;}
	.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:#3ac49a; border:1px solid #3ac49a; color:#fff;}
	.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}


	/* ******************** ºäÆäÀÌÁö ******************** */
	
	.view-wrap {padding:30px 0 92px!important;}
	.view-item {border:1px solid #000;}
	.view-item>* {display:table-cell; vertical-align:top;}
	.view-item-img {width:450px; padding:60px 80px; border-right:1px solid #e5e5e5;}
	.view-item-img span {width:100%; display:block; border:1px solid #e5e5e5;}
	.view-item-img span img {width:100%;}
	.view-item-text {padding:60px 50px;}
	.view-item-text-title {position:relative; overflow:hidden;}
	.view-item-text-title h2 {display:table-cell; max-width:calc(100% - 231px); font-size:30px; font-weight:400; color:#000; letter-spacing:-1px; line-height:1.2;}
	.view-item-text-title ul {display:table-cell; overflow:hidden; vertical-align:top; padding-top:4px; padding-left:10px; }
	.view-item-text-title ul li {display:table-cell;}
	.view-item-text-title ul li+li {padding-left:3px;}
	.view-item-text-title ul li span {display:block; padding:7px 9px;  font-size:14px; color:#fff; font-weight:400; border-radius:5px; line-height:1;}
	.view-item-text-title ul li:first-child {margin:0 !important;}
	.view-item-text-title ul li.all span {background:#ff9000;}
	.view-item-text-title ul li.data span {background:#2993f9;}
	.view-item-text-title ul li.sell span {background:#ff0c00;}
	.view-item-text-title ul li.print span {background:#950ace;}
	.view-item-text-subTitle {font-size:14px; color:#999; padding-bottom:30px; border-bottom:1px solid #e5e5e5; padding:15px 0 20px;}
	.view-item-text-inner {padding-top:30px;}
	.view-item-text-inner dl {position:relative;}
	.view-item-text-inner dl>* {}
	.view-item-text-inner dl dt {position:absolute; left:0;}
	.view-item-text-inner dl dd {padding-left:180px; padding-bottom:10px;}
	.view-item-text-btn {padding-top:25px;}
	.view-item-text-btn ul {overflow:hidden;}
	.view-item-text-btn ul li {float:left; text-align:center; width:calc((100% - 12px)/4);}
	.view-item-text-btn ul li+li {margin-left:4px;}
	.view-item-text-btn ul li a {
		padding:21px 40px 21px 64px; letter-spacing:-1px; font-weight:400; color:#fff; border:1px solid #ccc; line-height:1;
		background:#f5f5f5 url(../images/shop/i-data.png) 35px center no-repeat; display:block;
	}
	.view-item-text-btn ul li.buy a {background-color:#ff9000; background-image:url(../images/shop/i-buy.png); border-color:transparent;}
	.view-item-text-btn ul li.sample a {background-color:#5975a6; background-image:url(../images/shop/i-sample.png); border-color:transparent;}
	.view-item-text-btn ul li.cart a {background-color:#aa2753;  background-image:url(../images/shop/i-cart.png);}
	.view-item-text-btn ul li.data a {color:#000;}
	
	.view-info>div {margin-top:30px; border:1px solid #e5e5e5;}
	.view-info .view-info-tab+div {background:#fff; padding:50px; line-height:1.9;}
	
	.view-info-tab {overflow:hidden;}
	.view-info-tab li {position:relative; float:left; width:calc(100%/3); text-align:center; background:#f5f5f5; border-bottom:1px solid #e5e5e5;}
	.view-info-tab li+li {border-left:1px solid #e5e5e5;}
	.view-info-tab li.on {border-bottom:0; background:#fff;}
	.view-info-tab li.on:after {display:block;}
	.view-info-tab li a {display:block; width:100%; padding:22px 0; font-size:16px; color:#000; letter-spacing:-.5px; font-weight:400; line-height:1;}
	.view-info-btn {text-align:center; border:none !important;}
	.view-info-btn a {
		display:inline-block; color:#000; font-weight:400; letter-spacing:-1px; border:1px solid #000;
		padding:16px 54px 16px 70px; background:#fff url(../images/shop/i-view-list.png)50px center no-repeat; 
		transition:all .3s;
	}
	.view-info-btn a:hover {background:#000 url(../images/shop/i-view-list-fff.png)50px center no-repeat;  color:#fff;}
	/* ºäÆäÀÌÁö::¼ö·®Á¶Àý Ãß°¡ */
	.view-item-amount {}
	.view-item-amount .select_result {overflow:hidden;}
	.view-item-amount .select_result>p {width:180px; float:left; line-height:40px;}
	.view-item-amount .select_result span {width:calc(100% - 180px); font-size:18px; display:inline-block; line-height:40px; font-weight:500; color:#f00;}
	.view-item-amount .select_result .ea_select {width:calc(100% - 180px); overflow:hidden;}
	.view-item-amount .select_result .ea_select>* {float:left; font-size:16px;}
	.view-item-amount .select_result .ea_select p a {font-size:20px; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #666; text-align:center; transition:all .2s;}
	.view-item-amount .select_result .ea_select p a:hover {background:#f5f5f5;}
	.view-item-amount .select_result .ea_select input {width:50px; height:40px; padding:7px; border:1px solid #666; font-size:16px; color:#666; border-left:0; border-right:0; text-align:center;}
	.view-item-amount .select_result .ea_select input:focus {outline:0 !important; border:none !important; border:1px solid #666 !important; border-left:0 !important; border-right:0 !important;}
	
	/* ·¹À̾î Æ˾÷::Àå¹Ù±¸´Ï*/
	.popup_cart {z-index:10000; position:fixed; left:0; top:0; display:table; width:100%; height:100%; text-align:center; visibility:hidden; background:rgba(0,0,0,.5);}
	.popup_cart .tcWrap {display:table-cell; vertical-align:middle; text-align:center;}
	.popup_cartCon {display:inline-block; max-width:600px; background:#fff; top:0;}
	.popup_cartCon .cart_head {position:relative; background:#5975a6; color:#fff;}
	.popup_cartCon .cart_head p {font-size:18px; padding:12px;}
	.popup_cartCon .cart_head a {display:inline-block; position:absolute; top:10px; right:20px;}
	.popup_cartCon .cart_body {padding:20px 100px; font-size:18px; color:#000;}
	.popup_cartCon .cart_foot {padding:0 0 30px; font-size:0;}
	
	.layer-btn {
		padding:8px 15px; font-size:14px; display:inline-block; min-width:120px; text-align:center;
		border:1px solid #ccc;
	}
	.layer-btn.on {border:1px solid #000; font-weight:500; color:#000;}
	.layer-btn+.layer-btn {margin-left:5px;}
	
	/* ·¹À̾î Æ˾÷::±¸¸Å½Åû*/
	.popup_buy {z-index:10000; position:fixed; left:0; top:0; display:table; width:100%; height:100%; text-align:center; visibility:hidden; background:rgba(0,0,0,.5);}
	.popup_buy .tcWrap {display:table-cell; vertical-align:middle; text-align:center;}
	.popup_buyCon {display:inline-block; max-width:600px; background:#fff; top:0;}
	.popup_buyCon .buy_head {position:relative; background:#5975a6; color:#fff;}
	.popup_buyCon .buy_head p {font-size:18px; padding:12px;}
	.popup_buyCon .buy_head a {display:inline-block; position:absolute; top:10px; right:20px;}
	.popup_buyCon .buy_body {padding:20px 100px; font-size:18px; color:#000;}
	.popup_buyCon .buy_foot {padding:0 0 30px; font-size:0;}
	
	.layer-btn {
		padding:8px 15px; font-size:14px; display:inline-block; min-width:120px; text-align:center;
		border:1px solid #ccc;
	}
	.layer-btn.on {border:1px solid #000; font-weight:500; color:#000;}
	.layer-btn+.layer-btn {margin-left:5px;}
	
	/* ******************** °í°´¼¾ÅÍ ******************** */
	.customer h2 {font-size:30px; font-weight:700; letter-spacing:-2px; text-align:center; color:#5975a6; margin-bottom:30px;}
	
	/*  FAQ  */
	.faq-wrap {}
	.faq-form {overflow:hidden; margin-bottom:30px;}
	.faq-form>* {float:left; height:50px; font-size:14px; padding:6px 12px; border:1px solid #ddd; vertical-align:middle;}
	.faq-form select {width:15%; padding-right:40px;}
	.faq-form input {width:calc(75% - 5px); margin-left:5px;}
	.faq-form button {width:calc(10% - 5px); margin-left:5px; text-align:center; cursor:pointer; transition:all .2s;}
	.faq-form button:hover {background:#5975a6; color:#fff;}
	.faq-listTit {width:100%; display:table; border-top:1px solid #000; border-bottom:1px solid #e5e5e5;}
	.faq-listTit li {display:table-cell; width:10%; padding:13px 20px; font-size:14px; background:#f5f5f5; font-weight:400; color:#000; text-align:center;}
	.faq-listTit li+li {width:90%; border-left:1px solid #e5e5e5;}
	.faq-listWrap {margin-bottom:30px;}
	.faq .boxWrap {}
	.faq .boxWrap .inner-tit {display:table; width:100%; border:1px solid transparent; border-bottom:1px solid #ddd; position:relative; cursor:pointer;}
	.faq .boxWrap .inner-tit span.number {display:table-cell; width:10%; font-size:14px; line-height:1; text-align:center; vertical-align:middle;}	
	.faq .boxWrap .inner-tit>div {
		display:table-cell; width:90%; border-left:1px solid #e5e5e5; padding:15px 80px 15px 40px;
		background:url(../images/customer/i-down.png)calc(100% - 40px) center /15px no-repeat;  transition:all .2s;
	}
	.faq .boxWrap .inner-tit h3 {
		position:relative; font-size:16px; color:#000; font-weight:400; transition:all .2s ! important; overflow:hidden;
		 display:table-cell; width:90%; vertical-align:middle;
		line-height:1.4; /*background:url(../images/customer/i-faq.png)0 center /25px no-repeat;*/
	}
	.faq .boxWrap .inner-tit>div span {
		float:left; font-size:13px; font-weight:400; margin-right:15px;
		color:#666; padding:4px 12px; background:#f5f5f5; border-radius:5px;
	}
	/*onµÇ¾úÀ»¶§ start -------------------- */
	.faq .boxWrap.on .inner-tit {
		background:#f9f9f9; border:1px solid #eee; border-top-color:#000; border-bottom-color:#d0d0d0;
	}
	.faq .boxWrap .inner-tit:hover h3 {color:#5975a6;}
	.faq .boxWrap .inner-tit:hover h3 span {color:#000;}
	.faq .boxWrap.on .inner-tit h3 {color:#5975a6;}
	.faq .boxWrap.on .inner-tit>div span {background:#5975a6; color:#fff;}
	.faq .boxWrap.on .inner-tit>div {background:url(../images/customer/i-up.png)calc(100% - 40px) center /15px no-repeat;}
	/* -------------------- onµÇ¾úÀ»¶§ end*/
	
	/*³»¿ë::*/
	.faq .boxWrap .inner-con {display:none; background:#f9f9f9; border:1px solid #eee; border-top:0; padding:20px 40px 20px calc(10% + 40px); line-height:2; color:#000;}
	.faq .boxWrap.on .inner-con {display:block !important; word-wrap:break-word;}

	/* ´ÜüÁÖ¹®½Åû */
	.apply .join .title {
		position:relative; padding-left:30px; font-size:14px;
	}
	.apply .join .title::before {
		content:''; display:block; width:20px; height:20px;
		position:absolute; left:0; top:1px; border-radius:50%;
		background:#5975a6 url(../images/common/icon_check.svg)center /10px no-repeat;
	}
	.apply .join .formGroup .labelName {position:relative; padding-left:50px;}
	.apply .join .formGroup .labelName::before {
		content:''; display:block; width:20px; height:20px;
		position:absolute; left:20px; top:50%; border-radius:50%; transform:translateY(-50%);
		background:#5975a6 url(../images/common/icon_check.svg)center /10px no-repeat;
	}
	.apply .join .formGroup .labelName.off::before {display:none;}

}

/* ******************** ÅÂºí¸´ (~991) ******************** */
@media screen and (max-width: 991px), print{
	
	/* ******************** ¸®½ºÆ® ******************** */
	
	.list-wrap {}
	.list-title {position:relative; overflow:hidden; padding-bottom:20px; margin-bottom:42px; border-bottom:2px solid #5975a6;}
	.list-title h2 {padding-bottom:20px;font-size:24px; color:#000; font-weight:700; letter-spacing:-1px; line-height:1;}
	.list-title h2 span {display:inline-block; font-size:14px; color:#000; vertical-align:bottom; font-weight:400; letter-spacing:0; padding-left:20px;}
	.list-title h2 span b {position:relative; font-weight:400; color:#ff9000; padding-top:5px;}
	.list-title h2 span b:before {content:''; display:block; width:20px; height:2px; background:#ff9000; position:absolute; left:0; top:0;}
	.list-title-sort {overflow:hidden;}
	.list-title-sort * {float:left; position:relative; font-size:14px; font-weight:400; line-height:1;}
	.list-title-sort *:before {content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-position:center; background-repeat:no-repeat;}
	.list-title-sort p {padding:2px 0 3px 23px; color:#000; font-weight:500;}
	.list-title-sort p:before {width:13px; height:13px; background-image:url(../images/shop/square.png);}
	.list-title-sort ul {padding-left:5px;}
	.list-title-sort ul li {padding-left:17px;}
	.list-title-sort ul li a {display:block; width:100%; padding-left:23px; line-height:1.6;}
	.list-title-sort ul li a:before {width:17px; height:17px; border-radius:50%; background-image:url(../images/shop/check.png); background-color:#d7d7d7;}
	.list-title-sort ul li.on a {color:#ff9000;}
	.list-title-sort ul li.on a:before {background-color:#ff9000;}
	
	.list-item {width:100%;}
	.list-item>li {float:left; width:calc((100% - 150px)/4); margin-bottom:50px; transition:transform .1s;}
	.list-item>li+li {margin-left:50px;}
	.list-item>li:nth-child(4n+1) {margin-left:0;}
	.list-item>li:hover {transform:scale(1.05);}
	.list-item>li a {display:block;}
	.list-item>li>a>span {display:block; box-shadow:10px 10px 10px rgba(0,0,0,.1); background-size:100% 100% !important;}
	.list-item>li a dl {}
	.list-item>li a dl>* {letter-spacing:-.5px; text-align:center; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.list-item>li a dl dt {font-weight:400; color:#000; font-size:18px; padding:20px 0 5px;}
	.list-item>li a dl dd {font-size:14px; padding-top:13px;}
	.list-item>li a ul {overflow:hidden; text-align:center;}
	.list-item>li a ul li {display:inline-block;}
	.list-item>li a ul li span {padding:2px 10px; font-size:12px; border-radius:5px; color:#fff;}
	.list-item>li a ul {padding-top:5px;}
	.list-item>li a ul li.all span {background:#ff9000;}
	.list-item>li a ul li.data span {background:#2993f9;}
	.list-item>li a ul li.sell,
	.list-item>li a ul li.print {display:none !important;}
	
	/*°øÅë::ÇÏ´ÜÆäÀÌ¡*/
	.pagination.pc {display:none;}
	
	.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; text-align:center;}
	.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 .prev {display:block; min-width:34px; height:40px; background:url(../img/common_responsive/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(../img/common_responsive/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.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:#3ac49a; border:1px solid #3ac49a; color:#fff;}
	/* .page_box_write a:hover {background:#42ac48; border:1px solid #42ac48; color:#fff;} */
	.page_box_normal .mobile select {
		font-size:13px; color:#666; border:1px solid #dedede; height:40px;
		margin-top:0; margin-left:-1px !important; border-radius:0; padding:5px 40px 8px 8px !important;
		background:url(../images/shop/arrow-down-mo.png)30px center no-repeat !important;
	}
	.page_box_normal .mobile .form-control  {border:0; border-radius:0;}
	.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;}
	
	
	/* ******************** ºäÆäÀÌÁö ******************** */
	
	.view-item {border:1px solid #000;}
	.view-item>* {display:table-cell; vertical-align:top;}
	.view-item-img {width:50%; padding:30px 40px; border-right:1px solid #e5e5e5;}
	.view-item-img span {width:100%; display:block; border:1px solid #e5e5e5;}
	.view-item-img span img {width:100%;}
	.view-item-text {padding:30px 40px;}
	.view-item-text-title {position:relative; overflow:hidden;}
	.view-item-text-title h2 {width:100%; font-size:30px; font-weight:400; color:#000; letter-spacing:-1px; line-height:1.2;}
	.view-item-text-title ul {width:100%; overflow:hidden; padding-top:10px;}
	.view-item-text-title ul li {display:table-cell;}
	.view-item-text-title ul li span {display:block; width:100%; padding:7px 9px; font-size:14px; color:#fff; font-weight:400; border-radius:5px; line-height:1;}
	.view-item-text-title ul li+li {padding-left:3px;}
	.view-item-text-title ul li.all span {background:#ff9000;}
	.view-item-text-title ul li.data span {background:#2993f9;}
	.view-item-text-title ul li.sell span {background:#ff0c00;}
	.view-item-text-title ul li.print span {background:#950ace;}
	.view-item-text-subTitle {font-size:14px; color:#999; padding-bottom:30px; border-bottom:1px solid #e5e5e5; padding:15px 0 20px;}
	.view-item-text-inner {padding-top:30px;}
	.view-item-text-inner dl {position:relative;}
	.view-item-text-inner dl>* {}
	.view-item-text-inner dl dt {position:absolute; left:0;}
	.view-item-text-inner dl dd {padding-left:100px; padding-bottom:10px;}
	.view-item-text-btn {padding-top:25px;}
	.view-item-text-btn ul {overflow:hidden;}
	.view-item-text-btn ul li {float:left; text-align:center; width:calc((100% - 6px)/2); margin-top:4px;}
	.view-item-text-btn ul li+li {margin-left:4px;}
	.view-item-text-btn ul li:nth-child(3) {margin-left:0;}
	.view-item-text-btn ul li a {
		padding:18px 40px 18px 60px; letter-spacing:-1px; font-weight:400; color:#fff; border:1px solid #ccc; line-height:1;
		background:#f5f5f5 url(../images/shop/i-data.png) calc(50% - 35px) center no-repeat; display:block;
	}
	.view-item-text-btn ul li.buy a {background-color:#ff9000; background-image:url(../images/shop/i-buy.png); border-color:transparent;}
	.view-item-text-btn ul li.sample a {background-color:#5975a6; background-image:url(../images/shop/i-sample.png); border-color:transparent;}
	.view-item-text-btn ul li.cart a {background-color:#aa2753; background-image:url(../images/shop/i-cart.png);}
	.view-item-text-btn ul li.data a {color:#000;}
	
	.view-info>div {margin-top:30px; border:1px solid #e5e5e5;}
	.view-info .view-info-tab+div {background:#fff; padding:40px; line-height:1.9;}
	
	.view-info-tab {overflow:hidden;}
	.view-info-tab li {float:left; width:33.3333%; text-align:center; background:#f5f5f5; border-bottom:1px solid #e5e5e5;}
	.view-info-tab li+li {border-left:1px solid #e5e5e5; margin-left:-1px;}
	.view-info-tab li.on {border-bottom:0; background:#fff;}
	.view-info-tab li a {display:block; width:100%; padding:22px 0; font-size:16px; color:#000; letter-spacing:-.5px; font-weight:400; line-height:1;}
	.view-info-btn {text-align:center; border:none !important;}
	.view-info-btn a {
		display:inline-block; color:#000; font-weight:400; letter-spacing:-1px; border:1px solid #000;
		padding:16px 54px 16px 70px; background:#fff url(../images/shop/i-view-list.png)50px center no-repeat; 
		transition:all .3s;
	}
	.view-info-btn a:hover {background:#000 url(../images/shop/i-view-list-fff.png)50px center no-repeat;  color:#fff;}
	/* ºäÆäÀÌÁö::¼ö·®Á¶Àý Ãß°¡ */
	.view-item-amount {}
	.view-item-amount .select_result {overflow:hidden;}
	.view-item-amount .select_result>p {width:100px; float:left; line-height:35px;}
	.view-item-amount .select_result span {width:calc(100% - 100px); font-size:18px; display:inline-block; line-height:35px; font-weight:500; color:#f00;}
	.view-item-amount .select_result .ea_select {width:calc(100% - 100px); overflow:hidden;}
	.view-item-amount .select_result .ea_select>* {float:left; font-size:16px;}
	.view-item-amount .select_result .ea_select p a {font-size:20px; display:inline-block; width:35px; height:35px; line-height:35px; background:#fff; border:1px solid #666; text-align:center; transition:all .2s;}
	.view-item-amount .select_result .ea_select p a:hover {background:#f5f5f5;}
	.view-item-amount .select_result .ea_select input {width:45px; height:35px; padding:7px; border:1px solid #666; font-size:16px; color:#666; border-left:0; border-right:0; text-align:center;}
	.view-item-amount .select_result .ea_select input:focus {outline:0 !important; border:none !important; border:1px solid #666 !important; border-left:0 !important; border-right:0 !important;}

	/* ·¹À̾îÆ˾÷::Àå¹Ù±¸´Ï */
	.popup_cart {z-index:10000; position:fixed; left:0; top:0; display:table; width:100%; height:100%; text-align:center; visibility:hidden; background:rgba(0,0,0,.5);}
	.popup_cart .tcWrap {display:table-cell; vertical-align:middle; text-align:center; padding:10px;}
	.popup_cartCon {display:inline-block; width:100%; background:#fff; top:0;}
	.popup_cartCon .cart_head {position:relative; background:#5975a6; color:#fff;}
	.popup_cartCon .cart_head p {font-size:16px; padding:12px;}
	.popup_cartCon .cart_head a {display:inline-block; position:absolute; top:10px; right:20px;}
	.popup_cartCon .cart_body {padding:20px 0; font-size:16 px; color:#000;}
	.popup_cartCon .cart_foot {padding:0 0 30px; font-size:0;}
	
	.layer-btn {
		padding:8px 15px; font-size:14px; display:inline-block; min-width:120px; text-align:center;
		border:1px solid #ccc;
	}
	.layer-btn.on {border:1px solid #000; font-weight:500; color:#000;}
	.layer-btn+.layer-btn {margin-left:5px;}
	
	/* ******************** °í°´¼¾ÅÍ ******************** */
	.customer h2 {font-size:24px; font-weight:700; letter-spacing:-2px; text-align:center; color:#5975a6; margin-bottom:20px;}
	
	/*  FAQ  */
	.faq-wrap {}
	.faq-form {overflow:hidden; margin-bottom:10px;}
	.faq-form>* {float:left; height:40px; font-size:14px; padding:6px 12px; border:1px solid #ddd; vertical-align:middle;}
	.faq-form select {width:160px; padding-right:40px;}
	.faq-form input {width:calc(100% - 250px); margin-left:5px;}
	.faq-form button {width:80px; margin-left:5px; text-align:center;}
	.faq-listTit {width:100%; display:table; border-top:1px solid #000; border-bottom:1px solid #e5e5e5;}
	.faq-listTit li {display:table-cell; width:10%; padding:13px 20px; font-size:14px; background:#f5f5f5; font-weight:400; color:#000; text-align:center;}
	.faq-listTit li+li {width:90%; border-left:1px solid #e5e5e5;}
	.faq-listWrap {margin-bottom:30px;}
	.faq .boxWrap {}
	.faq .boxWrap .inner-tit {display:table; width:100%; border:1px solid transparent; border-bottom:1px solid #ddd; position:relative; cursor:pointer;}
	.faq .boxWrap .inner-tit span.number {display:table-cell; width:10%; font-size:14px; line-height:1; text-align:center; vertical-align:middle; padding:0 5px;}	
	.faq .boxWrap .inner-tit>div {
		display:table-cell; width:90%; border-left:1px solid #e5e5e5; padding:15px 40px 15px 20px;
		background:url(../images/customer/i-down.png)calc(100% - 20px) center /15px no-repeat;  transition:all .2s;
	}
	.faq .boxWrap .inner-tit h3 {
		position:relative; font-size:16px; color:#000; font-weight:400; transition:all .2s ! important; overflow:hidden;
		 display:table-cell; width:90%; vertical-align:middle;
		line-height:1.4; /*background:url(../images/customer/i-faq.png)0 center /25px no-repeat;*/
	}
	.faq .boxWrap .inner-tit>div span {
		float:left; font-size:13px; font-weight:400; margin-right:15px;
		color:#666; padding:4px 12px; background:#f5f5f5; border-radius:5px;
	}
	/*onµÇ¾úÀ»¶§ start -------------------- */
	.faq .boxWrap.on .inner-tit {
		background:#f9f9f9; border:1px solid #eee; border-top-color:#000; border-bottom-color:#d0d0d0;
	}
	.faq .boxWrap .inner-tit:hover h3 {color:#5975a6;}
	.faq .boxWrap .inner-tit:hover h3 span {color:#000;}
	.faq .boxWrap.on .inner-tit h3 {color:#5975a6;}
	.faq .boxWrap.on .inner-tit>div span {background:#5975a6; color:#fff;}
	.faq .boxWrap.on .inner-tit>div {background:url(../images/customer/i-up.png)calc(100% - 20px) center /15px no-repeat;}
	/* -------------------- onµÇ¾úÀ»¶§ end*/
	
	/*³»¿ë::*/
	.faq .boxWrap .inner-con {display:none; background:#f9f9f9; border:1px solid #eee; border-top:0; padding:20px 40px 20px calc(10% + 20px); line-height:2; color:#000;}
	.faq .boxWrap.on .inner-con {display:block !important; word-wrap:break-word;}
	
	/* ´ÜüÁÖ¹®½Åû */
	.apply .join .title {
		position:relative; padding-left:30px; font-size:14px;
	}
	.apply .join .title::before {
		content:''; display:block; width:20px; height:20px;
		position:absolute; left:0; top:1px; border-radius:50%;
		background:#5975a6 url(../images/common/icon_check.svg)center /10px no-repeat;
	}
	.apply .join .formGroup .labelName {position:relative; padding-left:50px;}
	.apply .join .formGroup .labelName::before {
		content:''; display:block; width:20px; height:20px;
		position:absolute; left:20px; top:1px; border-radius:50%;
		background:#5975a6 url(../images/common/icon_check.svg)center /10px no-repeat;
	}
	.apply .join .formGroup .labelName.off::before {display:none;}
	
	
}

/* ******************** ¸ð¹ÙÀÏ (~768) ******************** */
@media screen and (max-width: 768px), print{
	
	/* ******************** ¸®½ºÆ® ******************** */
	
	.list-wrap {}
	.list-item {}
	.list-item>li {width:calc((100% - 40px)/2); margin-bottom:50px;}
	.list-item>li+li {margin-left:40px;}
	.list-item>li:nth-child(6n) {margin-left:40px;}
	.list-item>li:nth-child(4n+1) {margin-left:40px;}
	.list-item>li:nth-child(2n+1) {margin-left:0 !important; clear:left;}
	.list-item>li a dl dt {}
	.list-item>li a dl dd {padding-top:10px;}
	
	/* ******************** ºäÆäÀÌÁö ******************** */
	
	.view-item {}
	.view-item>* {display:block;}
	.view-item-img {width:100%; padding:40px 60px; border-right:0; border-bottom:1px solid #e5e5e5;}
	.view-item-text {padding:20px;}
	.view-info .view-info-tab+div {padding:20px;}
	
	.faq .boxWrap .inner-tit>div {}
	.faq .boxWrap .inner-tit>div span {margin:0; margin-bottom:5px; clear:left;}
	.faq .boxWrap .inner-tit h3 {display:block; width:100%;}
	.faq .boxWrap .inner-con {padding-right:20px; padding-left:calc(10% + 20px)}
	
	/* ´ÜüÁÖ¹®½Åû */
	.apply .join .title {padding-left:25px;}
	.apply .join .title::before {
		width:18px; height:18px; top:2px;
		background-size:8px;
	}
	.apply .join .formGroup .labelName {padding-left:25px;}
	.apply .join .formGroup .labelName::before {width:18px; height:18px; left:0; background-size:8px;}
	.apply .join .formGroup .labelName.off {padding-left:0;}
	
}

/* ******************** Ư¼ö°æ¿ì (991~768) ******************** */
@media screen and (max-width: 991px) and (min-width: 768px), print{
	
	.list-item>li:nth-child(4n+1) {clear:left;}

}