@charset "utf-8";

/* 리스트 공통 */
.lists-row { margin-right:- 10px; margin-left: -10px; }
.lists-row .col-row-0,
.lists-row .col-row-1,
.lists-row .col-row-2,
.lists-row .col-row-3,
.lists-row .col-row-4,
.lists-row .col-row-5,
.lists-row .col-row-6,
.lists-row .col-row-7,
.lists-row .col-row-8,
.lists-row .col-row-9,
.lists-row .col-row-10 { position: relative; min-height: 1px; padding-left: 10px;/*padding-left:0;padding-right:10px;*/padding-right: 0; float: left; -webkit- -moz-  margin-left: 0; }
.lists-row .col-row-0,
.lists-row .col-row-1{ width: 100%; }
.lists-row .col-row-2{ width: 50%; }
.lists-row .col-row-3{ width: 33.33333333%; }
.lists-row .col-row-4{ width: 25%; }
.lists-row .col-row-5{ width: 20%; }
.lists-row .col-row-6{ width: 16.66666667%; }
.lists-row .col-row-7{ width: 14.28571428%; }
.lists-row .col-row-8{ width: 12.5%; }
.lists-row .col-row-9{ width: 11.11111111%; }
.lists-row .col-row-10 { width: 10%; }
.row-clear { clear: both !important; }
.lists-row .sct_img img { max-width: 100%; height: auto; }


/* 공통 */
.ca_content { text-align: center; margin-bottom: 10rem; }
.ca_content_title { margin-bottom: 3.6rem; font-size: var(--fs-18); }
.ca_content_text { padding: 5.8rem 10rem; font-size: var(--fs-16); line-height: 1.5; background: #FFFFFF33 url('img/ca_content_bg.jpg') no-repeat center center/cover; border-radius: 2rem; overflow: hidden; }
.ca_content_text p { line-height: 1.5; }
.ca_content_text p + p { margin-top: 2rem; }
.ca_total_count { margin-bottom: 2rem; color:var(--sub-text-color); }
.ca_total_count b { color:var(--text-color); }

@media screen and (max-width:768px) {
    .ca_content_text { padding: 5rem 3rem ; }
}

.clear { clear: both; }
.clear:after { content:""; display: block; height: 0; clear: both; }
.sct_wrap { position: relative; zoom: 1; margin: 8rem auto; }
.sct_wrap .sctrl { position :absolute; top: 0; right: 0; } /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after { content: ""; display: block; visibility: hidden; clear: both; } 
.sct_wrap header { margin: 0 0 50px; zoom: 1; }
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap .sub_tit {font-size:16px; text-transform: uppercase; font-weight:500; color:var(--key-color); letter-spacing: 1px; margin-bottom:4px; word-break: keep-all;}
.sct_wrap .main_tit {text-align:center;font-size:30px;margin:0 0 40px 0;display:inline-block; font-weight: 500; word-break: keep-all;}
.sct_wrap .main_tit a{text-decoration:none; color: #393939}
.sct_wrap .txt{margin: 0 auto; padding-bottom: 40px; width: 95%; word-break: keep-all;}

.sct_wrap .more_btn{display: block; width: 180px; height: 45px; line-height: 43px; margin: 0 auto; text-align: center; border: 1px solid #333; font-size: 15px; color: #333; transition: all .4s ease-out;}
.sct_wrap .more_btn:hover{border: 1px solid var(--key-color); color: var(--key-color);}
.sct_wrap .more_arw{display: inline-block; padding-left: 20px; background: url(/theme/mro/img/more_arw.png)no-repeat top center; width:7px; height: 11px; transition: all .4s ease-out;}
.sct_wrap .more_btn:hover .more_arw{ background: url(/theme/mro/img/more_arw_h.png)no-repeat top center;}
.mint{color: var(--key-color);}

#sct {clear:both}
#sct .list_h2 {font-size:3rem; font-weight: 600;}
.sct {clear:both;margin:0;padding:0;list-style:none;zoom:1; }
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct .sct_img a{display: block; width: 100%; height: 100%; position: relative; overflow: hidden;transition: all .3s ease-in-out; }
.sct .sct_img a:hover .hover, .sct .sct_img a .hover.on {opacity: 1;}
.sct_noitem { padding:100px 0;text-align:center; font-size: 14px; color: #717171; }
.sct img {position:relative; width: 100%; height: auto;} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.sct .sct_img .hover {display: block; position: absolute; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,0.6); transition: all .3s ease-in-out; opacity: 0; top: 0; left: 0;}
.sct .sct_img .hover .btn {width: 59px; height: 59px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: url(/theme/shaper/img/main_ico.png)no-repeat; background-position: -103px 0; -webkit-background-size: 600%;
background-size: 600%;}

.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fw8{font-weight: 800;}


/* main_quick */
.main_quick{position: absolute; top: 1%; right: 7%; z-index: 999;}
.main_quick li a{display: block; width: 65px; height: 65px; background: #fff url(/theme/mro/img/fixed_ico1.png) no-repeat 50% 50%/62%; text-align: center; border-radius: 100%; margin-bottom: 15px; cursor: pointer; }
.main_quick li:nth-child(2) a{background: #fff url(/theme/mro/img/fixed_ico5.png) no-repeat 50% 50%/62%;}
.main_quick li:nth-child(3) a{background: #fff url(/theme/mro/img/fixed_ico3.png) no-repeat 50% 50%/62%;}
.main_quick li:nth-child(4) a{background: #fff url(/theme/mro/img/fixed_ico4.png) no-repeat 50% 50%/62%;}
.main_quick li:last-child a{margin-bottom: 0; background: #fff url(/theme/mro/img/fixed_ico6.png) no-repeat 50% 50%/62%;}
.main_quick .hover{position: absolute; right: 0; width: 230px; height: 65px; line-height: 65px; background: #fff; color: var(--key-color); font-size: 16px; font-weight: 600; border-radius: 60px; opacity: 0; text-align: left; padding-left: 25px; transition: all .4s ease-out; z-index: -1; -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 30%); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px rgb(0 0 0 / 30%);}
.main_quick li:hover .hover{opacity: 1; transition: all .4s ease-out;}

/*fixed menu*/
.fixed_menu{position: fixed; top: 50%; right: 30px; transform: translateY(-50%); background: #fff; width: 150px; z-index: 88; border-radius: 30px; box-shadow: 0px 0px 10px 6px rgb(0 0 0 / 5%); text-align: center; padding: 20px 10px; }
.fixed_menu li{padding: 15px 0;  border-bottom: 1px solid #ddd;}
.fixed_menu li:last-child{border-bottom: 0; padding-bottom: 0;}
.fixed_menu a{display: block;}
.fixed_menu .ico{display: block; width: 50px; height: 50px; margin: 0 auto; background: url(/theme/mro/img/fixed_ico1.png) no-repeat top center/cover;}
.fixed_menu li:nth-child(2) .ico{background: url(/theme/mro/img/fixed_ico2.png) no-repeat top center/cover;}
.fixed_menu li:nth-child(3) .ico{background: url(/theme/mro/img/fixed_ico3.png) no-repeat top center/cover;}
.fixed_menu li:last-child .ico{background: url(/theme/mro/img/fixed_ico4.png) no-repeat top center/cover;}
.fixed_menu .tit{display: block; font-size: 15px; letter-spacing: -.5px; color: #333; margin-top: 10px; transition: all .4s ease-out;}
.fixed_menu li:hover .tit{color: var(--key-color); font-weight: 500; transition: all .4s ease-out;}


/* 인증마크 */
.mark_wrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap;  padding: 20px 0; position: absolute; bottom: 0;}
.mark_wrap ul{width: 100%;}
.mark_wrap li{display: inline-block; margin-right: 4%; width: 13%;}
.mark_wrap li:last-child{margin-right: 0;}
.mark_wrap li .ico{background:#fff url(/theme/mro/img/mark1.png)no-repeat 50% 50%/cover; width: 100px; height: 100px; border-radius: 100%; display: block; margin: 0 auto; position: relative; visibility: visible !important; -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); }
.mark_wrap li .ico::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #000; opacity: 0; transition: all .6s ease-out; }
.mark_wrap li .ico:hover::before{opacity: 0.35; transition: all .6s ease-out;}
.mark_wrap li:nth-child(2) .ico{background:#fff url(/theme/mro/img/mark2.png)no-repeat 50% 50%/cover;}
.mark_wrap li:nth-child(3) .ico{background:#fff url(/theme/mro/img/mark3.png)no-repeat 50% 50%/cover;}
.mark_wrap li:nth-child(4) .ico{background:#fff url(/theme/mro/img/mark4.png)no-repeat 50% 50%/cover;}
.mark_wrap li:nth-child(5) .ico{background:#fff url(/theme/mro/img/mark5.png)no-repeat 50% 50%/cover;}
.mark_wrap li:nth-child(6) .ico{background:#fff url(/theme/mro/img/mark6.png)no-repeat 50% 50%/cover;}
.mark_wrap li .name{color: #fff; font-size: 14px; display: block; padding-top: 10px; text-align: center; margin: 0 auto; visibility: visible !important;}


/*메인배너*/
.main_kv { width: 100%; position: relative; overflow: hidden; margin-top: 2rem; }
#main_bn { height: 100%; overflow: visible; z-index: 1; }
#main_bn .swiper-slide { aspect-ratio: 142/50; border-radius: 3rem; overflow: hidden; }
#main_bn .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.kv_bottom { width: 100%; margin-top: 3rem; display: flex; justify-content: right; align-items: center; gap:2rem; }
.kv_bottom .swiper-scrollbar { flex:1; }
.kv_bottom .swiper-arrow-wrap { display: flex; gap:1rem; align-items: center; }
.kv_bottom .swiper-scrollbar { background: rgba(255, 255, 255, 0.2); height: 2px; border-radius: 2px; }
.kv_bottom .swiper-scrollbar-drag { background: white; }
.kv_bottom .swiper-pagination { position: initial; }
.kv_bottom .swiper-button-prev, .kv_bottom .swiper-button-next { width: 24px; height: 24px; position: initial; background-size: 6px; }
.kv_bottom .swiper-pagination-total { color:var(--sub-text-color); }
.kv_bottom .swiper-pagination-divider { display: inline-block; padding: 0 1rem; }

@media screen and (max-width:1200px) {
    .main_kv { height: auto; margin-bottom: 150px; overflow: visible; }
}
@media screen and (max-width:1024px) {
    .main_kv { margin-top: 30px; margin-bottom: 90px; }
}


/* HOT 기획전 */
#exhibition{position: relative; width:100%;}
#exhibition::before{position: absolute; content: ""; width: 100%; height: 500px; background: #f7f7f7; top: 20%; left: 50%; transform: translateX(-50%);}
#exhibition .sct_wrap{display: flex; align-content: center; align-items: center; padding-bottom: 60px; margin-bottom: 200px;}
#exhibition header{width: 47%; text-align: left; margin-top: 225px;}
#exhibition h2, #exhibition .txt{color:#333; width: auto;}
#exhibition .more_btn{margin-left: 0;}

#exhibition .swiper{width: 700px; height: 530px; margin-right: 0;overflow: hidden;}
#exhibition .swiper-slide {background-position: center;background-size: cover;width: 375px;}
#exhibition .swiper-slide.slide1{background: url(/theme/mro/skin/board/rent/img/cate_img01.jpg) no-repeat top center/cover;}
#exhibition .swiper-slide.slide2{background: url(/theme/mro/skin/board/rent/img/cate_img02.jpg) no-repeat top center/cover;}
#exhibition .swiper-slide.slide3{background: url(/theme/mro/skin/board/rent/img/cate_img03.jpg) no-repeat top center/cover;}
#exhibition .swiper-slide.slide4{background: url(/theme/mro/skin/board/rent/img/cate_img04.jpg) no-repeat top center/cover;}

#exhibition .btn_wrap{width: 8%; max-height: 530px; height: auto; position: relative; }
#exhibition .swiper-button{position: absolute; bottom: -220px; left: 50%; transform: translateX(-50%);}
#exhibition .swiper-button-next, #exhibition .swiper-button-prev{display: block; flex: none; align-items: unset; justify-content: unset; top: auto; right: auto; bottom: 5%; left: 50%; transform: translateX(-50%);}
#exhibition .swiper-button-next{transform: translateX(-50%) rotate(180deg);}
#exhibition .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url('/theme/mro/img/ex_arrow.png')center /cover!important; width: 30px; height: 30px; transition: all .4s ease-out;}
#exhibition .swiper-button-next, #exhibition .swiper-container-rtl .swiper-button-prev{background:url('/theme/mro/img/ex_arrow.png')center /cover!important; width: 30px; height: 30px; transition: all .4s ease-out; position: absolute; bottom: 40px;}
#exhibition .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover, #exhibition .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{background:url('/theme/mro/img/ex_arrow_h.png')center /cover!important;}

   /* 페이징넘버 */
#exhibition .swiper-pagination1 {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 0;}
#exhibition .swiper-pagination1 span.swiper-pagination-current, 
#exhibition .swiper-pagination1 span.swiper-pagination-total{font-size: 16px; color: #333; display: block; text-align: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#exhibition .swiper-pagination1 span.swiper-pagination-total{bottom:-110px;}
#exhibition .swiper-pagination1 span.swiper-pagination-current{top:-110px; bottom: 0;}
    /*슬라이드 갯수가 10이상일 시 아래 css제거=강제로 숫자0을 넣어놓은것입니다. 디자인 변경*/
#exhibition .swiper-pagination1 span:before {content: "0";}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}

    /* 프로그래스바 */
#exhibition .swiper-pagination2{position: absolute; top: 54.5%; left: 50%; transform:translate(-50%, -50%) rotate(90deg); max-width: 160px; width: 160px; height: 2px; background-color: #ddd; }
#exhibition .swiper-pagination2 span.swiper-pagination-progressbar-fill {height: 2px;background-color: #333; top: -1px;}


/* main 이벤트베너 */
.evt_bnr { width: 100%; position: relative; cursor: pointer; }
.evt-bnr-box { width: 100%; height: 180px; background: url('/theme/mro/img/evt_banner_1.png') no-repeat center bottom/contain; }
.evt-bnr-box > a { display: block; width: 100%; height: 100%; }
.evt-bnr-box > a > span { opacity: 0; }

@media screen and (max-width:1024px) {
    .evt-bnr-box { height: 130px; }
}
@media screen and (max-width:768px) {
    .evt-bnr-box { background: url('/theme/mro/img/evt_banner_1_m.png') no-repeat center bottom/100%; height: 270px; }
    .evt_bnr .bnr_txt .tit { font-size: 24px; }
    .evt_bnr .bnr_txt .txt { font-size: 15px; }
} 
@media screen and (max-width:600px){
    .evt-bnr-box { height: 210px; }
}
@media screen and (max-width:500px){
    .evt-bnr-box { height: 180px; }
}



/* 더엠알오 인기상품 */
.best header{text-align: left;}
.best .sct_wrap .main_tit{margin: 0;}
.best .cont{display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.best .cont .box{height:600px; flex:1; margin-right: 20px;}
.best .cont .box:last-child{margin-right: 0;}
.best .cont .c_box{background: #eee; position: relative; overflow: hidden;}
.best .cont .box1{height: 300px;}
.best .cont .box2{height: 300px; margin-bottom: 20px;}
.best .cont .box3{height: calc(100% - 320px); }

.best .cont .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover;}

.best .cont .txt{position:absolute; bottom: 20px; left: 20px; margin: 0; padding: 0; width: auto;}
.best .cont .txt p{display: inline-block; text-align: left;}
.best .cont .txt .name{color: #333; font-weight: 600; padding-right: 12px;}
.best .cont .txt .price{position: relative; color: #717171; font-size: 15px; font-family: 'Noto Sans KR', 'sans-serif'; padding-left: 12px; font-weight: 600;}
.best .cont .txt .price::before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ccc;}
.best .cont .hover{width: 100%; width: 100%; position: absolute; bottom: 0; height: 60px; transition: all .4s ease-out;}
.best .cont .hover::before{width: 100%; content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 60px; background: #000; opacity: 0; }
.best .cont .c_box:hover .hover::before{opacity: .3; transition: all .4s ease-out;}

.best .cont .c_box:hover .ico{opacity: 1; transition: all .5s ease-out;}
.best .cont .ico{position: absolute; bottom: 12px; right: 20px; opacity: 0; transition: all .5s ease-out;}
.best .cont .ico p{display: inline-block; width: 26px; height: 26px; }
.best .cont .ico .wish{background: url(/theme/mro/img/wish.png)no-repeat top center/cover; margin-right: 20px; transition: all .5s ease-out;}
.best .cont .ico .more{background: url(/theme/mro/img/more.png)no-repeat top center/cover; transition: all .5s ease-out;}


/* main - About */
.about{height: 700px; background: url(/theme/mro/img/about_bg.jpg)no-repeat 50% 66% /cover; margin-bottom: 100px; }
.about .sct_wrap{padding: 0; top: 50%; left:50%; transform: translate(-50%, -50%);}
.about header{color: #fff;}
.about .more_btn{color: #fff; border: 1px solid #fff;}
.about .more_arw{background: url(/theme/mro/img/more_arw_w.png)no-repeat top center;}


/* 커뮤니티 링크 */
#scomm {padding:20px}
#scomm h2 {margin:0 0 5px}
#scomm li {display:block;margin:3px}
#scomm li a {line-height:25px;color:#555}
#scomm li a:hover {color:#be334a}

/* 메인배너 */
#main_bn {position:relative; cursor: pointer;}
.bn-img{min-width:1200px;height:600px;display:block;background-position:top center;background-repeat:no-repeat}
#main_bn .bx_pager{position:absolute;bottom:0;right:0;width:100%;max-width:1600px;}
#main_bn .bx_pager ul{margin:0 auto;width: 100%;}
#main_bn .bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .bx_pager li{float:left;padding:0 3%;text-align:center;background:rgba(0,0,0,.6);}
#main_bn .bx_pager li a{display:block;text-align:center;line-height:50px;font-size:1.083em;color:rgba(255,255,255,.5)}
#main_bn .bx_pager li .active{color:#fff;}
#main_bn .bx-prev{position:absolute;top:50%;left:10px;background:url(./img/btn-prev.png) 50% 50% no-repeat rgba(0,0,0,0.6);width:50px;height:50px;text-indent:-999px;overflow:hidden;margin-top:-25px;border-radius:50%}
#main_bn .bx-next{position:absolute;top:50%;right:10px;background:url(./img/btn-next.png) 50% 50% no-repeat rgba(0,0,0,0.6);width:50px;height:50px;text-indent:-999px;overflow:hidden;margin-top:-25px;border-radius:50%}
#main_bn .bx-next,#main_bn .bx-prev{opacity:0;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
#main_bn:hover .bx-next,#main_bn:hover .bx-prev{opacity:1;}
#main_bn .btn_wr{display: none;}

/*서브배너*/
#sbn_side {position:relative;width:100%;margin-bottom:20px}
.sb_bn img {width:100%;height:auto}
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side .bx-controls {position:absolute;bottom:10px;left:15px}
#sbn_side .bx-pager-item {display:inline-block}
#sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5}
#sbn_side .bx-pager-item a.active {opacity:1}
#sbn_side .bx-controls-direction {display:none}

/*장바구니*/
#sbsk { position: relative; }
#sbsk li { position: relative; border-bottom:1px solid var(--border-color); padding: 15px 5px;;}
#sbsk li:after { content: ""; display: block; visibility: hidden; clear: both; }
#sbsk .go_cart { display: inline-block; position: absolute; top: -48px; right: 5px; height: 28px; line-height: 22px; border: 1px solid var(--border-color); color:white; border-radius: 2px; padding: 3px 5px; font-size: 13px; transition: .3s; }
#sbsk .go_cart:hover { background: #FFFFFF33; }
#sbsk .btn_buy { padding: 15px; font-weight: bold; text-align: center; }
#sbsk .btn_buy .btn_submit { width: 100%; height: 36px; font-size: 13px; }
#sbsk .li_empty { text-align: center; line-height: 100px; }
#sbsk .prd_img { display: inline-block; width: 100%; max-width: 50px; float: left; margin-right:10px; }
#sbsk .prd_cnt { display: inline-block; width: calc(100% - 60px); float: left; font-size: 0.8rem; }
#sbsk .prd_cnt a,
#sbsk .prd_cnt span { display: block; }
#sbsk .prd_cnt .prd_name { font-weight: bold; margin-bottom: 3px; height: 55px; text-align: left; }
#sbsk .prd_cnt .prd_cost { padding-right: 15px; font-weight: 600; font-size: 17px; color: var(--key-color); position: relative; text-align: right; margin-right: 27px; }
#sbsk .prd_cnt .prd_cost::after { content: '원'; display: inline-block; font-size: 14px; position: absolute; top: 1px; right: 0; } 
#sbsk .cart_del { border: 0; width: 25px; height: 25px; text-align: center; position: absolute; bottom: 14px; right: 0; color: #c5c8ca; background: #fff; font-size: 16px; }

/*위시리스트*/
#wish {}	
#wish li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#wish li:after {display:block;visibility:hidden;clear:both;content:""}
#wish .li_empty {text-align:center;line-height:100px}
#wish .prd_img {display:inline-block;float:left;margin-right:10px}
#wish .prd_cnt {display:inline-block;float:left}
#wish .prd_cnt a {display:block;max-width:105px}
#wish .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}



/* 재생/정지/이전/다음 버튼 */
.sctrl {margin:0;padding:0;list-style:none}
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
.sctrl li {position:relative;float:left}
.sctrl button {position:relative;margin:0;padding:0;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden}
.sctrl button span {position:absolute;top:0;left:0;width:20px;height:20px;border:0;background:url('img/is_button.gif') no-repeat}
.sctrl button.sctrl_play span {background-position:-60px 0}
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
.sctrl button.sctrl_stop span {background-position:-90px 0}
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
.sctrl button.sctrl_prev span {background-position:-120px 0}
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
.sctrl button.sctrl_next span {background-position:-150px 0}
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}

/* 메인리스트 별점 공통 */
.sct_li .sct_star img, .sct_li img.sit_star{width:72px !important;height:auto}


/* 상품 목록 스킨 10 */
.sct_10 { display: grid; grid-template-columns: repeat(5, 1fr); gap:3rem; width: 100%; }
.sct_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}  
.sct_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_10 .sct_sns .share-facebook {background:#415b92}
.sct_10 .sct_sns .share-twitter {background:#35b3dc}
.sct_10 .sct_sns .share-googleplus {background:#ea3838}
.sct_10 .sct_sns img {width:24px}
.sct_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:1.6rem;background:#fff}

.sct_10 .sct_sns{position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%}
.sct_10 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)}
.sct_10 .sct_sns .share-facebook:hover{background:#415b92}
.sct_10 .sct_sns .share-twitter:hover{background:#35b3dc}
.sct_10 .sct_sns .share-googleplus:hover{background:#d5503a}
.sct_10 .sct_sns img{width:18px}

.sct_10.sct_table_list { display: flex; flex-wrap: wrap; gap:0; }
.sct_10.sct_table_list > li { width: 100%; display: flex; align-items: center; gap:3rem; padding: 2rem 0; border-bottom: 1px solid #FFFFFF4D; }
.sct_10.sct_table_list .sct_li .sct_img { width: 47%; max-width: 230px; }
.sct_10.sct_table_list .sct_li .sct_txt { margin-top: 0; }

/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_icon {position: absolute;top: 15px;left: 15px;display: inline-block;width: 38px;margin: 0;line-height: 25px;font-size: 14px;}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
.sct_20 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}


/* 상품 목록 스킨 30 */
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img {position:absolute;top:0;left:0}
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_30 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}


/* 상품 목록 스킨 40 */
.sct_40{margin-bottom: 40px;}
.sct_40 .sct_li {position:relative;padding:15px 0 !important; height:auto !important; border-bottom:1px solid #dadada}
.sct_40 .sct_li:first-child{border-top: 0 !important;}
.sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}

.sct_40 .sct_img {text-align:center;float:left;margin-right:30px; position:relative; width: 20%;}
.sct_40 .sct_img a {display:block}
.sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid var(--key-color);background:var(--key-color);color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
.sct_40 .list-10-btn .sct_cart i{display:none}
.sct_40 .sct_img:hover .sct_cart {display:block}
.sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_40 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.sct_40 .sct_icon { position:absolute; top:15px; left:15px; width:100%;}


.sct_40 .sct_ct_wrap {position:relative}
.sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_star {margin:10px 0 5px}
.sct_40 .sct_txt {font-size:1.1em;margin:10px 0;}
.sct_40 .sct_txt a{font-weight:600;}
.sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_40 .sct_cost {font-size:1.1em;font-weight:bold}
.sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

.sct_40 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_40 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.sct_40 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_40 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_40 .sct_sns .share-facebook {background:#415b92}
.sct_40 .sct_sns .share-twitter {background:#35b3dc}
.sct_40 .sct_sns .share-googleplus {background:#ea3838}
.sct_40 .sct_sns img {width:24px}
.sct_40 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_40 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:1.6rem;background:#fff}

.sct_40 .sct_op_btn {position:absolute;right:20px;bottom:20px}
.sct_40 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}


/* 메인 상품 목록 스킨 45 - main.45.skin : 모음전 */
.collection{position: relative;}
.collection header{display: none;}
.collection_item{display: flex;background:#f5f5f5 url(/theme/nox/img/banner02_bg.png)no-repeat center/cover;}
.collection--banner{flex:0 0 35%;}
.smt_45{flex:0 0 50%;padding:1% 0 !important; position: inherit !important;}
.smt_45 .sct_li {position:relative;float:left; margin-right:15px;margin-bottom:15px;text-align:left}
.smt_45 .sct_last {margin-right:0}
.smt_45 .sct_clear {clear:both}
.smt_45 .sct_a {text-decoration:none}
.smt_45 .sct_a:focus, .smt_45 .sct_a:hover {text-decoration:none}
.smt_45 .sct_ct_wrap {position:relative}
.smt_45 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.smt_45 .sct_img {position:relative;text-align:center}
.smt_45 .sct_img a {display:block}
.smt_45 .sct_img:hover .sct_cart {display:block}
.smt_45 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.smt_45 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.smt_45 .sct_star {margin: 10px 0 5px}

.smt_45 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_45 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_45 .sct_dict {text-decoration:line-through; font-size:13px;font-weight:400;color:#aaa; display: block; letter-spacing: -.5px;}

.smt_45 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.smt_45 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.smt_45 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.smt_45 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.smt_45 .sct_sns .share-facebook {background:#415b92}
.smt_45 .sct_sns .share-twitter {background:#35b3dc}
.smt_45 .sct_sns .share-googleplus {background:#ea3838}
.smt_45 .sct_sns img {width:24px}
.smt_45 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.smt_45 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:1.6rem;background:#fff}

.smt_45 .sct_op_btn {position:absolute;right:5px;bottom:0}
.smt_45 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

.sct_cartop_wr {position:absolute;bottom:0;left:0;z-index:3;width:100%;text-align:left;background:rgba(255,255,255,.8);border:1px solid #eee; box-sizing:border-box; font-size:0;  text-align:center;}

.sct_cartop_wr .it_option { width:95%;height:35px;margin:0 0 5px; font-size:15px;}
.sct_cartop_wr #it_option_0_1.it_option {margin-top:10px;}
.sct_cartop_wr .cartopt_cart_btn { display:inline-block;  vertical-align:middle;border:1px solid var(--key-color);padding:3px 5px;background:var(--key-color);color:#fff;border-radius:3px; width:83%;font-size:1.4rem; margin-right:2%; margin-bottom:10px; margin-top:5px;}
.sct_cartop_wr .cartopt_close_btn {display:inline-block; vertical-align:middle; text-indent:-99999px; border:1px solid var(--key-color);padding:3px 5px;background:#fff;color:var(--key-color);border-radius:3px; width:10%; font-size:1.4rem; position:relative; margin-bottom:10px;  margin-top:5px;}
.sct_cartop_wr .cartopt_close_btn::before { content:''; display:inline-block; width:1px; height:10px; background:var(--key-color); position:absolute; left:50%; top:50%; transform:translate3D(-50%, -50%, 0) rotate(45deg); }
.sct_cartop_wr .cartopt_close_btn::after { content:''; display:inline-block; width:1px; height:10px; background:var(--key-color); position:absolute; left:50%; top:50%; transform:translate3D(-50%, -50%, 0) rotate(-45deg); }
.sct_cartop_wr label { font-size:0;}

.smt_45 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.smt_45 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}

.smt_45 .swiper-pagination-progressbar{width: 100%; height:1px !important; position: absolute; top: auto !important; bottom:0 !important; background: #ddd !important;}
.smt_45 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#333 !important; top: -1px !important; height:2px !important;}


/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden;}
.smt_20 .sct_ul {width:100%;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;width:19.3%;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_clear {clear:both}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {position:relative;text-align:center}
.smt_20 .sct_img a {display:block}
.smt_20 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.smt_20 .sct_img:hover .sct_cart {display:block}
.smt_20 .sct_txt {font-size:17px;padding-bottom:15px; font-weight: 700;}
.smt_20 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_20 .sct_cost {margin:5px 0 10px;font-size:17px;font-weight:bold; color: var(--key-color);}
.smt_20 .sct_dict {text-decoration:line-through;display:block;font-size:12px;color:#aaa}

.smt_20 .sct_sns {margin-bottom:10px} 
.smt_20 .sct_sns a {display:inline-block;border-radius:50%;width:30px;height:30px;line-height:28px;margin-right:5px;text-align:center}
.smt_20 .sct_sns .share-facebook {background:#415b92}
.smt_20 .sct_sns .share-twitter {background:#35b3dc}
.smt_20 .sct_sns .share-googleplus {background:#ea3838}
.smt_20 .sct_sns img {width:20px}

.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block; margin-top: 20px; font-size: 15px; color: #717171;}

@media screen and (max-width:1024px) {
    .sct_10 { grid-template-columns: repeat(3, 1fr); gap:2rem; }
}
@media screen and (max-width:768px) {
    .sct_10 { grid-template-columns: repeat(2, 1fr); gap:2rem; }
}

/* 메인 상품 목록 스킨 30 - main.30.skin : 추천상품 */
#idx_recomend{max-width:1200px;}
#idx_recomend .sct_li{padding:10px; float:left;width:23%;margin:1%;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
#idx_recomend .sct_li:first-child{width:48%}
#idx_recomend .li_wr{position:relative;overflow:hidden}
#idx_recomend .sct_img{position:relative}
#idx_recomend .sct_img img{width:100%;height:auto}
#idx_recomend .sct_txt_wr{display: flex;flex-direction: column;justify-content: center;align-items: center;position:absolute;bottom:0;left:0;width:100%;height: 100%;padding:20px;text-align:left;background:rgba(0,0,0,0.5); color:#fff;
 opacity:0;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}


#idx_recomend .sct_li:hover .sct_txt_wr {
  opacity:1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
#idx_recomend .sct_li.sct_clear:hover .sct_txt_wr{opacity:0;cursor:default;}
#idx_recomend .sct_txt{position: relative;}
#idx_recomend .sct_txt::after{content:'';position: absolute;width: 120%;height: 1px;bottom: -10%;left: -10%;background:#fff;}

#idx_recomend .sct_a{color:#fff}
#idx_recomend .sct_cost{margin-top:10px;font-weight:700;display: flex;align-items: flex-end; font-size:2rem;}
#idx_recomend .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:10px;font-size:1.6rem;}
#idx_recomend .sct_rank {position:absolute;top:10px;left:10px;border:1px solid #000;padding:5px 10px;text-align:center}
#idx_recomend .sct_rank .num {font-size:15px;font-weight:800;display:block;line-height:20px;}
#idx_recomend .sct_rank .text{display:block;font-weight:300;font-size:0.923em;line-height:15px}

 @media (max-width:639px){
    #idx_recomend .sct_li{width:50%}
    #idx_recomend .sct_li:first-child{width:100%}
 }


/* 메인 상품 목록 스킨 40 */
.smt_40 {background:#fff;padding:20px;border:1px solid #e3e5e8}
.smt_40 .sct_li {position:relative;float:left;width:20%;margin:0 8px}
.smt_40 .sct_clear {clear:both}
.smt_40 .sct_star {margin:10px 0 5px}
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}

/*제품 스타일 공통으로 잡기*/
.main .sct_li { display: flex; flex-direction: column; position: relative; }
.sct_li .sct_img { position: relative; width: 100%; height:fit-content; aspect-ratio: 26/32; } 
.sct_li .sct_img a { display: block; width: 100%; height: 100%; overflow: hidden; position:relative;  transition: all .3s ease-in-out; }
.sct_li .sct_img a .sct_img_hover { width: 100%; height: 100%; color: #fff; text-align: center; background-color: rgba(0,0,0,0.35); position: absolute; top: 0; left: 0; opacity: 0; transition: all .3s ease-in-out; }
.sct_li .sct_img a .sct_img_hover span { display: block; width: 59px; height: 59px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: url("/theme/shaper/img/main_ico.png") no-repeat; background-position: -103px 0px; -webkit-background-size: 600%; background-size: 600%; text-indent: -9999px; }
.sct_li .sct_img a:hover .sct_img_hover,
.sct_li .sct_img a:hover:before { opacity: 1; }
.sct_li .sct_img a img { width: 100%; height: 100%; object-fit: cover; max-width: none; }
.sct_li .sct_sns { background: #ddd; }

.sct_li .sct_ct_wrap { flex:1; display: flex; flex-direction: column; }
.sct_li .sct_dict { margin-right: 1rem; color:var(--sub-text-color); text-decoration: line-through; font-size: var(--fs-16); }
.sct_li .sct_txt { flex:1; padding: 2rem 0 1.8rem; font-size: var(--fs-18); }
.sct_li .sct_txt a { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sct_li .sct_cost { font-size: var(--fs-24); font-weight: 700; }

.sct_li .sct_star { position: absolute; left: 20px; bottom: 10px; }
.sct_li .sit_icon_li { position:absolute; top: 2rem; left: 2rem; pointer-events: none; }
.sct_li .sit_icon { display: flex; gap:.5rem; flex-wrap:wrap; }
.sct_li .sct_btn { position: absolute; left:0; bottom:0; width: 100%; height: 4rem; background: rgba(255,255,255,0.6); color: #fff; font-size: 1.2rem; display: flex; justify-content: center; align-items: center; gap:1.6rem; opacity: 0; transition: all .3s ease-in-out; }
.sct_li .sct_btn button { width: 4rem; aspect-ratio: 1/1; padding: 1rem; border:none; }
.sct_li .sct_btn .btn_cart { background: url('./img/ico_cart.svg') no-repeat center/20px; }
.sct_li .sct_btn .btn_wish { background: url('./img/ico_wish.svg') no-repeat center/20px; }
.sct_li .sct_btn .btn_share { background: url('./img/ico_share.svg') no-repeat center/20px; }
.sct_li .sct_img:hover .sct_btn { opacity: 1; }

.shop_icon { display: inline-flex; justify-content: center; align-items: center; width: 5rem; height: 4.6rem; color: #fff; font-size: 13px; }
.shop_icon_1 { background: #f54a90; } /*히트*/
.shop_icon_2 { background: #ffbe00; } /*추천*/
.shop_icon_3 { background: #7847C4; color:white; } /*최신*/
.shop_icon_4 { background: white; color:var(--key-color) } /*인기*/
.shop_icon_5 { background: #4a7df5; } /*할인*/


.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18rem;font-weight:bold;letter-spacing:1px}
.shop_icon_coupon {background:#d45959}
.main_owl_pager{display: none;}

.main .sct_li .sct_item_wrap { width: 100%; text-align: center !important; padding-top: 5px;  position: relative; transition: all .3s ease; }
.main .sct_li:hover .sct_item_wrap { opacity:1; }
.main .sct_li .sct_item_wrap > * { display: block; text-align: left; font-weight: 400; margin-bottom: 25px; font-size: 16px; color: #333; }
.main .sct_li .sct_item_wrap { text-align: left; }
.main .sct_li .sct_item_wrap .sct_txt > a { display: block; width: 100%; height: 42px; line-height: 1.4; color: var(--color-black); font-weight: 400; font-size: 16px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
.main .sct_li .sct_item_wrap .sct_basic {/* color: #888; font-size:1.4rem; */display: none; }/* 상품 보조 설명 */
.main .sct_li .sct_item_wrap .sct_id { margin-bottom: 5px; font-size: 13px; color: #A7B0B4; font-weight: 300; }
.main .sct_li .sct_item_wrap .sct_cost { color:#09608B; font-weight: 700; font-size: 20px; text-align: right; }
.main .sct_li .sct_item_wrap .sct_cost .sct_dict { display: block; text-align: right; margin-bottom: 4px; font-size: 13px; font-weight: 500; color: #A7B0B4; text-decoration:line-through; }
.main .sct_li .sct_item_wrap .sct_cost .sct_discount { font-weight:300; display:inline-block; color:#aaa; margin-right:5px; text-decoration:line-through; font-size:15px;}

.sct_more_box{ display: none !important; }
.cart-layer { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }

@media screen and (max-width:768px) {
    .shop_icon { width: 40px; height: 40px; line-height: 40px; }
    .shop_icon_4::after { font-size: 11px; }

    .main .sct_li .sct_item_wrap .sct_txt { margin-bottom: 5px; }
    .main .sct_li .sct_item_wrap .sct_txt > a { height: auto; font-size: 13px; }
    .main .sct_li .sct_item_wrap .sct_cost { font-size: 16px; }
    .main .sct_li .sct_item_wrap .sct_cost .sct_dict { font-size: 12px; font-weight: 300; }

    .sct_li .sct_btn { opacity: 1; }
}


/* 관련상품 목록 스킨 10 */
#sit_rel {position:relative;margin-top:50px;background:#fff}
#sit_rel:after {display:block;visibility:hidden;clear:both;content:""}
#sit_rel h2 {font-size:1.5em;margin:0 0 10px;}
#sit_rel .bx-wrapper {margin:0 auto}
#sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px}
#sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%}
#sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%}
.scr_10 li img {width:100%;height:auto}
.scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {margin:0}
.sct_admin { position: absolute; top: 180px; right: 0; }

/* 상품 목록 현재 위치 */
#sct_location { z-index: 100; position:absolute; left:0; top:0px; display: flex; align-items: center; gap:3.2rem; }
#sct_location .shop_select_to_html:last-child { color:white; }
#sct_location .go_home {display:inline-flex; gap:1rem; align-items: center; padding:1.8rem 0; font-size:14px; color:var(--sub-text-color); line-height:1; text-decoration:none; }
#sct_location .go_home::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url('img/ico_home.svg') no-repeat center/contain; }
#sct_location i.dividing-line { font-size:1.2em;color:#a2a2a2;display:inline-block;margin:0;line-height:17px; display: none;}
#sct_location select {float:left;border:1px solid #d3d3d3;height:26px;padding:0 5px;margin:0 12px}
#sct_location.is_right select{float:right}
.shop_select_to_html{position:relative;display:inline-block;padding: 1.8rem 2rem 1.8rem 0; padding-right: 2rem; color:var(--sub-text-color); font-weight: 400; cursor: pointer;}
.shop_select_to_html::before { content: ''; position: absolute; left:-2.2rem; top:50%; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background: url('img/ico_arrow_left.svg') no-repeat center/contain; }
.shop_select_to_html::after { content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); width: 1.6rem; height: 1.6rem; background: url('img/ico_arrow_down.svg') no-repeat center/contain; }
.shop_select_to_html i { display: none; }
.shop_select_to_html .menulist{position:absolute;bottom:0px;transform: translateY(100%); display:none;opacity:0;transition:all .2s ease-in-out;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);padding:6px 0;-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:51;white-space:nowrap;width:auto}
.shop_select_to_html:hover .category_title, .shop_select_to_html:hover .category_title i{color:white;}
.shop_select_to_html:hover .menulist{display:block;opacity:1;transition:all .2s ease-in-out}
.shop_select_to_html .menulist a {color:#333; }
.shop_select_to_html .menulist ul.wide{display:inline-block!important;vertical-align:top;min-height:360px; font-size:1.4rem;}
.shop_select_to_html .menulist ul.left-border{border-left:1px dashed #e6e9ed}
.shop_select_to_html .option{font-weight:400;font-size: 15px; line-height:40px;list-style:none;min-height:40px;outline:none;text-align:left;-webkit-transition:all .2s;transition:all .2s}
.shop_select_to_html .option:hover,.shop_select_to_html .option.focus,.shop_select_to_html .option.selected.focus{background-color:#f6f7f9}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:var(--key-color)}
.shop_select_to_html .option.disabled{background-color:transparent;color:#90a1b5;cursor:default}
.shop_select_to_html .option a{display:block;padding-left:28px;padding-right:49px}

.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct { padding: 3rem 0; border-top: 1px solid #FFFFFF4D; }
.sct_ct h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.sct_ct > ul { display: grid ; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.sct_ct > ul a { color:var(--sub-text-color); }

#sct_ct_2 li {margin:0 0 10px}
#sct_ct_2 a {display:inline-block;width:120px}

#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst { display: flex; justify-content: space-between; align-items:center ; flex-wrap: wrap; gap:1rem; margin-bottom: 4rem; padding: 2px 0; border-top: 1px solid #FFFFFF4D; border-bottom: 1px solid #FFFFFF4D;}

/* 상품 정렬 */
#sct_sort h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#sct_sort ul { display: flex; font-size: 14px; }
#sct_sort li { height: 45px; position: relative; margin-left: -1px; padding: 15px 0; line-height: 15px; }
#sct_sort li.active a { color:var(--text-color) }
#sct_sort li a { display: block; border-left: 1px solid #FFFFFF33; padding: 0 10px; color:var(--sub-text-color); }
#sct_sort li:first-child a { border: 0; padding-left: 0; }

/* 상품 리스트 스타일 선택 */
#sct_lst li {position:relative;float:left}
#sct_lst li.active button { opacity: 1; }
#sct_lst button {position:relative;margin:0;padding:0;width:32px;height:32px;display: flex; align-items: center; justify-content: center; border:0;cursor:pointer; opacity: 0.3; background: transparent;}
#sct_lst button .icon {display:block}

/* 상품 상세보기 */
#sit {margin:0 0 100px}
.sit_admin {position:absolute;right:0;top:2px;text-align:right}
.sit_admin a {line-height:35px;padding:0 10px}
.sit_empty {padding:60px 0;text-align:center}

.is_search #wrapper_title, .is_item #wrapper_title{display:none}

/* 상품 상세보기 - 개요 */
#sit_ov_from {background:#fff;border-bottom:1px solid #e3e3e3;clear:both}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi_big {text-align:center}
#sit_pvi_big a {display:block}
#sit_pvi_big a.visible {display:block}
#sit_pvi_big #popup_item_image {display: none; position:absolute;bottom:42px;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
#sit_pvi_big img {width:100%;height:auto}
#sit_pvi_thumb {float:left;margin:0;padding:0;list-style:none;text-align:center; margin-top: 5px;}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {margin:0 15px 15px 0}
#sit_pvi_thumb img {border:1px solid #dbdbdb}
#sit_pvi_thumb img:hover {border:1px solid #010101}

#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nwbig span.visible img {width:100%; height: auto;}
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:relative}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#ccc;letter-spacing:0;font-size:1.4rem;}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_star_sns .btn_sns_share:hover {color:var(--key-color)}
#sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;max-width:175px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10}
#sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
#sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sit_star_sns .sns_area a {display:inline-block;width:35px;height:35px;line-height:35px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%}
#sit_star_sns .sns_area a img {width:24px;height:auto}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus {background:#ea3838}
#sit_star_sns .sns_area .share-facebook {background:#415b92}
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}

#sit_btn_opt {position:absolute;right:0;bottom:0; display: none;}
#btn_wish {float:left;position:relative;display:inline-block;padding-right:5px;color:#4b5259;width:35px;height:25px;text-align:center;font-size:1.25em;font-weight:bold}
#btn_wish i {font-size:1.6em;font-weight:bold}
#btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em}


.sit_option {padding:10px 0;margin:10px 0 0}
.sit_option label {display:block;margin:0 0 5px;color:#666}
.sit_option label.label-title{display:none}
.sit_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;background:url('img/select_arrow.png') no-repeat 96% 50%}

.sit_option h3 {font-size:1.083em}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}


#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:bold;text-align:center}

#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
.sit_btn_buy {background:var(--key-color);border-radius:3px;border:1px solid var(--key-color);color:#fff;transition: all .3s ease-in-out;}
.sit_btn_buy:hover {background:#004567; border: 1px solid #004567}
.sit_btn_cart {background:#fff;border-radius:3px;border:1px solid #ddd;color:#000}
.sit_btn_cart:hover {background:#f3f3f3}
#sit_btn_alm {float:left;display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center}
.sit_btn_wish {float:left;display:inline-block;width:9%;height:50px;margin-bottom:10px;line-height:50px;color:#8c9195;font-size:1.6em;border:1px solid #ddd;text-align:center;border-radius:3px;font-weight:bold}
.sit_btn_wish:hover {color:red}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {clear:both;width:100%;background:#fff;text-align:center;position:relative}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:block;position:relative;padding:0;margin: 15px;line-height:35px;color:#999;transition: all .3s ease-in-out;}
#sit_siblings a:hover{color: #333;transition: all .3s ease-in-out;}
#sit_siblings a#siblings_prev {float:left;padding-left:20px}
#sit_siblings a#siblings_prev:after {content:"";background:url('img/sit_siblings.jpg') no-repeat;position:absolute;left:0;top:10px;width:10px;height:15px;display:inline-block}
#sit_siblings a#siblings_next {float:right;padding-right:20px}
#sit_siblings a#siblings_next:after {content:"";background:url('img/sit_siblings.jpg') -14px 0px no-repeat;position:absolute;right:0;top:10px;width:10px;height:15px;display:inline-block}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}


#sit_buy {display:table-cell;width:270px;border-left:1px solid #e8e8e8;vertical-align:top; display: none;}
.sit_buy_inner {position:relative;top:0 !important;vertical-align:top}
.sit_side_option {padding:15px 15px 10px;border-bottom:1px solid #ebeff3}
.sit_side_option h3 {margin-bottom:10px}
.sit_side_option label {display:block;margin:0 0 5px;color:#666}
.sit_side_option label.label-title{display:none}
.sit_side_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;background:url('img/select_arrow.png') no-repeat 96% 50%}

.sit_sel_option {overflow-y:auto;height:300px}
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed}
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;background:#fff;color:#c6c8ca}
.sit_sel_option .opt_name {font-weight:bold;line-height:28px}
.sit_sel_option .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
.sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
.sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
.sit_sel_option button:hover {color:#000}

.sum_section {padding:15px;z-index:3}
.sum_section:after {display:block;visibility:hidden;clear:both;content:""}
.sit_tot_price {font-weight:bold;padding-bottom:10px;line-height:25px;font-size:1.167em;text-align:right}
.sit_tot_price strong {font-size: 1.5em;margin-left:15px}
.sit_tot_price span {float:left}
.sit_order_btn button {display:block;width:100%;padding:15px 0;font-size:1.25em;font-weight:bold}
.sit_order_btn .sit_btn_cart {margin-bottom:5px}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new .form_01 {padding:20px}
#sit_sms_new #sms_agree {padding:5px 0 20px}
#sit_sms_new li strong {display:inline-block;margin:10px 0}
#sit_sms_new textarea {line-height:1.5em;color:#555}
#sit_sms_new .prd_name {background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em}
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% var(--key-color)}

/* mark_box - sub */
.mark_box{width: 100%; display: flex; align-items: center; align-content: center;  margin-top: 20px;}
.mark_box ul{width: 100%;}
.mark_box li{display: inline-block; margin-right: 1%; width: 15%;}
.mark_box li:last-child{margin-right: 0;}

.mark_box li .ico{background:#fff url(/theme/mro/img/mark1.png)no-repeat 50% 50%/cover; width:50px; height: 50px; border-radius: 100%; display: block; margin: 0 auto; position: relative; visibility: visible !important; -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); }
.mark_box li .ico::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #000; opacity: 0; transition: all .6s ease-out; }
.mark_box li .ico:hover::before{opacity: 0.35; transition: all .6s ease-out;}
.mark_box li:nth-child(2) .ico{background:#fff url(/theme/mro/img/mark3.png)no-repeat 50% 50%/cover;}
.mark_box li:nth-child(3) .ico{background:#fff url(/theme/mro/img/mark4.png)no-repeat 50% 50%/cover;}
.mark_box li:nth-child(4) .ico{background:#fff url(/theme/mro/img/mark5.png)no-repeat 50% 50%/cover;}
.mark_box li:nth-child(5) .ico{background:#fff url(/theme/mro/img/mark6.png)no-repeat 50% 50%/cover;}

.mark_box li .name{color: #333; font-size: 13px; display: block; padding-top: 10px; text-align: center; margin: 0 auto; word-break: keep-all;}

.mark_txt{display: block; text-align: center; margin-top: 20px; font-size: 14px;}


@media screen and (max-width:768px) {
    .sct_ct > ul { grid-template-columns: repeat(2, 1fr); }

    #sct_sort { z-index: 5; position: relative; width: 10rem; height: 4rem; border-radius: 1rem; }
    #sct_sort::after { content: ''; display: block; position: absolute; top: 45%; right: -0.5rem; border:5px solid transparent; border-top:5px solid white; }
    #sct_sort ul { display: block; position: absolute; bottom: -2px; transform: translateY(100%); left: 0; width: 100%; border-radius: 1rem; background: transparent; border:1px solid transparent; }
    #sct_sort ul.active { border:1px solid var(--border-color); background: #19181D; }
    #sct_sort li { display: none; width: 100%; height:4rem; }
    #sct_sort li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0; border-left:none; }
    #sct_sort li.active { display: block; position: absolute; left: 0; top: -2px; transform: translateY(-100%); }
}

@media screen and (max-width:500px) {
    .sct_ct > ul { grid-template-columns: repeat(1, 1fr); }
}

/* 상품 상세보기 - 상품정보 */
#sit_inf {margin-bottom: 8rem;}
#sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
#sit_inf_explan img {max-width:100%;height:auto}

/* 상품 상세보기 - 사용후기 */
#sit_use h2 {position:absolute;font-size:0;line-height:0;content:""}

.sit_use_top { width: 100%; padding: 15px 10px; min-height: 90px; vertical-align: middle; position: absolute; bottom: -100px; }
.sit_use_top { content: ''; display: block; clear: both; height: 0; }
.sit_use_top h4 { width: fit-content; margin-right: 20px; float: left; }
.sit_use_top h4 span {color:#aaa;font-size:0.85em;font-weight:normal}
.sit_use_top .sit_star { height: 14px; float: left; margin-top: 3px; }
.sit_use_top .st_bg {background:#666}

#sit_use_wbtn { position: absolute; top: 10px; right: 0; }
#sit_use_wbtn a { padding: 0 15px; line-height: 35px; font-size: 13px;  text-align: center; transition: all 0.3s ease; font-weight: 700; }
#sit_use_wbtn a:first-child { background: white; color:black; }
#sit_use_wbtn a:first-child:hover{ }
#sit_use_wbtn a:last-child:hover{background: #FFFFFF33; }

.sit_thum { margin: 0; float: left; margin-right: 30px; display: none; }
.sit_use_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_use_dl .sit_use_star { margin:0 0 5px; padding-left: 10px; }

.sit_use_p {margin:20px 0 30px 0;line-height: 1.4;}
.sit_use_p > p{display: block; font-size: 15px;}
.sit_use_p > p > a{display: block;}
.sit_use_p > p > a img{width: 100%;}

.sit_use_reply {position:relative;border-top:1px dotted #bbb;margin:10px 0 0;padding:10px 0 0 40px}
.use_reply_icon {position:absolute;top:10px;left:5px;background:url('./img/use_reply.png') no-repeat 0 0;width:28px;height:17px;text-indent:-999px;overflow:hidden}
.use_reply_tit {font-weight:bold;line-height:1.5em;padding-right:100px}
.use_reply_name {font-size:0.92em;color:#777;margin:5px;position:absolute;top:10px;right:0}
.use_reply_p {padding:10px 0;background:#fff;line-height:1.5em}

#sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""}
#sit_use_write_star li {float:left;width:33.333%}
#sit_use_write_star li img {width:100px}



#sit_qa_list { position: relative; }
.sit_qa_top { vertical-align: middle; }

#sit_qa_wbtn { position: absolute; bottom: -60px; right: 0; }
#sit_qa_wbtn a{ padding: 0 15px; line-height: 35px; font-weight:700; font-size: 13px; text-align: center; transition: all 0.3s ease; }
#sit_qa_wbtn a:first-child { background: white; color:black; }
#sit_qa_wbtn a:first-child:hover{}
#sit_qa_wbtn a:last-child:hover{ background: #FFFFFF33;}

.sit_qa_top h4 { padding-bottom: 20px; font-size: 1.2em; text-align: left; }
.sit_qa_top h4 span { color: #aaa; font-size: 0.85rem; font-weight: normal; }


#sit_qa_write #iq_subject {width:100%}
#sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% var(--key-color)}

/* 상품후기 모음 */
#sps_sch  {margin:20px 0; float: right;}
#sps_sch a {display:inline-block;padding:0 8px;width: 90px; height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:var(--key-color);color:#fff;text-decoration:none; font-size: 15px; text-align: center; letter-spacing: -.5px; transition:all .3s ease;}
#sps_sch a:hover{background: #004567;}
#sps_sch .sch_wr {width:300px;border-bottom: 1px solid #ddd; border-radius:0;display:inline-block;background:#fff}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select {float:left;border:0;width:170px;height:40px;margin-right:10px;border-bottom: 1px solid #ddd; border-radius:0; font-size: 15px; color: #333; font-weight: 400; padding-left: 8px;}
#sps_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sps_sch .sch_btn {height:38px;float:right;background:none;border:0;width:40px;font-size:15px}

#sps { margin-bottom: 100px;}
#sps ol {margin:0;padding:0;list-style:none}
#sps li {position:relative;padding:15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:15px;left:0px}
.sps_img_inner {float:left;position:relative}
.sps_img a span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sps_img .prd_detail {position:absolute;right:0;bottom:0;border:0;color:#fff;background:var(--key-color);width:34px;height:34px;text-align:center;opacity:0.8}
.sps_img .prd_detail:hover {opacity:1}

.review_detail_cnt {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.1)}
.review_detail_in {position:absolute;top:50%;left:50%;width:590px;max-height:450px;background:#fff;text-align:left;transform: translateX(-50%) translateY(-50%);overflow-y:auto;border-radius:3px;border:1px solid #dde7e9;background:#fff;border-radius:3px;}
.review_detail_in h3 {padding:15px;border-bottom:1px solid #e8e8e8;font-size:1.4em}
.review_cnt {padding:15px}
.rd_cls {position:absolute;top:0;right:0;color:#b5b8bb;border:0;padding:15px;font-size:16px;background:#fff}

.review_tp_cnt {position:relative;padding:0 0 10px;margin-bottom:15px;border-bottom:1px solid #f1f1f1}
.review_tp_cnt>span {font-size:1.2em;display:block}
.review_tp_cnt:after {display:block;visibility:hidden;clear:both;content:""}
.review_tp_cnt .sps_opt_btn_more {position:absolute;top:0;right:0;border:0;padding:5px 5px 5px 10px;background:#fff;color:#c4c8cb;font-size:1.4em}
.review_tp_cnt .sps_opt_li {display:none;position:absolute;top:40px;right:0;border:1px solid #b8bfc4}
.review_tp_cnt .sps_opt_li:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.review_tp_cnt .sps_opt_li:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.review_tp_cnt .sps_opt_li li {border-bottom:1px solid #f1f1f1;padding:10px !important;color:#6b757c}

.review_summ {background:#fcfcfc;border:2px solid #efeff1;padding:10px}
.review_summ .star_img {float: right; margin-top: 19px;}
.review_bt_cnt {margin:15px 0}
.review_bt_cnt img{width: 100%; height: auto;}

.sps_reply {margin-top:10px;padding-top:10px;border-top:1px dotted #bbb}
.sps_reply .sps_img {text-align:right;width:70px}
.sps_reply .sps_section h2 {background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em}

#sps dl {margin:5px 0}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left}
#sps dd {float:left;margin:0 10px 0 0;color:#999}
#sps dd img {position:relative;top:-2px}

.sps_section {float:left;width:100%;padding-left:115px}
.sps_section .sps_pd_name {display:block;color:var(--key-color);padding:5px 0 15px; font-size: 15px;}
.sps_section .sps_rv_tit {display:block;font-size:15px;font-weight:bold}
.sps_section .sps_rv_thum {position:absolute;top:15px;right:15px}
.sps_section p {padding:0;width:100%; line-height: 1.5;}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {clear:both;margin:5px 0; font-size: 14px;}
.sps_con_btn:after {display:block;visibility:hidden;clear:both;content:""}
.sps_con_btn .sps_dl {float:left}
.sps_con_btn button.review_detail {float:right;border-radius:3px;border:1px solid #d4d6db;color:#666;font-size:0.92em;padding:5px 7px;background:#fff;transition: all .5s ease-out;}
.sps_con_btn button.review_detail:hover {background:#f3f3f3;transition: all .5s ease-out;}




/* 상품문의 모음 */
#sqa_sch {margin:20px 0; float: right;}
#sqa_sch a {display:inline-block;padding:0 8px;width: 90px; height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:var(--key-color);color:#fff;text-decoration:none; font-size: 15px; text-align: center; letter-spacing: -.5px; transition:all .3s ease;}
#sqa_sch a:hover{background: #004567;}
#sqa_sch .sch_wr {width:300px;border-bottom: 1px solid #ddd; border-radius:0;display:inline-block;background:#fff}
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select {float:left;border:0;width:170px;height:40px;margin-right:10px;border-bottom: 1px solid #ddd; border-radius:0; font-size: 15px; color: #333; font-weight: 400; padding-left: 8px;}
#sqa_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sqa_sch .sch_btn {height:38px;float:right;background:none;border:0;width:40px;font-size:15px}

#sqa {margin-bottom:100px}
#sqa ol {margin:0;padding:0;list-style:none}
#sqa li {position:relative;padding:15px 20px 15px 15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
#sqa li .sit_qaa_yet {position:absolute;right:0px;top:20px;margin-right:0; vertical-align: middle; font-size: 13px;}
#sqa li .sit_qaa_done {position:absolute;right:0px;top:20px;margin-right:0; vertical-align: middle; font-size: 13px;}

.sqa_img {position: absolute; top: 0; left: 0;}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sqa dl {margin:5px 0; font-size: 14px;}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 10px 0 0;color:#999}

#sqa dd img {position:relative;top:-2px}
.sqa_con {margin:10px 0;line-height:1.5em}
.sqa_con .qa_alp {position:absolute;top:13px;left:15px;font-size:26px; font-weight: bold; color:var(--key-color); }

.sqa_section {padding-left: 110px;}
.sqa_section h2 {padding-right:70px;font-size:16px;font-weight:bold}
.sqa_section .sqa_con {line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;border-radius: 3px; margin:5px 0;background:#fff; font-size: 13px; transition:all .3s ease;}
.sqa_con_btn button:hover {background: #f3f3f3;}

/* 상품검색 */
#ssch {margin:70px 0}
#ssch h2 {font-size:1.8em;line-height:30px;margin:20px 0}
#ssch h2 .ssch_result_total {float:right;color:var(--sub-text-color);font-size:0.55em;font-weight:normal}
#ssch h2 strong { color:var(--key-color); }
#ssch_frm .ssch_scharea {padding:15px 0 0; }
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_scharea .ssch_input {width: calc(100% - 180px); height:45px; font-size: 15px; padding:0 10px;margin-right:5px;border:0;border-radius:0;box-shadow: none; border-radius: 5rem; border: 1px solid var(--key-color); background: transparent; color:white; transition: all .5s ease-out;}
#ssch_frm .ssch_scharea .ssch_input:hover{border-bottom: 1px solid var(--key-color);}
#ssch_frm .ssch_scharea .tooltip{right: 0;}
#ssch_frm .ssch_scharea .tooltip::before{left: auto; right: -10px; transform: rotate(-90deg);}
#ssch_frm .btn_submit { width: 120px; height: 45px; margin-right: 15px; padding: 0 5px; font-weight: bold; background: var(--key-color); font-size: 15px; transition: all .5s ease-out; }
#ssch_frm .btn_submit:hover{background:var(--hover-key-color); }

#ssch_frm .ssch_option {padding:15px; font-size: 15px;}
#ssch_frm .ssch_option input{-webkit-appearance: auto;}
#ssch_frm .ssch_option label{padding:0 10px 0 3px;}
#ssch_frm .ssch_option .ssch_input {height:32px;padding:0 10px;margin-right:5px;border:0;border-radius:0;box-shadow: none; border-bottom: 1px solid #ddd; transition: all .5s ease-out;}
#ssch_frm .ssch_option .ssch_input:hover{border-bottom: 1px solid var(--key-color);}
#ssch_frm .ssch_option .cost_wrap{display: inline-block;}
#ssch_frm p {padding:15px;color:#737373;border-bottom:1px solid #e3e5e8}


#ssch_sort_all { margin: 0; padding: 0 0 0 1px; list-style: none; font-size:13px; }
#ssch_sort_all:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort_all li {float: left; position: relative; margin-left: -1px; height: 45px; padding: 15px 0; line-height: 15px;}
#ssch_sort_all li a {display:block;padding:0 10px}
#ssch_sort_all li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--key-color)}
#ssch_sort_all li:hover a {color:var(--key-color)}
#ssch_sort_all li:first-child a {border:0}

#ssch_sort_all { display: flex; font-size: 14px; }
#ssch_sort_all li { height: 45px; position: relative; margin-left: -1px; padding: 15px 0; line-height: 15px; }
#ssch_sort_all li.active a { color:var(--text-color) }
#ssch_sort_all li a { display: block; border-left: 1px solid #FFFFFF33; padding: 0 10px; color:white; }
#ssch_sort_all li:first-child a { border: 0; padding-left: 0; }



/*쿠폰존 리스트*/
.couponzone_list {margin:0 0 20px;position:relative}
.couponzone_list h2 {padding:15px 20px;font-size:1.25em;border-bottom:1px solid var(--border-color);}
.couponzone_list p {position:absolute;top:8px;right:0;margin:15px 20px;}
.couponzone_list p.ex {font-size:12px; font-weight: 300;}
.couponzone_list ul {padding:30px;margin:0;list-style:none;border:1px solid var(--border-color);border-top:0}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li {float:left;width:262px;margin:0 0 30px 30px;}
.couponzone_list ul li:nth-child(4n+1) {clear:both;margin-left:0}
.couponzone_list ul li img {width:100%;height:auto;line-height:1.2em;border-radius:5px 5px 0 0}
.couponzone_list ul li .cp_inner {border:1px solid #ddd;border-radius:5px;
-webkit-box-shadow:0px 1px 6px 0 #dedede;
-moz-box-shadow:0px 1px 6px 0 #dedede;
box-shadow:0px 1px 6px 0 #dedede
}
.couponzone_list ul li .coupon_img {position:relative;height:98px;overflow:hidden;border-bottom:1px dashed #ccc}
.couponzone_list ul li .coupon_tit {position:absolute;top:0;left:0;width:100%;height:98px;padding-top:30px;text-align:center;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_tit strong {display:inline-block;font-size:1.3em}
.couponzone_list ul li .coupon_tit .cp_evt,
.couponzone_list ul li .coupon_tit .cp_evt b {font-size:1.4em}
.couponzone_list ul li .cp_cnt {padding:10px}
.couponzone_list ul li .coupon_date {display:inline-block;float:right;padding:2px 3px;margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target {display:inline-block;margin:5px 0px}
.couponzone_list ul li .coupon_target>button {display:inline-block;max-width:125px;padding:2px 3px;font-size:0.92em;border:0;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/
.couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/
.couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/
.couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/

.couponzone_list ul li .coupon_info {display:none;position:absolute;min-width:235px;background:#fff;border:1px solid #000;padding:15px}
.couponzone_list ul li .coupon_info:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li .coupon_info h4 {font-size:1.2em;margin-bottom:10px}
.couponzone_list ul li .coupon_info ul {padding:0;margin:0;position:relative;border:0}
.couponzone_list ul li .coupon_info li {width:auto;margin:0;float:inherit;color:#5e5e5e;line-height:18px}
.couponzone_list ul li .coupon_info li a {text-decoration:underline;color:#5e5e5e}
.couponzone_list ul li .coupon_info .coupon_info_cls {position:absolute;right:0;top:0;color:#c7c9cc;border:0;background:#fff;padding:10px;font-size:1.2em}

.couponzone_list ul li .coupon_btn {text-align:center}
.couponzone_list ul li .coupon_btn .btn02 {width:100%;height:42px;line-height:28px;margin-top:15px;border:0;color:#fff;background:var(--key-color);border-radius:5px;font-weight:bold}
.couponzone_list ul li .coupon_btn .btn02:hover {background:#2176f1;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list ul li .coupon_btn .disabled:hover {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list .no_coupon {position:relative;padding:100px 0;text-align:center;color:#999}


/*cscenter , notice-------------------------------------------------*/

.notice_wrap { background-color: #fff;}
.notice_wrap h2{font-size:2rem;margin: 0!important;}
.notice_wrap h2 a span {display: inline-block; background: url("/theme/shaper/img/main_ico.png")no-repeat; background-position: 0px -142px; width: 30px; height: 8px;margin-left: 5px; transition: all .3s ease-in-out;}
.notice_wrap h2 a:hover span {transform: translateX(10px);}

.notice--item{display: flex;}
.notice--item .item{padding:0 3%;border-right:1px solid #ccc;}
.notice--item .item:last-child{border-right:0;}
.notice__btn{margin-top:3%;}
.notice__btn .go_btn{width: 45%;padding: 3%;display: inline-block;line-height: 1.6;text-align: center;}

.notice{flex:2;text-align: left;}
.notice .arrow{float:right;}
.notice .nt_tb{margin-top: 3%;}
.notice .nt_tb li{padding:1% 0;}
.notice .nt_tb li a{display: flex;flex-flow: row-reverse nowrap;color:#717171;}
.notice .nt_tb span{display: inline-block;text-align: left;}
.notice .nt_tb .cont{width: 80%;}
.notice .nt_tb .date{width: 20%;}
.inquary{text-align: center;flex:1;}
.inquary .shop_img{margin-top:8%;}
.inquary .notice__btn{margin-top:8%;}
.inquary .inq{border:1px solid #333;}
.cscenter{flex:2;text-align: left;}
.cscenter .number{font-size:40px;font-weight: bold;}
.cscenter .faq{background:#8c8c8c;color:#fff;margin-right: 3%;}
.cscenter .cst{background:#333; color:#fff;}

/*cscenter , notice  e-------------------------------------------------*/


/*sub common*/
.sub_wrap .tab_tit {border-bottom:1px solid #e8e8e8;background:#fff;margin: 50px 0;}
.sub_wrap .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
.sub_wrap .tab_tit li {display:inline-block; float:left; width: 33.33%;}
.sub_wrap .tab_tit li span {display:block;width:100%;position:relative;font-size:1em;padding:10px 15px;border:0;color:#666;background:#fff;line-height:38px;text-align:center;z-index:1; transition: all .4s ease-in-out;}
.sub_wrap .tab_tit li span:hover{color: #333; font-weight: 600; transition: all .4s ease-in-out;}
.sub_wrap .tab_tit li .selected {background:#fff;z-index:2;border-bottom-color:#fff;color:var(--key-color);font-weight:bold; transition: all .3s ease-in-out;}
.sub_wrap .tab_tit li .selected:hover{color:var(--key-color);}
.sub_wrap .tab_tit li .selected:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--key-color);display:inline-block}


/*sub company*/
.company {word-break:keep-all; margin-bottom: 100px;}
.company #wrapper_title{display: none;}
.company .sub_bg {background: url("/theme/mro/img/company_bg.jpg") no-repeat center/cover; width: 100%; height: 300px; margin: 0 auto; overflow: hidden; margin-bottom: 4%;}

.company .box_wrap {margin:0 auto;}
.company .box_lf {float:left; width:30%;}
.company .box_rt {float:right; width:65%;}
.box_wrap .box_rt p {padding-bottom:35px; line-height: 1.6; word-break: keep-all;}
.box_wrap .box_rt p:last-child {padding-bottom:0;}

.company .b_tit {width:100%; line-height: 1.4; font-size:30px; width:80%; margin-bottom:30px; word-break: keep-all;}
.company .in_block {display: inline-block;}
.company .dot {background:var(--key-color); width: 10px; height: 10px; border-radius: 50%; vertical-align: bottom; margin:0 0 10px 0; display: inline-block;}
.company .s_tit {font-size: 18px;font-weight: 300;line-height: 1.2;font-style: italic;color:#666;}

.company .cont01 {margin-bottom:90px;}
.company .cont_wrap{position: relative; padding:90px 0; margin-bottom: 90px;}
.company .cont_wrap::before{content: ""; position: absolute; width: 1920px; height: 100%; background:#f7f7f7; top: 50%; left:50%; transform: translate(-50%, -50%);}
.company .orz_img {text-align: center;} 
.company .img500, .intro .img300 {display:none;} 

.company .s_box{font-size:20px;font-weight:600;border-bottom: 1px solid #ddd;height:auto;margin-bottom: 20px;padding-bottom: 15px;}
.company .s_box:last-child {margin-bottom: 0;border-bottom: none;}
.company .s_box .sb_ti {float:left;width:30%;}
.company .s_box .sb_tx {float:right;width: 60%;color:#666;font-weight: 500;font-size: 16px;}

.company .orz_img {text-align: center;} 
.company .img500, .company .img300 {display:none;} 


/*sub busi*/
.busi{position: relative;}
.busi .sub_title{margin-bottom: 20px;}
.busi .s_tit{text-align: center; font-size: 16px; word-break: keep-all;}
.busi .sub_bg {background: url("/theme/mro/img/busi_bg.jpg") no-repeat center/cover; width: 100%; height: 300px; margin: 0 auto; overflow: hidden; margin-bottom: 4%;}

.busi .cont {line-height: 1.6;position:relative;}
.busi .cont .img {position:absolute;top:26%;left:50%; transform: translateX(-50%);}
.busi .cont .num {position:absolute;left:0;bottom:0;line-height:1;padding-right:0; font-size:35px; font-weight: 600;color: var(--key-color);display: inline-block;padding-right: 10px;}
.busi .cont .tx05 .num,.busi .cont .tx04 .num {right:0;left:auto;}
.busi .cont dl {width:35%;margin-bottom:100px;}
.busi .cont .tx04 {position:absolute;top:0;right:0;}
.busi .cont .tx05 {position:absolute;top:56%;right:0;}

.busi .cont dt {margin-bottom:30px;position:relative;padding-left:75px;}
.busi .m_tit{font-size: 18px; font-weight: 600;}
.busi .m_txt{font-size: 16px; font-weight: 400; color: #666; padding-left: 75px; position: relative;}
.busi .m_txt::before{content: "";display: block;width: 5px;height:5px;border-radius: 50%;background: var(--key-color);position: absolute;top:50%;left: 4%;transform: translateY(-50%);}

.busi .cont .tx05 dt,.busi .cont .tx04 dt {padding-left:10%;}
.busi .cont dt:before {content:"";display:block;width:419px;height:1px;background:var(--key-color);position:absolute;bottom:-10px;left:0;}
.busi .cont dt:after {content:"";display:block;width:2px;height:70px;background:#00897b;position:absolute;bottom:-70px;right:4%;transform:rotate(-45deg);}
.busi .cont .tx05 dt:before, .busi .cont .tx04 dt:before {width:476px;left:auto;right:0;}
.busi .cont .tx04 dt:after {left:-40px;right:auto;transform:rotate(45deg); bottom: -69px;}
.busi .cont .tx05 dt:after {left:-40px;right:auto;transform:rotate(135deg); bottom: -20px;}
.busi .cont .tx02 dt:after,.cont .tx04 dt:after,.cont .tx03 dt:after  {transform:rotate(45deg);bottom:-20px;}
.busi .m_txt:before {left:45px;}
.busi .txt04 .m_txt:before {left:45px;}


/*sub history*/
.history {position: relative;}
.history .sub_bg {background: url("/theme/mro/img/history_bg.jpg") no-repeat center/cover; width: 100%; height: 300px; margin: 0 auto; overflow: hidden; margin-bottom: 4%;}
.history .cont {position: relative;}

    /* bg */
.history .bg_le {position:absolute; top: 72%; left: 50%; transform: translate(-50%, -50%); width:350px;height: 350px;border:20px solid rgb(81, 186, 175,.09);  border-radius:30px;font-size: 115px; font-weight: 600; color: rgb(81, 186, 175,.09);text-transform: uppercase;}
.history .bg_le .le01 {display:block;line-height: 1.6;text-align: center;}
.history .bg_le .le02 {display:block;line-height: 0.6;text-align: center;}

    /* cont */
.history .cont > ul {position: relative; z-index: 999;}
.history .cont > ul::after {content: ''; display: block; position: absolute; left: 50%; margin-left: -1px; top: 11px; width: 2px; height: calc(100% - 22px); background-color: #b9e3da; z-index: -1;}
.history .cont > ul > li {position: relative;width: 50%;margin-bottom: 40px;padding: 0 20px;transition: all 0.5s ease-in-out;}
.history .date .year {position: relative; margin-bottom: 20px; font-size: 32px; font-weight: 600; color: var(--key-color);}
.history .date .year::after {content: '';display: block;position: absolute;width: 25px;height: 25px;border: 4px solid var(--key-color);background-color: #fff;border-radius: 50%;}
.history .date .year span {position: relative; top: -5px; font-size: 20px;}
.history .date .desc li {position: relative; margin-bottom: 15px;}
.history .date .desc li:after {content: '';display: block;position: absolute;width: 11px;height: 11px;background-color: var(--key-color);border-radius: 50%;}
.history .date .txt {display: block; font-size: 15px; font-weight: 500; color: #333; line-height: 1.6; word-break: keep-all;}
.history .date .month {position: absolute; top: 4px; font-size: 16px; font-weight: 500; color:var(--key-color);}

.history .cont > ul > li:nth-child(2n+1) {left: 0;text-align: right;}
.history .cont > ul > li:nth-child(2n+1) .year::after {top: 0px; right: -33px;}
.history .cont > ul > li:nth-child(2n+1) .desc li:after {top: 6px;right: -25px;}
.history .cont > ul > li:nth-child(2n+1) .desc .txt {margin-right: 35px;}
.history .cont > ul > li:nth-child(2n+1) .desc .month {right: 0;}

.history .cont > ul > li:nth-child(2n) {left: 50%;}
.history .cont > ul > li:nth-child(2n) .year::after {top: 2px; left: -33px;}
.history .cont > ul > li:nth-child(2n) .desc li:after {top: 6px; left: -25px;}
.history .cont > ul > li:nth-child(2n) .desc .txt {margin-left: 35px;}
.history .cont > ul > li:nth-child(2n) .desc .month {left: 0; margin-left: 0;}
    
.history .date.date_2006 .txt {margin-bottom: 10px;}


/* sub 공통 */
.b_tit {font-size:30px;line-height: 1.6;width:80%;margin: 30px 0;word-break: keep-all;}
.in_block {display: inline-block;}
.dot {background:var(--key-color);width: 10px;height: 10px;border-radius: 50%;vertical-align: bottom;margin:0 0 10px 10px;display: inline-block;}
.m_tit .num {font-size: 40px;font-weight: 600;font-family: 'Montserrat', sans-serif; color: var(--key-color);display: inline-block;padding-right: 10px;}
.m_tit .n_tit{font-size: 20px; display: inline-block; color: var(--key-color); font-weight: 300; margin-bottom: 12px;}
.m_tit {font-size: 22px;font-weight: 600;}
.m_txt {font-size: 18px;font-weight: 400;color: #666;padding-left:75px;position: relative;}
.m_txt::before {content: "";display: block;width: 5px;height:5px;border-radius: 50%;background: var(--key-color);position: absolute;top:50%;left: 4%;transform: translateY(-50%);}
.s_tit{font-size:16px; text-align: center;word-break: keep-all;}
.s_txt {border-top: 1px solid var(--key-color); padding: 20px;position: relative; word-break: keep-all;}
.s_txt > p{display: block; line-height: 1.6;}
.s_txt::before { content: ""; display: block; width: 50%; height: 2px; background: var(--sub-color2); position: absolute; top:-2px; left: 0; }

.num_box{display: flex; flex-wrap: wrap;  width: 100%;}
.num_box .box{width: 32%; border: 1px solid #ededed;  padding: 50px 20px; margin-right: 10px; margin-bottom: 10px; word-break: keep-all;}
.num_box .box:nth-child(3n){margin-right: 0; display: table;}
.num_box .box .in_box{display: table-cell; vertical-align: top;}
.num_box .box .num{font-size: 19px; color: #333; font-weight: 600;}
.num_box .box .tit{font-size: 19px; color: var(--key-color); font-weight: 600; padding: 5px 0 20px 0;}
.num_box .box .txt{color: #717171; line-height: 1.6;}

/* sub 인증마크 */
.sub_mark_wrap{width: 36%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap;  margin-left: auto; margin-bottom: 20px;}
.sub_mark_wrap ul{width: 100%;}
.sub_mark_wrap li{display: inline-block; margin-right: 15px;}
.sub_mark_wrap li:last-child{margin-right: 0;}

.sub_mark_wrap li .ico{background:#fff url(/theme/mro/img/mark1.png)no-repeat 50% 50%/cover; width: 65px; height: 65px; border-radius: 100%; display: block; margin: 0 auto; position: relative;  -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgb(0 0 0 / 10%); }
.sub_mark_wrap li .ico::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #000; opacity: 0; transition: all .6s ease-out; }
.sub_mark_wrap li .ico:hover::before{opacity: 0.35; transition: all .6s ease-out;}

.sub_mark_wrap li:nth-child(2) .ico{background:#fff url(/theme/mro/img/mark2.png)no-repeat 50% 50%/cover;}
.sub_mark_wrap li:nth-child(2)  { display: none; /*230602 요청*/} 
.sub_mark_wrap li:nth-child(3) .ico{background:#fff url(/theme/mro/img/mark3.png)no-repeat 50% 50%/cover;}
.sub_mark_wrap li:nth-child(4) .ico{background:#fff url(/theme/mro/img/mark4.png)no-repeat 50% 50%/cover;}
.sub_mark_wrap li:nth-child(5) .ico{background:#fff url(/theme/mro/img/mark5.png)no-repeat 50% 50%/cover;}
.sub_mark_wrap li:nth-child(6) .ico{background:#fff url(/theme/mro/img/mark6.png)no-repeat 50% 50%/cover;}

.sub_mark_wrap li .name{color: #333; font-size: 12px; display: block; padding-top: 10px; text-align: center; margin: 0 auto; }


/*sub social*/
.social .s_tit{text-align: center; font-size: 16px; word-break: keep-all;}
.social .cont{margin-top: 50px;}
.social .cont .sub_bg{background: url(/theme/shaper/img/economy_bg.jpg) no-repeat 50% 4%/cover; width: 100%; height: 350px;}

.social .tab_tit{border: 0; }
.social .tab_tit li{border: 1px solid #d3b4ec;  width: 32.6%; margin-right: 1%; transition: all .4s ease-in-out;}
.social .tab_tit li:nth-child(2){border: 1px solid #9cddf4;}
.social .tab_tit li:last-child{margin-right:0; border: 1px solid #eec7ad;}
.social .tab_tit li:first-child:hover{border:1px solid #d3b4ec;}
.social .tab_tit li:nth-child(2):hover{border:1px solid #9cddf4;}
.social .tab_tit li:last-child:hover{border:1px solid #eec7ad;}

.social .tab_tit li span{border:0; padding: 10px 0; color:#d3b4ec;}
.social .tab_tit li:nth-child(2) span{color:#9cddf4;}
.social .tab_tit li:last-child span{color:#eec7ad;}
.social .tab_tit li:first-child:hover span{background:#d3b4ec; color: #fff;}
.social .tab_tit li:nth-child(2):hover span{background:#9cddf4; color: #fff;}
.social .tab_tit li:last-child:hover span{background:#eec7ad; color: #fff;}


.economy .line_box {margin: 50px 0;}
.economy1 .line_box, .economy2 .line_box{margin-top: 0;}
.d_ul li{position: relative; padding-left: 18px; word-break: keep-all; line-height: 1.6; padding-bottom: 15px;}
.d_ul li::before{position: absolute; content: ""; top:13px; left: 0; transform: translateY(-50%); width:5px;height: 5px;background-color: #333; border-radius: 100%;}

.economy2{padding-top: 30px;}
.economy2 .line_box:last-child{margin-bottom: 0;}
.economy2 .line_box:nth-child(4) .d_ul{display: flex; flex-wrap: wrap;}
.economy2 .line_box:nth-child(4) .d_ul li{width: 47%;}
.economy2 .f_c{color: #333;}
.economy2 .num_box .box{width: 24%;}
.economy2 .num_box .box:nth-child(3n){margin-right: 10px;}
.economy2 .num_box .box:nth-child(3n){margin-right: 10px;}
.economy2 .num_box .box:nth-child(4n){margin-right: 0;}

table.mro_table{border-top: 2px solid #111;margin-top: 0; border-bottom: 1px solid #eaeaea; border-spacing: 0;}
table.mro_table tbody{border-bottom: 1px solid #ddd;}
table.mro_table th{font-weight: 500; background: #85cfc7; color: #fff; font-size: 16px; border-right: 1px solid #fff; text-align:center; padding:25px 0 25px 0px; border-bottom:1px solid #eaeaea; vertical-align:middle; word-break:keep-all;}
table.mro_table tr td:first-child{font-weight: 500; background: #85cfc7; color: #fff; font-size: 16px; border-top: 1px solid #fff; }
table.mro_table td{border-right: 1px solid #eaeaea; font-size: 15px; line-height: 1.6; text-align:center;padding: 25px;border-top:1px solid #dedede;vertical-align:middle; word-break:keep-all;}


/*sub mro*/
.clear:after{display: block;content: "";clear: both;height: 0;}
.mro .sub_bg{background: url(/theme/mro/img/mro_bg.jpg) no-repeat top center/cover; height: 350px;}
.mro .box_wrap{margin-bottom: 0; margin-top: 30px;}
.mro .box_lf{width: 25%; float: left;}
.mro .box_rt{width: 75%; float: right;}
.mro .line_box{margin: 50px 0;}
.mro .line_box:first-child{margin-top: 0;}
.mro .line_box:last-child{margin-bottom: 0;}
.mro .num_box{flex-wrap: nowrap;}
.mro .num_box .box{width: 48.9%; padding: 0;}
.mro .num_box .box .in_box{padding: 30px;}
.mro .num_box .box .txt p{padding-bottom: 0;}
.mro .b_tit{margin-top: 0;}
.mro .s_txt p{width: 100%;}
.mro .s_txt p img{width: 100%;}
.mro .s_txt p img.mro_t{display: none;}
.mro .s_txt p img.mro_m{display: none;}





/*bg_ico*/
.bg_ico_r {position: absolute; top: 12%;left: -100px;}
.bg_ico_l {position: absolute; top: 22%; right: -20px;}

.bg_ico_r.bg_ico1 span{background: url("/theme/shaper/img/bg_r.png")no-repeat center/contain; opacity: 1;}
.bg_ico_l.bg_ico2 span {opacity: .5;}
.bg_ico_r.bg_ico3 {top: 40%; left: -50px;}
.bg_ico_r.bg_ico3 span {width: 300px; height: 300px; opacity: .2;}
.bg_ico_l.bg_ico4 {top: 65%; right: -50px;}
.bg_ico_l.bg_ico4 span {width: 500px; height: 500px; opacity: .5;}
.bg_ico_r.bg_ico5 {top: 85%; left: -50px;}
.bg_ico_l.bg_ico6 {top: 95%; right: -50px;}
.bg_ico_l span {width: 300px; height: 300px; opacity: .2;}







/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left; width: calc((100% - 45px)/4); margin:0 15px 15px 0;}
.sct_pv .sct_li:nth-child(4n) {margin-right: 0;}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both;}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none;font-size:1.1em}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.sct_pv .sct_icon {margin:0 0 10px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_pv .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}





/* --------------------- 반응형 --------------------- */
@media screen and (max-width:1700px) {
    /* main_quick */
    .main_quick li a{width: 60px; height: 60px;}
    .main_quick .hover{width: 210px; height: 60px; line-height: 60px; font-size: 15px;}
}

@media screen and (max-width:1400px) {
    /* busi */ 
    .busi .cont .tx03,.busi .cont .tx04 {width:40%}
    .busi .cont dt:before {width:93%;height:1px;bottom:-10px;left:0;}
    .busi .cont dt:after {display: none;}
    .busi .cont .tx04 dt:before, .busi .cont .tx05 dt:before {width:92%;left:auto;right:0;}
    
    .busi .cont .tx03 dd,.busi .cont .tx04 dd {padding:0 0 0 23%;}
    .busi .cont .tx03 dd:before,.busi .cont .tx04 dd:before {left:18%;}
    
    /* mark_box - sub */
    .mark_box li{margin-right: 0; width: 16%;}

    /* sub 인증마크 */
    .sub_mark_wrap{width: 45%;}
}

@media screen and (max-width:1200px) {
    .pd_wrap.sct_li { width:31.2% !important; height:auto !important; }
    .latest_wr { width:46%; margin:2%;}

    /*리뷰*/
    .rv_wrap .view_box { float: none; width: 100%;}
    .rv_wrap .img_box {background-color: #fff; width: 25%;}
    .rv_wrap .img_box .img {height: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
    .rv_wrap .rv_box {float: left; width: 75%;}
    
    .rv_wrap .view_box:nth-of-type(odd) .img_box {float: left;} 
    .rv_wrap .view_box:nth-of-type(odd) .img_box:before {left: auto; right: -18px; transform: rotate(0deg);}
    .rv_wrap .view_box:nth-of-type(even) .img_box{float: right;}
    .rv_wrap .view_box:nth-of-type(even) .img_box:before {right: auto; left: -18px; transform: rotate(180deg);}
    
    .rv_wrap .rv_box {border:1px solid #eee; border-bottom: none;}
    .rv_wrap .view_box:nth-of-type(odd) .rv_box{border-left: none;}
    .rv_wrap .view_box:nth-of-type(even) .rv_box{border-right: none;}
    
    .rv_wrap .view_box:last-child .rv_box {border-bottom: 1px solid #eee;}
    .rv_wrap .rv_box .cs {left: 8%;}
 
    /* sub 인증마크 */
    .sub_mark_wrap{width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
}

@media screen and (max-width:1024px) {
	.evnt_wr, .review_wr {width:100%; margin-left:0; }
	.evnt_banner { width:100%; height:auto;}
	.evnt_banner img { height:auto; width:100%;}
	.review_wr .lat li img { width:100%; height:auto; top:50%;transform: translateX(-50%) translateY(-50%); }

    /*main_quick*/
    .main_quick{top: 0.5%; right: 6%;}
    
    /*fixed_menu*/
    .fixed_menu{display: none;}
    
    /* main - 인증마크 */
    .mark_wrap{width: 100%;}
    .mark_wrap li{margin-right: 3.5%;}
    .mark_wrap li .ico{width: 100px; height: 100px;}
    
    /* main - HOT 기획전 */
    #exhibition::before{top: 42%;}
    #exhibition .sct_wrap{flex-wrap: wrap; }
    #exhibition header{width: 100%; margin-top: 0; text-align: center;}
    #exhibition .more_btn{margin: 0 auto;}
    #exhibition .swiper{width: 90%; margin: 0;}
    #exhibition .btn_wrap{width: 10%;}
    
    /* mark_box - sub */
    .mark_box li{width: 32%; margin-bottom: 2%;}

    #tnb .snsBox { display:none;}
    #gnb {  border:none; position:absolute; top:33%; width:auto; right: 65px;}
    .gnb_menu_btn {margin-left:20px; display:block;}
    #gnb .gnb_wrap { border:none; background:none;}
    #gnb .gnb_wrap::before { display:none !important;}
    #gnb_all { position:fixed; width:100%; height:100%; top:0;}
    #gnb .gnb_1dli { display:none;}
    #gnb .gnb_mnal { display:block; width:auto;}
    
    /*검색창*/
    #hd_sch.resize {z-index: 10; top: 40px; right: 0px; left: auto; width: 63%; background-color: #fff;}
    #hd_sch.resize form {width: 91%;}
    
    /*md's pick*/
    .main .md_wrap .md_pd img {width: 80%;}
    
    /*about*/
    .main .about_wrap .txt_box .at_logo {width: 328px; height: 95px; -webkit-background-size: contain;
    background-size: contain; background-position: left center;}
    .main .about_wrap .txt_box .tit {font-size:1.6rem;}
    .main .about_wrap .txt_box .txt {font-size:1.4rem;}
    
    /*notice*/
    .notice_wrap .notice {padding-left: 3%;}
    .cscenter .tel_num .number {font-size: 55px;}
    .cscenter .go_btn a {width: 22%;}
    
    #gnb_all {display: block;}
    
    .pd_wrap .sct_li {width: 31.2%; margin: 1%;}
    
    /* sub - 상품 상세보기 - 간략정보 및 구매기능 */
    #sit_ov_btn button{width: 41.5%}
    .sit_btn_wish{width: 13%;}
    
    /* 메인 공통 추가 */
    .sct_wrap { margin: 100px auto 50px; }

    /* 메인 아이템 정렬*/
    .main .sct_li:nth-child(3n) { margin-right: 0; }
    .main .sct_li:last-child { margin-right: inherit; }
}

@media screen and (max-width:900px) {
    /* busi */ 
    .busi .cont {width:80%;margin:50px auto 0;}
    .busi .cont .img {top: -26%;;left: auto;right: 0;width: 25%;}
    .busi .cont .img img {width:100%;}
    .busi .cont .tx01 .num {padding-right: 20px;}
    .busi .cont .num {position:static;padding-right:22px;}
    .busi .cont dl {width:100%;margin-bottom:15%;}
    .busi .cont .tx02 {margin:0 0 15% 0;}
    .busi .cont .tx03,.busi .cont .tx04,.busi .cont .tx05 {position:static;width:100%}

    .busi .cont dt:after {display:none;}
    .busi .cont dt {padding-left:0;}
    .busi .cont .tx03 dt,.busi .cont .tx04 dt,.busi .cont .tx05 dt {padding:0;}
    .busi .cont dt:before {width:100%;height:1px;bottom:-10px;left:0;}
    .busi .cont .tx03 dt:before, .busi .cont .tx04 dt:before, .busi .cont .tx05 dt:before  {width:100%;left:auto;right:0;}
    .busi .cont dd,.busi .cont .tx03 dd,.busi .cont .tx04 dd,.busi .cont .tx05 dd {padding-left:80px}
    .busi .cont dd:before {left:7.5%;}
    .busi .cont .tx03 dd:before,.busi .cont .tx04 dd:before,.busi .cont .tx05 dd:before {left:7.5%;}
    .busi .cont .tx04 .num{position:absolute;left:0;top:15%}
    .busi .cont .tx04 dt{padding-left: 85px;}
}


@media screen and (max-width:768px) {
    #ctt { padding: 0 !important; }

    /* 공통타이틀 */
    .sct_wrap .sub_tit, .sct_wrap .txt{font-size: 14px;}
    .sct_wrap .main_tit{font-size: 25px; margin: 0 0 20px 0;}
    
    /*main_quick*/
    .main_quick {right: 3%;}
    .main_quick li a{width: 50px; height: 50px;}
    .main_quick .hover{width: 200px; height: 50px; line-height: 50px; font-size: 14px;}
    
    /* main - mark_wrap */
    .mark_wrap li{width: 32.6%; margin-bottom: 20px; margin-right: 0;}
    .mark_wrap li:nth-child(3){margin-right: 0;}
    .mark_wrap li .ico{width: 50px; height: 50px;}
    .mark_wrap li .name{font-size: 13px;}
    
    #sct_location { left:18px; }

    
    #sit_pvi { width:100%;}
    #sit_ov { width:100%; margin-left:0;}
    #sit_info {display:block;}
    #sit_tab { display:block;}
    
    .pd_wrap .sct_li {width: 48%; margin: 1%;} 
    
    .sct_40 .sct_img{width: 40%; margin-right: 20px;}
    
    /* mark_box - sub */
    .mark_box li{width: 16%; margin-bottom: 0%;}
    
    /* sub - 상품 상세보기 - 간략정보 및 구매기능 */
    .sit_use_top{margin: 0 0 20px;}

    /* sub company */
    .company .sub_bg,.busi .sub_bg {height:200px;}
    .company .box_wrap .box_lf {float:none;width:100%;}
    .company .box_wrap .box_rt {float:none;width:100%;margin-top: 40px;}
    .company .box_wrap .b_tit {margin-bottom: 10px;}
    .company .box_wrap .box_rt p {padding-bottom: 20px; font-size: 15px;}
    .company .s_box .sb_ti{font-size: 16px;}
    .company .s_box .sb_tx{font-size: 15px;}
    .company .img500 {display:block;}
    .company .img800, .company .img300 {display:none;} 
    
    /* sub history */
    .history .cont > ul::after {left: 15px;}
    .history .cont > ul > li {padding: 0 35px;}

    .history .cont > ul > li:nth-child(2n) {width: 100%; left: 0;}
    .history .cont > ul > li:nth-child(2n+1) {width: 100%; text-align: left;}
    .history .cont > ul > li:nth-child(2n+1) .year::after {right: auto; left: -33px; top: 2px;}
    .history .cont > ul > li:nth-child(2n+1) .desc li:after {right: auto; left: -25px;}
    .history .cont > ul > li:nth-child(2n+1) .desc .txt {margin-right: 0; margin-left: 0px;}
    .history .cont > ul > li:nth-child(2n) .desc .txt{margin-left: 0;}
    .history .cont > ul > li:nth-child(2n+1) .desc .month {right: auto; left: 0;}
    
    .history .date .year{font-size: 30px;}
    .history .date .txt{font-size: 14px; font-weight: 600;}
    
    /*sub social*/
    .social .tab_tit li{width: 100%; margin-right: 0; margin-bottom: 15px;}
    .social .tab_tit li span{padding: 5px 0; font-size: 15px;}
    .num_box .box{width: 100%; margin-right: 0 !important; padding: 40px 20px;}
    .economy2 .line_box:nth-child(4) .d_ul{display: block;}
    .economy2 .line_box:nth-child(4) .d_ul li{width: 100%;}
    .economy2 .num_box .box{width: 100%;}
    table.mro_table td{padding: 10px;}

    /*sub mro*/
    .mro .s_txt p img.mro_pc{display: none;}
    .mro .s_txt p img.mro_t{display: block;}
    .mro .num_box{flex-wrap: wrap;}
    .mro .num_box .box{width: 100%; padding: 0; margin-right: 0; margin-bottom: 20px;}

    .mro .box_wrap .box_lf {float:none;width:100%;}
    .mro .box_wrap .box_rt {float:none;width:100%;margin-top: 40px;}
    .mro .box_wrap .b_tit {margin-bottom: 10px;}
    .mro .box_wrap .box_rt p {padding-bottom: 20px;}

    .latest_wr { border-bottom:1px solid #eee; margin: 0 0 40px; width:100%;}
    .lat_title > a, .h2tit {width:100%; text-align:center;}
    .attch_bg .txt { width:100%; text-align:center;}
    .attch_bg .txt { margin: 75px 0 0;}
    .attch_bg .attch_btn { margin-top: 35px; position: absolute; left: 50%; transform: translateX(-50%);}
    .attch_bg .attch_btn { text-align:center; width:100%;}
    .attch_bg .attch_btn a { border-radius: 10px; width:150px; height:50px; padding-top:15px; padding-left:45px; background-position: left 20px top 50%; background-size: 30px;}
    .attch_bg .attch_btn a:first-child {background-position: left 20px top 50%; background-size: 30px; } 

    #tnb { display:none;}
    
    #hd_sch.resize form {width: 88%;}
    .main .event_wrap {padding: 50px 0;}

    /*md's pick*/
    .main .md_wrap .md_wrap {float: none; width: 100%;}
    .main .md_wrap .md_pd {height: 350px; background-color: #f1f1f1;}
    .main .md_wrap .md_pd img {width: auto; height: 90%;}
    .main .md_wrap .bg {display: none;}
    .main .md_wrap .item_cont {background-color: #fafafa;}
    .main .md_wrap {height: auto;}
    
    /*about*/
    .main .about_wrap .txt_box {float: none; width: 100% ;text-align: center; padding: 50px 3%;}
    .main .about_wrap .bg {display: none;}
    .main .about_wrap {background-color: var(--key-color); height: auto;}
    .main .about_wrap .txt_box .at_logo {display: inline-block;}
    .main .about_wrap .view_more.vm_btn2 {display: inline-block; width: auto;}
    
    /*review*/
    .rv_wrap .img_box {width: 27%; height: 200px;}
    .rv_wrap .rv_box {width: 73%; height: 200px;}
    
    /*notice*/
    .notice_wrap .cscenter, .notice_wrap .notice {float: none; width: 100%;}
    .notice_wrap .notice {padding-left: 0; padding-top: 30px; border:none; border-top: 1px solid #ddd;}
    .notice_wrap .cscenter {padding-bottom: 30px;}
    
    .notice h2 a .arrow {float: none;}
    
    /*sub about*/
    .sub_wrap .about_wrap .img_box {height: 300px;}
    .sub_wrap .about_wrap .txt_box .logo_box {width: 100%; float: none; height: 120px;}
    .sub_wrap .about_wrap .txt_box .txt {float: none; width: 100%; height: auto;}
    
    .couponzone_list p.ex {margin: 10px 0 0; position: static; font-size:1.2rem; word-break: keep-all;}
    
    #sps_sch select, #sqa_sch select {width: 90px;}
    
    .review_summ .pd_name {    display: inline-block;
    width: 63%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;}

    /* 개인결제 목록 */
    .sct_pv .sct_li {width: calc((100% - 30px)/3);}
    .sct_pv .sct_li:nth-child(4n) {margin-right: 15px;}
    .sct_pv .sct_li:nth-child(3n) {margin-right: 0;}
    
    /*검색결과*/
    #ssch_frm .ssch_scharea .ssch_input{width: calc(100% - 135px);}
    #ssch_frm .btn_submit{width: 90px; height: 40px; font-size: 14px;}
    #ssch_cate{padding: 10px 0;}
    #ssch_cate li{width: 50%;}
    #ssch_frm .ssch_option .cost_wrap{display: block; margin-top: 20px;}

    /* 메인 공통 추가 */
    .sct_wrap { margin: 100px auto 30px; }

    .sit_use_top { bottom: -120px; }
}

@media screen and (max-width:600px){
    /* main - HOT 기획전 */
    #exhibition .swiper{height: 400px;}
    #exhibition .swiper-button{display: none;}
    #exhibition::before{height: 420px;}
    
    #hd_sch.resize {width: 90%;}
    #hd_sch.resize form {width: 90%;}
    
    .about header{width: 92%; margin: 0 auto;}
    
    /* sub - 상품 상세보기 - 간략정보 및 구매기능 */
    #sit_opt_added li{padding: 20px 10px;}
    #sit_siblings a{margin: 0 0 10px 0;}
    
    #sit_use_wbtn{position: static; width: 100%; margin-top: 25px;}
    #sit_use_wbtn a{width: 49%; font-size: 15px; line-height: 40px;}
    #sit_use_wbtn a:first-child{margin-right: 0.5%;}
    
    #sit_qa_wbtn {width: 100%; }
    #sit_qa_wbtn a{width: 49%; font-size: 15px; line-height: 40px;}
    #sit_qa_wbtn a:first-child{margin-right: 0.5%;}
    .sit_qa_top h4 {margin: 0;}
    
    .sit_use_top,.sit_qa_top,#sit_dex{padding: 0;}
    .sit_use_p > p, .sit_qa_qaq > p, .sit_qa_qaa{font-size: 14px;}
    .sit_use_dl{margin-top: 20px;}
    .sit_use_dl dd{margin-top: 10px;}
    
    .sit_qa_li_title{width: 100%;}
    .sit_qaa_yet{height: 27px; line-height: 27px; font-size: 12px;}
    .sit_qa_p .qa_alp{left: 0;}
    .sit_qa_con{padding-top: 10px;}
    
    /* mark_box - sub */
    .mark_box li{width: 32%; margin-bottom: 2%;}
    
    /* sub company */
    .company .box_wrap .b_tit, .company .b_tit{font-size: 24px;}
    .company .s_tit{font-size: 16px;}

    /* sub 인증마크 */
    .sub_mark_wrap li{width:30%; margin-right: 10px; margin-bottom: 10px;}
    .sub_mark_wrap li:nth-child(2){margin-right: 10px;}
    .sub_mark_wrap li:nth-child(3){margin-right: 0px;}

    /* sub 공통 */
    .box_wrap .box_rt p{font-size: 15px;}
    
    /* 오시는길 */
    .sub_wrap .map_wrap .direct .other {top: 15px; transform: none; width: 100%; right: auto; left: 1px;}
    .sub_wrap .map_wrap .direct .other a {float: left; width: 50%; text-align: center; height: 60px; border-radius: 0; margin-left: -1px;}
    .sub_wrap .map_wrap .direct .other a span {vertical-align: middle;display: inline-block !important;}
    .sub_wrap .map_wrap .direct .other a .text {font-size:1.4rem; margin-left: 5%;}
    .sub_wrap .map_wrap .direct {padding: 95px 0 30px;}
    
    /*상품후기*/
    .sqa_img{position: static; display: block;}
    .sqa_section{padding: 10px 0 0 0;}
    .sqa_section h2{padding-right: 0;}
    
    /*검색결과*/
    #ssch_frm .ssch_scharea .ssch_input{width: 100%; display: block;}
    #ssch_frm .btn_submit{width: calc(100% - 30px); height: 40px; font-size: 14px; margin-top: 10px; margin-right:5px }
    #ssch_frm .ssch_option{padding: 10px 0; font-size: 14px;}

    /* 메인 아이템 정렬*/
    .main .sct_li:nth-child(3n) { margin-right: inherit; }
    .main .sct_li:nth-child(even) { margin-right: 0; }

    .shop_select_to_html { display: none; }
    .shop_select_to_html:last-child { display: block; }
}

@media screen and (max-width:510px){
    .sub_wrap .traffic_wrap .bus .inform .kind {display: block;}
}

@media screen and (max-width:500px) {
    .sct_wrap { margin: 70px auto 20px; }
    .sct_wrap .txt br { display: none; }
    
    /*main_quick*/
    .main_quick{display: none;}

    /* main - HOT 기획전 */
    #exhibition{background: #f7f7f7;}
    #exhibition::before{display: none;}
    #exhibition header{padding-top: 60px;}
    #exhibition .swiper{height: 250px;}
    #exhibition .sct_wrap{margin-bottom: 70px;}
    
    #gnb_all .gnb_al_admin .logo { display:none}

    /* sub - list page */
    .shop_select_to_html:hover .menulist{right: auto; left: 0;}
    
    #sct_ct_1 li a{font-size: 14px;}
        
    /* sub - 상품 상세보기 - 간략정보 및 구매기능 */
    #sit_siblings a{font-size: 14px;}
    
     /* sub company */
    .company .img300 {display:block;}
    .company .img800, .company .img500 {display:none;} 
    
    /* sub busi */ 
    .busi .s_tit br{display: none;}
    .busi .cont .img {top: -25%;width: 30%;}
    .busi .cont {width:90%;}
    .busi .cont .num {position:static;padding-right:12px;font-size: 36px;}
    .busi .m_tit {font-size: 19px;}
    .busi .m_txt {font-size: 15px;}
    .busi .cont dd,.busi .cont .tx03 dd,.busi .cont .tx04 dd {padding-left:60px}
    .busi .cont .tx04 dt{padding-left: 65px;}
    
     /* sub history */
    .history .bg_le {width: 210px;height:210px;border: 12px solid rgb(81, 186, 175,.15);font-size:70px;}

    /*sub social*/
    .social .cont{margin-top: 0;}
    .sub_bg {height:150px !important;}
    .m_tit, .m_tit .n_tit {font-size: 18px;}
    .m_tit .num {font-size: 30px;}
    .m_txt {font-size: 15px;}
    .b_tit {font-size: 20px;}

    /*sub mro*/
    .mro .s_txt p img.mro_t{display: none;}
    .mro .s_txt p img.mro_m{display: block;}
    
	#tnb a { padding: 0 5px;}
	#tnb a[href="/bbs/board.php?bo_table=notice"] { display:none;}
	.pd_wrap .sct_li { width:100% !important; margin:20px 0 0 0;}
	.pd_wrap .sct_li:first-child { margin-top:0}
  
    #hd_sch.resize form {width: 86%;}
    
    /*review*/
    .rv_wrap .img_box, .rv_wrap .rv_box {float: none !important; width: 100%;}
    .rv_wrap .img_box .img {height: 198px;}
    .rv_wrap .img_box .img img {width: auto; height: 100%;}
    .rv_wrap .view_box .img_box:before {right: 50% !important; transform: rotate(90deg)!important; bottom:-23px !important; top: auto !important; left: auto !important;}
    .rv_wrap .rv_box {border-top: none; border-bottom: none;}
    .rv_wrap .view_box .rv_box {border: none !important;}
    
    .main .event_wrap .slick-dots {bottom: 10px;}
    
    .main .event_wrap .view_more, .rv_wrap .vm_btn2 {margin-top: 0;}
    .rv_wrap .rv_box .cs {left: 6%;}
    
    .cscenter .tel_num .number {font-size: 42px;}
    
    .sub_wrap .map_wrap .direct .direct_wrap > div {font-size:1.4rem;}
    
    
     /*사용후기 추가*/
    #sps_sch select, #sqa_sch select {width: 100%; margin-bottom: 10px; font-size: 14px;}
    #sps_sch .sch_wr, #sqa_sch .sch_wr {width: 75%;}
    #sps_sch a, #sqa_sch a {float: right; text-align: center; width: 24%; font-size: 14px;}
    #sps_sch .sch_input, #sqa_sch .sch_input {width: 84%;}
    #sps_sch, #sqa_sch {float: none; width: 100%;}
    
    #sps li {padding: 15px 5px;}
    .sps_section {padding-left: 0px;}
    .sps_img{width: 100%; position: static;}
    #sps dl{float: none; width: 100%;}
    .sps_con_btn button.review_detail{display: block; float: none; width: 100%; margin-top: 20px;}
    
    .review_detail_in {width: 90%;}
    .review_detail_in h3{font-size: 18px;}
    .review_summ .star_img {display: block; float: none; margin-top: 5px;}
    .review_summ .pd_name {display: block; width: 100%; margin-top: 5px;}
    .review_tp_cnt>span{font-size: 16px;}
    
    
    #sit_tab .tab_tit {text-align: center;}
    #sit_tab .tab_tit li button {font-size: 0.9em; padding: 10px 0;}
    
    .sit_qa_li_title {width: 100%;}
    
    /* 개인결제 목록 */
    .sct_pv .sct_li {width: calc((100% - 15px)/2);}
    .sct_pv .sct_li:nth-child(3n) {margin-right: 15px;}
    .sct_pv .sct_li:nth-child(2n) {margin-right: 0;}
}