@charset "euc-kr";
.S_container {min-height:500px;}
.M_vis_section {position:relative; margin:0 0 3.125rem;}
.M_vis_section .vis_slide img {width:100%; height:auto;}
.M_vis_section .slick-dots {display:none !important;}
.M_vis_section .custom_page { position:absolute; bottom:30px; left:4%; height:23px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; background:rgba(144,195,31,.8); padding:0 10px; line-height:23px; font-size:13px; color:#fff;}

.sec_ttl {font-size:1.4rem; font-weight:500; line-height:1.8rem; color:#000; text-align:center; margin:0 0 1.4rem;}
.story_section .sec_ttl{font-size:1.8rem;}
.brand_lst {display:flex; justify-content:space-between; flex-wrap:wrap;}
.brand_lst li {width: 47.5%;margin: 0 0 1.25rem;}
.brand_lst li .img img {width:100%;}

.prd_lst .lst {position:relative; width:10rem; margin:0 1.25rem 0 0;}
.prd_lst .lst .thumb {margin:0 0 1rem;}
.prd_lst .lst .thumb a {display:block; position:relative; width:100%; padding:100% 0 0; overflow:hidden;}
.prd_lst .lst .thumb img {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:auto; margin:auto;}
.prd_lst .lst .thumb .soldout {position:absolute; bottom:0; left:0; width:100%; height:1.75rem; line-height:1.75rem; background:rgba(0,0,0,.5); text-align:center; font-size:.85rem; font-weight:500; color:#fff;}
.prd_lst .lst .info .name {display:block; width:100%; height:2.5rem; margin:0 0 .4rem;}
.prd_lst .lst .info .name a {display:-webkit-box; width:100%; height:2.5rem; font-size:.85rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#000; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; text-overflow:ellipsis; overflow:hidden;}
.prd_lst .lst .info .price {display:block; margin:0 0 .625rem;}
.prd_lst .lst .info .grade {display:block; font-size:.8rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#000; margin:0 0 .25rem;}
.prd_lst .lst .info .price strong {display:inline-block; font-size:.95rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.065rem; color:#000; margin:0 .5rem 0 0;}
.prd_lst .lst .info .price b {font-weight:700;}
.prd_lst .lst .info .price .before {display:block; font-size:.95rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem;}
.prd_lst .lst .info .conp {display:inline-block; font-size:.8rem; line-height:1.25rem; color:#888; text-decoration:line-through; vertical-align:top;}
.prd_lst .lst .info .icon {white-space:normal;}
.prd_lst .lst .info .icon img {display:inline-block; height:1rem; margin:0 1px 3px 0;}
.prd_lst .lst .sale {position:absolute; top:0; left:0; width:50px; height:50px; background:#fff; border:2px solid #ff3131; border-radius:50%; line-height:46px; text-align:center; font-size:.95rem; font-weight:700; color:#ff3131; margin:-5px 0 0 -10px; box-sizing:border-box; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; z-index:2;}
.prd_lst .lst .sale b {font-size:1.2rem;}

.prd_lst.vertical {display:flex; justify-content:space-between; flex-wrap:wrap;}
.prd_lst.vertical .lst {width:47.5%; margin:0 0 1.25rem;}

.prd_lst.sub {display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 4%;}
.prd_lst.sub .lst {width:47.5%; margin:0 0 1.25rem;}
.prd_lst .no_lst {width:100%; height:200px; line-height:200px; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#888; border-top:1px solid #333; border-bottom:1px solid #ddd; text-align:center;}

.prd_lst.horizontal .lst {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 1.25rem; padding:0 0 1.25rem; border-bottom:1px solid #ddd; box-sizing:border-box;}
.prd_lst.horizontal .lst .thumb {width:8.75rem; height:8.75rem; margin:0 1.25rem 0 0;}
.prd_lst.horizontal .lst .thumb a {width:100%; height:100%; padding:0;}
.prd_lst.horizontal .lst .info {width:calc(100% - 10rem);}

.best_section, .prd_rel_cont {margin:0 auto 2.5rem;}
.best_section .prd_lst, .prd_rel_cont .prd_lst {padding:0 4%; white-space:nowrap; overflow:hidden; overflow-x:auto; box-sizing:border-box;}
.best_section .prd_lst .lst, .prd_rel_cont .prd_lst .lst {display:inline-block; vertical-align:top;}

.best_section .mCSB_scrollTools .mCSB_draggerRail, .prd_rel_cont .mCSB_scrollTools .mCSB_draggerRail {height:4px; background:#e9e9e9; margin:6px 0;}
.best_section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .prd_rel_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#9bc936;}

.link_section{display:flex; justify-content:center; flex-wrap:nowrap; margin:1.5rem 4%;}
.link_section li{flex-grow:1; background:#90c31f; text-align:center; border-radius:2px; margin-left:.5rem;}
.link_section li:first-child{margin:0;}
.link_section li a{display:block; display:flex; justify-content:center; align-items:center; height:2.8rem; line-height:2.8rem; font-size:1.1rem; letter-spacing:-0.065rem; font-weight:500; color:#fff;}
.link_section li a:before{content:''; display:inline-block; width:30px; height:30px; border-radius:500px; margin-right:.5rem; background-color:#fff;}
.link_section li:nth-child(1) a:before{background:url(/images/ico/vision_ico1.png) 50% 50% no-repeat #fff; background-size:65% auto;}
.link_section li:nth-child(2) a:before{background:url(/images/ico/vision_ico3.png) 50% 50% no-repeat #fff; background-size:60% auto;}


.special_section {margin:2.5rem 4%;}
.recom_section {margin:0 4% 2.5rem;}

.movie_section {background:#fbfcf6; padding:2.5rem 4%; margin:0 0 2.75rem;}
.movie_section iframe {width:100%; height:300px; margin:0 0 1.25rem;}

.story_section {position:relative; padding:0 0 4rem; background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 33%, #a6cf25 33%, #7ab719 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 33%,#a6cf25 33%,#7ab719 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 33%,#a6cf25 33%,#7ab719 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.story_section .main_story {width:100%; padding:0 7%;}
.story_section .main_story .img {display:block; margin:0 0 1rem;}
.story_section .main_story img {width:100%; height:auto;}
.story_section .main_story .ttl {display:block; max-width:94%; font-size:.85rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 auto;}
.story_section .main_story .slick-prev {position:absolute; top:50%; left:0; width:50px; height:60px; background:rgba(0,0,0,.4) url(/images/ico/story_prev.png) 50% 50% no-repeat; background-size:auto 40%; margin:-30px 0 0; text-indent:-9999px; z-index:2;}
.story_section .main_story .slick-next {position:absolute; top:50%; right:0; width:50px; height:60px; background:rgba(0,0,0,.4) url(/images/ico/story_next.png) 50% 50% no-repeat; background-size:auto 40%; margin:-30px 0 0; text-indent:-9999px; z-index:2;}
.story_section .story_dots {position:absolute; bottom:1.25rem; left:0; width:100%; text-align:center;}
.story_section .story_dots li {display:inline-block; margin:0 4px;}
.story_section .story_dots button { display:inline-block; width:14px; height:14px; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-indent:-9999px; outline:none;}
.story_section .story_dots .slick-active button {background:#fff;}

.center_section .row:first-child {padding:25px 4% 1.25rem;}
.center_section .row:first-child .ttl {display:flex; justify-content:space-between; align-items:center; margin:0 0 1.25rem;}
.center_section .row:first-child .ttl h3 {font-size:1.25rem; font-weight:500; line-height:1.75rem; letter-spacing:-0.045rem; color:#000;}
.center_section .row:first-child .ttl a {font-size:.85rem; font-weight:500; line-height:1.75rem; letter-spacing:-0.045rem; color:#888; padding:0 16px 0 0; background:url(../images/ico/more_ico.png) 100% 50% no-repeat; background-size:auto .85rem;}

.center_section .lst li {display:flex; justify-content:space-between; align-items:center; height:42px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.center_section .lst li a {flex:1 1 auto; font-size:.85rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.065rem; color:#666; margin:0 .625rem 0 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.center_section .lst li .date {width:75px; font-size:.85rem; font-weight:500; color:#999; text-align:right;}

.center_section .row:nth-child(2) {background:#fbfcf6 url(/images/ico/bank_ico.png) 94% 55% no-repeat; padding:25px 4%;}
.center_section .row:nth-child(2) .ttl {font-size:1.2rem; font-weight:500; line-height:1.75rem; letter-spacing:-0.045rem; color:#000; margin:0 0 .625rem;}
.center_section .bank_num {display:block; font-size:1.4rem; font-weight:500; line-height:1.75rem; color:#000; margin:.4rem 0;}
.center_section .name {display:inline-block; font-size:.9rem; font-weight:500; line-height:1.4rem; letter-spacing:-0.045rem; color:#333;}

.center_section .row:last-child {margin:25px 4%;}
.center_section .row .call {display:block; font-size:1.25rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.045rem; color:#000; margin:0 0 .625rem;}
.center_section .row .call b {display:inline-block; font-size:2rem; font-weight:700; letter-spacing:0; color:#9bc936; margin:0 0 0 .625rem;}
.center_section .row .bs_txt {display:block; font-size:.9rem; line-height:1.4rem; letter-spacing:-0.045rem; color:#222;}
.center_section .row .bs_txt:nth-child(3) {color:#888;}
.center_section .row .qna_lnk { display:block; width:100%; height:45px; line-height:43px; letter-spacing:-0.045rem; border:1px solid #9bc936; border-radius:4px; background:url(/images/ico/grn_arr.png) 93% 50% no-repeat; padding:0 4%; margin:1rem 0 0; font-size:.85rem; font-weight:500; color:#9bc936; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}

.notice_section {display:flex; justify-content:space-between; align-items:center; height:50px; border-top:1px solid #eee; padding:0 4%;}
.notice_section h3 {position:relative; width:70px; font-size:.95rem; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:0 .625rem 0 0;}
.notice_section h3:after {content:''; position:absolute; top:50%; right:0; width:1px; height:16px; background:#000; margin:-8px 0 0;}
.notice_section .nt_slide {width:calc(100% - 70px - .625rem);}
.notice_section .nt_slide .row {display:flex !important; justify-content:space-between; align-items:center;}
.notice_section .nt_slide .row a {flex:1 1 auto; font-size:.85rem; line-height:1.5rem; letter-spacing:-0.045rem; color:#666; margin:0 .625rem 0 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; outline:none;}
.notice_section .nt_slide .row .date {font-size:.95rem; line-height:1.5rem; color:#999;}

/* category */
.prd_cat_ttl {position:relative; height:45px; border-bottom:1px solid #ddd; padding:0 4%; text-align:center; margin:0 0 1.25rem; box-sizing:border-box;}
.prd_cat_ttl h3 {font-size:1.05rem; line-height:44px; font-weight:500; letter-spacing:-0.025rem; color:#000;}
.prd_cat_ttl .back_btn {position:absolute; top:0; left:4%; width:14px; height:44px; background:url(../images/ico/back_ico.png) 50% 50% no-repeat; background-size:auto 40%; text-indent:-9999px; outline:none;}

.prd_category {width:92%; border:1px solid #ddd; margin:0 auto 2rem; box-sizing:border-box;}
.prd_category li {float:left; display:table; width:50%; height:2.8rem; border-width:1px 1px 0 0; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.prd_category li:nth-child(-n+2) {border-top:0;}
.prd_category li:nth-child(even) {border-right:0;}
.prd_category li a {position:relative; display:table-cell; padding:0 4%; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#666; vertical-align:middle; box-sizing:border-box;}
.prd_category li.on a {color:#9bc936;}
.prd_category li.on a:after {content:''; position:absolute; top:0; left:0; width:calc(100% + 2px); height:calc(100% + 2px); border:1px solid #9bc936; margin:-1px 0 0 -1px; box-sizing:border-box;}

.prd_sch_box {display:flex; justify-content:space-between; align-items:center; margin:0 4% .625rem;}
.prd_sch_box .prd_count {font-size:.85rem; font-weight:500; line-height:1.4rem; letter-spacing:-0.025rem; color:#333;}
.prd_sch_box .prd_count b {color:#ff0000;}
.prd_sch_box select {width:40%; max-width:180px; height:30px; border:1px solid #ddd; font-size:.85rem; letter-spacing:-0.045rem; color:#333; padding:0 25px 0 6px; background-size:12px auto; box-sizing:border-box;}

/* pagelist */
.pagelist {margin:20px auto 50px;}
.pagelist td[width] {width:1.8rem; height:1.8rem; padding:0 .125rem;}
.pagelist a {display:inline-block; width:1.8rem; height:1.8rem; line-height:1.8rem; vertical-align:top;}
.pagelist img {width:1.8rem; height:1.8rem; vertical-align:top;}
.pagelist td[align="center"] b, .pagelist td[align="center"] a {display:inline-block; width:1.8rem; height:1.8rem; border:1px solid #ddd; line-height:calc(1.8rem - 2px); text-align:center; font-size:.8rem; font-weight:500; color:#555;  margin:0 .125rem; box-sizing:border-box;}
.pagelist td[align="center"] b {background:#444; border-color:#444; color:#fff;}

/* prd view */
.gry_bar {width:100%; height:.95rem; background:#f7f7f7; border-top:1px solid #e9e9e9;}

.prd_view_area {margin:-1.25rem 0 0;}
.view_head .view_visual {width:100%; margin:0 0 1.25rem;}
.view_head .view_visual img {width:100%;}
.view_head .view_info {margin:0 4%; padding:0 0 .625rem; border-bottom:1px solid #ccc;}
.view_head .view_info .name {font-size:1.25rem; font-weight:500; line-height:1.5; letter-spacing:-0.025rem; color:#000; word-break:keep-all; margin:0 0 1rem;}
.view_head .view_info p {font-size:.85rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#999; margin:0 0 1rem;}
.view_head .view_info .sp_img img {height:1rem;}
.view_head .detail_info {padding:1rem 0; margin:0 4%;}

.prd_view_area .row {display:flex; justify-content:space-between; margin:0 0 .625rem;}
.prd_view_area .row:last-child {margin:0;}
.prd_view_area .row .ttl {width:6.25rem; font-size:.85rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.045rem; color:#888;}
.prd_view_area .row .val {width:calc(100% - 6.5rem); font-size:.85rem; line-height:1.5rem; letter-spacing:-0.045rem; color:#666;}
.prd_view_area .row .sellp {font-size:1.1rem; font-weight:500; color:#000;}
.prd_view_area .row .sellp b {font-size:1.4rem; font-weight:700; letter-spacing:0;}
.prd_view_area .row .coupon_down {color:#ff3131;}

.view_head .pd_info {border-top:1px solid #ddd; padding:1rem 0 0;}

.view_fixed {position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #ddd; z-index:10;}
.view_fixed .opn_btn {position:absolute; bottom:100%; left:50%; width:67px; height:22px; border-bottom:22px solid #bcbcbc; border-left:11px solid transparent; border-right:11px solid transparent; border-top:none; margin:0 0 0 -33.5px; text-indent:-9999px; box-sizing:border-box; outline:none;}
.view_fixed .opn_btn:before {content:''; position:absolute; bottom:-22px; left:50%; width:65px; height:100%; border-bottom:21px solid #f8f8f8; border-left:10px solid transparent; border-right:10px solid transparent; border-top:none; box-sizing:border-box; margin:0 0 0 -32.5px;}
.view_fixed .opn_btn:after {content:''; position:absolute; left:50%; width:1rem; height:22px; background:url(../images/ico/fix_opn.png) 50% 50% no-repeat; background-size:contain; z-index:3; margin:0 0 0 -.5rem;}
.view_fixed .opn_btn.on:after {background-image:url(../images/ico/fix_cls.png);}

.view_fixed .opt_box {display:none; width:100%; background:#f8f8f8; padding:.625rem 4%; box-sizing:border-box;}
.view_fixed .opt_box .table_normal {display:none;}
.view_fixed .opt_box .View_info_option {margin:0 0 .375rem;}
.view_fixed .opt_box select {width:100%; height:40px; font-size:.85rem; line-height:38px; border:1px solid #ddd; color:#888; background-position:95% 50%;}
.view_fixed .opt_box .qty_box {position:relative; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; border:1px solid #ddd; background:#fff; padding:.625rem; margin:0 0 .625rem; box-sizing:border-box;}
.view_fixed .qty_box .qty_info {width:calc(100% - 120px - 2.625rem); margin:0 .625rem 0 0;}
.view_fixed .qty_box .name {display:block; width:100%; font-size:.85rem; line-height:1.25rem; letter-spacing:-0.045rem; color:#888;}
.view_fixed .qty_box .qty_btn {width:120px; height:30px; border:1px solid #ddd; box-sizing:border-box;}
.view_fixed .qty_btn button {float:left; width:28px; height:28px; line-height:28px; text-align:center; background:#f8f8f8; font-size:1.05rem; color:#888;}
.view_fixed .qty_btn input {float:left; width:62px; height:28px; border-width:0 1px; border-style:solid; border-color:#ddd; text-align:center; font-size:.85rem; font-weight:500; color:#888; box-sizing:border-box; outline:none;}
.view_fixed .qty_box .price {display:block; font-size:.95rem; font-weight:500; line-height:1.25rem; color:#333;}
.view_fixed .qty_box .btn_x {width:1.25rem; height:1.25rem; border:1px solid #ddd; background:#fff url(/adm/product/image/btn_x.png) 50% 50% no-repeat; background-size:.425rem auto; margin:0 0 0 .625rem; text-indent:-99999px;}

.view_fixed .total_price {display:none; width:100%; background:#f8f8f8; padding:1.25rem 4%; border-top:1px solid #eee; text-align:right; font-size:1rem; font-weight:500; line-height:1.6rem; letter-spacing:-0.045rem; color:#000; box-sizing:border-box;}
.view_fixed .total_price b {font-size:1.4rem; font-weight:700; letter-spacing:0; color:#ff3131;}

.view_fixed .fix_btn {display:flex; justify-content:space-between; align-items:center; width:100%; height:4.125rem; background:#f8f8f8; padding:0 4%; box-sizing:border-box;}
.view_fixed .fix_btn li {width:37.8%;}
.view_fixed .fix_btn li:first-child {width:10.9%;}
.view_fixed .fix_btn li:last-child {width:48.7%;}
.view_fixed .fix_btn button {width:100%; height:45px; line-height:43px; text-align:center; font-size:1rem; font-weight:500; letter-spacing:-0.045rem; color:#ff3131; background:#fff; border:1px solid #ff3131; box-sizing:border-box; outline:none;}
.view_fixed .fix_btn .buy_btn {background:#ff3131; color:#fff;}
.view_fixed .fix_btn .wish_btn {border-color:#ddd; background:#fff url(/images/ico/wish_ico2.png) 50% 50% no-repeat; background-size:auto 41%; text-indent:-9999px;}
.view_fixed .fix_btn .wish_btn.on {background-image:url(/images/ico/wish_on.png);}

.view_tab {display:flex; height:45px; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.view_tab li {width:25%;}
.view_tab li a {display:block; line-height:45px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#000; text-align:center;}
.view_tab .on a {position:relative; color:#9bc936;}
.view_tab .on a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#9bc936; margin:0 0 -1px;}

.view_cont .pv_cont {margin:0 4% 1.25rem;}
.view_cont .pv_cont.detail img {width:100%; height:auto;}
.view_cont .pv_cont.detail *, .view_cont .pv_cont.delivery {font-family:'Lato','NotoSans',sans-serif !important; font-size:.85rem; line-height:1.5rem !important;}
.view_cont .pv_cont.delivery {margin:1.25rem 4%;}
.view_cont .pv_cont.delivery * {color:#666;}
.view_cont .pv_cont.delivery b {font-weight:700;}

/* prd review */
.prd_review h3 {font-size:1rem; font-weight:500; line-height:1.8rem; letter-spacing:-0.065rem; color:#000; margin:1.25rem 0 .4rem;}
.prd_review h3 small {font-size:.85rem;}
.prd_review .review {width:100%; border-top:2px solid #000;}
.prd_review .review_head {border-bottom:1px solid #ddd; padding:1rem 0;}
.prd_review .review_head .ttl {display:block; font-size:.95rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#000; padding:0 1rem 0 0; background:url(../images/ico/all_down.png) 99% .437rem no-repeat; background-size:auto .5rem; margin:0 0 .425rem; box-sizing:border-box;}
.prd_review .review_head.opn .ttl {background-image:url(../images/ico/all_up.png);}
.prd_review .review_head .star {display:block; font-family:'Dotum',sans-serif; letter-spacing:-0.025rem; color:#ffcc00; margin:0 0 .25rem;}
.prd_review .review_head .info {font-size:.85rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#888;}
.prd_review .review_head .info .bar {display:inline-block; width:1px; height:12px; background:#aaa; margin:-2px .3rem 0; vertical-align:middle;}
.prd_review .review .no_review {height:150px; vertical-align:middle; font-size:.85rem; letter-spacing:-0.045rem; color:#888; text-align:center; border-bottom:1px solid #ddd;}
.prd_review .review_cont {display:none; background:#f7f7f7; border-bottom:1px solid #ddd; font-size:.85rem; line-height:1.25rem; letter-spacing:-0.065rem; color:#666; padding:1rem .625rem; box-sizing:border-box;}

.pv_cont .board_btn {display:flex; justify-content:flex-end; align-items:center; margin:1.25rem auto 2.5rem;}
.pv_cont .board_btn a {padding:0 .8rem; height:1.875rem; line-height:1.875rem; border:1px solid #ddd; font-size:.85rem; letter-spacing:-0.045rem; color:#888; margin:0 0 0 .25rem;}

.prd_rel_cont {border-top:1px solid #eee; padding:2.5rem 0 0;}
.prd_rel_cont .rel_ttl {font-size:.95rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.065rem; color:#000; margin:0 4% .625rem;}

/* prd qna */
.prd_qna h3 {font-size:1rem; font-weight:500; line-height:1.8rem; letter-spacing:-0.065rem; color:#000; margin:1.25rem 0 .4rem;}
.prd_qna h3 small {font-size:.85rem;}
.prd_qna .qna {width:100%; border-top:2px solid #000;}
.prd_qna .qna_head {border-bottom:1px solid #ddd; padding:1rem 0;}
.prd_qna .qna_head .ttl {display:block; font-size:.95rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#000; padding:0 1rem 0 0; background:url(../images/ico/all_down.png) 99% .437rem no-repeat; background-size:auto .5rem; margin:0 0 .425rem; box-sizing:border-box;}
.prd_qna .qna_head.opn .ttl {background-image:url(../images/ico/all_up.png);}
.prd_qna .qna_head .info {font-size:.85rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#888;}
.prd_qna .qna_head .info .bar {display:inline-block; width:1px; height:12px; background:#aaa; margin:-2px .3rem 0; vertical-align:middle;}
.prd_qna .qna .no_qna {height:150px; vertical-align:middle; font-size:.85rem; letter-spacing:-0.045rem; color:#888; text-align:center; border-bottom:1px solid #ddd;}
.prd_qna .qna_cont {display:none; background:#f7f7f7; border-bottom:1px solid #ddd; font-size:.85rem; line-height:1.25rem; letter-spacing:-0.065rem; color:#666; padding:1rem .625rem; box-sizing:border-box;}

/* cart */
.cart_lst {margin:1.25rem 0; padding:0 4%; box-sizing:border-box;}
.cart_lst .no_prd {height:80px; line-height:80px; text-align:center; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#555;}
.cart_lst .lst {padding:6px 0; border-bottom:1px solid #ddd;}
.cart_lst .lst ~ .lst {padding-top:6px;}
.cart_lst .lst input[type="checkbox"] {width:0; height:0; font-size:0; visibility:hidden;}
.cart_lst .lst label { display:inline-block; width:16px; height:16px; background:url(../images/ico/chk_ico.jpg) no-repeat; background-size:100%; text-indent:-9999px; margin-bottom:6px;}
.cart_lst .lst input:checked + label {background-image:url(../images/ico/chk_on.png);}
.cart_lst .lst .cl_inner {display:flex; justify-content:space-between; align-items:flex-start; width:100%;}
.cart_lst .cl_inner > a {width:5rem; height:5rem; text-align:center; margin-right:12px;}
.cart_lst .cl_inner > a img {width:100%; height:auto; max-height:100%;}
.cart_lst .cl_inner .cl_info {flex:1 1 0;}
.cart_lst .cl_info a.ttl {display:block; font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222; word-break:keep-all; margin-bottom:4px;}
.cart_lst .cl_info .cl_box {display:flex; justify-content:flex-start; align-items:flex-start; font-size:.8rem; line-height:1.2rem; letter-spacing:-0.045rem; color:#777; margin-bottom:2px;}
.cart_lst .cl_info a img {height:1rem; margin:-2px 0 0;}
.cart_lst .cl_box .ttl {width:80px; color:#333;}
.cart_lst .cl_box .val {flex:1 1 0;}
.cart_lst .cl_box .price {font-size:1rem; color:#ff3131;}
.cart_lst .cl_box .amount {display:flex; justify-content:flex-start; align-items:center;}
.cart_lst .cl_box .amount button {width:25px; height:25px; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; background:#f8f8f8; color:#888; box-sizing:border-box;}
.cart_lst .cl_box .amount .amount_btn:nth-of-type(2) {border-left:none; border-right:1px solid #ddd;}
.cart_lst .cl_box .amount .edit_btn {width:40px; height:25px; line-height:25px; font-size:.75rem; color: #fff; letter-spacing:-0.025rem; border:none; background:#666; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; text-indent:0; margin-left:6px;}
.cart_lst .cl_box .amount input {width:50px; height:25px; border:1px solid #ddd; background:#fafafa; text-align:center; font-size:.8rem; font-weight:500; color:#555; box-sizing:border-box; outline:none;} 

.small_btn {margin:10px auto; padding:0 9px; box-sizing:border-box;}
.small_btn .btn_small {display:inline-block; height:28px; line-height:26px; padding:0 12px; font-size:.8rem; color: #444; letter-spacing:-0.07em; border-radius: 2px; margin-right:5px;  border: 1px solid #ddd; border-right-color: #bbb; border-bottom-color: #bbb; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f7f7f7', GradientType=0); box-sizing:border-box; vertical-align:middle;}

.cart_total {width:100%; padding:20px 3%; box-sizing:border-box;}
.cart_total h3 {font-size:1rem; letter-spacing:-0.045rem; font-weight:500; color:#111; margin:0 0 12px;}
.cart_total .price_box {display:flex; justify-content:space-between; align-items:center;}
.cart_total .ttl {font-size:.8rem; letter-spacing:-0.065rem; color:#888; padding:6px 0;}
.cart_total .val {font-size:.8rem; color:#111;}
.cart_total .total_price {font-size:1rem; font-weight:700; color:#ff3131;}

.cart_del {margin:6px 0 16px;}
.cart_del li {font-size:.8rem; line-height:1.4; letter-spacing:-0.045rem; color:#999; }

.common_btn {width:100%; padding:0 3%; margin:8px auto 30px; box-sizing:border-box;}
.common_btn button, .common_btn a {display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:1.05rem; font-weight:500; letter-spacing:-0.025rem; background:#90c31f; border:none;}

/* order */
.order_box {padding:18px 9px; box-sizing:border-box;}
.order_box .od_ttl {display:flex; justify-content:space-between; margin:6px 0 20px;}
.order_box .od_ttl h3 {font-size:1.25rem; font-weight:500; letter-spacing:-0.045rem; color:#111;}
.order_box .od_ttl input[type="checkbox"], .order_box .od_ttl label {display:inline-block; vertical-align:middle;}
.order_box .od_ttl input[type="checkbox"] {width:1rem; height:1rem;}
.order_box .od_ttl label {font-size:.85rem; font-weight:500; color:#777; margin-left:.25rem;}
.order_box .od_box {display:block; margin:1rem auto 0;}
.order_box .od_box .ttl {display:block; font-size:.95rem; font-weight:500; color:#333; line-height:1.3; letter-spacing:-0.045rem;}
.order_box .od_box .val {display:block; margin:6px 0 0; font-size:.9rem;}
.order_box .od_box .val small {display:block; font-size:.85rem; letter-spacing:-0.025rem; margin:.25rem 0 0;}
.order_box .od_box .total {display:flex; justify-content:space-between;}
.order_box .od_box .total .prd_price {font-size:1.05rem; font-weight:500; color:#0082dd;}
.order_box .od_box input[type="text"] {width:auto; height:34px; border:1px solid #ddd; background:#fafafa; font-size:.85rem; font-weight:500; letter-spacing:-0.025rem; color:#555; padding:0 9px; box-sizing:border-box;}
.order_box input[type="checkbox"], .order_box input[type="radio"], .order_box label {vertical-align:middle;}
.order_box .od_box textarea {width:100%; height:120px; border:1px solid #ddd; background:#fafafa; font-size:.85rem; font-weight:500; letter-spacing:-0.025rem; color:#555; padding:9px; resize:none; box-sizing:border-box;}
.order_box .od_box select {height:34px; border:1px solid #ddd; font-size:.85rem; font-weight:500; letter-spacing:-0.025rem; color:#555; box-sizing:border-box;}
.order_box .od_box button {height:34px; background:#888; color:#fff; font-size:.8rem; letter-spacing:-0.05em; padding:0 .75rem; border-radius:3px; box-sizing:border-box;}
.order_box .refund {display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; text-align:right; margin:.8rem 0 0; font-size:.85rem; font-weight:500; letter-spacing:-0.025rem; color:#777;}
.order_box .refund input {margin:0 .2rem 0 .5rem;}
.order_box .val .more {display:block; font-size:.85rem; font-weight:500; letter-spacing:-0.025rem; color:#777; margin:.4rem 0 0;}
.order_box .val .more input {width:50%;}
.order_box .notice {display:block; font-size:.8rem; font-weight:500; line-height:1.2rem; letter-spacing:-0.045rem; color:#f00; margin:.4rem 0 0;}

.od_box .val .method {display:block; margin:0 0 4px;}
.od_box .val input[type="radio"], .od_box .val label {display:inline-block; vertical-align:middle;}
.od_box .val label {font-size:.85rem; font-weight:500; color:#777; margin-left:6px;}
.od_box .val .inner_table {width:100%; border:1px solid #ddd; box-sizing:border-box;}
.od_box .val .inner_table input[type="text"], .od_box .val .inner_table input[type="passoword"] {width:100%; height:30px; border:none; background:#fff; font-size:.7rem; padding:0 4px;}
.od_box .val .inner_table input[type="radio"] {width:12px; height:12px; margin:0 4px 0 0;}
.od_box .val .inner_table input[type="radio"] + label {font-size:.75rem; margin:0;}
.od_box .val .inner_table th, .od_box .val .inner_table td {vertical-align:middle; text-align:left; padding:0 2%; border-bottom:1px solid #ddd; box-sizing:border-box;}
.od_box .val .inner_table th {width:22%; font-size:.75rem; background:#f9f9f9; font-weight:500; border-right:1px solid #ddd;}
.od_box .val .inner_table th:nth-child(3) {border-left:1px solid #ddd;}
.od_box .val .inner_table td {width:28%;}
.od_box .val .inner_table td[colspan="3"] {width:78%;}
.od_box .val .inner_table span {display:inline-block;}
.od_box .val .inner_table input.input_style {width:45px; border:1px solid #ddd; margin:2px 0;}

/* order_pay */
.pay_table {width:94%; margin:12px auto;}
.pay_table th, .pay_table td {font-size:.9rem; letter-spacing:-0.045rem; font-weight:500; color:#111; padding:6px 0; text-align:left; vertical-align:middle;}
.pay_table select {height:32px; line-height:30px; border:1px solid #ddd;}
.pay_table input[type="text"] {height:32px; padding:0 8px; border:1px solid #ddd; box-sizing:border-box;}

/* order_ok */
.order_ok {width:94%; margin:16px auto; padding:20px 3%; background:#f1f1f1; text-align:center; box-sizing:border-box;}
.order_ok h3 {font-size:1rem; letter-spacing:-0.025rem; font-weight:500; color:#111; margin:0 0 20px;}
.order_ok p {font-size:.8rem; line-height:1.25; letter-spacing:-0.025rem; color:#555;}

.order_info {padding:18px 9px; box-sizing:border-box;}
.order_ttl {font-size:1.05rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#222; margin-bottom:.5rem;}

.join_input_table {border-top:1px solid #ddd; margin-bottom:1rem;}
.join_input_table th, .join_input_table td {padding:10px 0.5rem; text-align:left; vertical-align:middle; font-size:.85rem; font-weight:500; color:#333; border-bottom:1px solid #ddd; box-sizing:border-box;}
.join_input_table th {width:28%; background:#f9f9f9; border-right:1px solid #ddd;}
.join_input_table thead th {text-align:center; border-right:none; padding:12px 0;}
.join_input_table thead + tbody td {text-align:center; font-size:.8rem;}
.join_input_table td.no_prd {height:80px; text-align:center;}

/* login */
.login_frm {width:92%; max-width:450px; margin:2.5rem auto 4rem; border-width:2px 1px 1px; border-style:solid; border-color:#9bc936 #ddd #ddd; padding:3.5rem 5%; box-sizing:border-box;}
.login_frm h3 {font-size:1.4rem; font-weight:700; line-height:1.8rem; letter-spacing:-0.045rem; color:#000; text-align:center; margin:0 0 2.5rem;}
.login_frm .box {position:relative; display:block; max-width:400px; margin:0 auto 1rem;}
.login_frm .box input {width:100%; height:3.125rem; border:1px solid #ddd; background:#fff; padding:0 .85rem; font-size:.95rem; font-weight:500; letter-spacing:-0.025rem; color:#333; box-sizing:border-box; outline:none;}
.login_frm .box input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.login_frm .box label {position:absolute; top:50%; left:12px; font-size:.9rem; font-weight:500; line-height:25px; letter-spacing:-0.045rem; background:#fff; color:#888; padding:0 2px; margin:-12.5px 0 0; transition:all 0.23s; -webkit-transition:all 0.23s; -moz-transition:all 0.23s; -ms-transition:all 0.23s; -o-transition:all 0.23s;}
.login_frm .box.on label, .login_frm .box input:focus + label {top:0; color:#90c31f;}
.login_frm .form button {width:100%; height:3.25rem; line-height:3.25rem; background:#90c31f; border-radius:4px; font-size:1rem; font-weight:700; letter-spacing:-0.025rem; color:#fff; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; transition:background 0.23s; -webkit-transition:background 0.23s; -moz-transition:background 0.23s; -ms-transition:background 0.23s; -o-transition:background 0.23s;}
.login_frm .form button:active {background:#7bae0b;}

.login_frm .link {margin:2.5rem 0 0; text-align:center;}
.login_frm .link a {display:inline-block; font-size:.85rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#aaa;}
.login_frm .link a:first-child:after {content:''; display:inline-block; width:1px; height:12px; background:#ccc; margin:-2px .4rem 0 .6rem; vertical-align:middle;}

/* join */
.join_ttl {font-size:1.8rem; font-weight:700; line-height:2.5rem; letter-spacing:-0.045rem; color:#000; margin:1.5rem auto 1rem; text-align:center;}
.join_ttl + p {font-size:.9rem; line-height:1.4rem; letter-spacing:-0.045rem; color:#888; margin:0 1.25rem 1.25rem; text-align:center; word-break:keep-all;}

.join_type {margin:1.25rem auto 2.5rem; padding:0 1.25rem; box-sizing:border-box;}
.join_type .type {width:100%; max-width:480px; border:1px solid #ddd; text-align:center; padding:2rem 4%; margin:0 auto 1rem; box-sizing:border-box;}
.join_type .cir {display:block; width:6rem; height:6rem; background:#f6f6f6 url(/images/ico/join_type1.png) 50% 50% no-repeat; background-size:48% auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 auto 1.5rem;}
.join_type .vip .cir {background-image:url(/images/ico/join_type2.png);}
.join_type h3 {font-size:1.2rem; font-weight:500; line-height:2.5rem; letter-spacing:-0.045rem; color:#000; margin:0 0 1.25rem;}
.join_type p {font-size:.85rem; line-height:1.2rem; letter-spacing:-0.065rem; color:#666;}
.join_type small {display:block; font-size:.8rem;}

.join_type button {width:90%; height:2.8rem; line-height:2.8rem; text-align:center; border:1px solid #90c31f; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#90c31f; margin:1.25rem auto 0; box-sizing:border-box;}
.join_type .vip button {border-color:#38a9a5; color:#38a9a5;}


.join_agree{margin:30px 2% 50px;}
.join_agree h3{margin:40px 0 0; letter-spacing:-0.05em; font-weight:500;}
.join_agree h3:first-child{margin-top:0;}
.join_agree textarea{width:100%; height:120px; font-size:.85rem; color:#777; line-height:1.3; padding:2%; overflow-y:scroll; background:#f9f9f9; border:1px solid #dfdfdf; box-sizing:border-box; margin:15px 0 10px; resize:none;}
.join_agree .agree{text-align:right;}
.join_agree .agree input[type='checkbox']{width:0; height:0; font-size:0; visibility:hidden;}
.join_agree .agree label{font-size:95%; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#666; padding-left:22px; background:url(../images/ico/chk_ico.jpg) 0 50% no-repeat; box-sizing:border-box;}
.join_agree .agree input:checked + label {background-image:url(../images/ico/chk_on.png);}

.join_agree .join_all {width:100%; padding:1.5rem .625rem; border:1px solid #ddd; box-sizing:border-box; text-align:center; margin:1.25rem auto 0;}

.btn_box {text-align:center; margin:40px 0 0;}
.btn_box button{float:left; width:calc(50% - 4px); height:45px; line-height:45px; margin-left:4px; letter-spacing:-0.05em; color:#888; text-align:center; font-size:95%; font-weight:500; background:#f9f9f9; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
.btn_box button:first-child{margin:0;}
.btn_box .submit_btn{color:#fff; background:#90c31f; border-color:#90c31f;}

/* idpw */
.m_idpw_area .idpw_area {margin:2.5rem 4%;}
.m_idpw_area .idpw_area .idpw_ttl {font-size:1.5rem; margin:0 0 1.25rem;}
.m_idpw_area .AW_id_search_wrap {padding:1.25rem; margin:0 0 2.5rem;}
.m_idpw_area .AW_id_search_wrap.pw {margin:1.25rem 0 0;}
.m_idpw_area .AW_id_search_wrap .inner {width:100%; text-align:center;}
.m_idpw_area .AW_id_search_wrap .tit {font-size:1.25rem; line-height:1.5rem; }
.m_idpw_area .AW_id_search_wrap .tit small {font-size:.8rem; line-height:1.1rem; word-break:keep-all;}
.m_idpw_area .AW_id_search_wrap .form {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:1rem 0 0;}
.m_idpw_area .AW_id_search_wrap .form input {width:calc(100% - 6.5rem); font-size:.85rem; font-weight:500; margin:.3rem 0 0;}
.m_idpw_area .AW_id_search_wrap .form button {width:6rem; font-size:.9rem;}

/* member */
.agree_box {width:100%; padding:16px 3%; box-sizing:border-box;}
.agree_box h3 {font-size:18px; font-weight:500; letter-spacing:-0.045rem; color:#111; margin:6px 0 14px;}
.agree_box .ttl h3 {float:left;}
.agree_box .ttl span {float:right; margin:6px 0 14px;}
.agree_box .ttl input {width:16px; height:16px; margin:0 5px 0 0; vertical-align:middle;}
.agree_box .ttl label {display:inline-block; font-size:.85rem; letter-spacing:-0.025rem; color:#333; vertical-align:middle;}

.data-line{margin:1.5rem 0; height:1px; background:#eee;}
.data-table, .data-table dt, .data-table dd{padding:0; margin:0;}
.data-table{margin:12px auto 0;}
.data-table:first-child{margin-top:0;}
.data-table dt{font-size:15px; font-weight:500; color:#333; line-height:1.3; letter-spacing:-0.05em;}
.data-table dt i{font-style:normal; color:#ff3131;}
.data-table dt small{font-size:.7rem; color:#999; letter-spacing:-0.05em;}
.data-table dd{position:relative; margin:10px 0 0; font-size:13px;}
.data-table dd span {font-size:.8rem; color:#555;}
.data-table dd.txt{font-size:1.05rem; color:#111; font-weight:bold;}
.data-table dd, .data-table dd *{font-size:.95rem; vertical-align:middle;}
.data-table dd input[type=text], .data-table dd input[type=password], .data-table dd input[type=email], .data-table dd input[type=tel], .data-table dd input[type=file] {width:calc(100% - 17px); height:2.2rem; font-size:.95rem; color:#333; background:#fff; padding:0 0 0 .5rem; margin:0; border:1px solid #ddd; border-radius:3px; appearance:none; -webkit-appearance:none; }
.data-table dd select {min-width:3.75rem; max-width:100%; height:2.35rem; padding:0 1.9rem 0 .7rem; margin:0; border:1px solid #ddd; font-size:14px; color:#333; border-radius:3px;}
.data-table dd textarea{width:calc(100% - 22px); line-height:1.5; font-size:.95rem; color:#333; background:#fff; padding:.625rem; margin:0; border:1px solid #ddd; border-radius:3px;}
.data-table dd button{height:2.2rem; background:#888; color:#fff; font-size:.8rem; letter-spacing:-0.05em; padding:0 .75rem; border-radius:3px;}
.data-table dd label{display:inline-block; margin:0 8px 0 0; font-size:14px;}
.data-table dd label:last-child{margin-right:0;}
.data-table dd input[type=radio]{width:1rem; height:1rem; margin:0 .4rem 0 0;}
.data-table.spam_check input[type="text"] {width:90px; height:2.2rem;}

.data-table dd.total span {font-size:.8rem; line-height:22px;}
.data-table dd.total .prd_price {float:right; font-size:1.1rem; font-weight:500; line-height:22px; color:#ff3131;}

.data-table dd .method {display:block; margin:0 0 2px;}
.data-table dd .inner_table {width:100%; border:1px solid #ddd; box-sizing:border-box;}
.data-table dd .inner_table input[type="text"] {width:100%; height:1.875rem; border:none; font-size:.7rem; padding:0 4px;}
.data-table dd .inner_table input[type="radio"] {width:12px; height:12px; margin:0 4px 0 0;}
.data-table dd .inner_table input[type="radio"] + label {font-size:.75rem;}
.data-table dd .inner_table th, .data-table dd .inner_table td {vertical-align:middle; text-align:left; padding:0 2%; border-bottom:1px solid #ddd; box-sizing:border-box;}
.data-table dd .inner_table th {width:22%; font-size:.75rem; background:#f9f9f9; border-right:1px solid #ddd;}
.data-table dd .inner_table td {width:28%;}
.data-table dd .inner_table td[colspan="3"] {width:78%;}
.data-table dd .inner_table span {display:inline-block;}
.data-table dd .inner_table input.input_style {width:45px; border:1px solid #ddd; margin:2px 0;}

.join_ok {margin:30px 2% 50px; padding:30px; text-align:center; letter-spacing:-0.05em; line-height:1.3; /*background:#f9f9f9; border:1px solid #dfdfdf;*/}
.join_ok h3 {letter-spacing:-0.05em; font-weight:500;}
.join_ok small {display:block; font-size:85%; margin:15px 0 0; color:#888;}
.join_ok a {display:inline-block; margin:25px 0 0; width:100px; height:40px; line-height:40px; font-size:90%; color:#fff; font-weight:500; background:#90c31f; border-radius:3px;}

/* member lnk */
.member_lnk {width:92%; border:1px solid #ddd; margin:1.25rem auto .625rem; box-sizing:border-box;}
.member_lnk li {float:left; display:table; width:50%; height:2.8rem; border-width:1px 1px 0 0; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.member_lnk li:nth-child(-n+2) {border-top:0;}
.member_lnk li:nth-child(even) {border-right:0;}
.member_lnk li a {position:relative; display:table-cell; padding:0 4%; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#666; vertical-align:middle; box-sizing:border-box;}
.member_lnk li.on a {color:#9bc936;}
.member_lnk li.on a:after {content:''; position:absolute; top:0; left:0; width:calc(100% + 2px); height:calc(100% + 2px); border:1px solid #9bc936; margin:-1px 0 0 -1px; box-sizing:border-box;}

/* orderlist */
.orderlist_area {padding:0 4%; margin:1.25rem 0 0;}
.order_lst {width:100%; margin:0 0 .625rem; border-bottom:1px solid #ddd;}
.order_lst .ol_head {display:flex; align-items:center; width:100%; height:2.5rem; line-height:2.5rem; background:#f8f8f8; border:1px solid #ddd; padding:0 2%; box-sizing:border-box;}
.order_lst .ol_head span {font-size:.8rem; letter-spacing:-0.025rem; color:#888;}
.order_lst .ol_head .num:before {content:''; display:inline-block; width:1px; height:12px; background:#aaa; margin:-2px .425rem 0; vertical-align:middle;}
.order_lst .ol_head .num {color:#444;}

.order_lst .ol_info {width:100%; background:#fff; border-width:0 1px; border-style:solid; border-color:#ddd; padding:1.25rem 4% .625rem; box-sizing:border-box;}
.order_lst .ol_info .name {display:block; font-size:.9rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#333; margin:0 0 .625rem; word-break:keep-all;}
.order_lst .ol_info .ol_more {position:relative; display:flex; justify-content:space-between; align-items:center;}
.order_lst .ol_info .status {font-size:.8rem; font-weight:500; letter-spacing:-0.025rem; color:#888;}
.order_lst .ol_info .status.grn {color:#259D28;}
.order_lst .ol_info .status.red {color:#ED1C24;}
.order_lst .ol_info .more_btn {height:1.8rem; font-size:.75rem; line-height:1.8rem; letter-spacing:-0.045rem; color:#888; background:#fff; border:1px solid #ddd; padding:0 .4rem; outline:none;}
.order_lst .ol_info .more_btn.show {position:absolute; top:0; right:0;}

.order_lst .order_detail {border-width:1px 1px 0; border-style:solid; border-color:#ddd; padding:1.25rem 4%; box-sizing:border-box;}
.order_lst .order_detail h4 {font-size:.95rem; font-weight:500; line-height:1.2rem; letter-spacing:-0.045rem; border-bottom:1px solid #eee; margin:0 0 .6rem; padding:0 0 .4rem;}
.order_lst .order_detail .method {display:block; font-size:.85rem; line-height:1.4rem; letter-spacing:-0.045rem; color:#269cbf; margin:0 0 .6rem; padding:0 0 .6rem; border-bottom:1px solid #eee;}

.order_lst .prd_detail .lst {display:flex; justify-content:space-between; margin:0 0 .4rem;}
.order_lst .prd_detail .lst .img {width:5rem; height:5rem; margin:0 .625rem 0 0;}
.order_lst .prd_detail .lst .img img {width:6rem; height:6rem;}
.order_lst .prd_detail .lst .info {width:calc(100% - 6.625rem);}
.order_lst .prd_detail .info > span {display:block; font-size:.75rem; line-height:1rem; letter-spacing:-0.025rem; color:#888; margin:0 0 .3rem;}
.order_lst .prd_detail .info .name {font-size:.85rem; color:#000; word-break:keep-all;}
.order_lst .prd_detail .info .opt {color:#888; word-break:keep-all;}
.order_lst .prd_detail .info .option {display:inline-block; height:1rem; line-height:1rem; font-size:.7rem; border:1px solid #ddd; color:#aaa; padding:0 .4rem; margin:0 .3rem 0 0;}
.order_lst .prd_detail .info .price {color:#333;}

.order_lst .order_detail .row {display:flex; justify-content:space-between; margin:0 0 .4rem;}
.order_lst .order_detail .row.pay {margin:0 0 1.25rem;}
.order_lst .order_detail .row span {font-size:.8rem; line-height:1.2rem; letter-spacing:-0.025rem; color:#000;}
.order_lst .order_detail .row b {font-weight:700; letter-spacing:0;}
.order_lst .order_detail .row .ttl {width:8rem; color:#888;}
.order_lst .order_detail .row .val {width:calc(100% - 8rem); word-break:keep-all; text-align:right;}

.order_lst .order_detail .btn {display:flex; margin:1rem 0 0;}
.order_lst .order_detail .btn button {width:24%; max-width:90px; height:1.8rem; line-height:1.8rem; border:1px solid #ddd; font-size:.8rem; letter-spacing:-0.025rem; color:#333;}

.orderlist_area .no_lst {width:100%; height:160px; line-height:160px; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#888; border-top:1px solid #333; text-align:center; border-bottom:1px solid #ddd; margin:2.5rem 0 0;}

/* wish */
.cart_lst.wish {margin:.625rem 0 1.25rem;}
.cart_lst.wish .lst {padding:1.25rem 0;}
.cart_lst.wish ~ .small_btn {margin-bottom:5rem;}
.cart_lst.wish .no_prd {border-top:1px solid #333; border-bottom:1px solid #ddd; height:160px; line-height:160px; margin:2.5rem 0 0;}

/* reserve */
.reserve_area {padding:0 4%; margin:1.25rem 0 4rem;}
.my_lst {border-top:1px solid #333; margin-bottom:25px;}
.my_lst .lst {padding:10px 2%; border-bottom:1px solid #ddd; box-sizing:border-box;}
.my_lst .lst_row {display:flex; justify-content:space-between; align-items:center; font-size:.85rem; line-height:1.4rem; letter-spacing:-0.045rem; color:#222; margin:0 0 .25rem;}
.my_lst .lst_row:last-child {margin:0;}
.my_lst .lst_row .ttl {width:100px; color:#777;}
.my_lst .lst_row .val {flex:1 1 0; text-align:right;}
.my_lst .lst_row .val.grn {color:#259D28;}
.my_lst .lst_row .val.red {color:#0082dd;}
.my_lst .lst_row .val .view_btn {display:inline-block; width:auto; height:24px; line-height:22px; background:#fff; border:1px solid #ccc; color:#666777; text-align:center; font-size:.75rem; font-weight:400; letter-spacing:-0.045rem; vertical-align:middle; padding:0 1rem; text-decoration:none; box-sizing:border-box;}
.my_lst .no_lst {height:80px; line-height:80px; text-align:center; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#555; border-bottom:1px solid #ddd;}

.mileage_box {display:flex; align-items:center; width:100%; height:70px; background:#f4f4f4; margin:0 auto; padding:0 4%; margin:0 0 1.5rem; box-sizing:border-box; }
.mileage_box .point {width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#fff; font-size:17px; font-weight:500; color:#000; margin:0 6px 0 0; box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.mileage_box .ttl {font-size:.85rem; font-weight:500; letter-spacing:-0.065rem; color:#444;}
.mileage_box .val {font-size:.8rem; font-weight:500; color:#000; margin-left:auto;}
.mileage_box .val strong {display:inline-block; font-size:1.6rem; font-weight:500; margin:0 4px 0 0;}

/* myout */
.myout_area {padding:0 4%;}
.myout_area .join_input_cont.out .txt, .myout_area .join_input_cont.out .notice_list li {font-size:.85rem; line-height:1.25rem;}
.myout_area .join_input_cont table th, .myout_area .join_input_cont table td {font-size:.8rem; padding:1.25rem .625rem;}
.myout_area .join_input_cont table th {width:24%;}
.myout_area .join_input_cont table td {width:76%;}

.myout_area .AW_btn_area {display:flex; margin:1.25rem 0 2.5rem;}
.myout_area .AW_btn_area button {width:49%; height:2.7rem; line-height:2.7rem; font-size:.95rem;}

.myout_btn {display:block; width:80px; font-size:.85rem; line-height:1.2rem; letter-spacing:-0.045rem; color:#888; text-align:center; text-decoration:underline; margin:0 auto 1.25rem;}

/* bbs */
.bbs_area {margin:2.5rem 4% 4.5rem;}
.bbs_area .bbs_ttl {font-size:1.4rem; font-weight:700; line-height:1.8rem; letter-spacing:-0.045rem; color:#000; text-align:center; margin:0 0 1.25rem;}


/* brand */
.brand_area {margin:1.25rem 4% 2.5rem;}
.brand_area .prd_ttl, .brand_view .prd_ttl {font-size:1.5rem; font-weight:700; line-height:1.8rem; color:#000; text-align:center; margin:0 0 1.25rem;}
.brand_area .brand_list {display:flex; justify-content:space-between; flex-wrap:wrap; }
.brand_area .brand_list li {width:48%; margin:0 0 1.25rem;}
.brand_area .brand_list a {display:block; width:100%; height:100%; text-align:center;}
.brand_area .brand_list .img {position:relative; width:100%; padding:calc(100% - 2px) 0 0; border:1px solid #eee; margin:0 0 1.2rem; box-sizing:border-box;}
.brand_area .brand_list img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.brand_area .brand_list .ttl {display:block; font-weight:700; line-height:1.25rem; letter-spacing:-0.045rem; margin:0 0 .625rem;}
.brand_area .brand_list p {font-size:.85rem; line-height:1.25rem; letter-spacing:-0.045rem; color:#888; word-break:keep-all;}

.brand_view {margin:1.25rem 4% 2rem;}
.brand_view .brand_head {border-top:1px solid #333; border-bottom:1px solid #ddd; padding:1.25rem .625rem; text-align:center;}
.brand_view .brand_head h3 {font-size:1.5rem; font-weight:700; line-height:2rem; letter-spacing:-0.045rem; margin:0 0 .625rem;}
.brand_view .brand_head p {font-size:.85rem; line-height:1.25rem; letter-spacing:-0.045rem; color:#888; word-break:keep-all;}

.brand_view .content {padding:1.25rem 0; text-align:center; border-bottom:1px solid #ddd;}
.brand_view .content * {font-family:'Lato','NotoSans',sans-serif !important; font-size:.9rem; line-height:1.4rem; letter-spacing:-0.045rem; word-break:keep-all;}
.brand_view .content img {max-width:100%;}
.brand_view .list_btn {display:block; width:4rem; height:1.9rem; line-height:1.9rem; border:1px solid #ddd; font-size:.8rem; letter-spacing:-0.045rem; color:#555; text-align:center; margin:1rem 0 0 auto; box-sizing:border-box;}

/* center */
.center_area {margin:1.25rem 4%;}
.center_area .ttl {font-size:1.5rem; font-weight:700; line-height:1.8rem; color:#000; text-align:center; margin:0 0 1.25rem;}
.center_area .content * {font-family:'Lato','NotoSans',sans-serif !important; font-size:.8rem !important; line-height:1.4rem; letter-spacing:-0.045rem; word-break:keep-all;}


@media screen and (min-width:768px){
    html {font-size:18px}
}
@media screen and (max-width:380px){
    html {font-size:14px;}
}
@media screen and (max-width:320px){
    html {font-size:12px;}
}