
h2.page_tit{font-size:40px;  text-align: left; color: #1A452A; font-family: 'EB Garamond', 'PuradakGentleGothicR',  'Pretendard', sans-serif; margin-bottom: 60px;}

h4.join_sub_tit { font-size: 30px;  font-weight: 400; font-family: 'EB Garamond', 'PuradakGentleGothicR',  'Pretendard', sans-serif;}
.title_tabs .on{font-weight: bold; text-align: left;color: #1A452A;font-weight: bold;top:-0px;}

h4.join_sub_tit span{font-family: inherit;}
.title_tabs .on a{font-weight: inherit;}

.shop_list .title_tabs ul{top:0;}
.shop_list h2.page_tit{margin-bottom: 0px;}
.shop_intabs ul li span,
.shop_list .title_tabs li span,
.shop_list .shop_tabs li span{margin-right:6px;}

.title_tabs{display: flex; margin-bottom:20px;    align-items: flex-end;}
.title_tabs ul{display: flex;font-size: 35px;color: #888;align-items: flex-end;position: relative;top:-10px;}
.title_tabs ul li+li {margin-left: 40px; }
.title_tabs h2.page_tit{margin-bottom: 0;}

.mypage_wrap  {background: #fff;}
.mypage_wrap  .title_tabs ul{margin-left: 160px;}
.mypage_wrap  .title_tabs ul{font-size: 26px;}


.shop_tabs{display: flex;padding-bottom:30px;  border-top:2px solid #171D1A;padding-top: 30px;;}
.shop_tabs ul{display: flex;font-size:24px;color: #888;}
.shop_tabs ul li{margin-right: 30px;;}
.shop_tabs ul li a{font-weight: inherit;}
.shop_tabs ul li.on{color: #171D1A;font-weight: 600;}

.shop_tabs .mo_depth{display: none;}
.shop_intabs{display: flex;}
.shop_intabs ul{display: flex;color: #888;font-size:18px;}
.shop_intabs ul li{margin-right: 16px;border:1px solid #bbb;padding:8px 20px;border-radius: 4px;;cursor: pointer;}
.shop_intabs ul li a{font-weight: inherit;}
.shop_intabs ul li.on{color: #171D1A;font-weight: 600;border-color:#171D1A;}

.dis_flex{display: flex;}
.dis_flex.center{justify-content: space-between; align-items: center;}
h6.join_sub_tit{margin-bottom:10px; font-size: 1.25rem; font-weight: bold;}
.bold{font-weight: bold;}

.text-fff{color: #fff;}


/*롤린 2차 메뉴 수정*/

.pro_cate{}

.shop_list{display: flex;}
.shop_left{width: 300px;margin-right: 40px;}
.shop_left .depth01{position: sticky;top:180px}
.shop_left .depth01 > li + li{margin-top: 4px;}
.shop_left .depth01 > li > a,
.shop_left .depth01 > li > em{color: #fff;position: relative;width: 100%;display: block;background: #1A452A;padding:16px 20px;}
.shop_left .depth01 li > a i{display: none;}
.shop_left a ,
.shop_left em {cursor: pointer;}
.shop_left a > i,
.shop_left em > i{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166136498976260.png) center/cover;width: 6px;height:10px;display: block;display: block;position: absolute;right:16px;top:46%;transform: translate(0, -50%);filter: invert(100%);}

.shop_left li.on > em,
.shop_left li.on > a{color: #1A452A;font-weight: 600;}
.shop_left em > i{transform: translate(0, -50%) rotate(90deg);top: 57%;}
.shop_left em.on_toggle > i{transform: translate(0, -50%) rotate(-90deg);top: 57%;}


.shop_left .depth01 > li > a.on_toggle, 
.shop_left .depth01 > li > em.on_toggle{background: #58655a;}

.shop_left li .depth02 { border: 6px solid #58655a;}


.shop_left .depth02{background-color: #fff;margin-top:0px;padding:16px;border:6px solid #1A452A;display: none;}
.shop_left .depth02 li{color: #666;}
.shop_left .depth02 li + li{margin-top: 8px;} 
.shop_left .depth02 > li > em,
.shop_left .depth02 > li > a{position: relative;width: 100%;display: block;}
.shop_left .depth02 > li > em i,
.shop_left .depth02 > li > a i{filter: invert(60%);right: 0;}
.shop_left .depth03{padding-left: 20px;margin:10px 0;display: none;}
.shop_left .depth03 a {position: relative;width: 100%;display: block;}
.shop_left .depth03 a i{right:0;filter: invert(60%);}

.shop_right h2.page_tit{font-size: 40px;}
.shop_right{width: calc(100% - 300px);}
.shop_right .top_cate{display: flex;justify-content: space-between;align-items: center;}

.cate_con{display: flex;align-items: center;margin-bottom: 20px;opacity: 0.9;font-size: 15px;}
.pro_cate{display: flex;align-items: center;}
.pro_cate i{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166136498976260.png) center/cover;width: 6px;height:10px;display: block;opacity: 0.6;margin:0 16px; }


/* page_but */
.page_but{width:100%; text-align: center; margin-top:60px;}
.page_but div{display: inline-block;}
.page_but div.page_item{color: #888; font-size: 16px;margin: 0 10px;cursor: pointer;}
.page_but .page_item.active{ color: #1A452A;font-weight: bold;}

.search_page .page_tit{text-align: center;    margin-bottom: 120px;}

.w_search.search{border-color:#bbb;padding:5px 0;margin:0 auto;width: 400px;}
.w_search.search input{color: #333;}
.w_search.search button img{filter: invert(0);opacity: 0.8;}


/*.shop_list*/
.shop_list .product_list {margin-top: 20px;;}

/* 상품나열 */
.menu_list{display: flex;justify-content: space-between;}
.cata_list { display: inherit; position:relative}
.cata_list > p{ border:1px solid #eee; background-color: #fff;padding: 6px 10px 4px;
    width: 110px;display: none;}
.cata_list > p::after{width:10px; content:''; display: block; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160297087255320.png) no-repeat center/cover; height:20px; position:absolute; top:8px; right:11px}

.cata_list p {font-size: 0.9rem;}
.cata_list ul {display: flex;}
.cata_list ul li{color: #767676;}
.cata_list ul li.on{color:#1A452A;font-weight: 600;}
.cata_list ul li a{display: block;font-weight: inherit;}
.cata_list ul li+li{margin-left: 15px;}






.top_minilist p span{ color:#1A452A; padding-left: 4px; font-weight: 600; padding-right: 0; margin-right: 0;font-family:  'Pretendard';}
.top_minilist p span::before{display: none;}


/*table*/
.table.style01 #no_post p{padding:60px 0;}

.table.style01 ul li > div{display: flex; text-align: center;align-items: center;   width: 100%;     justify-content: space-between;}
.table.style01 > ul >li{padding:20px 0px;}
.table.style01 .head_table{background: #f9f9f9;border-bottom:1px solid #eee;}
.table.style01 .head_table p{font-weight:bold; color: #1A452A;text-align: center;}
.table.style01 .head_table div{font-weight:bold; color: #1A452A;text-align: center;display: flex;}
.table.style01 .head_table div button + button{margin-left: 10px;}
.table.style01 .body_table > li{border-bottom:1px solid #eee;position: relative;}
.table.style01 .t_no{width:10%}
.table.style01 .t_category{width:15%}
.table.style01 .t_title{width:40%;text-align: left;}
.table.style01 .body_table .t_title{width:40%; text-align: left;}
/* .table.style01 .t_name{width:15%;}
.table.style01 .t_date{width:20%;} */

.table.style01 .body_table .t_no{font-size:0.937rem;color:#888;}
.table.style01 .body_table .t_name{font-size:0.937rem;color:#888;}
.table.style01 .body_table .t_date{font-size:0.937rem;color:#888}
.table.style01 .thumbnail{background: #fff;overflow:hidden;display: block;  border:1px solid #eee;  padding: 12px;}
.table.style01 .product_title{margin-top: 10px;font-weight: 600;} 
.table.style01 .thumbnail img{display: block;}
.table.style01 .t_title i.fa{padding-left:5px;color:#888}
.table.style01 p.tit{margin-top: 4px;;}

.more_order h6.my_sub_tit { font-size: 1.3rem; font-weight: bolder; color: #666;margin-bottom: 10px;}
.mypage_right_wrap > .order_list_wrap { margin-top: 60px;}
.table.style02 .price_num {color: #767676; font-size: 0.9rem;margin-top: 4px; word-break: keep-all; display: flex;}



/*주문조회*/
.day_order_product+.day_order_product{margin-top: 60px;}

.table.style02 .pro_info_wrap {display: flex; text-align: center; align-items: center; justify-content: space-between;border-bottom:1px solid #eee;padding:12px 0;}
.table.style02 .body_table > li+ li{margin-top: 40px;;}
.table.style02{border:1px solid #eee;border-radius: 10px;padding:30px;background-color: #fff;}
.table.style02 .order_numder{display: flex;justify-content: space-between;align-content: center;border-bottom:2px solid #171D1A;padding-bottom: 10px;margin-top: 0;}
.table.style02 .order_numder p{font-weight: bold;font-size: 1.125rem;}
.table.style02 .order_numder span + span{position: relative;margin-right: 10px;padding-right: 10px;;display: inline-block;}
.table.style02 .order_numder p{display: flex;}
.table.style02 .order_numder p span{display: block;margin-right: 10px;padding-right: 10px;;}
.table.style02 .order_numder p span + span::before{content:'';display: block;width: 1px; height: 15px;position: absolute;left: -10px;top:50%;transform: translateY(-50%);background: #ddd;}
.table.style02 .order_numder img{filter: invert(100%);width: 6px;transform: rotate(180deg);position: relative;top:-1px;display: inline-block;}
.table.style02 .pro_thumbnail{display: flex;align-items: center;}

.table.style02 .more_product{display: block;}
.table.style02 .more_product .button.type02{margin-top: 0;;}
.table.style02 .more_product > li{display: flex;    align-items: center;padding:15px  ;border-bottom: 1px solid #eee;;}
.table.style02 .more_product > li+li{margin-top: 20px;}
.table.style02 .shipping_amount p:last-child{font-weight: bold;font-size: 1rem;color: #000;}
.table.style02 .shipping_amount p span{font-weight: inherit;}
.table.style02 .shipping_amount p span + span{margin-left: 4px;}
.table.style02 .shipping_amount{display: block;background: #f8f8f8;margin-top: 20px;padding:16px;}
.table.style02 .shipping_amount p{color: #767676;}
.table.style02 .shipping_amount > div{display: flex;justify-content: center;}
.table.style02 .shipping_amount > div button{width: auto;margin:0 5px}
.table.style02 .shipping_amount .button button+button{margin-top: 0;;}


.table.style02 .pro_thumbnail > i{margin:0; width: 130px;  height: 130px;}
.table.style02 .pro_thumbnail > i img{display: block; width: 100%; height: 100%;}
.table.style02 .pro_info{text-align: left;padding-left: 20px;width: calc(100% - 130px);}
.table.style02 .product_option{color: #767676;margin-top: 4px;word-break: keep-all;}
.table.style02 .pro_num_money{color: #767676;margin-top: 4px;word-break: keep-all;display: flex;}
.table.style02 .select_numder{margin-right: 8px;position: relative;padding-right: 10px;}
.table.style02 .select_numder::after{content:'';display: block;width: 1px;height: 10px;position: absolute;right:0;top:50%;transform: translateY(-50%);background: #ddd;}
.table.style02 .brand_name{color: #333;}
.table.style02 .product_title{font-weight: bold;font-size:20px;}
.table.style02 .type02 {margin-top: 4px;}
.table.style02 .delivery{color: #767676;line-height: 1.5;}
.table.style02 .delivery_info{color: #1A452A;margin-bottom: 4px;font-weight: bold;}

.table.style02 .order_but{display: flex;justify-content: flex-end;margin-top: 20px;}
.table.style02 .order_but button+button{margin-left: 10px;}

.table.style02 .order_state{background: #f9f9f9;padding:8px 20px;width: max-content;font-weight: bold;border-radius: 4px;margin:15px 0;}
.table.style02 .order_state span{font-weight: bold;}
.table.style02 .order_state span+span{margin-left: 10px;}
.table.style02 .button.type02 button+button{margin-top: 10px;}



.table .text_cut{text-align: left; font-weight: 500;color: #171D1A;font-size: 16px;;}


.table.add_option .table_body{padding-bottom: 15px;}
p.no_post {font-size:14px;color:#767676;padding: 60px 0;text-align: center;}


.photo_table li {margin-bottom:16px;}
.photo_table li img{display: block;}
.photo_table .text_con{border:1px solid #eee;padding:16px;border-top:none;}
.photo_table .review_text{margin:10px 0;font-weight: 600;line-height: 1.4;}
.photo_table .name_day{font-size: 0.9rem;color: #666;}
.photo_table .name_day span+span{margin-left: 10px;}


/*문의*/
.table.style01 .after_answer .answer{padding-left: 40px;}
.table.style01 .after_answer .answer img{width:12px;transform: translateY(-3px);margin-right: 10px;}
.table.style01 .after_answer .answer span {font-size:14px; border:1px solid #be3434; color:#be3434; padding:5px 12px 5px;    height:100%; background: #fff;  } 

.bottom_explanation{margin-top: 60px;font-size: 14px;color: #767676;word-break: keep-all;}

.qna .table.style01 li{padding:0;}
.qna .table.style01 li > div{padding:20px 0;}
.qna .table.style01 .t_no{width:10%}
.qna .table.style01 .t_category{width:15%}
.qna .table.style01 .t_title{width:50%; }
.qna .table.style01 .body_table .t_title{text-align: left;}
.qna .table.style01 .t_name{width:15%;}
.qna .table.style01 .t_date{width:20%;}
.qna .table.style01 .body_table .t_title span{border:1px solid #eee;font-size:0.9rem;padding:4px 6px;border-radius: 4px;background: #ddd;color: #666;margin-right: 10px;}
.qna .table.style01 .body_table .after_answer .t_title span{background: #1A452A;color: #fff;border-color:#1A452A;}

/*page_search*/
.page_search {background: #f8f8f8;margin-top: 100px;padding:40px;text-align: center;}
.page_search input{padding:15px;border:1px solid #eee;outline: none;background: #fff;height: 50px;width: 400px;}
.page_search button{background: #171D1A;width:50px ;height: 50px;;}
.page_search button img{width: 80%;filter: invert(100%);margin:0 auto;}


.total_wrap { margin-top: 20px; margin-bottom: 20px;color: #666;font-size: 18px;}
.total_wrap span { color: #1A452A; font-weight: bold;}

/*공지사항*/
.notice .table.style01 ul{border-top:1px solid #eee}
.notice .table.style01 li{padding:25px 0;}
.notice .table.style01 ul li > div{display: block;}
.notice .table.style01 .body_table .t_date{text-align: left;margin-top: 10px;font-size: 16px;font-weight: 500;}
.notice .table.style01 .body_table .text_cut{font-size: 22px;font-weight: 600;}


/*적립/포인트*/
.point_list_wrap{border-top:2px solid #1A452A}
.point_list_wrap li{border-bottom:1px solid #eee;}
.point_list_wrap li > div{display: flex;padding:30px 0;justify-content: space-between;color: #767676;font-size: 0.9rem;align-items: flex-end;}
.point_list_wrap li .p-name p{font-weight: 600;color: #1A452A;font-size: 1.25rem;}
.point_list_wrap li .p-name .how{font-weight: 400;color: #767676;font-size: 0.9rem;margin-top: 10px;}




.w50px{width: 50px;}
.w100px{width: 100px;}
.w150px{width: 150px;}
.w10p{width: 10%;}
.w15p{width: 15%;}
.w20p{width: 20%;}
.w30p{width: 30%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w80p{width: 80%;}
.w90p{width: 90%;}
.w100p{width: 100%;}



/*pont_total*/

.pont_total li >div{border-radius: 10px;padding:30px;background: #f8f8f8;border:1px solid #eee;}
.pont_total p:first-child{font-size: 0.9rem;color: #888;}
.pont_total p{font-size: 1.1rem;font-weight: 600;}
.pont_total p span{font-size: 2rem;font-weight: bold;color: #1A452A;}




/*option_select*/
.option_select{width: 100%;display: block !important;padding: 10px 15px;background: #f9f9f9;margin:10px 0;}
.option_select > div{display: flex;justify-content: space-between;align-items: center;}
.option_munber #result{margin:0 10px; font-size: 1.125rem;font-weight: 600;}
.option_munber input{border:none;width: 30px;height: 30px; cursor: pointer;border-radius: 30px;    font-size: 20px;line-height: 0;color: #888;font-weight: 600;background: #fff;}

.select_product{width: calc(100% - 350px);text-align: left;margin-bottom: 6px;}
.select_product span{color: #1A452A !important;}
.option_select {position: relative;}
.option_select .select_price{width: 250px;text-align: right;padding-right: 40px;}
.option_select .select_price p{font-weight: 600;font-size: 1.125rem;display: flex;justify-content: flex-end;}
.option_select .select_price p + p{margin-left: 10px;;}
.option_select .option_munber{width:120px;height: 40px;display: flex;justify-content: space-between;align-items: center;} 
.option_select .close{width: 50px;text-align: right;cursor: pointer;position: absolute;right:15px;top:54%;transform: translateY(-50%);opacity: 0.8;}




/*제품리스트*/
.sec01 .menu_list{display: flex;align-items: center;justify-content: space-between; font-size:18px;}
.sec01 .menu_list .top_slide{width: 100%; display: none;background: #fff;  height: auto;padding:0 20px 20px 20px;  position: absolute; top: 47px; left: 0; z-index: 999;}
.sec01 .menu_list .top_slide ul{border-bottom:2px solid #333;}
.sec01 .menu_list .top_slide li{width:50%;border-right:1px solid #eee; border-bottom:1px solid #eee;display: inline-block;margin-left:-4px;padding: 12px 0 10px;text-align: center; font-size:14px;color:#888; font-weight: 400;}
.sec01 .menu_list .top_slide li.on p{ font-weight: 600;color:#333}
.sec01 .menu_list .top_slide li p a{width: 100%; display: block;}
.sec01 .menu_list .top_slide li:nth-child(2n){border-right:none;}





.star_review .review-main-star{height: 100%;display: block;}
.star{ background-size:contain; display: block; text-align: left;  height: 100%;}

.star_review{position: relative; height: 17px;width: 100px; }
.star_review span{}
.star_review .bg{background: #fff; position: relative; z-index: 9; display: inline-block;}
.star_review .star5 {background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166068472975791.png) no-repeat center/cover;}
.star_review .star4 {background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166068473446494.png) no-repeat center/cover;}
.star_review .star3 {background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166068473712887.png) no-repeat center/cover;}
.star_review .star2 {background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166068474187567.png) no-repeat center/cover;}
.star_review .star1 {background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166068474594327.png) no-repeat center/cover;}


/* 별점 */
.review_title{display: flex; align-items: center;justify-content: space-between;margin-bottom: 10px;}
.review_title h4{font-size: 1.8rem;;}
.review_title .list{font-size: 0.9rem;color: #666;}
.review_title .list .on{color: #000;font-weight: 600;}
.review_title .list > span+span{margin-left: 10px;}


    /*  리뷰*/
.review  .top{    width: calc(100%); position:relative;}
.review  .top_right > div + div{position:relative;padding-left:22px;  align-items: center;    display: flex;}
.review  .top_right > div + div::after{content:'';display: block; width:1px; height:13px; background-color: #ddd; position:absolute; top:50%; left:8px; transform: translateY(-50%);}
.review  .good i{color:#666; margin-right:5px;}
.review  .good button{font-size: 0.8rem;border:1px solid #eee;padding:3px 12px;;border-radius: 30px;color: #666;margin-left: 10px;}
.review  .review_date{ color:#888;}
.review  .top_right{display: flex;font-size: 0.9rem;color: #666;}

/* review center */
.review{border-top:2px solid #000;}
.review ul{width: 100%;;}
.review li > article{padding:15px 0;display: flex;align-items: center;width: 100%;;}
.review  > div{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;;}
.review  .review_title{font-size:1.125rem; text-align: left;}
.review  .review_option{display: flex;}
.review .review_con{width: calc(100% - 140px);padding-left: 20px; }
.review i.review_photo{display: block;width:140px;}
.review i.review_photo img{display: block;}
.review  .review_text {text-align: left;margin-top: 5px;}
.review .bottom{margin-top:10px;display: flex;    justify-content: space-between;}



/* 장바구니  */
.shopping_basket{background: #fff;}
.shopping_basket.payment_top .body_table{border-top:2px solid #1A452A}
.shopping_basket.payment_top .option_select .option_munber{width: 100px;justify-content: flex-end;}
.shopping_basket.payment_top .option_select .select_price{width: 100px;}
.shopping_basket .table.style01 {border:none;}
.shopping_basket .table.style01 .head_table{background: transparent;border-bottom:2px solid #1A452A;}
.shopping_basket .body_table .d-block{width: 50px;;}
.shopping_basket .body_table .thumbnail{width: 200px;;}
.shopping_basket .body_table .textbox{width: calc(100% - 200px);padding-left: 20px;text-align: left;}
.shopping_basket .textbox .tit{font-size: 1.25rem;font-weight: 600;margin-bottom: 10px;}
.shopping_basket .textbox .point{display: flex;align-items: center;}
.shopping_basket .textbox .point em{background: #e03434;color: #fff;font-size: 0.9rem;width: 20px;height: 20px;;justify-content: center;align-items: center;margin-right: 4px;;border-radius: 2px;display: flex;}
.shopping_basket .point_delivery{display: flex;opacity: 0.8;}
.shopping_basket .point_delivery p + p{margin-left: 10px;padding-left: 10px;position: relative;;;}
.shopping_basket .point_delivery p + p::before{content:'';display: block;width: 1px;height: 14px;background: #ddd;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.shopping_basket .point_total_price {display: flex;justify-content: space-between;align-items: center;;}
.shopping_basket .textbox .total_price{font-size: 1.25rem;font-weight: 600;display: flex;justify-content: space-between;}
.shopping_basket .textbox .total_price em{font-size: 1rem;font-weight: inherit;}
.shopping_basket .textbox .total_price > div,
.shopping_basket .textbox .total_price button,
.shopping_basket .textbox .total_price span{font-weight: inherit;}





/*나의문의내역*/
.my_qua .table.style01 li > div{display: block;}
.my_qua .answer_status{display: flex;align-items: center;}
.my_qua .answer_status p + p{margin-left: 12px;;}
.my_qua .answer_status p:last-child{position: relative;top:2px}
.my_qua .table.style01 .answer_day{display: flex;justify-content: space-between;align-items: center;}

.my_qua .product_wrap{display: flex;align-items: center;margin:15px 0;}
.my_qua .product_wrap > i{width:60px;height: 60px;display: block;overflow: hidden;border-radius: 4px;}
.my_qua .product_wrap > i img{width: 100%;height: 100%;}
.my_qua .product_wrap > .text_box{width: calc(100% - 60px);padding-left: 16px;}

.my_qua .product_wrap .t_product{text-align: left;font-weight: 600;font-size: 20px;}
.my_qua .product_wrap .t_product span{font-weight: inherit;}
.my_qua .table.style01 .t_option{text-align: left;font-size: 1rem;color: #767676;font-weight: 400;margin-top: 4px;}
.my_qua .table.style01 .t_option span{color: #1A452A;}
.my_qua .table.style01 .body_table .t_title{font-size: 1.125rem;width:100% ;}

.my_qua .t_title em{font-family: 'GangwonEduPower';position: relative;font-size: 1.5rem;color: #f14141;margin-right: 4px;    top: 2px;} 
.my_qua .answering_inquiry{background: #f8f8f8;padding:20px;text-align: left;margin:10px 0 20px;}
.my_qua .answering_inquiry div{color: #767676;font-size: 0.9rem;margin-top: 10px;;}
.my_qua .answering_inquiry div span+span{margin-left: 10px;padding-left: 10px;position: relative;}
.my_qua .answering_inquiry div span+span::before{content:'';display: block;width: 1px;height: 12px;background: #ddd;position: absolute;left:0;top:45%;transform: translateY(-50%);}
.my_qua .sec_mini.type01{margin-top: 16px !important;}
.my_qua .sec_mini.type01 button{margin:0;}
.my_qua .sec_mini.type01 button:first-child{margin-right: 16px;}

.my_qua .table.style01 .t_answer{background: #ddd;color: #666;;font-size: 0.9rem;width: max-content;padding:4px 10px;border-radius: 2px;}
.my_qua .answer_status.answer_completed .t_answer{font-size: 0;background:transparent ;padding:0;}
.my_qua .answer_completed .t_answer::before{content:'답변완료';display: block;background: #1A452A;color: #fff;;font-size: 0.9rem;width: max-content;padding:4px 10px;border-radius: 2px;;}


/* 배송 주소록 관리 */
.address_table .table.style01 ul.body_table li > div{display: block;text-align: left;position: relative;}
.address_table .nickname{font-size: 1.25rem;font-weight: 600;margin:0 0 5px;    display: flex;    align-items: center;}
.address_table .nickname span{background: #1A452A;border:1px solid #1A452A;color:#fff;font-size:14px;padding:2px 10px;border-radius: 2px;margin-right: 10px;}
.address_table .table.style01 .body_table  .d-block{ width: auto;;   justify-content: flex-start;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.address_table .table.style01 .body_table  .d-block label{margin: 0;}
.address_table .nickname,
.address_table .table.style01 .add_info{padding-left: 40px;}
.address_table .table.style01 .add_info div span{margin-right: 10px;;}
 

/*장바구니 하단*/
.sec_in02{/* display: flex;  */margin-top:100px;position:relative;display: flex;align-items: center;background: #f9f9f9; padding:20px ;justify-content: center;}
.sec_in02 > div{display: flex;justify-content: center;align-items: center;font-weight: 600;}
.sec_in02 > div p{font-weight: inherit;}
.sec_in02 p span {font-weight: inherit;}
.sec_in02 > div:nth-child(3){border-right:none}
.sec_in02 span.monny_span02{color:#e03434;}
.sec_in02 .sec02_arr{position:absolute;width:100%;top: 50%;    transform: translateY(-50%);}
.sec_in02 strong{  font-size:30px;font-weight: 500;width:50px;    text-align: center;color: #888;}
.sec_in02 .tit{margin-right: 20px;}











/* ********************************************* *
* 1600px max
* ********************************************* */

@media (max-width:1600px){

    .shop_list .product_list {margin-top: 20px;}
    /* .shop_right h2.page_tit {font-size: 46px;} */
    h2.page_tit{font-size: 46px;}
    .cate_con,
    .shop_list{padding-left: 20px;padding-right: 20px}
}


/* ********************************************* *
* 1400px max
* ********************************************* */

@media (max-width:1400px){

    .sec_in02 .sec02_arr .puls {left: 31%;}
    .sec_in02 .sec02_arr .result {left: 64.2%;}

    .cate_con, 
    .shop_list {padding-left: 0px; padding-right: 0px;}


}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){


    .shop_left {width: 200px;margin-right: 20px;}
    .shop_right {width: calc(100% - 220px);}
    .shop_left .depth01 > li > a, 
    .shop_left .depth01 > li > em {padding:  12px;}

  
}

/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){
  
    .sec_in02 .sec02_arr .puls {left: 30.5%;}
    .sec_in02 .sec02_arr .result {left: 63.7%;}

    .shopping_basket .select_sec .select01 {padding: 15px 15px;}

    .title_tabs ul { font-size: 35px;}
    .title_tabs ul li+li {margin-left: 30px; }


}
/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
    .shopping_basket .listsec05 {width: 20%;}
  
    h2.page_tit{margin-bottom: 50px;font-size: 3rem;    width: 100%;}
    
    .option_select > div{flex-wrap: wrap;position: relative;}
    .option_select .select_product{width: 100%;padding-right: 20px;}
    .option_select .close{position: absolute;right:0;top:50%;transform: translateY(-50%);}
    
    .sec_in02 .sec02_arr .puls {left: 30%;}
    .sec_in02 .sec02_arr .result {left: 63.3%;}

    .shop_intabs ul li {margin-right: 20px;} 

    .shop_list .dis_flex.center{display: block;}
    .shop_intabs ul{width: 100%;}
    .shop_intabs ul li{width: 100%;text-align: center;margin-right: 0;border-radius: 4px;}
    .shop_intabs ul li+li{margin-left: 20px;}
    .title_tabs ul {font-size: 22px;;}
    .shop_tabs ul { font-size: 18px;}
    

    .shop_list{display: block;}
    .shop_left { position: relative; z-index: 9;}
    .shop_left,
    .shop_right {width: calc(100%);margin:0;}
    .shop_right{margin-top:20px;}
    .shop_left .depth01{ /* display: table; */ width: 100%; table-layout: fixed;margin: 0 -2px;display: flex; flex-wrap: wrap; }
    .shop_left .depth01 > li {/* display: table-cell;  */padding: 0 2px;position: relative;width: calc(100% / 4);margin-bottom: 10px;}
    .shop_left .depth01 > li + li{margin-top: 0;;}
    .shop_left .depth02{position: absolute;width: calc(100% - 4px); z-index: 99; left: 50%; transform: translateX(-50%);}

    .shop_right h2.page_tit{width: auto;}
    .menu_list{width: 120px;}
    .menu_list .pc_cata_list {display: none;}
    .menu_list .mo_cata_list  {display: block;width: 100%;}
    .cata_list > p{display: block;width: 100%;color: #666;    padding: 8px 10px 8px}
    .cata_list ul{background: #fff;border:1px solid #eee;padding:10px; position: absolute; top: 40px; z-index: 9; width: 100%;display: none;}
    .cata_list ul a{display: block;color:inherit;}
    .cata_list ul li + li{margin-left: 0;margin-top: 6px;;}




}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){

    .shop_view_bg { padding-bottom: 24%; border-radius: 20px;}

    .sec_in02 .sec02_arr .puls { width: 40px;  height: 40px;}
    .sec_in02 .sec02_arr .result{ width: 40px;  height: 40px;}
    .sec_in02 .sec02_arr .puls::before{height: 15px;}
    .sec_in02 .sec02_arr .puls::after{width: 15px;}
    .sec_in02 .sec02_arr .result::before{width: 15px;}
    .sec_in02 .sec02_arr .result::after{width: 15px;}
 
    
    .sec_in02 .sec02_arr .puls {left: 30.6%;}
    .sec_in02 .sec02_arr .result {left: 64%;}




}
/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px){

    

    /* Q&A */
    .qna .table.style01 .head_table{display: none;}
    .qna .table.style01 li > div{flex-wrap: wrap;    justify-content: flex-start;padding:15px 10px;}
    .qna .table.style01 .t_no{display: none;}
    .qna .table.style01 .t_category{width: 100%;text-align: left;}
    .qna .table.style01 .body_table .t_title{width: 100%;margin:10px 0;font-weight: 600;}
    .qna .table.style01 .t_name{width: auto;;}
    .qna .table.style01 .t_date{width: auto;}


    .shop_tabs ul li {margin-right: 20px;}
    .pont_total li >div {padding: 20px;border-radius: 5px;}


    .notice .table.style01 li {padding: 20px 0;}
    .notice .table ul p{font-size: 20px;padding:0;}
    .notice .table.style01 .body_table .t_date{margin-top: 4px;;}
}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){
    h2.page_tit{margin-bottom: 20px;font-size: 2rem;}

    .option_select .option_munber{width: 100px;}
    .option_select .select_price{width: calc(100% - 100px);}

    .review .bottom{display: block;}
    .review .top_right{margin-top: 5px;}

    
.notice .table.style01 .body_table li > div{display: block;text-align: left;}
.notice .table.style01 .body_table li > div .w90p{width: 100%;}


.sec_in02 .sec02_arr .result {left: 63%;}
.sec_in02 .sec02_arr .puls { left: 29.5%;}
.sec_in02 .puls{  font-size:30px;font-weight: 300;width:30px;}
.sec_in02 .result{ font-size:30px;font-weight: 300;width:30px;}
.sec_in02{display: block;}
.sec_in02 > div{width: 100%;justify-content: space-between;}
.sec_in02 strong{display: none;}
.sec_in02 .amount_payment{margin-top: 10px;padding-top: 10px;border-top:1px solid #eee;;;}
.sec_in02 .amount_payment .monny span{font-size: 1.25rem;}


.shopping_basket .table_body .listsec02 i {height: 150px;}
.shopping_basket .table_body .listsec02 p:first-child{padding-left:0;}
.shopping_basket .table_body .listsec02 {padding:15px 0; }
.shopping_basket .table_head{display: none !important;}
.shopping_basket .select_sec .select > div p{font-size:14px;color:#666}
.shopping_basket .body_table .thumbnail{width: 150px;;}
.shopping_basket .body_table .textbox{width: calc(100% - 150px);}
.shopping_basket.payment_top .option_select .option_munber{justify-content: flex-start;}


.shop_tabs{padding-bottom:20px;padding-top: 20px;;}
.shop_intabs ul li{padding:10px;}
.title_tabs ul {font-size: 18px;}
.shop_intabs ul li{font-size: 14px;}
.shop_tabs ul {font-size: 16px;}
.title_tabs ul li+li {margin-left: 20px;}
.shop_list h2.page_tit {margin-bottom:0px;font-size: 32px;}

.shop_list .product_list {margin-top: 30px;}
.shop_tabs_wrap{display: flex;}

.shop_list .pc_depth li,
.shop_list .title_tabs li{display: none;}
.shop_list .pc_depth li.on,
.shop_list .title_tabs li.on{display: block;}
.shop_list .title_tabs{margin:0;}
.shop_list .shop_tabs{border:none;padding:0;}
.shop_list .shop_intabs{overflow-x: scroll; border-top:2px solid #171D1A;padding-top: 20px;margin-top: 20px;padding-bottom: 20px;border-bottom:1px solid #eee;}
.shop_list .shop_intabs ul li{padding:0; width: 100%;border:none;position: relative;}
.shop_list .shop_intabs ul li.on::before{content:'';display: block;width: 100%;height: 2px; background: #1A452A;position: absolute;left:50%;transform: translateX(-50%);bottom:-20px;}


.shop_list .shop_intabs ul{width: 100%;}
.shop_tabs_wrap > div + div{margin-left:35px;padding-left: 35px;}
.shop_tabs_wrap .title_tabs{position: relative;}
.shop_tabs_wrap .title_tabs::before{content:'';display: block;
width: 6px;height: 10px;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166136498976260.png)no-repeat center/cover;position: absolute;right:-20px;top:50%;transform: translateY(-50%);}

.shop_tabs_wrap .pc_depth li.on{position: relative;}
.shop_tabs_wrap .pc_depth li.on::before{content:'';display: block;
    width: 6px;height: 10px;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166136498976260.png)no-repeat center/cover;position: absolute;right:-18px;top:50%;transform: translateY(-50%) rotate(90deg);}
.shop_tabs_wrap .mo_depth {position: absolute;left:0;top:136px;background: #fff;border:1px solid #eee;;z-index: 999;display: none;width: 100vw;flex-wrap:wrap ;border-top:2px solid #171D1A;}
.shop_tabs_wrap .mo_depth li{width: 50%;margin:0;border-bottom:1px solid #eee;padding:12px;border-right:1px solid #eee;}
.shop_tabs_wrap .mo_depth li:nth-child(2n){border-right:none;}
.shop_tabs_wrap .mo_depth.on{display: flex;}
.shop_tabs_wrap .pc_depth.on li.on::before{transform: translateY(-50%) rotate(-90deg);}


.pont_total li >div {padding: 12px;}
.pont_total p span {font-size: 1.25rem;}
.pont_total p{font-size: 14px;font-weight: 500;}

.page_search{background: transparent;padding:0;margin-top: 40px;}
.page_search > div{display: flex;}
.page_search input{width: calc(100% - 50px);}

.table .text_cut { font-size: 16px;}

}

/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .photo_table .text_con {padding: 12px;}

    .shop_view_bg { padding-bottom: 28%; border-radius: 12px;}
    .cata_list ul li+li {margin-left: 10px;}

.interested_items .body_table li{padding-top:50px ;}

.review i.review_photo{width: 120px;}
.review .review_con { width: calc(100% - 120px);    padding-left: 16px;}

.star_review { height: 13px;width: 80px;}
.photo_table .review_text {margin: 6px 0 4px;}


.sec_in02 .sec02_arr .puls { width: 35px;  height: 35px;}
.sec_in02 .sec02_arr .result{ width: 35px;  height: 35px;}

.sec_in02 .sec02_arr .result {left: 62.7%;}
.sec_in02 .sec02_arr .puls { left: 29.2%;}
.sec_in02 span.monny_span02 {font-size: 1.3em;}
.sec_in02 span.monny_span{font-size: 1.3em;}
.sec_in02 P.monny{margin-top:0;}
.shopping_tabSet .sec_in02 > div .tit{font-size:0.7rem}

.shopping_basket .select_but {height: 33px;}
.shopping_basket .body_table .d-block{    width: 30px}
.shopping_basket .body_table .thumbnail{width: 100px;margin-top: 35px;;}

.shopping_basket.interested_items .table_body .listsec02 >div:first-child i{width:100px; height:100px;top: -3px;}
.shopping_basket.interested_items .list_in .table_body li {padding-left: 120px;}
.shopping_basket.interested_items .table_body .listsec02 p {font-size: 1.125rem; }
.shopping_basket.interested_items .list_in .table_body { padding: 20px 0 !important;}
.shopping_basket .textbox .point em {font-size: 0.85rem;width: 16px; height: 17px;}
.shopping_basket .body_table .d-block{position: absolute;top:10px;left:0;}
.shopping_basket .body_table .textbox{width: calc(100% - 100px);}


.point_list_wrap li > div { padding: 20px 0;}

.total_wrap { margin-top: 10px; margin-bottom: 10px;  font-size: 14px;}

.notice .table.style01 li {padding: 16px 0;}
.notice .table ul p{font-size: 18px;padding:0;}
.notice .table.style01 .body_table .t_date{font-size: 14px;}

.my_qua .product_wrap .t_product {   font-size: 16px;}
.my_qua .answering_inquiry { padding: 12px;margin: 10px 0 10px;}
.my_qua .product_wrap { margin: 14px 0 10px;}
.my_qua .sec_mini.type01 {margin-top: 12px !important;}

.shop_list h2.page_tit { font-size: 28px; }

.shop_left .depth01 > li {width: calc(100% / 2);margin-bottom: 4px;}

}
/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    
    .cata_list{display: none;}
    .mo_cata_list{display: block;}

.cata_list > p{display: block;}
.cata_list ul {position: absolute; top:32px; left:0;border:1px solid #eee;background-color: #fff; width:100%; line-height:1.2em;padding:10px;z-index:99;display: none;}
.cata_list ul li{color:#bbb;display: block;}
.cata_list ul li + li{margin-left: 0;}

.option_select .option_munber {width: 70px;}
.option_munber input { width: 20px; height: 20px;font-size: 14px;}
.option_select .select_price {width: calc(100% - 70px);}

.review li > article{display: block;}
.review i.review_photo{width: 100%;}
.review .review_con { width: calc(100%);    padding-left: 0px;margin-top: 12px;}


.photo_table ul{ margin-left: -6px; margin-right: -6px;}
.photo_table .row-short > [class*='col']{ padding-right: 6px; padding-left: 6px;    margin-bottom: 12px;}


.shopping_basket .select_but .button button {font-size: 13px;}
.shopping_basket .table_body .listsec02{padding-left:120px; padding-bottom:0; padding-top:0;;}
.shopping_basket .table_body .listsec02{position:relative;padding-bottom:65px;}
.shopping_basket .table.style01 li {padding: 10px 0px;}
.shopping_basket .table.style01 button{padding:0;border:none;margin-left: 10px;font-size: 14px;line-height: 1.2;}

.interested_items.shopping_basket .listsec07 {width: 100% !important;}
.interested_items.shopping_basket .table_body .listsec07 button{width:100%;}
.interested_items.shopping_basket .listsec01 .d-block {top: 12px; }
.interested_items.shopping_basket .listsec07 {bottom: 10px;} 


.shopping_basket .textbox .tit{font-size:16px; margin-bottom: 4px;}
.table.style01 p.tit{margin-top: 0;;}
.option_select {  padding: 10px 12px; margin: 4px 0;}
.option_select .option_munber{height: auto;}
.option_select .select_product{margin-bottom: 4px;}
.option_select .select_price p {  font-size: 16px;}
.shopping_basket .textbox .total_price {font-size:16px;}
.shopping_basket .body_table .textbox { padding-left: 12px;}

.shop_tabs ul,
.title_tabs ul { font-size: 14px;}
.shop_tabs_wrap > div + div {margin-left: 25px;}
.shop_tabs_wrap .title_tabs::before {width: 4px; height: 8px;right: -16px;}
.shop_tabs_wrap .pc_depth li.on::before {width: 4px; height: 8px;right: -12px; top: 60%;}
.shop_tabs_wrap .mo_depth {top: 126px;}

.review_page .review_slide .right {padding: 12px;}

.page_but div.page_item { font-size: 14px; margin: 0 6px;}
.address_table .nickname span {font-size: 12px;padding: 1px 7px;}
.address_table .table.style01 .add_info div span {margin-right: 5px;}
.address_table .nickname, 
.address_table .table.style01 .add_info {padding-left: 35px;}

.point_list_wrap li > div { padding: 16px 0;}
.point_list_wrap li .p-name p { font-size: 1rem;}
.point_list_wrap li .p-name .how {margin-top: 5px;}
.point_list_wrap{margin-top: 40px;;}

.notice .table ul p {font-size: 16px;}
}






/* ********************************************* *
* 330px max
* ********************************************* */
@media (max-width:330px){

    .shopping_basket .table.style01 ul.body_table li > div{display: block;}
    .shopping_basket .body_table .d-block{position: initial;}
    .shopping_basket .body_table .thumbnail{width: 100%;margin:10px 0;}
    .shopping_basket .body_table .textbox{width: 100%;padding-left:0;margin-top: 10px;}
 
    
 .interested_items.shopping_basket .body_table li{padding-top:10px ;}
 .page_search input { padding: 12px;height: 45px;}
 .page_search button{width: 45px;height: 45px;}

 .notice .table.style01 li {padding: 12px 0;}
}
