header .main_nav{background-color: #fff !important;}


.content{padding:140px 0 140px;}



.donation #content h3{border-bottom:none !important; background-color: transparent !important;}
.donation #content p span{background-color: transparent !important;}
.donation .next_post{width: 100% !important;;}




.list_in .no_list_text {padding: 60px 0; text-align: center; border-top: 1px solid #eee; color: #888;border-bottom: 1px solid #eee; color: #888;
}

@font-face {
    font-family: 'KCCChassam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCChassam.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*회사소개*/
.company02::after{content:'';display: block;width: 100%;height: 100%;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166681544980349.png) center/100%;position: absolute;left:0;top:0;z-index: -9;opacity: 0.15;}
.company02 .con + .con{margin-top: 150px;}
.company02 .con{position: relative;}
.company02 .con .wrapper{font-family: 'KCCChassam';}
.company02 .con03,
.company02 .con02{width: 100%;max-width: 1500px;margin:0 auto; padding:0 20px}
.company02 .con01 .wrapper{width: 100%;max-width: 1400px;margin:0 auto; padding:0 20px}
.company02 .con01 {padding:120px 0;}
.company02 .con .wrapper{display: flex;align-items: center;}
.company02 .con .wrapper > div{width: calc(100% - 500px);font-family: inherit;padding-left: 60px;}
.company02 .con02 .wrapper:last-child,
.company02 .con01 .wrapper:first-child{flex-direction: row-reverse;}
.company02 .con02 .wrapper:last-child > div,
.company02 .con01 .wrapper:first-child > div{padding-left: 0;padding-right: 60px;;;}
.company02 .con .wrapper + .wrapper {margin-top: 80px;}
.company02 .con .wrapper p {font-size: 18px;padding:0;font-family: inherit;line-height:2;    color: #333; }
.company02 .con .wrapper p span{font-family: inherit;}
.company02 .con .wrapper p.last{font-size: 16px;margin-top: 20px;color: #58655A;line-height: 1.6;text-align: right;}
.company02 .con .wrapper p.last span{display: block;font-size: 20px;margin-top: 4px;color: #1A452A;}
.company02 .con p.content + p.content {margin-top: 30px;}
  
/* .company02 .con01 .wrapper:last-child p{text-align: right;} */
  
.company02 .con01 .image.raccoon{float: right;  }
.company02 .con01 .image { width: 500px;shape-outside: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166535221233318.png);float: left;shape-margin: 10px; position: relative;/* padding-bottom: 27%; */overflow: hidden;  }
.company02 .con .image img{/* position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); */width: 100%;height: 100%;}
.company02 .con02 .image.dog{width:250px;shape-outside: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166655109638016.png);margin-top:12px;}
.company02 .con02 .image { width: 500px;shape-outside: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166535219772610.png);float: right;shape-margin: 10px; position: relative;/* padding-bottom: 27%; */overflow: hidden;  }
.company02 .con02::before,
.company02 .con01::before{content: '';display: block;width: 110%;height: 100%;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166535205117924.png) center/100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: -1;}
.company02 .con02{padding:60px;overflow: hidden;}
.company02 .con.out_con{margin-top: 200px;}
.company02 .con{position: relative;}
.company02 .con p.tit{color: #1A452A;font-size:72px;margin-bottom: 20px;font-family: 'EB Garamond', 'PuradakGentleGothicR',  'Pretendard', sans-serif;position: absolute;left:50%;top:-85px;width: 100%;max-width: 1500px;margin:0 auto;transform: translateX(-50%);opacity: 0.2;z-index: -1;}
.company02 .con02 .wrapper:last-child{align-items: flex-start;}
.company02 .con02 .wrapper.first > div {width: calc(100% - 250px);}




.info .con03 {color: #333;}
.info .con03 em{font-size: 28px;display: block;width: 100%;color: #111;margin-bottom: 10px;}
.info .con03 p{font-size: 18px;font-weight: 400;color: #333;line-height: 1.6;word-break: keep-all;}
.info .con03 p span{font-weight: bold;color: #111;}

.info .con03 ul li {margin-bottom:4px;}
.info .con03 ul li i{display: block;;padding-bottom: 69%;overflow: hidden;position: relative;;}
.info .con03 ul li i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;    height: 100%;}
.info .con03 {display: flex;}
.info .con03 .sec_right ul{margin-bottom: 20px;}

.info .con03 ul .type02.col-md-4 i{padding-bottom: 130%;}

.info .con02 .con01 .last i{display: none;}
.company{position: relative;   }



.company {text-align: center;}

.tit_info em{color: #1A452A;font-weight: 600;margin-bottom: 20px;font-size: 22px;display: block; font-family: 'PuradakGentleGothicR';}
.tit_info p{font-size: 26px;font-weight: 600;word-break: keep-all;}

.img_info{display: flex;margin:40px -10px;} 
.img_info i{display: block;margin:0 10px;width: 33.3%;padding-bottom:20%;position: relative;}
.img_info img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}

.txt_info{font-size: 18px;word-break: keep-all;}
.txt_info + .last_info,
.txt_info + .txt_info {margin-top:20px;}
.txt_animation{margin:80px 0;}
.last_info {color: #888;}
.last_info span{display: block;font-weight: 600;color: #333;}

.txt_animation .scrolling-text {  display: inline-block;  transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);  will-change: transform; backface-visibility: hidden;}
  
.txt_animation .scrolling-text .scrolling-text-content {color: #888; font-size: 120px;   white-space: nowrap;   transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);    font-family: 'PuradakGentleGothicR'; opacity: 0.15; }
  

.company3 {background: #f1f1f1;}
.company3 .con03 .sec_right{width: 100%;}

.company3 .txtbox{width: 100%;max-width: 1150px;margin:0 auto;text-align: left;margin-top: 30px;}



.company3 .con P + p{margin-top: 5px;}
.company3 .con + .con{margin-top: 120px;;}
.company3 .con04 > div {display: flex;align-items: center;}
.company3 .con04 .txtbox{width: calc(100% );/* padding-left:380px;padding-right: 60px; */margin-left:0;word-break: keep-all;}
.company3 .con04 {width: 100%; max-width: 1150px;margin:0 auto;}


/* .company3 .con04 .txtbox{margin-top: 0;position: sticky;top:150px} */
.company3 .con03 .sec_right{display: block;}
.company3 .info .con04 ul{width: 100%;margin-bottom: 0;/* position: absolute;right: 0; */}
.company3 .info .con04 i{padding-bottom: 140%;}

.company3 .con05{max-width: 1150px;} 
.company3 .con05  .txtbox{margin-top: 0;margin-bottom: 20px;padding:0;}


.company3 .con01 .tit_info{color: #666;}
.company3 .con01 .tit_info span{color: #111;}
.company3 .con01 .last_big_txt{font-size: 30px;color: #1A452A;}

.company3 .con02 .tit_info + .txt_info{margin-top: 60px;}
.company3 .con02 .txt_info{display: flex;align-items: center;margin-top: 0px;}
.company3 .con02 .txt_info i{width: 400px;}
.company3 .con02 .txt_info p{width: calc(100% - 400px);padding-left: 40px;line-height: 2;color: #333;}
.company3 .con02 .txt_info.txt_right p{padding-left: 0px;padding-right: 40px;;}


.company3 .con02 .ceo_photo i{width:250px;}
.company3 .con02 .ceo_photo p {width: calc(100% - 250px);}



.photoSwiper {margin-top: 100px;;}
.photoSwiper .swiper-slide{padding-bottom: 30%;;}
.photoSwiper .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.photoSwiper .swiper-button-prev:after,
.photoSwiper .swiper-button-next:after{color: #fff;}
.photoSwiper .swiper-button-prev:after{content: 'prev' !important;}
.photoSwiper .swiper-button-next:after{content: 'next' !important;}


.photo_sec{display: flex;flex-wrap: wrap;margin:-10px;margin-top: 100px;;}
.photo_sec > div{width: 20%;padding:10px;}
.photo_sec > div > div{padding-bottom: 100%;position: relative;}
.photo_sec > div img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}




/* 공지사항 view */
textarea{outline: 0;border:1px solid #eee;width: 100%;height: 150px;overflow-y: scroll;padding:16px;font-size: 16px;resize: none;}
input{outline: 0;}
.notice_view .top{padding-bottom:20px;}
.notice_view .top .view_title{font-size:1.8rem;font-weight: 600; }
.notice_view .top .view_day{text-align: left;color: #767676;margin-top: 10px;}
.notice_view .body{border-top: 1px solid #eee;border-bottom: 1px solid #eee; /* padding-top:20px;  */min-height: 400px;}
.notice_view .body .text_box_sec{min-height: 400px;}
.notice_view .body textarea{border:none}
.notice_view .body .body_in_file {border-top:1px solid #eee; padding:10px 0;}
.notice_view .body .body_in_file p{color:#888;font-size:13px;}
.notice_view .body .body_in_file p a{cursor: pointer;}
.notice_view .bottom .post { border-bottom:1px solid #000}
.notice_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #eee}
.notice_view .bottom .tit{display: flex;width: 13%; justify-content: space-between; align-items: center;padding-left:10px}

.notice_view .bottom .post_text{padding-left:30px;}
.notice_view .bottom .button{text-align: right;margin-top:40px;}
.notice_view .bottom .button button{padding:10px 50px; border:1px solid #bbb; background-color: #bbb; color:#fff}


.qna_view #content{min-height: 300px;}
.qna_view .answer {}
.qna_view .answer .fa-arrow-right:before{font-size: 13px;background-color: #f9f9f9;margin-top:10px;}


/* 1:1문의 */
.qna h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.qna .qna_top {display: flex;justify-content:flex-end ;    width: 100%;
    margin: 30px auto;}
.qna .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.qna .qna_top .category_list p{border:1px solid #eee;  width:180px; padding:10px;font-size: 14px; position:relative;width: 100%;}
.qna .qna_top .category_list p::after{content: ''; display: block; width:6px; height:6px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform: rotate(135deg) translateX(-50%); position:absolute; right:20px; top:42%;}
.qna .qna_top .category_list ul{padding:10px; font-size:14px; border:1px solid #eee; line-height: 2em;position:absolute; width:100%;background-color: #fff;top:43px;display: none;}


.review_view #content{min-height: 300px;}
.review_view .answer {/* border-top:2px solid #333 */padding:20px;}
.review_view .answer .fa-arrow-right:before{font-size: 13px;}
.review_view .body textarea{padding:10px;background-color: #f9f9f9;margin-top:10px;}





/* shop */
.sub_slide .swiper-slide img{width:100%; height:100%;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '' !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '' !important;}

.shop .top_minilist{margin-bottom:20px;}
.top_minilist span.on{color:#000; font-weight: bold;position:relative;padding-right:15px;}
.top_minilist span.on::after{content:''; display: none; width:7px; height:7px;border-top:1px solid #333; border-right:1px solid #333;position:absolute; right:0; top:36%; transform: translateY(-50%) rotate(135deg);}



.sub-p-banner{width:100%; height:500px;}
.sub-p-banner .img-bg{width:100%; height:100%; background-attachment: fixed;}

.sub-p-list-container
{display: flex; display: -webkit-box; display: -ms-flexbox;
    -webkit-box-orient: horizontal; -ms-flex-direction: column; flex-direction: column;}


.tab-list-con{margin-right:auto; width: 272px;}
.tab-list-con h5{color:#777; font-weight: 300; line-height: 1.2;}
.tab-list-con .sel-list{width:272px; z-index: 100;}
.tab-list-con .sel-list > li{padding:8px;}
.tab-list-con .sel-list-tit{padding-left:0;}
.tab-list-con .sel-list-tit .sel-arrow{top:42%; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-b-arrow.png); width:18px; height:10px;}


.tab-con{margin:4px 16px; font-size:1.15em; cursor: pointer; padding-bottom:4px; position: relative;transform: translateY(1px);}
.tab-con:first-child{margin-left:0;}
.tab-con.current{opacity: 1; font-weight: 500;
background: #1A452A;color: #fff;}
.tab-con:hover{font-weight: 500;}

/* 제품필터 */
.filter-list-con{max-width:96px; width:100%;position: absolute; right:16px; bottom:0;}

.sel-list-tit{ display: block; cursor: pointer; padding:4px 8px; padding-right:16px; position: relative;} 
.sel-list-tit .sel-arrow{ position: absolute; right:4px;}
.sel-list-tit .sel-arrow.sel-arrow-st1{position: absolute; top:14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aaa;}
.sel-list-tit .sel-arrow.sel-arrow-st2{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    background-size:9px 5px; width:9px; height:5px; background-repeat: no-repeat; background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png);}

    .sel-list-tit.open .sel-arrow{transform: rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
    .sel-list-tit.open .sel-arrow.sel-arrow-st2{transform: rotate(180deg) translateY(45%); -webkit-transform:rotate(180deg) translateY(45%); -ms-transform:rotate(180deg) translateY(45%);}
.sel-list{border:1px solid #d1d1d1; display: none; position: absolute; width: 100%; z-index:10; background-color:#fff;}
.sel-list > li{ display: block; cursor: pointer; padding:4px 8px;}
.sel-list > li:hover{background-color:#f6f6f6;}

/* 제품상세 */
.pd-view-t-container li{   width: 100%;
    -webkit-box-orient: vertical; -ms-flex-direction: row; flex-direction: row; align-items: center;}
.pd-view-t-container .pd-img-con{padding-bottom:0; background-color:#fff;}

.pd-view-t-container li img{display: block;width: 100%;}


.pd-sle-con{ margin-bottom:10px}
.pd-detail > div:first-child > dl:last-child{ margin-bottom:0px}
.pd-sle-con .right select{width:100%; padding:10px; border:1px solid #eee;     color: #333;}
.pd-sle-con02:first-child {border-top:1px solid #888; border-bottom:none;}
/* .pd-sle-con02 {border-top:1px solid #888; border-bottom:1px solid #888} */
.pd-sle-con02 .select_list{font-size: 0.875rem;background-color: #f9f9f9;
    padding: 15px;position: relative;}
    .pd-sle-con02 .select_list .in{display: flex;margin-top: 10px;justify-content: space-between;;}
    .pd-sle-con02 .select_list +.select_list {margin-top: 10px;}
.pd-sle-con02 .select_list .select_numder { display: flex;width: max-content;
    justify-content: flex-end;align-items: center;}
    .count-container {width: fit-content;}
.pd-sle-con02 .select_list .select_price {text-align: right; width: max-content;;}
.pd-sle-con02 .select_list .product_price {font-size: 1.125rem;}
.pd-sle-con02 .select_list .product_price span{}
.pd-sle-con02 .select_list .product_accumulate {font-size: 13px; /* margin-top: 4px; */}
.pd-sle-con02 .select_list .span_accumulate {}
.pd-sle-con02 .select_list .product_tit { font-size: 1rem;    padding-right: 22px;}
.pd-sle-con02 .select_list .select_product {color: #888; margin-top: 3px;}
.pd-sle-con02 .select_list .span_ac_point {color: #be3434; border: 1px
 solid #be3434; padding: 2px 2px 0px; font-size: 10px; border-radius: 3px
;  margin-right: 5px;}
.pd-sle-con02 .select_list .close {width: 13px;  display: block;  margin-left: 5px;position: absolute;right:20px;top:20px;}

/* 제품상세 상단 이미지 사이즈 */

.shop_view .pd-view-t-container .row-too-short{display: flex;align-items: center;flex-direction: column;}
.pd-view-t-container .pd-img-con .pd-img {max-width: 400px;}

.pd-view-t-container dl{display: block; /* line-height:3; */ font-size:1em;margin-bottom: 15px ; }
.pd-view-t-container dt{min-width:130px;}

.pd-view-t-container .pd-total dt{min-width:100px;}


.pd-view-t-container dl.sh_basics_tit{font-size:15px;color:#888}
.pd-view-t-container .basics_option{border-bottom:1px solid #888; margin-bottom:20px;}
.pd-view-t-container dt, .pd-view-t-container dd{display: table-cell;}
.pd-view-t-container dd button{background: #f5f5f5;border:1px solid #ddd;color: #666;padding:4px 15px;border-radius: 2px;}

.pd-view-t-container .pd-total{display: flex;    margin-top: 10px;justify-content: flex-end;align-items: flex-end;}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt{ font-weight: 500;}
.pd-total dd {font-size:1rem;}
.pd-total dd .price{font-weight: 600;font-size:26px;margin-right: 4px;}
/* .pd-detail > div:first-child{padding-top:15px;} */





/* 제품 수량 */
.count-container{/* font-size:0; */display: flex;align-items: center;}
.count-container input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
.count-container span:nth-child(2){width:40px;position: relative;  top: 2px;}
.count-container span{text-align: center; display: inline-block; font-size:22px; font-weight: 500; line-height:1em; }
.count-container span.count{position: relative; top:-3px;}
.count-container span.num{border:1px solid #d1d1d1; background-color: #fff;transform: translateY(1px);cursor: pointer;width: 30px; height: 30px;border-radius: 50%;}
.count-container span.num i{position: relative;top: 1px;   font-size: 22px; color: #666;font-weight: 200;}
.count-container span input{border:0; text-align: center; width:100%; font-size:15px;  background-color: transparent;transform: translateY(-1px);    padding-bottom: 1px; font-weight: 500;}
/* 제품 수량 사이즈 조절 */
.count-container.count-small span{font-size:16px; line-height:1;}
.count-container.count-small span.num{width:22px; height:22px; font-family: sans-serif;}
.count-container.count-small span input{width:36px;}


/* 제품상세 버튼 */
.pd-btn-container.row{margin-left: -5px; margin-right: -5px;}
.pd-btn-container.row > p{padding:0 5px;}
.pd-btn-container.row .col-md-12{margin-bottom: 12px;}
.pd-btn-container .btn{width:100%; min-width: unset; padding:0;}
.pd-btn-container .btn img{height:27px;}
.pd-btn-container .btn-icon:hover{background-color:#222; border:1px solid transparent;}



/* 중간영역 소개 탭 */
.view-tab-container{position: relative;}
.view-tab-container{font-size:0; letter-spacing: 0;padding-bottom: 40px;;} 
.view-tab-container li{font-size:15px; display:inline-block;  text-align: center; cursor: pointer; color:#767676;background: #f9f9f9;  width:25%; margin:0; padding:17px 8px;}
.view-detail-wrap .bg-light-gray{padding:32px;}
.view-detail-wrap .qna .head_table{border-top:1px solid #888; color:#333}
.view-detail-wrap .qna .head_table p{ color:#333}


.table-container .pd-detail-table tr td:first-child{font-weight: 700;}
.table-container .pd-detail-table td{padding:8px 12px; }


/* btn-etc */
.btn-etc{text-decoration: underline;  cursor: pointer;}
.btn-etc-box a{color:#626262; background-color:#fff; line-height: 1; padding:10px 40px; border:1px solid #d1d1d1; font-size:0.85em; cursor: pointer;}
/* .btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;} */
button.btn-etc-box{font-size:1em; min-width: 96px; min-height:36px; padding:8px 16px;}







/* 개인정보처리방침 */




/* 상세보기 상단 스와이퍼 */

.shop .shop_view{display: flex;flex-direction: row-reverse;}
.shop .shop_view .pd-view-t-container{border-left:1px solid #eee;padding-left: 60px;width: 30%;background: #fff;}
.shop .shop_view .pro_detail_info{width: 100%;}
    
.review_view .writing_info{display: flex;align-items: center;margin-top:15px;}
.review_view .writing_info p + p{margin-left: 30px;position: relative;}
.review_view .writing_info p + p::before{content:'';display: block;width: 1px;height: 14px;position: absolute;left:-17px;top:50%;transform: translate(0,-50%);background: #ddd;}
.review_view .writing_info p em{font-weight: 500;color: #666;}
.review_view .writing_info p span{font-weight: 600;}
/* mypage_review */
.mypage_review  h3 { font-size: 1.8rem; font-weight: 500; text-align: left; border-bottom: 2px solid #000; margin-bottom: 0px; padding-bottom: 15px;}
.mypage_review .tabSet .tabs li{width: 50%;text-align: center;}
.mypage_review .tabSet .tabs li + li{margin-left: 20px;}
.mypage_review .tabSet .tabs li a{padding-bottom:2px;background: #e9e9e9;padding:14px 40px;display: block;color: #767676;border-radius: 5px;}
.mypage_review .tabSet .tabs li a.on{opacity:1;background: #1A452A;color: #fff;border-color:#1A452A;;}
.mypage_review .tabSet .tabs li h4{font-size:1rem; font-weight: 500; }
.mypage_review .tabSet .tabs{margin-top:20px;}
.mypage_review.review .table ul p { padding: 0px 0px;}



.mypage_review .flex_sec{display: flex;}
.mypage_review .flex_sec .product_img img{display: block;}
.mypage_review .flex_sec .product_img{width: 100px;height: 100px;margin-right:20px;overflow: hidden;background: #f9f9f9;padding:10px}
.mypage_review .flex_sec .product_img i{width: 100%; height: 100%; display: block;}
.mypage_review .flex_sec .product_text_box{width:calc(100% - 120px);}
.mypage_review .flex_sec .product_text_box .button{width: 120px;padding:0;    text-align: right;}
.mypage_review .flex_sec .product_text_box > div{padding-right: 20px;}

.mypage_review .pro_wrap{display: flex;align-items: center;}
.mypage_review .pro_wrap .pro_info{width: calc(100% - 140px);padding-right: 40px;;}
.mypage_review .pro_wrap .thumbnail{display: block;width: 140px;height: 140px;background: #f9f9f9;padding:10px;}
.mypage_review .pro_wrap .product_title{font-weight: 600;font-size: 1.25rem;}

.mypage_review .p_op{font-size:1rem;opacity: 0.8;margin-top: 4px;}
.mypage_review .flex_sec .but_box button{font-size:0.9rem; border:1px solid #bbb; padding:10px 20px;color:#888;}
.mypage_review .in_body_table01{margin-top:20px;}
.mypage_review .payment_date{margin-bottom:40px;}

.mypage_review .payment_date > p{padding-bottom:10px;font-weight: bold;font-size: 20px;}
.mypage_review .payment_date > p span{font-weight: inherit;}

.mypage_review .panels{min-height: auto;margin-top: 30px;}
.mypage_review .product_text_box {display: flex;
    align-items: center;
    justify-content: space-between;}


.mypage_review .t_category span{width: 130px;margin-right:10px;border-radius: 10px;overflow: hidden;}
.mypage_review .t_category i{width:calc(100% - 140px);;}
.mypage_review .t_category span img{height: 100%; display: block;}
.mypage_review .t_star span { height: 30px;}

.mypage_review .review_text{margin-top: 15px;line-height: 1.3;background: #f8f8f8;padding:20px;color: #333;;}
.mypage_review .review_text .review_photo {display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.mypage_review .review_text .review_photo li{}

.mypage_review .review_text i{display: block;width: 200px;height: 200px;}
.mypage_review .review_con{display: flex;align-items: center;margin-top: 10px;}
.mypage_review .button.sec_mini button{margin:0;margin-top: 20px;}
.mypage_review .button.sec_mini button + button{margin-left: 10px;}

.mypage_review .review_con .review_total{    position: relative; margin-left: 10px;padding-left: 12px;}
.mypage_review .review_con .review_total::after {
    content: '';
    display: block;
    width: 2px;
    height: 13px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 46%;
    transform: translateY(-50%);
}

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



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

    

}

    


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

@media (max-width:1400px){

    /* 상품 사용후기 */
    .review .table .t_star{margin-right: 15px;}

}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){
    
    /* 상품 사용후기 */
    .review .table .t_category{width: 26%;}
    .review .table .t_star{width: 119px;}


    .company02 .con02 .image.raccoon,
    .company02 .con01 .image {width: 400px;}
    .company02 .con .wrapper > div {width: calc(100% - 400px); padding-left: 30px;}
    .company02 .con02 .wrapper:last-child > div, 
    .company02 .con01 .wrapper:first-child > div {padding-left: 0; padding-right:30px;    }
    
    .tit_info p {font-size: 26px; }
    .txt_info {font-size: 16px; }
    .company3 .con01 .last_big_txt {font-size: 22px; }
    .txt_animation .scrolling-text .scrolling-text-content {   font-size: 80px;}


    .info .con03 em {font-size: 26px;}



    .company3 .con02 .txt_info i {width: 350px; }
    .company3 .con02 .txt_info p {width: calc(100% - 350px);}
    .company3 .con02 .ceo_photo i {width: 180px; }
    .company3 .con02 .ceo_photo p {width: calc(100% - 180px);}


    /* .company3 .con02 .txt_info p br{display: none;} */


    
.company3 .txtbox{padding:0 20px;}
}

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

    
    .shop_view .pd-view-t-container .row-too-short{display: inherit;}

    /* 상품 사용후기 */
    .review .table .t_category span{display: block; margin: 0 auto;}


    .contact{width:100%;}
    

    .review .mypage_review .t_category span { margin: inherit;margin-right: 10px;   }


    
    .company02 .con02 {padding:40px 20px;}

    .company02 .con02 .wrapper{display: block;}
    .company02 .con02 .image{width: 100%;}
    .company02 .con02 .wrapper > div{width: 100%;}
    .company02 .con02 .image.dog{float: left;margin-right: 30px;margin-top: 0;}
    .company02 .con02 .image.raccoon{margin-left: 30px;margin-top: 0;}
    .company02 .con02 .wrapper.first > div{width: 100%;}
    .company02 .con02 .wrapper + .wrapper {margin-top: 180px;}






}
/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
    
    .review .table ul p{padding: 15px 0;}
    .review .table .t_category{width: 22%; margin-right: 1%;}
    /* .review .table .t_title{width: 25%; margin-left: 1%;} */

    .review .mypage_review .table .t_category{    width: 39%;}
    .review .mypage_review .table ul p {  padding: 0;  }

    .company02 .con p.tit { font-size: 50px; top: -59px;}



    .company3 .con02 .txt_info i {width: 250px; }
    .company3 .con02 .txt_info p {width: calc(100% - 250px);}
    .company3 .con02 .ceo_photo i {width: 160px; }
    .company3 .con02 .ceo_photo p {width: calc(100% - 160px);}

    .company3 .con02 .txt_info.txt_right{margin:40px 0;}

    .info .con03 p {font-size: 16px;font-weight: 500;}


    .tit_info p {font-size: 22px;}
    .txt_info span{font-size: 18px;}
    .txt_animation .scrolling-text .scrolling-text-content {font-size: 60px; }
    .txt_animation {margin: 60px 0; }

    .company3 .con + .con {margin-top: 70px; }

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

    .company3 .con01 .last_big_txt {font-size: 18px;}

    .tit_info em { margin-bottom: 15px;  font-size: 16px;}

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

@media (max-width:768px){
    
    h3{margin-bottom: 30px; font-size: 2rem}
    .notice h3 {   font-size: 2rem; margin-bottom: 30px;}
    
    
    .content { padding: 60px 0;}
    /* 공지사항 */
    .notice .table .head_table { display: none;}
    .notice .table ul li > div { display: inherit;    text-align: left;}
    .notice .table ul p { padding: 5px 0px;}
    .notice .table .t_no {width: 20%;font-size: 1.125rem;color: #bbb; font-weight: bolder; }
    .notice .table .t_title {font-size: 1.25rem;    width: 85%;}
    .notice .table .t_date { width: 100%; text-align: right; }
    .notice .table .t_views{display: none;}
    .notice .table .body_table li { padding: 10px 0;}
    .notice .table .t_name { width: 100%; text-align: right; }

    .notice_view .bottom .tit{width: 20%;}
    .notice_view .body .body_in_file {padding: 10px 0;}
    .notice_view .top .view_title {font-size: 1.3rem;}


    .company02 .con02 .image.raccoon, 
    .company02 .con01 .image{width: 250px;}
    .company02 .con .wrapper > div {width: calc(100%); padding-left: 0px;}
    .company02 .con02 .wrapper:last-child > div, 
    .company02 .con01 .wrapper:first-child > div {padding-left: 0; padding-right:0px;    }
    .company02 .con .wrapper p {font-size: 16px;}
    .company02 .con .wrapper + .wrapper {margin-top: 40px;}
    .company02 .con .wrapper p.last {font-size: 14px;}
    .company02 .con .wrapper p.last span { font-size: 16px;}
    .company02 .con01 .image.dog{margin-right: 20px;}
    .company02 .con01 .image.raccoon{margin-left: 20px;margin-top: 0;}

    
    .company02 .con .wrapper{display: block;}
    .company02 .con02 .image{width: 100%;}
    .company02 .con02 .wrapper > div{width: 100%;}
    .company02 .con02 .image.dog{width: 170px;margin-right: 20px;}
    .company02 .con02 .image.raccoon{margin-left: 20px;margin-top: 0;}
    .company02 .con02 .wrapper.first > div{width: 100%;}
    .company02 .con02 .wrapper + .wrapper {margin-top: 40px;}

    .company02 .con + .con {margin-top: 120px; }
    .info .con03 p {font-size: 16px;}
    .info .con03{display: block;}
    .info .con03 .en_txt,
    .info .con03 .sec_right{width: 100%;}
    .info .con03.inheritance_con .col-md-2{width: 25%;}
    .info .con03.inheritance_con ul li:last-child{display: none;}
    .company3 .txtbox { margin-top: 20px;}


    .company3 .con02 .txt_info i {width: 250px; }
    .company3 .con02 .txt_info p {width: calc(100% - 250px); padding-left: 20px;}
    .company3 .con02 .ceo_photo i {width: 120px; }
    .company3 .con02 .ceo_photo p {width: calc(100% - 120px); }

    .company3 .con02 .txt_info.txt_right p{ padding-right: 20px;}

    .tit_info p br{display:none;}

}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){
    .view-tab-container { margin: 0 -16px;}
    .sec { padding: 80px 0;}
    .promotion ul li .promotion_bg {height: 250px;}
    h3 {font-size: 2rem;margin-bottom: 30px;}
    .content { padding: 50px 0;}
    .notice h3{font-size: 2rem;margin-bottom: 0;}
    .top_minilist span.on::after{display: block;}
    .mypage_review .button.type02 button { padding: 8px 12px;}
    textarea {  height: 130px; padding: 12px;font-size: 14px;}


    .company02 .con01 .image {width: 40%;}
    .company02 .con .wrapper > div {width: calc(100% ); padding-left:0;}
    .company02 .con02 .wrapper:last-child > div, 
    .company02 .con01 .wrapper:first-child > div {padding-left: 0; padding-right:0;    }
    .company02 .con01 .image.raccoon {margin-top: 30px; }
    .company02 .con .wrapper p {font-size: 16px;}
    .company02 .con .wrapper + .wrapper {margin-top: 40px; }
    .company02 .con .wrapper p.last {font-size: 14px;}
    .company02 .con .wrapper p.last span { font-size: 16px;}

    .company02 .con .image.raccoon {margin-left: 16px; }
    .company02 .con02 .image.dog {margin-right: 16px;}
    .company02 .con01 .image.dog {margin-right: 16px;margin-top: 10px; }
    .company02 .con01 {padding: 80px 0; }



    .company02 .con.out_con {margin-top: 140px; }
    .company02 .con p.content + p.content {margin-top: 10px; }

    .company02 .con02 .image.raccoon {  margin-top: 20px; }

    .tit_info p {font-size: 18px;}


    .company3 .con02 .txt_info.txt_right{display: flex;flex-direction: column-reverse;}
    
    .company3 .con02 .last_txt_info i,
    .company3 .con02 .last_txt_info p,
    .company3 .con02 .txt_info.txt_right i,
    .company3 .con02 .txt_info.txt_right p{width: 100%;padding:0;text-align: left !important;}
    .company3 .con02 .txt_info.txt_right i img{width: 100%; content:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/16690725811073.png)}


    .company3 .con02 .last_txt_info{display: block;}

    
    .company3 .con02 .last_txt_info i,
    .company3 .con02 .txt_info.txt_right i{padding-bottom:40%;overflow: hidden;position: relative;display: block;margin-bottom: 10px;}
    .company3 .con02 .last_txt_info i img,
    .company3 .con02 .txt_info.txt_right i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}


    .info .con03 em {font-size: 22px;}
    .info .con03 p,
    .company3 .con02 .txt_info p {  line-height: 1.7;font-size: 14px;}

    .txt_info{font-size: 14px;}
    .txt_info + .last_info, .txt_info + .txt_info {margin-top: 20px; }
}

/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .page_but {margin-top: 30px !important;}


    .review_view .top > div{flex-wrap: wrap;}
    .review .table .before_answer .t_category i{width:100px; height:100px;}
    .review .table .before_answer .t_category i img{height: 100%;}
    .review .table ul li .before_answer {padding: 10px 0px 10px 120px;}
    .review .table .before_answer .t_category{font-size:1.125rem;}
    .review .table .t_title {padding: 2px 0; }


    .pd-sle-con02 .select_list {display: inherit;position:relative;}
    .pd-sle-con02 .select_list .select_name{width:100%;}
    .pd-sle-con02 .select_list .select_price{width:70%;display: inline-block;    }
    .pd-sle-con02 .select_list .close{position:absolute; top:10px; right:10px;}
    

    .mypage_review .product_text_box {justify-content: space-between; flex-direction: column;align-items: flex-start;}
    .mypage_review .but_box.but_box01{width: 100%;;}
    .mypage_review .but_box.but_box01 button{width: 100%;;}
    .mypage_review .t_category span { width: 100px;}
    .review .mypage_review .table .before_answer p {padding-left: 120px;}
    .review .mypage_review .table .t_star {margin-left: 120px;}
    .review .mypage_review .table li {padding: 10px 0; }
    .mypage_review .pro_wrap .pro_info{width: calc(100% - 100px);padding-right: 20px;;}
    .mypage_review .pro_wrap .thumbnail{width: 100px;height: 100px;}

    .promotion ul li .text_box { height: 140px;}

    .mypage_review .tabSet .tabs li{width: 50%;    text-align: center;}
    .mypage_review .tabSet .tabs li a{padding:12px 0;}
    .mypage_review .tabSet .tabs li+li{margin-left: 12px;}


    .notice_view .top {padding-bottom: 12px;}
    .mypage_review .flex_sec .product_text_box .button{width: 100%;}
    .mypage_review .flex_sec .product_text_box .button button{margin:0;width: 100%;}
    .mypage_review .flex_sec .product_text_box > div .product_title{font-weight: bold;font-size: 1.125rem;}
    .mypage_review .p_op {  margin-top: 0;}



    .company02 .con + .con {margin-top: 80px; }
    .info .con03 p {font-size: 14px;}
    .info .con03 .en_txt{margin-bottom:12px;font-size: 22px;}
    .info .con03 .sec_right ul {margin-bottom: 10px;}
    
    
    .company02 .con02::before, .company02 .con01::before { background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/ROLLINSTOOL/166535205117924.png) center/300%;}
    .company02 .con p.tit {font-size: 30px;top: -35px; }
    .company02 .con.out_con {margin-top: 120px;  }

    .info .con03.inheritance_con .col-md-2{width: 50%;;}
    .company3 .txtbox {  margin-top: 16px;}

    }

/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    html{font-size:14px;}
    .review_view #content{min-height: auto;}


    .notice_view .bottom .tit{width: 30%;}


    .pd-sle-con02 .select_list {display: inherit; }
    .pd-sle-con02 .select_list .select_name {width: 100%; text-align: left;}
    .pd-sle-con02 .select_list{position:relative}
    .pd-sle-con02 .select_list > div:first-child{width:100% !important}
    .pd-sle-con02 .select_list > div{align-items: center;;}
    .pd-sle-con02 .select_list .close{position: absolute; top:18px;right:20px;width:10px !important;}


    .review .table .t_date {position: inherit;  }
    .review .table .before_answer .t_category {padding-top: 20px;}
    .review .mypage_review .table .t_star {position: absolute;top: 0;left: 0;}

    .mypage_review .button.type02 button {padding: 6px 8px;}


    .company3 .con02 .ceo_photo i {width: 100px;}
    .company3 .con02 .ceo_photo p {width: calc(100% - 100px);    padding-left: 12px;}


    .txt_info span {font-size: 16px;}

    .company3 .con01 .last_big_txt {font-size: 16px; margin-top:30px; }

    .txt_animation .scrolling-text .scrolling-text-content {font-size: 40px; }
    .tit_info p {font-size: 16px;}


    .company3 .con02 .tit_info + .txt_info {margin-top: 20px; }
    .company3 .con02 .txt_info.txt_right {margin: 20px 0; }
    .company3 .con05 .txtbox { margin-bottom: 10px;}
    .company3 .con04 .txtbox em {margin-bottom: 5px;}

    .info .con03 .en_txt {margin-bottom: 8px;}

    .txt_animation {margin: 40px 0; }

    .info .con03 .en_txt {  font-size: 18px;}
}

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

    .review .mobile_table ul li{flex-wrap: wrap;}
    .review .mobile_table .review_product{width: 100%; padding-right: 0; padding: 0 20px;}
    .review .mobile_table .review_txt{width: 100%;}
    .review .mobile_table .review_txt .t_title{margin-bottom: 10px;}
    .review .mobile_table .review_txt .t_name{display: inline-block; margin-right: 14px;}
    .review .mobile_table .review_txt .t_date{display: inline-block }
    



.reason02_01{margin-top:20px;overflow: hidden;}
.reason02_01 > p{ font-size: 1rem;}
.reason02_01 button{width:100%; border:1px solid #eee; padding:15px 0; border-radius: 10px;margin-top:10px;}
.reason02_01 .img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.reason02_01 .img_box ul li:last-child{margin:0}
.reason02_01 .img_box{width:100%;}
.reason02_01 .img_box .img_im{overflow: scroll;}
.reason02_01 .img_box ul{width: 640px;display: flex;justify-content: flex-start;}
.reason02_01 .img_box .sc_event{width:100%; overflow-x: scroll; }
.reason02_01 .img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box; border: 2px solid transparent;}
.reason02_01 .img_box ul li img{width:20px; background-color: rgba(0 , 0, 0 , 0.3);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px;}



.orderlist_cancel .pro_price ul {padding-bottom: 10px;;}
.orderlist_cancel .pro_price li{display: flex;padding:6px 0;justify-content: space-between;}
.orderlist_cancel .total_price{padding-top:10px;border-top:1px solid #000;display: flex;  font-size: 1.25rem;justify-content: space-between;}

}