@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/******common******/
.shop_container{padding:40px 0 100px 0;}

/******prev-next 페이지 버튼 공통******/
.prev_next_page{text-align:center; font-size:0; margin-top:50px;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:15px; padding:0 7px; font-weight:500; color:#a0a0a0;}
.prev_next_page>span>a.on{color:#000000;}
.prev_next_page>a.btn_page{width:26px; height:26px; background-position:0 0; background-repeat:no-repeat;}
.prev_next_page>a.first_page{background-image:url("../images/common/btn_first.jpg");}
.prev_next_page>a.prev_page{background-image:url("../images/common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page>a.next_page{background-image:url("../images/common/btn_next.jpg");}
.prev_next_page>a.last_page{background-image:url("../images/common/btn_last.jpg"); margin-left:3px;}


/******list.asp 상품 리스트******/
/*btn_sort 상품정렬*/
.btn_sort{font-size:0; text-align:center; border-top:1px solid #aeaeae; }/*border-bottom:1px solid #dedede*/
.btn_sort>li{padding:8px 10px; font-size:15px; display:inline-block; vertical-align:top;}
.btn_sort>li>a{display:block; color:#999999; padding:0 3px;}
.btn_sort>li>a.on{color:#567ebf; font-weight:500; font-size:16px;}

/*products_list*/
.products_list{font-size:0; }
.products_list>li{margin:20px 0; display:inline-block; vertical-align:top; width:22.75%; font-size:15px; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.products_list>li+li{margin-left:3%;}
.products_list>li:nth-child(4n+1){margin-left:0;}
.products_img{width:100%; position:relative; overflow:hidden; border:1px solid #eeeeee;}
.products_img:before{content:''; display:block; padding-bottom:100%;}
.products_img>a{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; display:block;}
.products_img>a>img{object-fit:cover; width:100%; height:100%;}
.products_info{margin-top:10px; text-align:center;}
.products_info>a{display:block; color:#888888;}
.products_info>a>*{display:block;}
.products_info>a>*+*{margin-top:1px;}
.products_info>a>strong{color:#000000; font-size:15px; line-height:1.4; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.products_info>a>span{font-size:14px;}
.products_info>a>em{color:#231f20; font-size:15px;}
.products_info>a>em span{font-size:14px;}
.products_info>a>em span i{color:#cf0000;  text-decoration:line-through;}
.products_list>li:hover .products_img{border-color:#567ebf;}
.products_list>li:hover .products_info>a>strong{text-decoration:underline;}


/******view.asp 상품 상세페이지******/
/*.product_view_wrap{margin-top:40px;}*/
/*상품 이미지*/
.shop_product_img{float:left; width:48%;}
.product_img_list>li{border:1px solid #eeeeee;}
.product_img_list img{width:100%; display:block; vertical-align:top; margin:0 auto}
.shop_product_img .bx-controls-direction{display:none;}
/*thumbnail 썸네일*/
#product_img_pager{margin-top:20px;}
#product_img_pager>a{float:left; width:23.5%; border:1px solid #ffffff;}
#product_img_pager>a+a{margin-left:2%;}
#product_img_pager>a>img{width:100%;  display:block; vertical-align:top; opacity:0.8;}
#product_img_pager>a:hover{border:1px solid #000000;}
#product_img_pager>a.active{border:1px solid #000000;}
#product_img_pager>a:hover>img{opacity:1;}
#product_img_pager>a.active>img{opacity:1;}
/*상품/기본내용/수량선택/옵션*/
.product_basic_info{float:right; width:46%;}
.product_title{color:#000000; font-size:18px; letter-spacing:-1px; border-bottom:2px solid #000000; font-weight:500;
		margin-top:25px; padding-bottom:18px; padding-left:5px;}
.product_title h5{line-height:1.5;}
.basic_info_txt{margin:20px 0;}
.basic_info_txt dl{font-size:16px; color:#333333; padding:5px}
.basic_info_txt dl dt{float:left; width:35%; }
.basic_info_txt dl dd{float:left; width:65%;}
/*수량체크*/
.product_number dd{font-size:0;}
.product_number .p_input_num{width:60px; height:29px; padding-left:10px; padding-right:10px;  background-color:transparent; 
		vertical-align:top; border-width:0; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; font-size:15px;}
.product_number button{width:33px; height:29px;border-width:0; text-indent:-999999px; border:1px solid #a0a0a0;}
.product_number .btn_minus{background:url("../images/shop/btn_minus.jpg")no-repeat center center;}
.product_number .btn_plus{background:url("../images/shop/btn_plus.jpg")no-repeat center center;}
/*옵션체크*/
.product_option dt{color:#c01010;}
.product_option dd{font-size:0;}
.product_option select{padding:4px 10px; background-color:#ffffff; border:1px solid #a0a0a0; font-size:14px; margin-right:10px;
		vertical-align:top; width:200px; letter-spacing:-1px;}
.product_option .p_input_num02{width:40px; height:29px; padding-left:5px; padding-right:5px;  background-color:transparent; 
		vertical-align:top; border-width:0; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; font-size:15px;}
.product_option button{width:33px; height:29px;border-width:0; text-indent:-999999px; border:1px solid #a0a0a0;}
.product_option .btn_minus02{background:url("../images/shop/btn_minus.jpg")no-repeat center center;}
.product_option .btn_plus02{background:url("../images/shop/btn_plus.jpg")no-repeat center center;}
/*소비자가*/
.consumer_price dd{text-decoration:line-through;}
/*총 금액*/
.basic_info_txt .extended_price{font-size:16px; color:#000000;  margin-top:20px; letter-spacing:-1px;}
/*구매하기/장바구니 버튼*/
.product_basic_info .btn_wrap01{padding-top:40px; border-top:1px solid #eeeeee; }
.product_basic_info .btn_wrap01 button{width:31%; padding:8px 0; font-size:18px;}
.product_basic_info .btn_wrap01 button+button{margin-left:1%;}
.product_basic_info .btn_wrap01 .btn_buy_now{background-color:#000000;  color:#ffffff; border-width:0; 
		border:1px solid #000000;}
.product_basic_info .btn_wrap01 .btn_cart{background-color:#ffffff; border:1px solid #a0a0a0; color:#a3a3a3;}
.product_basic_info .btn_wrap01 .btn_list{background-color:#d5d5d5; border:1px solid #cccccc; color:#444444;}
/*상품 상세 정보/리뷰/문의 */
/*선택탭*/
.info_review_wrap{margin-top:130px;}
.info_review_tab{border-bottom:3px solid #000000;}
.info_review_tab li{float:left; width:33.33333%; text-align:center; font-size:18px;}
.info_review_tab li em{padding:0 25px 13px; display:inline-block; color:#a0a0a0; cursor:pointer;}
.info_review_tab li em.active{color:#000000; border-bottom:5px solid #000000;}
/*내용 공통*/
.product_container{margin-top:30px;}
/*상품상세정보*/
#p_info img{display:block; max-width:100%; margin:0 auto; vertical-align:top;}
#p_info{font-size:15px;}
/*상품후기 리스트*/
.p_review_title{margin-bottom:20px; font-size:20px; color:#000000;}
.review_list{border-top:1px solid #000000; font-size:15px;}
.review_list>li{border-bottom:1px solid #eeeeee;}
.review_list .even{padding:20px 40px; background-color:#f5f5f5; display:none;}
.review_list .no_content{padding:50px 0; text-align:center;}
.review_list .odd>div{float:left; padding:15px 0;} 
.review_list .odd .review_num{width:10%; text-align:center;}
.review_list .odd .review_txt{width:60%; }
.review_list .odd .review_writer{width:30%; text-align:center;}
.review_list .odd span{display:inline-block;}
.review_list .odd .review_deco{width:1px; height:10px; background-color:#000000; margin:0 6px;}
.review_list .odd .review_txt>a{display:block; position:relative; color:#000000;}
.review_list .odd .review_txt>a>em{display:block; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review_list .odd .review_txt>a>span{position:absolute; right:10px; top:50%; margin-top:-13px; font-weight:bold;
		transition: all 0.5s ease; transform:rotate(-90deg);}
.review_list .odd .review_txt a.open_close>span{transform:rotate(90deg);}
.review_writer .btn_modify, .review_writer .btn_delete{border-radius:1px; background-color:#ffffff; border:1px solid #a0a0a0;
		padding:2px 8px;}
/*상품후기 등록 버튼*/
#p_review .btn_wrap02{margin-top:30px; text-align:right;}
#p_review .btn_wrap02 .btn_review{background-color:#000000;  color:#ffffff; border-width:0; font-size:16px;
		padding:8px 15px; letter-spacing:-1px;font-weight:500;}
/*상품후기 입력폼*/
.review_input{margin-top:20px; border:1px solid #aaaaaa; padding:10px 40px 20px; font-size:15px; display:none;} 
.review_input fieldset{border:none;}
.review_input legend{font-size:0;}
.review_form>div{padding:7px 0;}
.review_form .input_title{width:20%; float:left; color:#000000; padding-top:8px;}
.review_form .input_content{width:80%;  float:left;}
.review_np_style{font-size:15px; border:1px solid #dddddd; padding:6px 10px; border-radius:2px;} 
.review_np_style01{width:30%;}
.review_np_style02{width:100%;}
.input_content textarea{width:100%; font-size:15px; border:1px solid #dddddd; padding:8px 10px; height:120px;
		overflow-y:auto; font-family:NanumGothic,'나눔고딕'; vertical-align:top;}
.review_input .btn_wrap03{text-align:center; margin-top:15px;}
.review_input .btn_review02{background-color:#333333;  color:#ffffff; border-width:0; font-size:16px;
		padding:6px 15px; letter-spacing:-1px;font-weight:500;}
/*상품 문의하기*/
.p_inquiry_title{margin-bottom:20px; font-size:20px; color:#000000;}







/*1200이하 */
@media screen and (max-width:1200px){

/******view.asp 상품 상세페이지******/
/*상품/기본내용/수량선택/옵션*/
.basic_info_txt dl dt{width:32%;}
.basic_info_txt dl dd{width:68%;}
/*옵션*/
.product_option select{padding:4px 6px; margin-right:8px; width:180px; }
.product_option button{width:29px;} 


}



/*1024이하 */
@media screen and (max-width:1024px){
/******common******/
.shop_container{border-top:1px solid #999999;}

/******list.asp 상품 리스트******/
.products_list>li{width:48.5%;}
.products_list>li:nth-child(2n+1){margin-left:0;}


 /******view.asp 상품 상세페이지******/
/*상품 이미지*/
.shop_product_img{float:none; width:100%;}
.product_img_list img{margin:0 auto;}
/*thumbnail 썸네일*/
#product_img_pager>a>img{width:100%;  display:block; vertical-align:top;}
/*상품/기본내용/수량선택*/
.product_basic_info{float:none; width:100%; margin-top:70px;}
/*구매하기/장바구니 버튼*/
.product_basic_info .btn_wrap01{text-align:center;}
/*상품 상세 정보/리뷰/문의 */
/*상품후기 리스트*/
.review_list{font-size:14px;}
.review_list .odd .review_num{width:8%;}
.review_list .odd .review_txt{width:55%; }
.review_list .odd .review_writer{width:37%;}
/*상품후기 입력폼*/
.review_input{font-size:14px;}
.review_np_style{font-size:14px;}
.input_content textarea{font-size:14px;}



}



/*768이하 */
@media screen and (max-width:768px){



/******view.asp 상품 상세페이지******/
/*.product_view_wrap{margin-top:30px;}*/
/*상품/기본내용/수량선택*/
.basic_info_txt dl{font-size:15px;}
.basic_info_txt dl dt{width:27%;}
.basic_info_txt dl dd{width:73%;}
/*수량체크*/
.product_number .p_input_num{font-size:14px;}
/*옵션체크*/
.product_option .p_input_num02{font-size:14px;}
.product_option select{font-size:13px; width:160px; padding:5px;}
/*구매하기/장바구니 버튼*/
.product_basic_info .btn_wrap01{padding-top:30px; }
.product_basic_info .btn_wrap01 button{font-size:17px;}
/*상품 상세 정보/리뷰/문의 */
/*선택탭*/
.info_review_tab li{font-size:17px;}
.info_review_tab{border-bottom:2px solid #000000;}
.info_review_tab li em{padding:0 10px 10px;}
.info_review_tab li em.active{border-bottom:4px solid #000000;}
/*상품상세정보*/
#p_info{font-size:14px;}
/*상품후기 리스트*/
.p_review_title{font-size:17px;}
.review_list>li{padding:10px 0;}
.review_list .even{padding:20px;}
.review_list .odd>div{float:none; padding:8px 0;}
.review_list .odd .review_num{display:none;}
.review_list .odd .review_txt{width:100%; }
.review_list .odd .review_writer{width:100%; text-align:left;}
/*상품후기 등록 버튼*/
#p_review .btn_wrap02 .btn_review{font-size:15px;}
/*상품후기 입력폼*/
.review_form>div{padding:5px 0;}
.review_input{padding:10px 10px 15px; border-radius:2px;} 
.review_input .btn_review02{font-size:15px;}
.review_np_style01{width:40%;}
/*상품 문의하기*/
.p_inquiry_title{font-size:17px;}


}


/*600이하 */
@media screen and (max-width:600px){


/******list.asp 상품 리스트******/
.products_list{margin-top:30px;}
/*.products_list>li{width:100%; display:block; margin:0;}
.products_list>li+li{margin-left:0; margin-top:40px;}*/


/*prev-next 페이지 버튼 공통*/
.prev_next_page>span>a{font-size:13px; padding:0 4px;}





}/*600이하 */



/*420이하 */
@media screen and (max-width:420px){


/******view.asp 상품 상세페이지******/
/*상품/기본내용/수량선택*/
.product_title{padding-bottom:13px; }
.basic_info_txt dl dt{float:left; width:37%;}
.basic_info_txt dl dd{float:left; width:63%;}
/*옵션체크*/
.product_option select{width:99%; margin-right:0;}
.product_option span{display:block; margin-top:5px;}
/*구매하기/장바구니 버튼*/


/*상품 상세 정보/리뷰/문의 */
/*선택탭*/
.info_review_wrap{margin-top:90px;}
.info_review_tab li{font-size:15px; letter-spacing:-1px;}
.info_review_tab li em{padding:0 5px 8px;} 
.info_review_tab li em.active{border-bottom:3px solid #000000;}
/*상품상세정보*/
#p_info{font-size:13px;}
/*상품후기 리스트*/
.p_review_title{font-size:16px; margin-bottom:10px;}
.review_list{font-size:13px;}
.review_list .even{padding:15px;}
/*상품후기 등록 버튼*/
#p_review .btn_wrap02 .btn_review{font-size:14px;}
/*상품후기 입력폼*/
.review_input{font-size:13px; padding:5px 10px 15px;}
.review_form .input_title{width:25%; padding-top:1px;}
.review_form .input_content{width:75%;}
.review_np_style{font-size:13px; padding:4px 8px;}
.review_np_style01{width:50%;}
.input_content textarea{font-size:13px;}
.review_input .btn_review02{font-size:14px;}
/*상품 문의하기*/
.p_inquiry_title{font-size:16px;}






}