@charset "utf-8";

.shop_none{display:none;}


.shop_title_set01{ float:left; margin-bottom:5px; font-size:14px; color:#000000; padding:0 !important; font-weight:600;}
.shop_title_set02{ float:left; margin:30px 0 5px 0; font-size:14px; color:#000000; padding:0 !important; font-weight:600;}
.shop_title_set03{ margin:10px 0 10px 0;padding-top:5px; font-size:13px; color:#000000;clear: both; padding:0 !important; font-weight:600; }
.shop_title_set04{ margin:10px 0 10px 0;padding-top:5px; font-size:14px; color:#000000;clear: both; padding:0 !important; font-weight:600; }
.shop_title_set05{ margin:10px 0 10px 0;padding-top:5px; font-size:16px; color:#000000;clear: both; padding:0 !important; font-weight:600; }
.shop_title_set06{ margin:10px 0 10px 0;padding-top:5px; font-size:22px; color:#000000;clear: both; padding:0 !important; font-weight:600; }

@media all and (max-width :1520px) {
.shop_guide{ width:94%; padding:0 3%;}

}

@media all and (max-width :1023px) {
.shop_guide{ width:90%; padding:0 5%;}

}


.shop_guide .bbs_all_top{margin-top: 80px;align-items: flex-end;}
.shop_guide .top_left{width:calc(100% - 60%);}
.shop_guide .bbs_left,.shop_guide .bbs_right{display: inline-block;}
.shop_guide .bbs_left{line-height: 30px;}
.shop_guide .bbs_right select{height: 30px;margin: 0 5px;}
.shop_guide .bbs_right button{height: 30px;margin: 0;}

/*제품검색 폼********************************************************************/
.shop_search{ position:relative; padding:0; text-align:right;font-size:0;display: inline-block;right: 0;width: 60%}
.shop_search *{ box-sizing:border-box; margin:0;vertical-align: middle;font-weight: 300;  font-size: 18px;}
.shop_search select{ border: none;border-bottom: 2px solid #3848ad;display: inline-block;width: 150px; margin-right: 10px;line-height: 40px;background: #fff url("../images/board/shop_select_arrow.png") 90% center no-repeat;}
.shop_search input{position: relative;border: none;border-bottom: 2px solid #3848ad; vertical-align:top;  width:300px;display: inline-block;border-radius: 0; line-height: 40px;padding-right: 80px;}
.shop_search button{position: absolute;right: 10px;background-color: transparent;line-height: 40px;}

@media all and (max-width :1280px) { 
.shop_guide .bbs_all_top{margin-top: 60px;}
}

@media all and (max-width :1024px) { 
.shop_guide .bbs_all_top{margin-top: 0;}
}

@media all and (max-width :880px) {
.shop_guide .bbs_all_top{flex-direction: column;}
.shop_guide .top_left{width:100%;}
.shop_guide .top_left{order: 2;}
.shop_search{margin-bottom: 20px;} 
.shop_search{width: 100%;} 
.shop_search input{ width:calc(100% - 170px);} 
}


@media all and (max-width :767px){
 .shop_guide .bbs_right{width: calc(100% - 110px);text-align: left;}
 .shop_guide .bbs_right select{line-height: 30px;}
}
@media all and (max-width :630px){
.shop_search select{ display: block;margin-right: 0;width: 100%; background-position: 96% center;}
.shop_search input{width: 100%}
.shop_guide .top_left{margin-bottom: 10px;} 
}

/*주문조회 검색 폼********************************************************************/
.order_search{padding:30px 3%; margin:0 auto; text-align:center; border:1px solid #ddd; margin-bottom:30px; box-sizing:border-box;}
.order_search span{ display:inline-block; padding-left: 20px;}
.order_search span img{margin-left: 5px;}
/*.order_search span:nth-of-type(1){ padding:0 20px;}*/

.order_search input{ width:100px;border: 1px solid #ddd;height: 40px;padding: 0 2%;border-radius: 5px;}

.order_search .data_area{ display:inline-block; height:30px; line-height:30px; font-size:14px; padding:0 10px; border:1px solid #ddd; background:#f5f5f5; border-radius:20px; box-sizing:border-box;}
.order_search .on{border:1px solid #666; background:#666; color:#fff;}
.order_search select{line-height: 40px;border: 1px solid #ddd;height: 40px;padding-right: 50px; border-radius: 5px;}
.order_search button{display: inline-block;background: #000;margin-right: 5px;font-size: 13px; height: 40px;padding: 0 15px;border-radius: 5px;}

@media all and (max-width :1024px) {
 .order_search span:nth-of-type(2){display: block;margin-top: 10px; padding-left: 0;}
}

@media all and (max-width :767px) {
.order_search{padding:20px 3%;}
.order_search span{ display:block; margin-top:10px; padding-left: 0;}

}

.bg01,.bg02,.bg03,.bg04,.bg05,.bg00{padding:0 15px;vertical-align:middle;border-radius: 5px;display: block;}
.bg01{color: #fb0b0b; background-color: #ffc7c7;}
.bg02{color: #0f55e2; background-color: #bcd2ff;}
.bg03{color: #1d7e1f; background-color: #c6efc6;}
.bg04{color: #ff9000; background-color: #ffe7b2;}
.bg05{color: #9f22ff; background-color: #e7c8ff;}
.bg00{color: #666; background-color: #ddd;}


/*shopping_list01 ********************************************************************/
/*.shopping_list01{ margin-bottom:20px;}*/
.shopping_list01 *{ box-sizing:border-box; letter-spacing:-0.03em; line-height:1.6em;}
.shopping_list01 > ul{font-size:0;vertical-align: top;}
.shopping_list01 > ul > li{position:relative; display:inline-block; width:33.3%;font-size:18px; margin-bottom:70px;padding-left: 30px;vertical-align: top;}
.shopping_list01 > ul > li:nth-child(3n+1){padding-left: 0;}
.shopping_list01 > ul > li a{display:block; z-index:0;}
.shopping_list01 > ul > li a .photo{display: block; border-radius:30px;overflow:hidden;margin-bottom: 20px;
height: 350px;}
.shopping_list01 > ul > li a .photo img{transition: all 0.4s;height: 350px;object-position: center;width: 100%; display: block;}
.shopping_list01 > ul > li a .photo:hover img{transform:scale(1.2, 1.2);}

.shopping_list01 > ul > li .icon{background: rgba(255, 255, 255, 0.6) url("../images/main/shoppingcart_icon.png") center no-repeat;width: 60px; height: 60px;border-radius: 15px;position: absolute;bottom: calc(100% - 330px); right: 20px;overflow: hidden;
    text-indent: -500px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.shopping_list01 > ul > li .icon:hover{background-color: rgba(255, 255, 255, 1.0) ;}

.shopping_list01 > ul > li a li span{font-size:18px;line-height: 36px; padding:0 20px;display: inline-block; border-radius: 5px;margin-bottom: 10px;}
.shopping_list01 > ul > li a li span:not(:last-of-type){margin-right: 5px;}

.shopping_list01 > ul > li a li.name i{color: #435678; font-size: 18px;display: block;}
.shopping_list01 > ul > li a li.name p{color: #000; font-size: 28px;height: 40px;overflow: hidden;}
.shopping_list01 > ul > li a li.price{font-size: 40px;font-weight: 500;margin-top: 5px;display: block;}

@media all and (max-width :1320px) {
.shopping_list01 > ul > li a .photo{height:280px;}
.shopping_list01 > ul > li a .photo img{height:280px;}
.shopping_list01 > ul > li .icon{bottom: calc(100% - 260px);}
.shopping_list01 > ul > li a li span{font-size:16px;line-height: 30px; padding:0 15px;margin-bottom: 5px;} 
.shopping_list01 > ul > li a li.name i{font-size: 16px;}
.shopping_list01 > ul > li a li.name p{font-size: 24px;height: 35px;}
.shopping_list01 > ul > li a li.price{font-size: 34px;margin-top: 0;} 
}


@media all and (max-width :1024px) {
.shopping_list01 > ul > li{margin-bottom: 30px;}  
.shopping_list01 > ul > li a .photo{height:230px;}
.shopping_list01 > ul > li a .photo img{height:230px;}
.shopping_list01 > ul > li .icon{bottom: calc(100% - 210px);}
.shopping_list01 > ul > li a li span{font-size:14px;line-height: 28px; padding:0 10px;} 
.shopping_list01 > ul > li a li.name i{font-size: 14px;}
.shopping_list01 > ul > li a li.name p{font-size: 22px;}
.shopping_list01 > ul > li a li.price{font-size: 34px;} 
}

@media all and (max-width :767px) {
.shopping_list01 > ul > li:nth-child(even){padding-left: 20px;}
.shopping_list01 > ul > li{width:50%;padding-left: 0;} 
.shopping_list01 > ul > li a .photo{height:230px;}
.shopping_list01 > ul > li a .photo img{height:230px;}
.shopping_list01 > ul > li .icon{bottom: calc(100% - 210px);}
.shopping_list01 > ul > li a li.name p{font-size: 20px;height: 28px;}
.shopping_list01 > ul > li a li.price{font-size: 26px;}  
  
}

@media all and (max-width :630px){
 .shopping_list01 > ul > li:nth-child(even){padding-left: 0;}
 .shopping_list01 > ul > li{width:100%;} 
}


/*shopping_view01 ********************************************************************/

/*.bg_box01 {position: absolute;top: 0;left: -50%;width: 1000%; height: 770px;background-color: #f6f6f6;}*/

.shopping_view01 *{ box-sizing:border-box;}
.goods_guide{position: relative;padding:70px 0;margin-bottom: 50px;}
.goods_guide::before{content: '';background-color: #f6f6f6; display: block;position: absolute; width: 200%;height:100%;left: 50%; transform: translate(-50%);top: 0;}
.goods_info{display: flex; justify-content: space-between;font-size:0;}

.photo_guide{position:relative;width:50%;}
.photo_guide .slider{position:relative;}
.photo_guide .slider .slides{overflow:hidden; height:630px; text-align:center;;border: 10px solid #fff;border-radius: 30px;}
.photo_guide .slider .slides img{ max-width:100%;height:630px; margin:0 auto;object-fit: cover;object-position: center;width: 100%;}

.photo_guide .button{ position:absolute; bottom:10px; left:0; z-index:55; display:block; width:100%; text-align:center; }
.photo_guide .button > span{ background:rgba(0,0,0,.7); color:#fff; height:40px; line-height:40px; padding:0 15px; display:inline-block; vertical-align:bottom;font-size: 15px;}
.photo_guide .button > span .total{ background:none; padding:0;}
.photo_guide .button > span > span{ padding:0 5px !important; display:inline-block;}
.photo_guide .button button{ background-color:rgba(0,0,0,.7); color:#fff; height:40px; width:40px; background-image:url(../images/board/icon_arrow01.png); background-repeat:no-repeat; font-size:0; text-indent:-5000px;}
.photo_guide .button .prev{ background-position:0px 0;}
.photo_guide .button .next{ background-position:-40px 0;}


.info_guide{ width:47%;position: relative;padding: 30px;background-color: #fff; border-radius: 30px;}
.info_guide .goods_name i{font-size: 22px; color: #435678; overflow: hidden; display: block;height: 26px;}
.info_guide .goods_name p{font-size: 26px;margin-bottom: 20px;display:  block;overflow: hidden;}
.info_guide .goods_name ul{ font-size:0;}
.info_guide .goods_name ul li{ font-size:15px; display:inline-block;line-height: 30px;margin-bottom: 10px;}
/*.info_guide .goods_name ul li span{padding:0 20px;vertical-align:middle;border-radius: 5px;display: block;}*/
.info_guide .goods_name ul li:not(:last-of-type){margin-right: 5px;}
.info_guide .info_detail{ border-top:1px solid #ddd; padding:10px;}

.info_guide .info_detail li{margin:25px 0; font-size:0px;}
.info_guide .info_detail li > span{ display:inline-block; width:90px; font-size:18px; color:#333;vertical-align:middle;}
.info_guide .info_detail li > p{display:inline-block; font-size:18px; width:calc(100% - 90px); vertical-align:middle; text-align: right;}
.info_guide .info_detail li > .price{ font-size:28px; font-weight:500; color:#3848ad;}
.info_guide .info_detail li > .delivery{color:#ff3600;}
.info_guide .info_detail li button{width:50px; height:50px; font-size:0; text-indent:-500px; overflow:hidden; background-color:#000; background-position:center; background-repeat:no-repeat; vertical-align:middle;border-radius: 5px;}
.info_guide .info_detail li .btn_plus{ background-image:url(../images/board/icon_plus.png);}
.info_detail li .btn_minus{background-image:url(../images/board/icon_minus.png);}
.info_guide .info_detail li input,.info_guide .info_detail li select{height:50px; border:1px solid #ddd; vertical-align:middle; text-align:center; font-size:18px;border-radius: 5px;}

.info_guide .btn_guide {display: flex; justify-content: space-between;}
.info_guide .btn_guide > button,.info_guide .btn_guide > a{font-size:18px;border-radius:5px; height:60px;}
.info_guide .btn_guide > a{line-height: 60px; text-align: center;}
.info_guide .btn_guide .btn_shop01{ background:#fff; border: 1px solid #000; color: #000;width: 32%;}
.info_guide .btn_guide .btn_shop02{ background:#3848ad; color: #fff;width: 32%;}
.info_guide .btn_guide .btn_shop05{background:#000; color: #fff;width: 32%;}

.info_guide .btn_guide .btn_shop03{ background:#ddd; color: #535353;width: 49%;}
.info_guide .btn_guide .btn_shop04{width: 49%; background:#000; color: #fff;}




.goods_detail{ width:1400px; margin:0 auto;background:#fff;}
.goods_detail .goods_tab{margin-bottom: 50px;}
.goods_detail .goods_content{margin-bottom:50px !important;}
.goods_detail .goods_content .detail_img{text-align: center;}
.goods_detail .goods_content .detail_img img{max-width:100%;}
.goods_detail .goods_content dl{display: flex;padding: 0 4%; margin-bottom: 20px;}
.goods_detail .goods_content dt{width: 10%;font-size: 18px;margin-right: 20px;}
.goods_detail .goods_content dt span{padding: 10px 20px; border-radius: 30px; border: 2px solid #3848ad; width: 130px; display: block; text-align: center;}
.goods_detail .goods_content dd{font-size: 16px;line-height: 1.6em;}

.goods_detail .goods_content02 {width:100%; border-radius: 30px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);padding: 40px;margin-bottom: 80px; }
.goods_detail .goods_content02 h6{font-size: 30px;color: #3848ad;text-align: center;}
.goods_detail .goods_content02 > ul{display: flex;padding-bottom: 40px;margin-top: 40px;}
.goods_detail .goods_content02 > ul:first-of-type{border-bottom: 1px solid #ddd;}
.goods_detail .goods_content02 ul .info_name{font-size: 18px;min-width: 150px;}
.goods_detail .goods_content02 ul li{font-size: 14px;line-height: 25px;}

.goods_detail .goods_content03 h6{font-size: 30px;margin-bottom: 20px;}


#reviewFrame {
    width: 100%;
	min-height: 470px;
    overflow: hidden;
    border: 0;
}

.comment_list{margin-bottom:20px;}
.comment_list > ul{font-size:0px;font-size:15px; margin-bottom: 20px;}
.comment_list > ul > li{padding:20px 2%; border-bottom:1px dashed #ddd;display: flex;flex-direction: column;}
.comment_list > ul > li > span{display:inline-block;vertical-align: top;}
.comment_list > ul > li > span em{display:inline-block;vertical-align: top;}
.comment_list > ul > li > span:nth-of-type(1){margin-bottom: 10px;}
.comment_list > ul > li > span > em button{ width:50px; height:25px;font-size: 13px;margin: 0 3px;}
.comment_list > ul > li .riview_txt{width: 100%;}
.comment_list > ul > li > span > .star{height:20px; background-position:left top; background-repeat:no-repeat;width: 130px;}
.star01{ background-image:url(../images/board/star01.png);}
.star02{ background-image:url(../images/board/star02.png);}
.star03{ background-image:url(../images/board/star03.png);}
.star04{ background-image:url(../images/board/star04.png);}
.star05{ background-image:url(../images/board/star05.png);}


.comment_write{ border:1px solid #ddd; background:#f6f6f6; padding:20px 4%;}
.comment_write ul li{ text-align:center;}
.comment_write ul li:first-of-type{margin-bottom: 20px;}
.comment_write .star{ display:inline-block; margin-left:20px;}
.comment_write textarea{ width:calc(100% - 120px); height:70px; vertical-align:top;}
.comment_write button{ width:110px; height:70px; vertical-align:top; background:#000; color:#fff;}



@media all and (max-width :1540px) {
/*.goods_info{margin: 0 6%;}  */
.shopping_view01 .goods_detail{width:100%;}

}


@media all and (max-width :1280px) {
 .info_guide .btn_guide > button,.info_guide .btn_guide > a{font-size:16px;}
}


@media all and (max-width :1024px) {
/*.bg_box01 {height: 650px;}*/
/*.goods_info{margin: 0 4%;} */
.goods_guide{margin-top: -50px;} 
 
.photo_guide .slider .slides{height:510px;} 
.photo_guide .slider .slides img{ height:510px;}
.info_guide .goods_name i{font-size: 14px;height: 16px;margin-bottom: 0;}
.info_guide .goods_name p{font-size: 22px;margin-bottom: 20px;}
.info_guide .goods_name ul li{ font-size:14px; display:inline-block;line-height: 28px;}
.info_guide .goods_name ul li span{padding:0 10px;}
.info_guide .info_detail li{margin:20px 0;}
.info_guide .info_detail li > span{ font-size:16px;}
.info_guide .info_detail li > p{font-size:16px; }
.info_guide .info_detail li > .price{ font-size:26px;}
.info_guide .info_detail li button{width:40px; height:40px;}
.info_guide .info_detail li .btn_plus{ background-image:url(../images/board/icon_plus.png);}
.info_detail li .btn_minus{background-image:url(../images/board/icon_minus.png);}
.info_guide .info_detail li input,.info_guide .info_detail li select{height:40px; font-size:16px;}

.info_guide .btn_guide > button,.info_guide .btn_guide > a{height:50px;}
.info_guide .btn_guide > a{line-height: 50px;}
}


@media all and (max-width :848px) {
/*.bg_box01 {height: 970px;}*/
 
.goods_info{flex-direction: column;margin: 0;} 
.goods_guide{padding: 50px 0;}
.photo_guide{width: 100%;margin-bottom: 20px;}
.info_guide{width: 100%;}
.info_guide .info_detail{padding:0;} 
.photo_guide .slider .slides{height:400px;} 
.photo_guide .slider .slides img{height:400px;} 
.goods_detail .goods_content02 {margin-bottom: 60px;padding: 30px;}
.goods_detail .goods_content02 h6{font-size: 28px;}
.goods_detail .goods_content02 ul{flex-direction: column;}  
.goods_detail .goods_content02 ul .info_name{margin-bottom: 10px;}  
.goods_detail .goods_content03 h6{font-size: 28px; margin-bottom: 5px;}
.goods_detail .goods_tab{margin-bottom: 20px;}
.comment_list > ul > li > span > .star{ width:120px;}

}

@media all and (max-width :480px) {
/*.bg_box01 {height: 840px;}*/
 .goods_guide{padding: 40px 0;}
.photo_guide .slider .slides{height:260px;}
.photo_guide .slider .slides img{height:260px;}
 

.info_guide .btn_guide {flex-direction: column;}
.info_guide .btn_guide > a{margin-top: 5px;}
.info_guide .btn_guide .btn_shop01{width: 100%;}
.info_guide .btn_guide .btn_shop02{width: 100%;}
.info_guide .btn_guide .btn_shop05{width: 100%;}

.info_guide .btn_guide .btn_shop03{width: 100%;}
.info_guide .btn_guide .btn_shop04{width: 100%;}
 
.info_guide .info_detail li > span{width:70px; font-size:14px;} 
.info_guide .info_detail li > p{font-size:14px; width: calc(100% - 70px);} 
.goods_detail .goods_content02 h6{font-size: 22px;} 
.goods_detail .goods_tab .ctab01{flex-direction: column;}
.goods_detail .goods_tab .ctab01 > li{width: 100%;margin-bottom: 10px;}
 
 
.comment_write ul li{ font-size:14px;}
.comment_write .star{margin-right:5px;}
.comment_write textarea{ width:100%;}
.comment_write button{ width:100%; height:30px; margin-top:10px;}

}


/*table_guide 공통 ****************************************************************/
.table_guide {margin-bottom:40px;border-bottom:1px solid #3848ad;border-top:2px solid #3848ad;}
.table_guide *{box-sizing: border-box;}
.table_guide table{width:100%; text-align: center;table-layout: fixed;}
.table_guide table tr{position: relative;}
.table_guide th {padding:10px 1% ;border-bottom:1px solid #3848ad;word-break:keep-all;font-size: 14px;  font-weight: 300;}
.table_guide table td {padding:15px 0.5%; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 16px;border-bottom:1px solid #eee;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.table_guide table tr .tl{text-align:left;}
.table_guide table td button {padding: 7px 10px;font-size: 12px; border-radius: 5px;}



@media all and (max-width :1280px){
.table_guide table{ text-align: left; }
.table_guide table thead{display:none;}
.t_hide{display: none!important;} 
.table_guide table colgroup{display:none;}
.table_guide table tr{display:block; border-bottom:1px solid #eee;padding: 20px 2%;}
.table_guide table tr .tl{width: calc(100% - 300px);}
.table_guide table tr td:first-of-type{width: 120px; text-align: center;}
.table_guide table td{display:inline-block;border-bottom:none;font-size: 16px; text-align:left;width:auto;padding: 0;}

}

@media all and (max-width :767px) {
.table_guide {margin-bottom:20px;} 
.table_guide table td{font-size: 14px;padding: 0;}
.table_guide table tr td:first-of-type{display: block; text-align: left;margin-bottom: 10px;} 
.table_guide table tr .tl{width: 100%;margin-bottom: 10px;} 
}

@media all and (max-width :640px) {
.table_guide table .tl{width: 100%; overflow: hidden;}
}



/*장바구니/주문/결제 공통 ****************************************************************/
.top_guide{ background:#f6f6f6; border: 1px solid #ddd; border-radius: 20px; font-size:36px; padding:50px 3%; vertical-align:middle; margin:80px 0 60px;}
.top_guide > ul{ display:inline-block; font-size:0;float:right; vertical-align:middle;}
.top_guide > ul li{display:inline-block; padding-left:30px; background:url("../images/board/cart_icon02.png") left center no-repeat;font-size:20px;color: #888;margin-left: 20px;}
.top_guide > ul li:nth-of-type(1){ padding-left:0px;margin-left: 0; background:none;}
.top_guide > ul li span{display:inline-block;line-height:36px;background: url(../images/board/cart_icon01.png) left center no-repeat; padding-left:45px;font-size: 15px;margin-right: 10px;}
.top_guide > ul li.on span{background: url(../images/board/cart_icon01_on.png) left center no-repeat;color: #3848ad;font-weight: 400;}
.top_guide:after{ clear:both; display:block; content:'';}


.list_guide{ width:67%; }
.list_guide strong{display: block;font-size: 22px;padding-bottom: 10px;line-height: 30px;}
.shop_top{position:relative; font-size:18px; display: block;padding-bottom: 10px;}
.shop_top > span{ display:inline-block; float:right;margin-top: 5px;font-size: 0;}
.shop_top button{ background-color: transparent;font-weight: 300; font-size: 15px; color: #666;vertical-align: middle;padding: 0 10px;}
.shop_top button:hover{color: #000;}
.shop_top button:not(:first-of-type){background: url(../images/board/cart_icon03.png) left 1px no-repeat;}
.shop_top p:after{ clear:both; display:block; content:'';}

.order_list01{margin-bottom:80px;border-bottom:1px solid #3848ad; border-top: 2px solid #3848ad;}
.order_list01 ul{ display: flex;justify-content: space-between;align-items: center;padding: 20px 10px;border-bottom: 1px solid #eee;text-align: left;flex-wrap: wrap;width: 100%;}
.order_list01 ul li{ font-size:15px;}
.order_list01 ul li label{width: 35px;margin-right: 5px;}
.order_list01 ul .form_guide{margin-right: 0;}
.order_list01 ul .thum {display: flex;align-items: center;width: calc(100% - 300px);}
.order_list01 ul .thum img{width: 60px;height: 50px;margin-right: 10px;}
.order_list01 ul .thum a i{display: block;color: #435678;margin: 5px 0;}
.order_list01 ul .thum a p{font-size: 18px;height: 22px;overflow: hidden;}
.order_list01 ul .thum div span{font-size:13px;display: block;}
.order_list01 ul .nu_modify{width: 160px; display: flex; align-items: center;}
.order_list01 ul .nu_modify > input{ text-align:center;font-size:15px;margin-right: 5px;}

.order_list01 ul .nu_modify > button{ background:#000; color:#fff; font-size:13px; height:40px;padding: 0 15px; border-radius: 5px;}
.order_list01 ul .piece{text-align:right;width: 100px;}

/*.shop_top input[type=checkbox], .order_list01 input[type=checkbox]{ width:30px; height:30px;}*/


.total_guide{width:30%; margin-left:3%;padding: 40px 40px 30px; border: 1px solid #ddd;border-radius: 30px;position: absolute;}
.total_guide > strong{ display:block; font-size:22px; height:40px;border-bottom:1px solid #000;}
.total_guide > ul{ margin-bottom:10px;}
.total_guide > ul li{ text-align:right; font-size:18px; line-height:2.0em;}
.total_guide > ul li > span{ display:inline-block; float:left; font-size:14px;margin-top:5px;}
.total_guide > ul li:after{ clear:both; display:block; content:'';}
.total_guide > ul li.total_price{ font-size:30px;border-top:1px solid #000; font-weight:500; padding-top:10px; color:#3848ad;}
.total_guide > ul li.total_price > span{ font-size:16px;color:#666;}
.total_guide label{ margin: 0 0 50px;}
.total_guide button{ width:100%; background:#3848ad; color:#fff; font-size:20px; line-height:50px; height:50px;border-radius: 5px;margin-bottom: 10px;}
.total_guide button{ width:100%; background:#3848ad; color:#fff; font-size:20px; line-height:50px; height:50px;border-radius: 5px;margin-bottom: 10px;}
.total_guide #nsPre {font-size: 18px;margin-bottom: 10px;font-weight: 500;}
.total_guide #nsWait strong{font-size: 18px;margin-bottom: 10px;display: block;}



@media all and (max-width :1280px) {
 .top_guide{margin:60px 0 60px;}
 .list_guide{ width:60%; }
 .total_guide{width:37%;}
}

@media all and (max-width :1024px) {
.top_guide{margin:0 0 60px;font-size:28px; padding:30px 3%;}
/*장바구니/주문/결제 공통 */
.list_guide{ width:100%; margin-bottom:40px;}
.total_guide{width:100%; margin-left:0%;position: relative;}

}

@media all and (max-width :767px) {
.top_guide{font-size:22px; padding:20px 3%; margin:0 0 40px; text-align:center;}
.top_guide > ul{ display:block;float:none; margin-top:10px;}
.top_guide > ul li{font-size:16px; padding-left: 20px; margin-left: 10px;}
.list_guide strong{font-size: 20px;}   
.top_guide > ul li span{line-height:30px;background-size: 30px; padding-left:40px;font-size: 15px;margin-right: 5px;}
.top_guide > ul li.on span {background-size: 30px;} 
 
 .order_list01{margin-bottom:60px;}
 .order_list01 ul .thum {width: calc(100% - 40px);margin-bottom: 10px;}
.order_list01 ul .nu_modify{width: 160px;padding-left: 40px;}
 .order_list01 ul .nu_modify > input{height:30px; line-height: 30px;}
.order_list01 ul .nu_modify > button{height:30px;padding: 0 10px;} 

}
@media all and (max-width :630px) {
.shop_top button{ padding: 0 8px;}
.shop_top .form_guide{margin-right: 0!important;}
 
.top_guide > ul li{font-size:14px;}
.top_guide > ul li{padding-left:20px; background-size: 5px;margin-left: 10px;} 
.top_guide > ul li span{background: none; padding-left:0;}
.top_guide > ul li.on span {background: none;} 
 
.total_guide{padding: 25px;border-radius: 20px;}
.total_guide > strong{font-size:20px;}
.total_guide > ul li.total_price{ font-size:26px;}
.total_guide > button{ font-size:18px; line-height:45px; height:45px;}
 

}






/*cart ********************************************************************/
.cart_list {margin-bottom:30px; font-size:0;}
.cart_list *{word-break:keep-all; box-sizing:border-box;}
.cart_list > div{display:inline-block;vertical-align:top;}
.cart_list .list_guide .order_list01{margin-bottom:00px;}
/*.cart_list .order_list01 .nolist{width:100%;padding:20px;text-align:center}*/



/*주문/결제 ********************************************************************/
.order_list {margin-bottom:30px; font-size:0;position: relative;}
.order_list *{ word-break:keep-all; box-sizing:border-box;}
.order_list > div{display:inline-block;vertical-align:top;}
.order_list .list_guide strong {position: relative;}
.order_list .list_guide strong label{position: absolute; right: 0;margin-right: 0;font-weight: 300;}


.order_list select,.order_list01 select{line-height: 40px;border: 1px solid #ddd;height: 40px;padding-right: 50px;border-radius: 5px;}
.order_list input,.order_list01 input{border: 1px solid #ddd;height: 40px;padding: 0 2%; border-radius:  5px;line-height: 40px;}
.order_list .order_list01 ul li:nth-of-type(1){position:relative; padding-left:0px; text-align:left;}

.order_list01 .add_guide{margin-bottom: 0;}
.add_guide{ font-size:15px;margin-bottom:80px;border-top:2px solid #3848ad;border-bottom: 1px solid #3848ad;}
.add_guide .orderer{ background:#f8f8f8; padding:15px 3%;}
.add_guide .orderer ul li{margin-bottom: 5px;}
.add_guide .add_info{padding:30px 3% 20px;border-bottom: 1px solid #3848ad;}
.add_guide .add_info li{ margin-bottom: 10px;}
.add_guide .add_info li:last-of-type{ margin-bottom: 0;}
.add_guide .add_info span a{ display:inline-block; padding:7px 10px; background:#ccc; font-size:12px;border-radius: 5px;margin-right: 5px;}
.add_guide .add_info span a.on{ background:#000; color:#fff;}
.add_info input{width: 60%; margin-bottom: 5px;}
.add_info ul li:first-of-type input:first-of-type{width: 20%;}
.add_info ul li button{height: 40px; line-height: 40px;border-radius: 5px;padding: 0 20px;}

.pay_guide{font-size:15px;border-top:2px solid #3848ad;border-bottom:1px solid #3848ad;}
.pay_guide > div{padding:15px 3% 10px;}
.pay_guide p{ margin-bottom:15px;}
.pay_guide ul{background:#f8f8f8; padding:0 3%;}
.pay_guide ul li{ font-size:14px; padding:15px 0;border-top:1px dashed #ddd;}
/*.pay_guide ul:nth-of-type(1){margin-bottom: 10px;}*/
.pay_guide ul li:nth-of-type(1){ border-top:none;}
.pay_guide ul li span{ width:15%; display:inline-block;}
.pay_guide ul li b{ font-weight:600; color:#ee5555; font-size:18px;}

@media all and (max-width :1024px) {
.order_list > div{display:block;}
}

@media all and (max-width :767px) {
.add_guide{margin-bottom:60px;} 
.add_info input{width: 100%;}
.add_info ul li:first-of-type input:first-of-type{width: 40%;} 
.add_info ul li select {margin-bottom: 5px;} 
}

@media all and (max-width :630px) {
.pay_guide ul li span{ width:100%;}
}


/*주문완료 */
.order_ok_list {margin-bottom:80px; font-size:0;}
.order_ok_list *{word-break:keep-all; box-sizing:border-box;}

.order_toptxt{ text-align:center;font-size:15px;background: #3848ad; color: #fff; padding:20px 3%;margin-bottom: 60px;}
.order_toptxt > strong{ display:block; font-size:30px;}
.order_toptxt > strong span{color: #ffd800;}
.order_toptxt > p i{border-bottom: 1px solid #fff;line-height: 1.8em;}
.order_ok_list > strong{ display:block; font-size:22px;padding-bottom: 10px;}
.order_ok_list .stit_mt{margin-top: 80px;}
/*.order_ok_list > div:not(:last-of-type){margin-bottom:80px;}*/
.order_ok_list .order_list01 ul li:nth-of-type(1){position:relative; padding-left:0px; text-align:left;}

@media all and (max-width :767px) {
.order_ok_list {margin-bottom:60px;}
.order_ok_list > strong{font-size:20px} 
 
.order_toptxt{font-size:14px;margin-bottom: 40px;}
.order_toptxt > strong{font-size:26px;}
.order_ok_list .stit_mt{margin-top: 60px;} 
 
}


/*주문조회 ********************************************************************/
.mypage_top{background: #f6f6f6;border: 1px solid #ddd;border-radius: 20px;font-size: 36px;padding: 50px 3%;vertical-align: middle; margin: 80px 0 60px;}
.mypage_top *{ box-sizing:border-box;}
.mypage_top > ul{ display:inline-block; font-size:0;float:right; vertical-align:middle;}
.mypage_top > ul li{ display:inline-block; margin-left:10px; background:#fff;border-radius: 5px;}
.mypage_top > ul li a{display:inline-block;font-size:16px;line-height:40px; color:#666; padding:0 20px;border-radius: 5px;}
.mypage_top > ul li a.on, .mypage_top > ul li a:hover,.mypage_top > ul li a:focus{color:#fff; background:#3848ad;}
.mypage_top:after{ clear:both; display:block; content:'';}


.order_table *{ font-weight: 300;box-sizing: border-box;}
.order_table{ border-top:2px solid #3848ad; width:100%;text-align:center;}
.order_table thead th{ border-bottom:1px solid #3848ad; font-size:14px; padding:10px 1%;}

.order_table tbody tr{ border-bottom:1px solid #ddd;}
.order_table tbody tr:last-of-type{border-bottom: 1px solid #3848ad;}
.order_table td{ padding:20px 2%;font-size:15px; }
.order_table td > span{ display:block;}
.order_table td > ul{ text-align:left;}
.order_table td > ul li{ color:#666; font-size:15px;}
.order_table td > ul li:nth-of-type(1){ margin-bottom:10px;}
.order_table td > ul li i{display: block;color: #435678;margin: 5px 0;}
.order_table td > ul li p{font-size:18px;height: 22px;overflow: hidden;}
.order_table td > ul li > span{ display:block;}
.order_table td:last-of-type span{ padding:7px 10px;font-size:12px;border-radius: 5px;display: inline-block;box-sizing:border-box;margin-top: 3px;vertical-align: middle;}

.order_table .order_detail span{margin: 5px 0;}

.order_table td > a{ padding:7px 10px;font-size:12px;border-radius: 5px;display: inline-block;  margin-top: 3px;}
.order_table td > button{ padding:7px 10px;font-size:12px;border-radius: 5px;margin-top: 3px;}
/*.order_table td > button:first-of-type{margin-bottom: 5px;}*/
.order_table td > .thum:last-of-type{margin-bottom: 0;}
.order_table td > .thum{width: 100%;text-align: left;position: relative;margin-bottom: 15px;}
.order_table td > .thum img{width: 60px;height: 50px;margin-right: 10px;}
.order_table td > .thum ul{display: inline-block;font-size: 14px;position: absolute; top: 5px;}
.order_table td > .thum ul li a{font-size: 16px;}

/* mypage 주문조회 상세보기 */
.order_table tbody th{font-size:14px; padding:10px 1%; background-color: #f8f8f8;}
.order_table.ot_type01{margin-bottom: 80px;}


@media all and (max-width :1280px) {
.mypage_top{margin:60px 0 60px;}
}

@media all and (max-width :1024px) {
.mypage_top{margin: 0 0 60px;font-size: 28px;padding: 30px 3%;}
.order_table colgroup{display: none;}
.order_table thead{display:none;}
.order_table tr{position: relative;padding-bottom: 20px;display: block;}
.order_table td{padding: 0 2%; display: block;}

.order_table .order_contents{width: 100%;margin-bottom: 20px;}
.order_table .order_detail{text-align: left;margin-top: 20px;position: relative;margin-bottom: 10px;}
.order_table .order_detail a{position: absolute; top: 0; right: 2%;}
.order_table td:nth-child(5){text-align: left;padding-top: 40px;}
.order_table td:nth-child(3){position: absolute;left: 0;line-height: 28px;}
.order_table td:nth-child(3) button{margin-left: 10px;}
.order_table td:nth-child(4){position: absolute;right: 2%;line-height: 36px;}
 
 @media all and (max-width :767px){
  .order_table.ot_type01{margin-bottom: 60px;}
 } 
 
/* mypage 주문조회 상세보기 */
.order_table.ot_type01 colgroup{display:table-column-group;}
.order_table.ot_type01 tr{position: inherit;display: table-row;}
.order_table.ot_type01 td{padding: 20px 2%;} 
.order_table.ot_type01 td:nth-child(4){position:inherit;line-height: inherit;} 
 
}

@media all and (max-width :767px) {

.mypage_top{font-size:22px; padding:20px 3%; margin: 0 0 40px; text-align:center;}
.mypage_top > ul{display:block;float:none; margin-top:10px;}
.mypage_top > ul li{margin:0 5px;}
.mypage_top > ul li a{font-size:15px;line-height:35px;} 
}

@media all and (max-width :630px){
 .order_table.ot_type01 {text-align: left;}
 .order_table.ot_type01 colgroup{display: none;}
 .order_table tbody th{display: block; width: 100%;text-align: left;}
 .order_table.ot_type01 tr{display:block;padding-bottom: 0;border-bottom: none;}
 .order_table.ot_type01 td{padding: 15px 2%;} 
 
} 

@media all and (max-width :480px) {
.mypage_top > ul li{margin:0 4px;}
.mypage_top > ul li a{font-size:14px;line-height:30px;padding:  0 15px;} 
}


/*배송조회 정보 ********************************************************************/
.order_table01 *{ font-weight: 300;box-sizing: border-box;}
.order_table01{ border-top:2px solid #3848ad; width:100%;text-align:center;margin-bottom: 80px;}
.order_table01 thead th{ border-bottom:1px solid #3848ad; font-size:14px; padding:10px 1%;}
.order_table01 tbody tr{ border-bottom:1px solid #ddd;}
.order_table01 tbody tr:last-of-type{border-bottom: 1px solid #3848ad;}
.order_table01 td{ padding:20px 2%;font-size:15px; }
.order_table01 td > span{ display:block;}
.order_table01 td > button{ padding:7px 10px;font-size:12px;border-radius: 5px;margin: 3px 0;}
.order_table01 td > .thum{width: 100%;text-align: left;position: relative;}

@media all and (max-width :1024px) {
.order_table01 colgroup{display: none;}
.order_table01 td{ padding:20px 2%;font-size:15px; } 
.order_table01 thead{display:none;}
.order_table01 tr{position: relative;padding-bottom: 20px;display: block;}
.order_table01 td{padding: 0 2%;display: block;text-align: left;}
.order_table01 td:nth-child(1){margin: 20px 0 10px;} 
.order_table01 td:nth-child(2){margin-bottom: 10px;} 
.order_table01 td:nth-child(3),.order_table01 td:nth-child(4){font-size: 13px; color: #979595;}  
.order_table01 td:last-of-type{position: absolute; right: 0; top: 0;}  
}

@media all and (max-width :767px) {
.order_table01{margin-bottom: 60px;}
}




/*관심품목 ********************************************************************/
.wish_list *{box-sizing:border-box;}
.wish_list ul .piece {display: flex; flex-direction: column;}
.wish_list ul li b {display: flex; flex-direction: row;}
.wish_list ul li b button{display: inline-block;padding: 7px 10px;background: #3848ad;font-size: 12px;border-radius: 5px;font-weight: 300;margin-top: 5px;}
.wish_list ul li b button:first-of-type{margin-right: 5px;background: #666;}

.nolist{width:100%;padding:30px;text-align:center;font-size:14px;border-bottom: 1px solid #e3e3e3;}
.listall{width:100%;padding:30px;text-align:center;font-size:18px;}
.listall strong{margin-top: 5px;display: block;font-weight: 600;color: #ee5555;}

@media all and (max-width :767px) {
.wish_list ul .piece { flex-direction: row;align-items: center;}
.wish_list ul li b button{margin-top: 0;}
.wish_list ul li b button:first-of-type{margin-left: 5px;} 
}

@media all and (max-width :460px) {
.wish_list ul .piece {padding-left: 40px;margin-top: 5px;}
.wish_list ul .piece p{line-height: 30px;}
}


/*주문 등록폼left / 비회원 조회하기********************************************************/
.mypage_list strong{display: block;font-size: 22px;padding-bottom: 10px;}
.order_write01 *,.order_write02 *{font-weight: 300;}
.order_write01{margin-bottom:80px;border-top:2px solid #3848ad; border-bottom:1px solid #3848ad;}
.order_write02{margin-bottom:20px;border-top:2px solid #3848ad; border-bottom:1px solid #3848ad;}

.order_write01 table,.order_write02 table{width:100%;}
.order_write01 th,.order_write02 th{border-bottom:1px solid #eee; background:#f8f8f8; font-size:15px; padding:10px 0.5%; word-break:keep-all !important; width:15%;}
.order_write01 td,.order_write02 td{border-bottom:1px solid #eee; padding:15px 2%;text-align:left;font-size: 16px;}
.order_write02 td input{border: 1px solid #e5e5e5;}
.order_btn{ height: 40px; line-height: 40px; border-radius: 4px; padding: 0 20px; font-size: 12px; color: #fff; display: inline-block; background: #000;}
.mypage_ex{margin-bottom: 80px;}
.mypage_ex ul li{background: url(../images/content/dot01.png) 0 center no-repeat;font-size: 16px;display: block;padding-left: 15px;}

@media all and (max-width :767px) {
.mypage_list strong{font-size: 20px;} 
.order_write01{margin-bottom:60px;}
.order_write01 th,.order_write02 th{display:block; font-size:13px;border-bottom:none; text-align:left; padding:7px 2%; width:100%;}
.order_write01 td,.order_write02 td{display:block;text-align:left; padding:7px 2%;}
 
.mypage_ex{margin-bottom: 60px;}
.mypage_ex ul li{font-size: 14px;padding-left: 10px;} 
}



/*팝업레이어*/
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index:999999;top: 0;left: 0;background-color: rgba(0,0,0, 0.5);}
.overlay *{ box-sizing:border-box;}
.popup_guide {position:absolute;top:50%;left:50%;width:70%;background:#fff;transform:translate(-50%,-50%);
border: 5px solid #4e86ed;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 20px;}

.overlay .closebtn {position: absolute;top:10px;right:10px;z-index:2; font-size:50px; color:#fff; line-height:40px; vertical-align:top;text-indent: -5000px; overflow: hidden;background: url(../images/board/close01.png) center center no-repeat;width: 40px;height: 40px;}

#content .popup_guide h4,#content .popup_guide02 h4{text-align: center;display: block;font-size: 24px; letter-spacing: -1px; color: #fff;padding: 20px 5%;background: #4e86ed;border-radius: 11px 11px 0 0;margin: -1px;}
#main_container .popup_guide h4,#main_container .popup_guide02 h4{text-align: center;display: block;font-size: 24px; letter-spacing: -1px; color: #fff;padding: 20px 5%;background: #4e86ed;border-radius: 11px 11px 0 0;margin: -1px;}

.popup_guide .popup_content,.popup_guide02 .popup_content{padding:5% 5%; max-height:700px; overflow-y:auto;}

.popup_guide strong,.popup_guide strong{display: block;font-size: 22px;line-height: 1.8em;border-bottom: 2px solid #3848ad;}
.left_table td > input:not(:first-of-type){margin-top: 10px;}
/*.left_table td > input:last-of-type{margin-bottom: 10px;}*/
.left_table td button{font-size: 13px;height: 40px;padding: 0 15px;border-radius: 5px;}
.pop_bt button{margin: 0 0 5px;}

.pop_width{width:450px!important;}
.tt01{font-size: 18px; line-height: 1.4em;}
.pop_bt02{margin: 40px 0 20px; text-align: center;}


@media all and (max-width :1280px){
 .popup_guide{width:90%}
 #content .popup_guide h4{font-size: 20px;}
 #main_container  .popup_guide h4{font-size: 20px;}
} 


@media all and (max-width :767px) {
.popup_guide .popup_content{max-height:600px;}
.tt01{font-size: 16px;} 
.pop_bt02{margin: 20px 0 10px;} 
}

@media all and (max-width :520px) {
.pop_width{width:90%!important;}
}