@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 2021.09.03 | 김소화 | 최초 등록
 * </pre>
 * @author 디자인팀 김소화
 * @since 2021.09.03
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! CSS Library v0.3. 20170608~. 20190422. 20190905. |
 * 공유 콘텐츠 CSS 추가
 * class 선택자에 정의한다. 우선순위 높은 id 선택자는 필연적일 때만 사용한다.
 */

/** Compatible! [IE9+] 20190112~ */

/** Table of contents ))
 | Overwrite
 | Add Share Contents
 | Components Library
 | RWD
 */



.best1list1{}
.best1list1 .item{}
.best1list1 .item a{display:block;
	position:relative;
	text-decoration:none !important;
	line-height:1.5em;
}
.best1list1 .item .rank{display:block;
	z-index:10;
	position:Absolute;left:0;top:0;
	width:56px;height:56px;
	background:#555;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-family:'Roboto';
	line-height:56px;
}
.best1list1 .item .rank .t1{display:none;text-transform:uppercase;font-size:12px;margin:13px 0 3px}
.best1list1 .item .rank .t2{display:block;font-size:18px;}
.best1list1 .item .f1{position:relative;width:100%;height:0;padding-bottom:69.8%;transition:.2s ease-out;overflow:hidden;}
.best1list1 .item .f1 .f1p1{position:absolute;left:0;top:0;right:0;bottom:0;margin:0;}
.best1list1 .item .f1 img{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);max-width:none;visibility:hidden;transition:.1s;}
.best1list1 .item .f1 img.portrait{width:auto;height:100%;visibility:visible}
.best1list1 .item .f1 img.landscape{width:auto;height:100%;visibility:visible}
.best1list1 .text{display:block;margin:20px 0;}
.best1list1 .text .material{display:inline-block;background:#333;color:#fff;margin-bottom:10px;padding:7px 10px;font-size:13px;}
.best1list1 .text .title{display:block;color:#000;font-size:24px;font-weight:bold;margin-bottom:5px;}
.best1list1 .text .artist{display:block;color:#777;font-size:15px;margin-bottom:5px;}
.best1list1 .text .price{position:relative;display:block;color:#000;font-size:20px;font-weight:bold;}
.best1list1 .text .price .discount_price{display:none;}
.best1list1 .text .price .discount_rate{display:none;}
.best1list1 .text .price.discount .discount_price{display:block;}
.best1list1 .text .price.discount .discount_rate{display:block;
	position:absolute;right:0;top:5px;
	font-size:12px;
	color:#fe1515
}
.best1list1 .text .price.discount .discount_rate:after{content:' 할인';}
.best1list1 .text .price.discount .base_price{display:block;
	font-size:14px;font-weight:normal;
	text-decoration:line-through;
	color:#777
}
.best1list1 .item a:hover .f1{box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.35);}
.best1list1 .text .discount_rate2{display:block;
	position:absolute;left:0;top:0;
	background:#fe1515;
	color:#fff;
	padding:10px;
	font-weight:600;
	font-size:12px;
}
.best1list1 .item:nth-child(1) .rank,
.best1list1 .item:nth-child(2) .rank,
.best1list1 .item:nth-child(3) .rank,
.best1list1 .item:nth-child(4) .rank,
.best1list1 .item:nth-child(5) .rank{
	background:#222;
	line-height:1em;
}
.best1list1 .item:nth-child(1) .rank:before,
.best1list1 .item:nth-child(2) .rank:before,
.best1list1 .item:nth-child(3) .rank:before,
.best1list1 .item:nth-child(4) .rank:before,
.best1list1 .item:nth-child(5) .rank:before{content:'';
	display:block;position:absolute;left:0;bottom:-10px;
	width:0;height:0;
	border-left:28px solid transparent;
	border-right:28px solid transparent;
    border-top:10px solid #232323;
}
.best1list1 .item:nth-child(1) .rank .t1,
.best1list1 .item:nth-child(2) .rank .t1,
.best1list1 .item:nth-child(3) .rank .t1,
.best1list1 .item:nth-child(4) .rank .t1,
.best1list1 .item:nth-child(5) .rank .t1{display:block;}
.best1list1 .item:first-child .rank{background:#c50251}
.best1list1 .item:first-child .rank:before{border-top-color:#c50251;}

@media all and (max-width:399px){
	.best1list1 .text{margin:10px 0 0;}
	.best1list1 .text .material{padding:2px 7px;font-size:12px;}
	.best1list1 .text .title{font-size:20px;}
	.best1list1 .text .price{font-size:18px;}
	.best1list1 .text .price.discount .discount_price{padding-top:20px;}
	.best1list1 .text .price.discount .discount_rate{right:auto;left:0}
}







/* 상세내용 .even-grid : 20191205 */
.cp20view1{position:relative;}
.cp20view1 .discount_rate{display:block;
	position:absolute;left:0;top:0;
	background:#fe1515;
	color:#fff;
	padding:15px;
	font-weight:600;
	font-size:16px;
	z-index:10;
}
.cp20view1 .hg1{border-bottom:1px solid #777;}
.cp20view1 .hg1 .h1{
	color:#000;
	font-size:30px;
	margin:0;padding:0;
}
.cp20view1 .hg1 .t1{
	color:#aaa;
	margin:0;padding:0 0 1em;
}
.cp20view1.best .hg1 .h1:before{content:'BEST';display:block;
	width:35px;
	color:#fff;
	background:#c50251;
	font-size:13px;
	font-family:'Roboto';
	letter-spacing:0;
	padding:3px 10px;
	margin-bottom:5px;
	font-weight:400;
}
.cp20view1>.even-grid{
	margin:0 0 30px;
}
.cp20view1>.even-grid>.column{
	padding:0;
}
/* ◇◆ */
@media all and (min-width:840px){
	.cp20view1>.even-grid{
		margin:0 0 40px;
	}
	.cp20view1>.even-grid>.column:nth-child(1){
		width:48.913%; /* (450/920) */
		padding:0 20px 0 0;
	}
	.cp20view1>.even-grid>.column:nth-child(2){
		width:51.087%; /* (470/920) */
		padding:0 0 0 20px;
	}
}
@media all and (min-width:1400px){
	.cp20view1>.even-grid{
		margin:0 0 40px;
	}
	.cp20view1>.even-grid>.column:nth-child(1){
		width:600px;
		padding:0 0 0 0;
	}
	.cp20view1>.even-grid>.column:nth-child(2){
		width:calc(100% - 600px);
		padding:0 0 0 90px;
	}
}


/* 정보정의목록 20190812 */
.cp20dlist1{
	position:relative;
}
.cp20dlist1 .dl1{
	list-style:none;margin:0;padding:0;
}
.cp20dlist1 .di{display:block;
	margin:0 0 -1px;
	padding:6px 0;
	overflow:hidden;
}
.cp20dlist1 .dt{float:left;
	min-width:8em;
	padding:4px 8px 4px 0;
	font-weight:400;
	color:#000;
	font-size:15px;
	text-align:left;
}
.cp20dlist1 .dd{display:block;
	box-sizing:border-box; /* ☆ */
	padding:4px 8px 4px 0;
	color:#666;
	font-size:15px;
	overflow:hidden;
}
.cp20dlist1 .dd select{margin:0}
.cp20view1 .detail{position:relative;
	margin-top:10px;
	padding:7px 20px;
	background:#f7f7f7;border:solid #ddd;
	border-width:1px 0;
	overflow:hidden;
}
.cp20view1 .detail .w{padding:10px;margin:0 20px;overflow:hidden;}
.cp20view1 .detail .w+.w{border-top:1px dotted #ddd;}
.cp20view1 .detail .t1{float:left;
	width:calc(100% - 240px);
}
.cp20view1 .detail .t1 b{font-size:16px;font-weight:normal;}
.cp20view1 .detail .option{float:left;}
.cp20view1 .detail .option button{float:left;position:relative;
	border:1px solid #ddd;
	margin:0 0 0 -1px;padding:0;
	width:30px;height:30px;
	background:#fff;
}
.cp20view1 .detail .option button:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	background:url() no-repeat 0 0;
	width:11px;height:11px;
	margin:-5.5px;
}
.cp20view1 .detail .option button.minus:before{background-image:url(../../img/inc/tnb1d3bg1on.png)}
.cp20view1 .detail .option button.plus:before{background-image:url(../../img/inc/tnb1d3bg1has.png)}
.cp20view1 .detail .option .text{float:left;
	border:1px solid #ddd;
	margin:0 0 0 -1px;padding:0;
	width:50px;height:30px;
	background:#fff;
	text-align:center;
	box-sizing:border-box;
}
.cp20view1 .detail .p1{float:right;
	font-size:18px;
	font-weight:600;
	color:#000
}
.cp20view1 .price1{padding-left:calc(100% - 300px);margin:20px 0 35px;}
.cp20view1 .price1 ul{list-style:none;padding:0;margin:0;}
.cp20view1 .price1 .dl{}
.cp20view1 .price1 .dt{display:inline-block;
	width:100px;
	text-align:left;
	font-size:18px;
	color:#000
}
.cp20view1 .price1 .dd{display:inline-block;
	font-weight:600;
	font-size:18px;
	color:#000;
	width:calc(100% - 100px);
	text-align:right;
}
.cp20view1 .price1 li:nth-child(3) .dd{
	font-size:28px;
	color:#d60815;
	line-height:1;
}
.cp20view1 .btns{}
.cp20view1 .btns a{position:relative;display:block;float:left;
	color:#fff;
	height:60px;
	line-height:60px;
	text-align:center;
	box-sizing:border-box;
	border:0;
	text-decoration:none !important;
	font-size:18px;
	font-weight:600;
	padding:0;
}
.cp20view1 .btns a.wish{
	width:60px;
	border:1px solid #333;
	background:#fff;
	color:#777;font-size:13px;line-height:100%;
}
.cp20view1 .btns a.wish:before{content:'';
	display:block;
	width:20px;height:20px;
	margin:10px auto 3px;
	background:url(../../img/lib2/ic20a1heart1.png) no-repeat 50% 50%;
}
.cp20view1 .btns a.wish.on:before{background-image:url(../../img/lib2/ic20a1heart1on.png);}
.cp20view1 .btns a.cart{
	width:calc((100% - 80px) / 2);
	background:#434159;
	margin-left:10px;
}
.cp20view1 .btns a.cart:before{content:'';
	display:inline-block;width:30px;height:30px;
	background:url(../../img/lib2/ic60a1cartl1.png) no-repeat 0 0 / contain;
	vertical-align:top;
	margin:12px 7px 0 0;
}
.cp20view1 .btns a.pay{
	width:calc((100% - 80px) / 2);
	background:#d60815;
	margin-left:10px;
}
@media all and (max-width:999px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.cp20view1 .detail .t1{width:100%;}
}

@media all and (max-width:499px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.cp20view1 .btns a{font-size:15px;}
}







/* 상품컨텐츠 */
.prdt_cont .hg1{margin-bottom:30px;text-align:center;}
.prdt_cont .hg1 .h4{
	color:#000;
	font-size:35px;
	font-weight:600;
	margin:0;padding:0;
}
.prdt_cont .hg1 .t1{font-size:18px;color:#777;
	margin:0;padding:0;
}
.prdt_cont .p1{text-align:center;margin:0 0 30px}
.artist_history{padding:80px;background:#f7f7f7;overflow:hidden}
.artist_history .f1{float:left;width:320px;min-height:300px;background:#ddd;box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);}
.artist_history .tg1{float:left;width:calc(100% - 320px);padding-left:80px;
	box-sizing:border-box;	
}
.artist_history .tg1 strong.t1{display:block;
	color:#000;
	border-bottom:1px solid #ddd;
	font-size:30px;
	padding:0 0 25px;margin:0 0 30px;
	line-height:1em
}
.artist_history .tg1 p.t2{display:block;font-size:20px;font-weight:600;color:#555}
.artist_history .tg1 ul{list-style:none;padding:0;margin:0;}
.artist_history .tg1 li{position:relative;
	margin:0 0 10px;
	font-size:18px;
	color:#777;
}
.artist_history .tg1 .year{position:absolute;left:0;top:0;width:100px;font-family:'Roboto';vertical-align:top;}
.artist_history .tg1 .cont{display:block;padding:0 0 0 100px;}

@media all and (max-width:999px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.artist_history{padding:50px;}
	.artist_history .f1{width:250px;}
	.artist_history .tg1{width:calc(100% - 250px);padding-left:50px}
	.artist_history .tg1 li{font-size:16px;}
}
@media all and (max-width:767px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.artist_history{padding:50px;}
	.artist_history .f1{float:none;clear:both;width:250px;margin:0 auto;}
	.artist_history .tg1{float:none;clear:both;width:100%;margin-top:30px;padding-left:0}
}
@media all and (max-width:499px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.artist_history{padding:50px 20px;}
	.artist_history .tg1 strong.t1{margin-bottom:10px;padding:0 0 10px;font-size:24px;}
	.artist_history .tg1 p.t2{margin:10px 0;}
	.artist_history .tg1 .cont{padding:0 0 0 70px;}
}





/* 고객후기 */
.total_scrore{background:#f7f7f7;padding:40px;
	text-align:center;
	margin:0 0 30px
}
.total_scrore .t1{display:inline-block;
	color:#000;
	font-size:28px;
}
.star{display:inline-block;
	width:160px;height:30px;
	background:url() no-repeat 0 0 / contain;
	margin:0 20px
}
.star.star-0{background-image:url(../../img/lib2/star-0.png)}
.star.star-1{background-image:url(../../img/lib2/star-1.png)}
.star.star-2{background-image:url(../../img/lib2/star-2.png)}
.star.star-3{background-image:url(../../img/lib2/star-3.png)}
.star.star-4{background-image:url(../../img/lib2/star-4.png)}
.star.star-5{background-image:url(../../img/lib2/star-5.png)}

.total_scrore .score{display:inline-block;
	font-size:40px;
	font-family:'Roboto';
	color:#aaa
}
.total_scrore .score b{color:#000}
.review_list strong.total_review{display:block;color:#000;font-size:20px;}
.review_list>ul{list-style:none;padding:0;margin:10px 0 0;border-top:1px solid #333}
.review_list>ul>li{position:relative;border-bottom:1px solid #ddd;padding:25px 0;}
.review_list .star{margin:0 15px 0 0;width:80px;height:15px;vertical-align:middle;}
.review_list .option{display:inline-block;color:#777;vertical-align:middle;font-size:15px;}
.review_list .w1 .btn{display:block;position:absolute;right:0;top:25px}
.review_list .w1 .btn ul{list-style:none;padding:0;margin:0}
.review_list .w1 .btn li{position:relative;float:left;padding:0 0 0 15px;}
.review_list .w1 .btn li a{display:block;color:#000;font-size:14px;}
.review_list .w1 .btn li:before{content:'';
	display:block;position:absolute;left:7px;top:8px;
	height:10px;
	border-left:1px solid #ddd;
}
.review_list .w1 .btn li:first-child:before{display:none;}
.review_list .w2{margin:10px 0;line-height:125%}
.review_list .w3 .t1{display:inline-block;font-size:15px;color:#777}
.review_list .w3 .t1:before{content:'';
	display:inline-block;
	margin-left:15px;padding-left:10px;;
	border-left:1px solid #aaa;
	height:10px;
	vertical-align:middle;
}
.review_list .w3 .t1:nth-of-type(1):before{display:none;}
a.write1{
	position:absolute;right:0;top:0;
	background:#d60815;
	border-color:#d60815;
	height:50px;
	line-height:50px;
	padding:0 20px;
}
a.write1:before{content:'';
	display:inline-block;width:30px;height:30px;
	background:url(../../img/lib2/ic60a1pencil1.png) no-repeat 0 0 / contain;
	vertical-align:top;
	margin:10px 5px 0 0;
}
@media all and (max-width:767px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	a.write1{position:static}
}

@media all and (max-width:499px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.review_list .w1 .btn{display:block;position:static;overflow:hidden;}
	.review_list .w1 .btn li:first-child{padding-left:0}
}



/* 리뷰작성 레이어팝업 */
.layer_write{z-index:100;position:fixed;
	left:0;top:0;bottom:0;right:0;
	background:rgba(0,0,0,0.45);
}
.layer_write form{position:relative;display:block;width:610px;margin:50px auto 0;
	background:#fff;
}
.layer_write form .h1{
	color:#fff;
	padding:15px 30px;margin:0;
	background:#252525;
}
.layer_write form .info1{position:relative;
	padding:20px 35px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.layer_write form .info1 .f1{display:block;
	float:left;
	width:60px;height:60px;
	background:#ddd;
}
.layer_write form .info1 .tg1{float:left;width:calc(100% - 60px);
	padding-left:20px;
	box-sizing:border-box;	
}
.layer_write form .info1 .tg1 .t1{display:block;font-size:18px;margin-top:3px}
.layer_write form .info1 .tg1 .t2{display:block;font-size:14px;color:#777}
.layer_write form .write{padding:30px 30px 0;}
.layer_write form .write .star1{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:20px;}
.layer_write form .write .star1 .h2{display:inline-block;
	padding:0;margin:0 20px 0 0;
	font-size:18px;
	font-weight:400;color:#555;
	vertical-align:middle;
}
.layer_write form .write .star1 a{display:inline-block;
	width:32px;height:30px;
	background:url(../../img/lib2/star.png) no-repeat;
	vertical-align:top;
}
.layer_write form .write .star1 a.on{background-image:url(../../img/lib2/star_on.png);}
.layer_write form .write .cont .h2{
	padding:0;margin:0 0 20px;
	font-size:18px;
	font-weight:400;color:#555;
}
.layer_write form .write .cont{padding-bottom:30px;border-bottom:1px solid #ddd}
.layer_write form .write .cont input[type="text"]{margin:0 0 20px;background:#f7f7f7;}
.layer_write form .write .cont textarea{margin:0 0 20px;background:#f7f7f7;}
.layer_write form .write .filebox{display:block;overflow:hidden;}
.layer_write form .write .filebox input[type="file"]{
	position: absolute;
	width:1px;height:1px;
	padding:0;
	margin: -1px; 
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
} 
.layer_write form .write .filebox label {display:block;
	float:right;
	width:155px;height:50px;
	margin-left:10px;
	line-height:50px;
	text-align:center;
	background: #fff; 
	cursor: pointer; 
	border:1px solid #333;
	color:#000;
	box-sizing:border-box;
} 
.layer_write form .write .filebox .upload-name {display:block; 
	float:left;
	width:calc(100% - 165px);height:50px;
	line-height:50px;
	padding:0 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #ddd;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none;
}
.layer_write form .btns{padding:0 30px 20px}
.layer_write form .btns .button{padding:15px 0;}
.layer_write form .btns .submit{background-color:#d60815;border-color:#d60815;}
.layer_write form a.close{position:absolute;right:25px;top:10px;
	display:block;
	width:40px;height:40px;
	background:url(../../img/inc/ic80a1c0close@2x.png) no-repeat 0 0 / contain;
}
/* 문의게시판 */
.qna_list strong.total{display:block;color:#000;font-size:20px;}
.qna_list table.qna{border:0;border-top:1px solid #000;margin:20px 0 0;}
.qna_list table.qna th, 
.qna_list table.qna td{border:0;border-bottom:1px solid #ddd;}
.qna_list table.qna thead th{padding:20px 0;}
.qna_list table.qna tbody th,
.qna_list table.qna tbody td{padding:15px 0;}
.qna_list table.qna tbody>tr:first-child{line-height:40px;}
.qna_list table.qna .qna_cont1{background:#f7f7f7}
.qna_list table.qna .qna_cont1 td{padding:0}
.qna_list table.qna .qna_cont1 div{position:relative;padding:30px 100px;min-height:40px;border-top:1px solid #ddd;margin-top:-1px;}
.qna_list table.qna .qna_cont1 div:before{display:block;
	position:absolute;left:50px;top:30px;
	font-family:'Roboto';
	font-weight:bold;
	font-size:40px;
	line-height:100%;
}
.qna_list table.qna .qna_cont1 div.question1:before{content:'Q';color:#d60815;}
.qna_list table.qna .qna_cont1 div.answer1:before{content:'A';color:#000;}
.qna_list table.qna .qna_cont1 div.btn{display:block;position:absolute;right:30px;top:30px;border:0;padding:0;min-height:none;}
.qna_list table.qna .qna_cont1 div.btn ul{list-style:none;padding:0;margin:0}
.qna_list table.qna .qna_cont1 div.btn li{position:relative;float:left;padding:0 0 0 15px;}
.qna_list table.qna .qna_cont1 div.btn li a{display:block;color:#000;font-size:14px;}
.qna_list table.qna .qna_cont1 div.btn li:before{content:'';
	display:block;position:absolute;left:7px;top:8px;
	height:10px;
	border-left:1px solid #ddd;
}
.qna_list table.qna .qna_cont1 div.btn li:first-child:before{display:none;}

@media all and (max-width:767px){
	.qna_list table.qna .qna_cont1 div{padding:30px 100px 30px 70px}
	.qna_list table.qna .qna_cont1 div:before{left:20px}
}
@media all and (max-width:499px){
	.qna_list table.qna .qna_cont1 div.btn{position:static;margin-top:10px;}
	.qna_list table.qna .qna_cont1 div.btn li:first-child{padding-left:0}
}



/* 체크박스디자인 */
.checkbox{position:relative;display:inline-block;vertical-align:top;margin:13px 5px 0 0;}
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + label {display:block;
	width:20px; height: 20px; 
	background:#fff;
	box-sizing:border-box;
	background:#d60815 url(../../img/lib2/ic20form1check1.png) no-repeat 50% 50% / contain;
}
.checkbox input[type="checkbox"]:checked + label {
	background:#d60815 url(../../img/lib2/ic20form1check1on.png) no-repeat 50% 50% / contain;
	border:0;
}



/* 라디오버튼 디자인 */
.radio{position:relative;display:inline-block;vertical-align:top;margin:5px 5px 0 0;}
.radio input[type="radio"]{display:none;}
.radio input[type="radio"] + label {display:block;
	width:20px; height: 20px; 
	background:#fff;
	box-sizing:border-box;
	background:url(../../img/lib2/ic20form1radio1.png) no-repeat 50% 50% / contain;
}
.radio input[type="radio"]:checked + label {
	background:url(../../img/lib2/ic20form1radio1on.png) no-repeat 50% 50% / contain;
	border:0;
}


/* custom table */
.ctable{margin:0 0 30px;}
.ctable strong.total{color:#000;font-size:24px;}
.ctable table{width:100%;border:0;border-top:1px solid #000;margin:20px 0 0;}
.ctable table th, 
.ctable table td{border:0;border-bottom:1px solid #ddd;}
.ctable table thead th{padding:20px 0;font-size:15px;font-weight:normal;}
.ctable table tbody th,
.ctable table tbody td{font-weight:normal;padding:15px 0;}
.ctable table .checkbox{vertical-align:middle;margin:0}
.ctable table .f1{display:inline-block;width:100px;height:auto;background:#ddd;vertical-align:middle;margin:0 10px;overflow:hidden;}
.ctable table .f1 a{display:block;text-align:center;}
.ctable table .f1 img{width:auto;height:100%;}
.ctable table .title1{display:inline-block;font-size:18px;font-weight:500;}

.ctable table .option{display:inline-block;}
.ctable table .option button{float:left;position:relative;
	border:1px solid #ddd;
	margin:0 0 0 -1px;padding:0;
	width:30px;height:30px;
	background:#fff;
}
.ctable table .option button:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	background:url() no-repeat 0 0;
	width:11px;height:11px;
	margin:-5.5px;
}
.ctable table .option button.minus:before{background-image:url(../../img/inc/tnb1d3bg1on.png)}
.ctable table .option button.plus:before{background-image:url(../../img/inc/tnb1d3bg1has.png)}
.ctable table .option .text{float:left;
	border:1px solid #ddd;
	margin:0 0 0 -1px;padding:0;
	width:50px;height:30px;
	background:#fff;
	text-align:center;
}


.ctable table .button.wish,
.ctable table .button.delete,
.ctable table .button.cart{display:block;width:110px;margin:0 auto;font-size:15px;}
.ctable table .button.wish{margin-bottom:5px;}
.ctable table .button.cart{background:#d60815;border-color:#d60815;color:#fff;margin-bottom:5px;}
.ctable table .button.wish:before,
.ctable table .button.delete:before,
.ctable table .button.cart:before{content:'';
	display:inline-block;
	width:20px;height:20px;
	background:url() no-repeat 50% 50%;	
	vertical-align:middle;
	margin-right:3px;
}
.ctable table .button.wish:before{background-image:url(../../img/lib2/ic20a1heart1.png)}
.ctable table .button.wish.on:before{background-image:url(../../img/lib2/ic20a1heart1on.png)}
.ctable table .button.delete:before{background-image:url(../../img/lib2/ic20a1trash1.png)}
.ctable table .button.cart:before{background-image:url(../../img/lib2/ic20a1cart1.png)}


.ctable .h1toggle{display:block;
	color:#000;
	text-decoration:none;
	background:url(../../img/lib/ic60a1down2.png) no-repeat right 50% / 30px 30px;
}
.ctable .btns .button{padding:20px 0;height:auto;font-size:20px;}
.ctable .btns .button.order{background:#d60815;color:#fff;border-color:#d60815}
.ctable .btns .button.secondary{background:#434159;color:#fff;border-color:#434159}
@media all and (max-width:639px){
	.ctable .btns .column{padding-top:0;padding-bottom:0}
	.ctable .btns .button{font-size:18px;padding:15px 0;}
}


.total_price1{border:5px solid #eee;padding:30px;
	text-align:center;
}
.total_price1>span{display:inline-block;}
.total_price1 .t1{color:#777;}
.total_price1 .p1{color:#000;font-size:18px;font-weight:600}
.total_price1 .p2{color:#d60815;font-size:24px;font-weight:600;}
.total_price1 .symbol{margin:0 10px;font-size:20px;}


.payinfo1{}
.payinfo1 .w1{display:block;background:#f7f7f7;padding:30px;}
.payinfo1 .w1 ul{list-style:none;padding:0;margin:0;}
.payinfo1 .w1 li{margin:5px 0;overflow:hidden;}
.payinfo1 .w1 li .dt1{display:block;float:left;margin:5px 0 0;}
.payinfo1 .w1 li .dd1{display:block;float:right;
	font-size:18px;
	color:#000;
	font-weight:bold;
}
.payinfo1 .w1 li:last-child{border-top:1px solid #ddd;
	padding:10px 0 0;
	margin:15px 0 0;
}
.payinfo1 .w1 li:last-child .dt1{margin:13px 0 0;}
.payinfo1 .w1 li:last-child .dd1{color:#d60815;font-size:28px;}
.payinfo1 .btns{margin:10px 0 0;}
.payinfo1 .btns .button{padding:15px 0;height:auto;font-size:20px;}
.payinfo1 .btns .button.order{background:#d60815;color:#fff;border-color:#d60815}
.payinfo1 .btns .button.order2{color:#d60815;border-color:#d60815;background:#fff;}
.payinfo1 .agree1{border-top:1px solid #ddd;margin:20px 0 0;padding-top:20px;}
.payinfo1 .agree1 .t1{display:inline-block;font-size:18px;margin:5px 0 0;}

.cart_list1{padding-top:80px;}


@media all and (max-width:767px){
	table.cart1lst1,
	table.cart1lst1 tr,
	table.cart1lst1 tbody,
	table.cart1lst1 th,
	table.cart1lst1 td,
	table.search1lst1,
	table.search1lst1 tr,
	table.search1lst1 tbody,
	table.search1lst1 th,
	table.search1lst1 td,
	table.wish1lst1,
	table.wish1lst1 tr,
	table.wish1lst1 tbody,
	table.wish1lst1 th,
	table.wish1lst1 td{display:block;border:0;text-align:left;}

	table.cart1lst1,
	table.search1lst1,
	table.wish1lst1{border-top:1px solid #000}
	table.cart1lst1 thead,
	table.search1lst1 thead,
	table.wish1lst1 thead{display:none;}
	table.cart1lst1 tr,
	table.search1lst1 tr,
	table.wish1lst1 tr{position:relative;width:100%;box-sizing:border-box;padding-left:150px;border-bottom:1px solid #ddd;}
	table.cart1lst1 th,
	table.search1lst1 th{padding-bottom:5px !important}

	table.cart1lst1 .f1,
	table.wish1lst1 .f1{position:absolute;margin:0;left:0;top:15px;}
	table.wish1lst1 .f1 img{width:100% !important;height:auto !important;}
	table.cart1lst1 th .checkbox,
	table.wish1lst1 th .checkbox{position:absolute;margin:0;left:0;top:15px;}
	table.cart1lst1 td .btn,
	table.wish1lst1 td .btn{position:absolute;right:0;top:15px}

	.ctable table .f1 img{width:100%;height:auto}

	table.cart1lst1 td.quantity{padding:0}
	table.cart1lst1 td.quantity span.fsm:before{content:'수량 : '}
	table.cart1lst1 td.item_price{padding:0}
	table.cart1lst1 td.total_price{padding:0;color:#000;font-weight:bold;font-size:16px}
	table.cart1lst1 td.item_price:before{content:'상품금액 : ';}
	table.cart1lst1 td.total_price:before{content:'합계금액 : ';}
	table.cart1lst1 td.shipping_price:before{content:'배송비 :  ';}
	table.cart1lst1 td.shipping_price br{display:none}
	table.cart1lst1 td:last-child{padding-top:0;padding-bottom:10px;}
	

	table.search1lst1 tr{padding-left:110px;}
	table.search1lst1 .f1{position:absolute;margin:0;left:0;top:15px;}
	table.search1lst1 .title1{margin-top:-15px;font-size:24px}
	
	table.search1lst1 td:nth-child(3),
	table.search1lst1 td:nth-child(4),
	table.search1lst1 td:nth-child(5){margin-left:-110px;padding:0;}
	table.search1lst1 td:nth-child(4){padding-bottom:15px}
	table.search1lst1 td:nth-child(3):before{content:'상품금액/수량 : ';}
	table.search1lst1 td:nth-child(4):before{content:'주문상태 : '}
	table.search1lst1 td:nth-child(5) a.button{position:absolute;right:0;bottom:15px;}

	table.wish1lst1 th{padding:0 !important}
	table.wish1lst1 .title1{font-size:24px}
	table.wish1lst1 td:nth-child(2){padding-bottom:0}
	table.wish1lst1 td:nth-child(3){padding:0}

}
@media all and (max-width:459px){
	table.cart1lst1 td .btn,
	table.wish1lst1 td .btn{position:static;margin-left:-150px;overflow:hidden;}
	table.cart1lst1 td .btn a.button,
	table.wish1lst1 td .btn a.button{float:left;width:calc(100% / 2 - 10px);margin:10px 5px 0;}
}

@media all and (min-width:1260px){
	.cart_list1>div.even-grid>div.column{width:calc(100% - 370px);}
	.cart_list1>div.even-grid>div.column.column:nth-child(2){width:350px;margin-left:20px;}
}

/* 결제수단 */
.payment1{overflow:hidden;}
.payment1 ul{list-style:none;padding:0;margin:0;}
.payment1 li{float:left;margin-right:10px;}
.payment1 li a{display:block;
	position:relative;
	width:140px;height:100px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
	text-decoration:none !important;
	padding:15px 0;
	color:#333;
}
.payment1 li a.on{
	color:#fff;
	background:#434159;
	border-color:#434159;
}
.payment1 li a:before{content:'';
	display:block;
	width:35px;height:35px;
	margin:0 auto 5px;
	background:url() no-repeat;
}
.payment1 li.m1 a:before{background-image:url(../../img/lib2/payment1m1.png)}
.payment1 li.m2 a:before{background-image:url(../../img/lib2/payment1m2.png)}
.payment1 li.m3 a:before{background-image:url(../../img/lib2/payment1m3.png)}
.payment1 li.m4 a:before{background-image:url(../../img/lib2/payment1m4.png)}
.payment1 li.m5 a:before{background-image:url(../../img/lib2/payment1m5.png)}
.payment1 li.m1 a.on:before{background-image:url(../../img/lib2/payment1m1on.png)}
.payment1 li.m2 a.on:before{background-image:url(../../img/lib2/payment1m2on.png)}
.payment1 li.m3 a.on:before{background-image:url(../../img/lib2/payment1m3on.png)}
.payment1 li.m4 a.on:before{background-image:url(../../img/lib2/payment1m4on.png)}
.payment1 li.m5 a.on:before{background-image:url(../../img/lib2/payment1m5on.png)}
@media all and (max-width:1000px){
	.payment1 li{float:left;margin:0 10px 10px 0;}
	.payment1 li a{width:100px;}
}
@media all and (max-width:767px){
	.payment1 li {margin:0 -1px 0 0;width:33.333%}
	.payment1 li a{width:100%;height:auto;font-size:13px;}
	.payment1 li a:before{display:none;}
	.payment1 li:nth-child(4) a,
	.payment1 li:nth-child(5) a{border-top:0}
}

#agreebox1{border-top:1px solid #000;padding:20px 0 0;margin:20px 0 0;}


.oktext1{position:relative;
	color:#fff;
	font-size:36px;
	padding:60px 50px;
	margin-bottom:90px;
	font-weight:bold;
	letter-spacing:-.075em;
	background:linear-gradient(135deg, rgba(255,105,120,1) 0%, rgba(255,105,120,1) 45%, rgba(255,151,91,1) 100%);
}
.oktext1:before{content:'';
	display:block;
	position:absolute;right:30px;bottom:-80px;
	width:300px;height:230px;
	background:url(../../img/lib2/shoppingbag.png) no-repeat 0 0 / contain;
}
@media all and (max-width:767px){
	.oktext1{padding:40px;font-size:24px;margin-bottom:40px;}
	.oktext1:before{width:150px;height:115px;bottom:-30px}
}
@media all and (max-width:399px){
	.oktext1{font-size:20px;padding:20px 30px}
	.oktext1:before{right:-10px}
}

.mypage1{padding-top:100px;}
.mypage1>div{margin-top:-50px !important;}
.mypage1>div>div.column:nth-of-type(1){width:220px;}
.mypage1>div>div.column:nth-of-type(2){width:calc(100% - 280px);margin-left:60px;}

.mypage_side{border:1px solid #ddd;padding:30px 30px 10px;}
.mypage_side ul{list-style:none;padding:0;margin:0}
.mypage_side a{display:block;text-decoration:none !important;}
.mypage_side>ul>li>a{display:block;
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	color:#000
}
.mypage_side>ul>li>ul{padding:20px 0;border-top:1px solid #333}
.mypage_side>ul>li>ul>li>a{color:#777}
.mypage_side>ul>li>ul>li>a:hover,
.mypage_side>ul>li>ul>li>a:focus{color:#000}

@media all and (max-width:1259px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.mypage1{padding-top:0;}
	.mypage1>div{margin-top:50px !important}
}
@media all and (max-width:1100px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.mypage1>div.even-grid>div.column:nth-of-type(1){display:none;}	
	.mypage1>div.even-grid>div.column:nth-of-type(2){width:100%;margin-left:0}
}





.order_search1{border: 5px solid #eee;
    padding: 30px;
	text-align:center;
	margin-bottom:30px;
}
.order_search1 .h1{display:inline-block;font-weight:400;vertical-align:middle;margin-right:20px;font-size:20px;}
.order_search1 .w1{display:inline-block;
	position:relative;
	width:230px;
}
.order_search1 .w1 .text1{display:block;
	width:100%;height:50px;
	border:0;background:#e7e7e7;
	box-sizing:border-box;
	padding:0 10px;
	font-family:'Roboto';
	margin:0;
}
.order_search1 .w1 .ui-datepicker-trigger{position:absolute;right:10px;top:50%;
	width:25px;height:25px;
	margin:-12.5px 0 0;
	background:transparent url(../../img/lib2/ic25calendar1.png) no-repeat 0 0;
	text-indent:-9999px;
	border:0
}
.order_search1 .t1{display:inline-block;margin:0 10px;font-size:20px;}
.order_search1 button.search1{position:relative;
	border:0;height:50px;
	line-height:50px;
	color:#fff;
	font-weight:500;
	padding:0 20px;
	border-radius:0;
	background:#434159;
	margin-left:10px
}
.order_search1 button.search1:before{content:'';
	display:inline-block;
	width:20px;height:20px;
	background:url(../../img/lib/ic40search1.png) no-repeat 0 0 / contain;
	vertical-align:top;
	margin:15px 5px 0 0;
}
@media all and (max-width:799px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.order_search1 .h1{display:block;margin-top:0}
}
@media all and (max-width:699px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.order_search1 .w1{width:150px;}
}
@media all and (max-width:539px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.order_search1 .w1{float:left;width:calc((100% / 2) - 14.5px );margin-bottom:10px;}
	.order_search1 .t1{float:left;height:50px;line-height:50px;}
	.order_search1 button.search1{float:none;clear:both;display:block;width:100%;margin:0}
}


.ui-datepicker{background:#fff;padding:20px;
	border:1px solid #ddd;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
}
.ui-datepicker-header{position:relative;}
.ui-datepicker-header a{position:absolute;top:5px;
	background:#ddd url() no-repeat 0 0 / contain;
	text-indent:-9999px;
	width:20px;height:20px;
	cursor:pointer;
}
.ui-datepicker-prev{left:0;background:url(../../img/lib/ic40a1left2.png) no-repeat 0 0 / contain !important;}
.ui-datepicker-next{right:0;background:url(../../img/lib/ic40a1right2.png) no-repeat 0 0 / contain !important;}
.ui-datepicker-title{text-align:center;margin:0 0 10px}
.ui-datepicker-title select{display:inline-block;
	padding:0 10px;
	margin:0;
	height:30px;
	line-height:30px;
}
.ui-datepicker-title select:nth-of-type(1){margin-right:5px;}
.ui-datepicker-title select:nth-of-type(2){margin-left:10px;}
.ui-datepicker-calendar{text-align:center;}
.ui-datepicker-calendar th{font-weight:normal;background:#000;border:0;color:#fff;}
.ui-datepicker-calendar td{text-align:center;}
.ui-datepicker-calendar td.ui-datepicker-current-day{background:#fffbd4}
.ui-datepicker-calendar td a{color:#777;font-family:'Roboto';font-size:15px;}
.ui-datepicker-calendar td a.ui-state-active{font-weight:500;color:#000}





/* 회원가입 */
.join1{border:1px solid #ddd;background:#fff;padding:0 100px 100px;margin-top:80px !important;}
.join1 h2.h1{
	font-size:24px;
	color:#000;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}
.join1 .step1{display:block;text-align:center;}
.join1 .step1 ol{list-style:none;padding:0;margin:-30px 0 30px;}
.join1 .step1 li{display:inline-block;
	font-size:18px;
	margin:0 30px;
}
.join1 .step1 li:before{
	display:block;width:60px;height:60px;
	border-radius:60px;
	line-height:60px;
	background:#ddd;
	color:#555;
	font-family:'Roboto';
	font-size:20px;
	font-weight:600;
	margin:0 auto 5px;
}
.join1 .step1 li:nth-child(1):before{content:'01'}
.join1 .step1 li:nth-child(2):before{content:'02'}
.join1 .step1 li:nth-child(3):before{content:'03'}
.join1 .step1 li.on{color:#e30413}
.join1 .step1 li.on:before{background:#e30413;color:#fff;}

.join1 .joinok1{margin:100px 0;text-align:center;font-size:34px;font-weight:bold;color:#000}
.join1 .joinok1:before{content:'';
	display:block;
	margin:0 auto 10px;
	width:90px;height:90px;
	background:url(../../img/lib2/ic90a1computer.png) no-repeat;
}
@media all and (max-width:899px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.join1{padding:0 30px 30px}
	.join1 .joinok1{margin:50px 0;line-height:130%;}
	.join1 .joinok1 + .btns{margin-bottom:30px;}
}
@media all and (max-width:469px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.join1 .step1 li{margin:0 10px;font-size:16px}
}
@media all and (max-width:399px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.join1 .joinok1{font-size:28px;}
}


/* 로그인관련 */
.login1{position:relative;max-width:600px;margin:80px auto 0 !important;background:#fff;padding:50px;}
.login1 ul{list-style:none;padding:0;margin:0;}
.login1 input[type='text'],
.login1 input[type='password']{height:60px;color:#aaa}
.login1 select{height:60px;color:#aaa}
.login1 .w1{position:relative;margin:20px 0 0;}
.login1 .w1 ul>li{display:inline-block;margin:18px 0 0;}
.login1 .w1 ul>li a{display:block;color:#000;text-decoration:none !important;}
.login1 .w1 ul>li:first-child a:after{content:'';
	display:inline-block;
	border-left:1px solid #ddd;
	height:15px;
	margin:5px 15px 0;
	vertical-align:top;
}
.login1 .w1 a.button.secondary{position:absolute;right:0;top:0}
.login1 .tab1{position:absolute;width:calc(50% - 50px);top:40px;}
.login1 .tab1 a{display:block;
	text-align:center;
	text-decoration:none;
	border-bottom:4px solid #c6c6c6;
	color:#c6c6c6;font-size:20px;
	padding-bottom:15px;
}
.login1 .tab1.on a{color:#ed1c24;border-color:#ed1c24;}
.login1 .tab1:nth-of-type(1){left:50px;}
.login1 .tab1:nth-of-type(2){right:50px;}
.login1 .cont{padding-top:60px;}

.tip1{display:block;color:#000;font-size:18px;margin:20px 0;}
.tip1:before{content:'';
	display:inline-block;
	width:22px;height:22px;
	background:url(../../img/lib2/ic22a1exclamation1.png) no-repeat;
	vertical-align:top;
	margin:5px 5px 0 0;
}
@media all and (max-width:539px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.login1 input[type='text']{width:100% !important}
	.login1 select{width:100% !important}
}
@media all and (max-width:500px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.login1{padding:30px}
	.login1 .tab1{position:absolute;width:calc(50% - 30px)}
	.login1 .tab1:nth-of-type(1){left:30px;}
	.login1 .tab1:nth-of-type(2){right:30px;}
}
@media all and (max-width:399px){/* small ◇◆◇◆◇◆◇◆◇◆ */
	.login1 .w1 ul>li{margin:0}
	.login1 .w1 a.button.secondary{position:static}
}

.ui-datepicker-trigger{position:relative;width:40px;margin-left:5px;text-indent:-9999px;border:1px solid #bbb;}
.ui-datepicker-trigger:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/lib/ic40calendar@2x.png) no-repeat 0 0 / contain;
	opacity:0.5
}