@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,table,textarea{font-family:'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum,'돋움', HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif, Arial; font-size:13px; color:#666; line-height: 1.2;}
button,input{border-radius:0}
button {cursor: pointer;}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{text-decoration:none; color: #555;}
a:hover{/*text-decoration:underline*/}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
iframe{overflow:hidden;margin:0;padding:0;border:0}
select {height: 30px; padding: 0 30px 0 6px; border: 1px solid #ddd; background:#fff url(../../../img/bg_selectbox_mo.png) no-repeat right 50%; background-size: 20px 6px; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 14px; vertical-align: middle;-webkit-appearance: none;-webkit-border-radius: 0;}
select::-ms-expand {display: none;}
/*.select-type02 {height: 26px; padding: 0 23px 0 6px; background:#fff url(../../../img/bg_selectbox02.png) no-repeat right 0; font-size: 12px; color: #666;}*/
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
input[type=text],
input[type=tel],
input[type=password] {height: 30px; margin-top: 1px; padding: 0 5px; border: 1px solid #ddd; color: #666; vertical-align: middle;-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=text].txt-pull-size {width: 100%; height: 100%; border: none; padding-left: 10px;}
input[type=checkbox] {width: 17px; height: 17px; border: none; vertical-align: middle;}
input[type=radio] {width: 16px; height: 16px; vertical-align: middle;}
textarea {padding: 5px; border: 1px solid #ddd; font-size: 12px; color: #666; line-height: 20px;-webkit-appearance: none;-webkit-border-radius: 0;}
button {border: none;}
img {max-width:100%;height:auto!important;} /*popupLayer Image 20180828*/
/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}


header {position:relative; width: 100%;}
.header-cont {}
.header-cont h1 {padding-top: 10px; border-bottom: 1px solid #ddd; text-align: center;}
.header-cont h1 img {width: 155px; height:43px} /*logo size 20181203*/
.header-cont .log-info {position: absolute; right: 10px; top: 18px; display: flex; flex-flow: row-reverse;}
.header-cont .log-info .login {display: block; width: 28px; height: 23px; margin-left: 12px; background: url(../../../img/btn_login_mo.png) no-repeat 0 0; background-size: 28px 22px; font-size: 0;}
.header-cont .log-info .logout {display: block; width: 28px; height: 23px; margin-left: 12px; background: url(../../../img/btn_logout_mo.png) no-repeat 0 0; background-size: 28px 23px; font-size: 0;}
.header-cont .log-info .cart {display: block; position: relative;  width: 28px; height: 23px; background: url(../../../img/btn_cart_mo.png) no-repeat 0 0; background-size: 25px 22px; font-size: 0;}
.header-cont .log-info .cart span {position: absolute; right: -2px; top: -9px; width: 15px; height: 15px; line-height:15px; padding-top: 1px; background: #ff4e00; border-radius: 16px; color: #fff; font-size: 8px; text-align: center;}
.header-cont .all-menu {position: absolute; left: 0; top: 0; z-index: 3;}
.header-cont .all-menu .all-menu-open {position: absolute; left: 0; top: 0;}
.header-cont .all-menu .all-menu-open button {display: block; width: 44px; height: 60px; background: url(../../../img/btn_all_menu_mo.png) no-repeat 50% 50%; background-size: 24px 20px; font-size: 0;}
.header-cont .all-menu .all-menu-close {}
.header-cont .all-menu .all-menu-close button {display: block; width: 37px; height: 36px; background: url(../../../img/btn_all_menu_close_mo.png) no-repeat 50% 50%; background-size: 16px 16px; font-size: 0;}
.header-cont .all-menu .all-menu-view {display: none; justify-content: flex-start; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.header-cont .all-menu .all-menu-view .all-menu-view-cont {position: relative; width: 265px; min-height: 100%; margin-left: -292px; background: #fff; box-shadow: -4px 8px 3px 7px rgba(0, 0, 0, 0.3); z-index:5;}
.header-cont .all-menu .all-menu-view.on .all-menu-view-cont {margin-left: 0;}
/*.header-cont .all-menu .all-menu-view .all-menu-link-more {border-right: 1px solid #ddd;} 2018-04-10*/
.header-cont .all-menu .all-menu-view .all-menu-link-more ul {display: flex; justify-content: space-between; flex-wrap: nowrap;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li {background: #fff;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li a,
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li span {display: block; height: 36px; padding: 0 9px 0 28px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 36px; white-space: nowrap;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li span {color: #e60724; border-bottom: none;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li a.link01 {background: url(../../../img/icon_top_link01_off_mo.png) no-repeat 10px 10px; background-size: 15px 15px;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li span.link01 {background: url(../../../img/icon_top_link01_on_mo.png) no-repeat 10px 10px; background-size: 15px 15px;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li a.link02 {background: url(../../../img/icon_top_link02_off_mo.png) no-repeat 10px 10px; background-size: 13px 15px;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li span.link02 {background: url(../../../img/icon_top_link02_on_mo.png) no-repeat 10px 10px; background-size: 13px 15px;}
.header-cont .all-menu .all-menu-view .all-menu-link-more ul li a.link03 {background: url(../../../img/icon_top_link03_mo.png) no-repeat 10px 13px; background-size: 15px 12px;}
.header-cont .all-menu .all-menu-view .total-search {padding: 15px 9px 0; /*border-right: 1px solid #ddd; 2018-04-10*/}
.header-cont .all-menu .all-menu-view .total-search fieldset {overflow: hidden; position: relative; width: 100%; height: 40px; padding-left: 20px; border: 1px solid #ccc; border-radius: 40px;}
.header-cont .all-menu .all-menu-view .total-search legend {display: none;}
.header-cont .all-menu .all-menu-view .total-search input[type=text] {border: none; width: 100%; height: 38px; line-height: 38px; vertical-align: top;  font-size: 13px;}
.header-cont .all-menu .all-menu-view .total-search input[type=submit] {position: absolute; right: 0; top: 0; width: 45px; height: 38px; border: none; background: url(../../../img/icon_search_mo.png) no-repeat 12px 50%; background-size: 20px 17px; font-size: 0;}

/*2018-04-10*/
.header-cont .lang {display: flex; justify-content: center; border-top: 1px solid #ddd; padding: 15px 0;}
.header-cont .lang a {display: flex; justify-content: center; width: 70px; height: 28px; margin: 0 4px; background: #f7f7f7; border: 1px solid #ddd; border-radius: 28px; line-height: 24px; color: #555; font-weight: bold;}
.header-cont .lang a.on {background: #fff; color: #e60724;}
/*//2018-04-10*/

.header-cont .user-info {display: flex; justify-content: space-between; padding: 13px 0 10px; /*border-right: 1px solid #ddd; 2018-04-10*/}
.header-cont .user-info .user-profile {display: flex; align-items: center; padding-left: 10px;}
.header-cont .user-info .user-img {overflow:hidden; width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 50%;}
.header-cont .user-info .user-img img {width: 36px; height: 36px;}
.header-cont .user-info p {padding: 0 0 0 7px; color: #666; line-height: 18px;}
.header-cont .user-info p span {display: block;}
.header-cont .user-info p a {color: #00a2e1; border-bottom: 1px solid #00a2e1;}
.header-cont .user-info p a.user-login {padding: 0; color: #666; line-height: 18px; border-bottom: none;}
.header-cont .user-link .mypage {display: block; width: 38px; height: 36px; background: url(../../../img/btn_mypage_mo.png) no-repeat 50% 50%; background-size: 20px 20px; font-size: 0;}
.header-cont .all-menu-list {overflow: hidden; height: 90%; height: -webkit-calc(100% - 152px); height: -moz-calc(100% - 152px); height: calc(100% - 152px);}
.header-cont .all-menu-list>ul { border-bottom: 1px solid #ddd;}
.header-cont .all-menu-list ul li h2 {position: relative; height: 43px; padding: 0 0 0 10px; border-top: 1px solid #ddd; /*border-right: 1px solid #ddd; 2018-04-10*/ line-height: 42px; font-size: 14px; color: #1a1a1a;}
.header-cont .all-menu-list ul li h2:after {content: ''; position: absolute; right: 10px; top: 16px; width: 18px; height: 10px; background:  url(../../../img/btn_arrow_open_mo.png) no-repeat 50% 50%; background-size: 18px 10px;}
.header-cont .all-menu-list ul li h2 a {color: #1a1a1a;}
.header-cont .all-menu-list ul li ul {display: none; padding: 10px 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.header-cont .all-menu-list ul li ul li a {display: block; height: 24px; padding-left: 11px;}
.header-cont .all-menu-list ul li.on h2 {background: #e60724; height: 42px; /*margin-right: -1px; 2018-04-10*/ color: #fff;}
.header-cont .all-menu-list ul li.on h2 a {color: #fff;}
.header-cont .all-menu-list ul li.on h2:after {background:  url(../../../img/btn_arrow_close_mo.png) no-repeat 50% 50%; background-size: 18px 10px;}
.header-cont .all-menu-list ul li.on ul {display: block;}


footer {width: 100%;}
footer .footer-link {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
footer .footer-link ul {display: flex; justify-content:center; height: 40px; margin: 0 auto; line-height: 40px;}
footer .footer-link ul li {position: relative; padding: 0 8px; font-size: 13px;}
footer .footer-link ul li:before {content: ''; position: absolute; left: 0; top: 15px; width:1px; height: 12px; background: #ddd;}
footer .footer-link ul li:first-child:before {display: none;}
footer .copyright { height: 40px; margin: 0 auto; padding-top: 13px; font-size: 12px; color: #aaa; text-align: center;}

.gnb-wrap {position: relative; background: linear-gradient(to bottom, #fff 25px, #ededed 50px, #fff 51px); width:100%; border-bottom:2px solid #e60724; }
.gnb-wrap .bg-prev01 { position: absolute; width:20px; height:50px; left:0; top:0; background: -webkit-gradient(linear,left top,right top, color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0))); z-index:2;}
.gnb-wrap .bg-next01 {position: absolute;width:20px; height:50px; right:0;top:0;background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(80%,#fff));z-index:2;}
#gnb {overflow-x:auto; overflow-y:hidden; background:transparent; padding:0 25px; width:100%;}
#gnb::-webkit-scrollbar { display: none;  width: 0px;background: transparent;}
#gnb > ul {  display: table;  white-space:nowrap;}
#gnb > ul > li {display:table-cell; vertical-align:top; height: 51px; padding-top: 9px; }
#gnb > ul > li.on::after {content:''; display:block; height:50px;}
#gnb > ul > li .depth01 a {display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 15px; border-radius: 32px; font-size: 14px; color: #1a1a1a; font-weight: bold; white-space:nowrap;}
#gnb > ul > li.on .depth01 a {background: #e60724; color: #fff;}
#gnb > ul > li .depth02 {display: none; position: absolute; left: 0; top: 51px; width: 100%; border-top:1px solid #e60724;}
#gnb > ul > li .depth02 ul {display: flex;}
#gnb > ul > li .depth02 ul li {display: flex; flex-wrap: nowrap; align-items: center; width: auto; height: 40px; padding-left: 25px;}
#gnb > ul > li .depth02 ul li a {font-size: 14px; color: #555;}
#gnb > ul > li .depth02 ul li.on a {color: #e60724;}
#gnb > ul > li.on .depth02 {display: block;}
#gnb .bg-prev02 { position:  absolute; width:20px; height:39px; left:0; top:0; background: -webkit-gradient(linear,left top,right top, color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0))); z-index:2;}
#gnb .bg-next02 {position:  absolute;width:20px;height:39px;right:0;top:0;background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(80%,#fff));z-index:2;}


#container  {width: 100%;}
#content {position:relative; padding: 13px 0 20px;}
#mainContent {position:relative; padding: 0 0 20px;}


/*tit*/
.sub-tit {padding-left: 10px; padding-bottom: 8px; font-size: 23px; font-weight: bold; color: #1a1a1a; border-bottom: solid 1px #ddd;}
.sub-tit.noline {padding-bottom: 0; border-bottom: none;}
.sub-tit .sub-tit-amount {display: inline-block; width: 30px; height: 30px; margin: -2px 0 0 7px; border-radius: 50%; background: #ff4e00; font-size: 16px; color: #fff; line-height: 30px; text-align: center; vertical-align: top;}
.sub-tit .sub-tit-amount02 {display: inline-block; width: 30px; height: 30px; margin: -2px 0 0 7px; border-radius: 50%; background: #aaa; font-size: 16px; color: #fff; line-height: 30px; text-align: center; vertical-align: top;}
.sub-tit .sub-tit-txt {display: inline-block; position: relative; height: 23px; padding: 9px 0 0 11px; font-size: 16px; color: #666; font-weight: normal; vertical-align: top;}
.sub-tit .sub-tit-txt:after {content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 23px; background: #ddd; }
.sub-tit.sub-tit-noline {border: none;}
.sub-tit02 {font-size: 24px; color: #000; font-weight: bold; text-align: center;}
.sub-tit02 span {position: relative;}
.sub-tit02 span:before {content: ''; position: absolute; left:-28px; top: 50%; width: 18px; height: 2px; background: #000;}
.sub-tit02 span:after {content: ''; position: absolute; right:-28px; top: 50%; width: 18px; height: 2px; background: #000;}
.sub-tit02.star {padding-bottom:3px;}
.sub-tit02.star span{line-height:1; }
.sub-tit02.star span:after {display:none;}
.sub-tit02.star span:before {background:url(../../../img/star_recom_mo.png) no-repeat; background-size:contain; width:25px; height:24px; margin-top:-13px; left:-32px;}
.sub-tit03 {margin-top: 20px; padding-left: 10px; font-size: 20px; color: #1a1a1a; font-weight: bold; line-height: 24px;}
.sub-tit03.sub-tit03-mt0 {margin-top: 0;}
.sub-tit04 {margin-top: 27px; font-size: 20px; color: #1a1a1a; font-weight: bold; line-height: 24px;}
.sub-tit04 span {color: #666; font-weight: normal;}

.sub-pay-step {margin-top: 50px; padding-top: 112px;}
.sub-pay-step .sub-tit {height: auto; margin: 0; padding: 0; border: none; font-size: 16px; font-weight: normal; text-align: center; line-height: 1.2;}
.sub-pay-step.sub-pay-step01 {background: url(../../../img/bg_pay_step01.png) no-repeat 600px 19px;}
.sub-pay-step.sub-pay-step02 {background: url(../../../img/bg_pay_step02.png) no-repeat 600px 19px;}
.sub-pay-step.sub-pay-step03 {background: url(../../../img/bg_pay_step03.png) no-repeat 600px 19px;}
.sub-pay-step.sub-pay-step03-02 {background: url(../../../img/bg_pay_step03_mo.png) no-repeat 50% 0; background-size: 120px 100px;}

/*location*/
.location {position: absolute; right: 0; top: 42px; font-size: 12px; color: #777;}
.location span {padding-left: 17px; background: url(../../../img/bg_location.png) no-repeat 5px 50%;}
.location span:first-child {background: none;}
.location span .home {display: inline-block; width: 13px; height: 12px; background: url(../../../img/icon_home.png) no-repeat 0 0; text-indent: -999em;}
.location span strong {color: #3a3d4d;}

/*tab*/
.tab-type01 {padding: 0 0 10px;}
.tab-type01 ul {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; padding: 0 10px;}
.tab-type01 ul li {width: 25%; margin-top: 10px; text-align: center;}
.tab-type01 ul li span,
.tab-type01 ul li a {display: block; width: 100%; height: 36px; line-height: 36px; color: #666; cursor: pointer;}
.tab-type01 ul li.on { border: 2px solid #ff6000;}
.tab-type01 ul li.on span,
.tab-type01 ul li.on a {color: #ff6000; height: 32px; line-height: 32px;}
.tab-type01.tab-type01-pad li {width: auto;}
.tab-type01.tab-type01-pad li a {width: auto; padding: 0 20px;}
.tab-type01.tab-type01-pad li.on a {width: auto; padding: 0 18px;}

.tab-type02 {background: #f9f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tab-type02 ul {display: flex; justify-content:flex-end; align-items: center;height: 36px; text-align: center;}
.tab-type02 ul li {position:relative; width: 95px; padding: 0 10px;}
.tab-type02 ul li:before {content: ''; position: absolute; left: 0; top: 0; width:1px; height: 17px; background: #ddd;}
.tab-type02 ul li:first-child:before {display: none;}
.tab-type02 ul li a {color: #555;}
.tab-type02 ul li.on a {font-weight: bold;}
.tab-type02.tab-type02-top01 {margin-top: 20px;}

.tab-type03 {display: flex; justify-content: center; margin-top: 10px;}
.tab-type03 li {width: 24%; height: 55px; border-bottom: 2px solid #9a9a9a;}
.tab-type03 li:nth-child(4) {width: 28%;}
.tab-type03 li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 53px; border: 1px solid #ddd; border-left: none; border-bottom: none; font-size: 14px; color: #666; font-weight: bold;}
.tab-type03 li a span {display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; margin-left: 5px; background: #aaa; font-size: 11px; border-radius: 50%; color: #fff; font-weight: bold;}
.tab-type03 li:first-child a {border-left: 1px solid #ddd;} 
.tab-type03 li.on {border-bottom: 2px solid #ff6000;}
.tab-type03 li.on a {color: #ff6000;}
.tab-type03 li.on a span {background: #ff6000;}

/*list*/
.list-type01 {overflow: hidden; margin-top: 10px;}
.list-type01 ul {margin-right: -1px; font-size: 0;}
.list-type01 ul:after {content: ''; display: block; clear: both;}
.list-type01 ul li {display: inline-block; width : -webkit-calc(50% - 1px); width : -moz-calc(50% - 1px); width : calc(50% - 1px); margin-right: 1px; padding-bottom: 20px; vertical-align: top;}
.list-type01 ul li .list-type01-img {position: relative; font-size: 0;}
.list-type01 ul li .list-type01-img a img {width: 100%;}
.list-type01 ul li .list-type01-img .discount {display: flex; justify-content:center; align-items: center; position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: rgba(255, 72, 19, 0.8); font-size: 16px; color: #fff; font-weight: bold;}
.list-type01 ul li .list-type01-img .discount span {font-size: 13px;}
.list-type01 ul li .list-type01-info {padding: 10px 10px 0; line-height: 20px; font-size: 13px;}
.list-type01 ul li .list-type01-txt01 a {font-size: 13px; color: #009eba; font-weight: bold;}
.list-type01 ul li .list-type01-txt01.sold-out a {color: #555;}
.list-type01 ul li .list-type01-txt01.sold-out span {display: inline-block; width: 35px; height: 18px; margin-top: -1px; background: #9b9a9a; border-radius: 2px; font-size: 11px; color: #fff; text-align: center; line-height: 16px; vertical-align: middle;}
.list-type01 ul li .list-type01-txt02 {overflow: hidden; max-height: 58px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.list-type01 ul li .list-type01-txt02 a {font-size: 13px; color: #555;}
.list-type01 ul li .list-type01-txt01 a:hover,
.list-type01 ul li .list-type01-txt02 a:hover {text-decoration: underline;}
.list-type01 ul li .list-type01-txt03 {margin-top: 4px; font-size: 15px; color: #1a1a1a; font-weight: bold;}
.list-type01 ul li .list-type01-txt03 del {margin-left: 6px; font-size: 13px; color: #666;}
.list-type01 ul li .list-type01-txt03 .weight {font-size: 13px; color: #666;}
.list-type01 ul li .list-type01-txt03 .weight::before {content:'/'; margin:0 6px;}
.list-type01 ul li .list-type01-check {padding: 1px 0 4px;}
.list-type01 ul li .list-type01-icon {display: flex; justify-content:center; margin-top: 11px;}
.list-type01 ul li .list-type01-icon span {display: block; min-width: 45px; height: 20px; margin: 0 3px; padding: 0 10px; border: 1px solid #ccc; border-radius: 20px; font-size: 12px; color: #1a1a1a; line-height: 17px; text-align: center;}
.list-type01.list-type01-swipe ul li {padding-bottom: 0;}
.list-type01 + .btn-more {padding-top:0;}

.list-type02 {margin-top: 10px; border: 1px solid #ddd;}
.list-type02 ul {padding: 0 9px 20px;}
.list-type02 ul:after {content: ''; display: block; clear: both;}
.list-type02 ul li {float: left; width: 160px; height: 160px; margin: 20px 10px 0; text-align: center;}
.list-type02 ul li .list-type02-img {border: 1px solid #ddd; font-size: 0;}
.list-type02 ul li .list-type02-img img {width: 158px; height: 118px;}
.list-type02 ul li .list-type02-txt01 {overflow: hidden; width: 100%; margin-top: 6px; text-overflow: ellipsis; white-space: nowrap; line-height: 18px;}
.list-type02 ul li .list-type02-txt01 a {color: #555;}
.list-type02 ul li .list-type02-txt02 { line-height: 18px;}
.list-type02 ul li .list-type02-txt02 a {color: #555;}

.list-type03 li {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px dotted #aaa; margin-left: 10px;}
.list-type03 li:first-child {border-top: none;}
.list-type03 li p {padding-bottom: 10px; color: #1a1a1a;}
.list-type03 li strong {color: #1a1a1a; font-size: 14px; font-weight: bold;}
.list-type03 li .right {display: flex; align-items: center;}
.list-type03 li .right .btn-type10 {margin-left: 12px}

.list-type04 {margin-top: 10px; background: #f7f7f7; border-top: 1px solid #ddd; /*border-bottom: 1px solid #ddd;*/}
.list-type04 .list-type04-btn01 {display: flex; justify-content:flex-end; font-size: 0;}
.list-type04 .list-type04-btn01 a {border-left: 1px solid #ddd;}
.list-type04 .list-type04-btn02 {display: flex; justify-content:flex-end; padding-bottom: 15px; font-size: 0;}
.list-type04 .list-type04-btn02 a {border-left: 1px solid #ddd;}
.list-type04 .list-type04-btn02 a:first-child {border-left: none;}
.list-type04 .list-type04-none {display: flex; align-items: center; justify-content: center; height: 102px; background: #fff; border-top: 1px solid #ddd; font-size: 13px; color: #666; border-bottom:1px solid #ddd;}
.list-type04 ul {background: #fff; border-bottom: 1px solid #ddd;}
.list-type04 ul li {border-top: 1px solid #ddd;}
.list-type04 ul li .list-type04-tit {padding: 13px 10px 11px;}
.list-type04 ul li .list-type04-cont {display: none;}
.list-type04 ul li.on .list-type04-cont {display: block;}
.list-type04 ul li .list-type04-txt01 {overflow: hidden; width: 100%;  text-overflow: ellipsis; word-wrap:break-word; white-space: nowrap; font-size: 13px; color: #1a1a1a; line-height: 14px;}
.list-type04 ul li .list-type04-txt01 .icon-anw-ready,
.list-type04 ul li .list-type04-txt01 .icon-anw-com {margin-right: 5px;}
.list-type04 ul li .list-type04-txt02 {overflow: hidden;}
.list-type04 ul li .list-type04-txt02 p {float: right; padding-top: 10px; color: #666;}
.list-type04 ul li .list-type04-txt02 p span {position: relative; margin-left: 10px; padding-left: 10px;}
.list-type04 ul li .list-type04-txt02 p span:after {content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 12px; background: #ddd;}
.list-type04 ul li .list-type04-txt02 p span:first-child {margin-left: 0; padding-left: 0;}
.list-type04 ul li .list-type04-txt02 p span:first-child:after {display: none;}
.list-type04 ul li .list-type04-txt03 {margin: 0 10px; padding: 10px 0 5px; border-top: 1px dotted #ddd; line-height: 20px; color: #555;}
.list-type04 ul li .list-type04-txt03 img {width: 100%; margin-top: 7px;}
.list-type04 ul li .list-type04-txt04 {border-top: 1px solid #ddd; padding: 0 10px; color: #555; line-height: 20px;}
.list-type04 ul li .list-type04-txt04 .que {padding: 10px 0 12px 43px; background: url(../../../img/icon_que_mo.png) no-repeat 10px 50%; background-size: 14px 18px;}
.list-type04 ul li .list-type04-txt04 .anw {padding: 10px 0 12px 43px; border-top: 1px dotted #ddd; background: url(../../../img/icon_anw_mo.png) no-repeat 10px 50%; background-size: 14px 15px;}
.list-type04 ul li .list-type04-star {float: left; padding-top: 8px;}
.list-type04 ul li .list-type04-star img {width: 96px;}
.list-type04 .d_accordion + .list-type04-btn01 {border-bottom: 1px solid #ddd;}

.list-type05 li {padding: 0 10px 15px; border-top: 1px solid #ddd; color: #555;}
.list-type05 li .list-type05-txt01 {display: flex; justify-content: space-between; padding: 11px 0 9px;}
.list-type05 li .list-type05-txt01 em {color: #1a1a1a; font-weight: bold;}
.list-type05 li .list-type05-txt02 {border-top: 1px solid #ddd; padding-top: 5px; line-height: 20px;}
.list-type05 li .list-type05-txt03 {overflow: hidden; padding-top: 7px;}
.list-type05 li .list-type05-txt03 .icon-status {float: left; margin-right: 10px;}
.list-type05 li .list-type05-txt03 .txt-type13 {float: left;}
.list-type05 li .list-type05-txt03 .list-type05-txt04 {float: right; font-size: 15px; color: #1a1a1a; font-weight: bold;}

.list-type06 {margin-top: 15px; border-bottom: 1px solid #ddd;}
.list-type06 li {padding-bottom: 15px;}
.list-type06 li input[type=text] {height: 30px; vertical-align: top;}
.list-type06 li input[type=radio] + label {padding-left: 26px; }
.list-type06 li .list-type06-select {display: flex; align-items: center; height: 42px; background: #f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left: 10px;}
.list-type06 li .list-type06-info {padding: 5px 10px 0 36px; line-height: 20px;}
.list-type06 li .list-type06-txt01 {margin-top: 5px;}
.list-type06 li .btn-area {margin-top: 10px;}

.list-type07 {margin-top: 20px; border-bottom: 1px solid #ddd;}
.list-type07 li {height: 68px; padding: 12px 10px; border-top: 1px solid #ddd;}
.list-type07 li .list-type07-txt01 {color: #1a1a1a;}
.list-type07 li .list-type07-txt02 {display: flex; align-items: center; justify-content: flex-end; margin-top: 6px; color: #666; font-size: 12px; text-align: right;}
.list-type07 li .list-type07-txt02 strong {font-size: 14px; color: #1a1a1a;}
.list-type07 li .list-type07-txt02 span {position: relative; margin-left: 10px; padding-left: 10px;}
.list-type07 li .list-type07-txt02 span:after {content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 12px; background: #ddd;}

.list-none {display: flex; justify-content: center; align-items: center; height: 335px; margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666;}

.list-category {position: relative; margin-top: 17px;}
.list-category .list-slide {margin-top: 10px;}
.list-category .list-slide .list-type01 {margin-top: 0;}
.list-category .list-slide .prev-next {position: absolute; right: 10px; top: -2px; display: flex;}
.list-category .list-slide .prev-next .prev,
.list-category .list-slide .prev-next .next {display: block; width: 30px; height: 30px; border: none; font-size: 0; cursor: pointer;}
.list-category .list-slide .prev-next .prev {margin-right: -1px; background: url(../../../img/btn_prev02_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.list-category .list-slide .prev-next .next {background: url(../../../img/btn_next02_mo.png) no-repeat 0 0; background-size: 30px 30px;}

.txt-list01 {}
.txt-list01 li {position: relative; padding-left: 9px;}
.txt-list01 li:after {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 1px; background: #555;}

/*data-table*/
.data-table01 {width: 100%;}
.data-table01 th,
.data-table01 td {height: 47px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: left; font-size: 14px;}
.data-table01 th {padding-left: 15px; color: #1a1a1a;}
.data-table01 td  {padding: 8px 10px; color: #555; line-height: 18px;}
.data-table01 td .txt01 {font-size: 18px; text-decoration: line-through; color: #555; font-weight: bold;}
.data-table01 td .txt02 {font-size: 18px; color: #f42835; font-weight: bold;}
.data-table01 td .num-price {display: flex; justify-content: space-between; align-items: center;}
.data-table01 td .num {position:relative; width: 119px; height: 30px; text-align: center; border: 1px solid #ddd; line-height: 30px;}
.data-table01 td .num .minus,
.data-table01 td .num .plus {position:absolute; top: -1px; width: 30px; height: 30px; border: none; font-size: 0;}
.data-table01 td .num .minus {left: -1px; background: url(../../../img/btn_minus_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.data-table01 td .num .plus {right: -1px; background: url(../../../img/btn_plus_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.data-table01 td .price {font-size: 14px; color: #1a1a1a; font-weight: bold;}
.data-table01 td.td-type01 {padding: 0 10px 0 97px;}
.data-table01 td.total-price {height: 52px; background: #f7f7f7; text-align: right;}
.data-table01 td.total-price span {margin-right: 12px; font-size: 14px; color: #1a1a1a; font-weight: bold; vertical-align: middle;}
.data-table01 td.total-price strong {font-size: 24px; color: #f42835; font-weight: bold; vertical-align: middle;}
.data-table01 td.total-price em {font-size: 18px; color: #1a1a1a; font-weight: bold; vertical-align: middle;}
.data-table01 td.detail_info {color:#003594;}
.data-table01 td .price em {font-weight:normal;}

.data-table02 {width: 100%; margin-top: 10px; padding: 0 10px;}
.data-table02 table {width: 100%;}
.data-table02 thead th {height: 39px; padding: 10px; background: #f1f1f5; border: 1px solid #ddd; border-bottom: 2px solid #9a9a9a; color: #1a1a1a; font-weight: normal;}
.data-table02 tbody th {background: #f7f7f7; border: 1px solid #ddd; font-weight: normal; color: #1a1a1a; line-height: 18px;}
.data-table02 tbody td {height: 37px; padding: 8px 10px; border: 1px solid #ddd; text-align: center; color: #555; line-height: 18px;}
.data-table02 tbody td .pic {padding:0 0 2px 25px; background: url(../../../img/icon_camera.png) no-repeat 0 0;}
.data-table02 tbody td img {vertical-align: text-bottom;}
.data-table02 tbody td.st {background: #f7f7fb;}
.data-table02 tbody td .product-img-txt {display: flex; align-items: center;}
.data-table02 tbody td .product-img-txt .product-img {position: relative; width: 80px; height: 80px;}
.data-table02 tbody td .product-img-txt .product-img a:after {content: ''; position: absolute; left: 0; top: 0; width: 78px; height: 78px; border: 1px solid #dfdfdf;}
.data-table02 tbody td .product-img-txt .product-img img {width: 100%;}
.data-table02 tbody td .product-img-txt .product-txt {width : 90%; width : -webkit-calc(100% - 80px); width : -moz-calc(100% - 80px); width : calc(100% - 80px); padding: 0 0 5px 10px; text-align: left;}
.data-table02 tbody td .product-img-txt .product-txt .product-txt01 {width: 100%;}
.data-table02 tbody td .product-img-txt .product-txt .product-txt01 a {font-weight: bold; color: #009eba; line-height: 20px;}
.data-table02 tbody td .product-img-txt .product-txt .product-txt01 a:hover {text-decoration: underline;}
.data-table02 tbody td .product-img-txt .product-txt .product-txt02 {position: relative; overflow: hidden; width: 100%; max-height: 38px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.data-table02 tbody td .product-img-txt .product-txt .product-txt02 a {color: #555;}
.data-table02 tbody td .product-img-txt .product-txt .product-txt02 a:hover {text-decoration: underline;}
.data-table02 tbody td .product-amount-change {display: flex; align-items: center; flex-wrap: wrap; width: 60px; margin: 0 auto;}
.data-table02 tbody td .product-amount-change .product-amount-control {display: flex; padding-bottom: 7px;}
.data-table02 tbody td .product-amount-change .product-amount-control input[type=text] {width: 37px; min-width:37px; height: 30px; text-align: right; font-size: 13px;}
.data-table02 tbody td .product-amount-change .product-amount-control div {width: 22px; margin-left: 2px; font-size: 0; line-height: 0;}
.data-table02 tbody td .product-amount-change .product-amount-control .amount-plus {width: 21px; height: 14px; background: url(../../../img/icon_up.png) no-repeat 0 0; border: none; font-size: 0;}
.data-table02 tbody td .product-amount-change .product-amount-control .amount-minus {width: 21px; height: 14px; margin-top: 2px; background: url(../../../img/icon_down.png) no-repeat 0 0; border: none; font-size: 0;}
.data-table02 tbody td .product-amount-change .btn-type04 {width: 60px;}
.data-table02 tbody td.td-align01 {text-align: left;}
.data-table02 tbody td.td-align02 {padding-right: 20px; text-align: right;}
.data-table02 tbody td.td-align03 {padding-right: 15px; text-align: right;}
.data-table02 tbody td.td-padding01 {padding-left: 0;}
.data-table02 tbody td.td-padding02 {padding-left: 20px;}
.data-table02 tbody td.td-padding03 {padding: 7px 10px;}
.data-table02 tbody td.td-txt01 {font-size: 12px;}
.data-table02 tbody td.td-txt02 {font-size: 15px; color: #1a1a1a; font-weight: bold;}
.data-table02 tbody td.td-btn01 {font-size: 0; line-height: 0;}
.data-table02 tbody td.td-btn01 button {width: 100%; margin-top: 7px; padding: 0;}
.data-table02 tbody td.td-btn01 button:first-child {margin-top: 0;}
.data-table02 tbody td.product-pay {padding: 0; background: #f7f7f7;}
.data-table02 tbody td.product-pay .product-pay-cont {display: flex; justify-content: space-between; margin: 10px 0;}
.data-table02 tbody td.product-pay .product-pay-cont div {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 50%; height: 44px; border-left: 1px solid #ddd;}
.data-table02 tbody td.product-pay .product-pay-cont div:first-child {border-left: none; line-height: 20px;}
.data-table02 tbody td.product-pay .product-pay-cont div span {display: block; width: 100%; font-size: 15px;}
.data-table02 tbody td.product-pay .product-pay-cont div em {font-size: 15px; color: #1a1a1a; font-weight: bold;}
.data-table02 tbody td.product-pay .product-pay-cont div strong {font-size: 18px; color: #1a1a1a;}
.data-table02 tbody tr.txt-view {display: none;}
.data-table02 tbody tr.txt-view td {padding: 0;}
.data-table02 tbody tr.txt-view td .txt-view-pic {padding: 15px 220px 15px 202px; text-align: left;}
.data-table02 tbody tr.txt-view td .txt-view-qna {padding: 0 18px;}
.data-table02 tbody tr.txt-view td .txt-view-qna .que,
.data-table02 tbody tr.txt-view td .txt-view-qna .anw {min-height: 62px; padding: 11px 0 11px 37px; line-height: 20px; text-align: left;}
.data-table02 tbody tr.txt-view td .txt-view-qna .que { background: url(../../../img/icon_que.png) no-repeat 3px 50%;}
.data-table02 tbody tr.txt-view td .txt-view-qna .anw { background: url(../../../img/icon_anw.png) no-repeat 2px 50%; border-top: 1px dotted #aaa;}
.data-table02 tbody tr.txt-view td .txt-view-qna.txt-view-faq {padding: 0 18px 0 0;}
.data-table02 tbody tr.txt-view td .txt-view-qna.txt-view-faq .anw { padding-left:90px; background: url(../../../img/icon_anw.png) no-repeat 32px 50%; border-top: none;}
.data-table02 tbody tr.txt-view td .btn-area {margin-top: 0; padding: 0 20px 15px 0;}
.data-table02 tbody tr.txt-none td {height: 200px;}
.data-table02 tbody tr.on td {background: #f5fafd;}
.data-table02.data-table02-type02 th,
.data-table02.data-table02-type02 td {border-left: none; border-right: none;}
.data-table02.data-table02-type03 {margin-top: 20px;}

.data-table03 {margin-top: 8px; padding: 0 10px;}
.data-table03 table {width: 100%; border: 1px solid #ddd; border-top: 2px solid #9a9a9a;}
.data-table03 thead th,
.data-table03 thead td {height: 37px; padding: 0 10px 0 21px; background: #edeef3; color: #1a1a1a; font-weight: normal; border: 1px solid #ddd; border-right: none; text-align: left; font-size: 13px; line-height: 20px;}
.data-table03 thead td {border-left: none;}
.data-table03 tbody th,
.data-table03 tbody td {height: 37px; border: 1px solid #ddd; text-align: left; font-size: 13px; line-height: 18px;}
.data-table03 tbody th {padding: 12px 7px 12px 10px; background: #edeef3; color: #1a1a1a; font-weight: normal;}
.data-table03 tbody th.th-align01 {text-align: right;}
.data-table03 tbody td {padding: 3px 10px; color: #555; word-break:normal; word-wrap:break-word;}
.data-table03 tbody td.editor {padding: 0;}
.data-table03 .radio-align {margin-right: 20px;}
.data-table03 .textarea-type01 {line-height: 0;}
.data-table03.data-table03-type02 {margin-top: 20px;}
.data-table03.data-table03-type03 {margin-top: 0;}

.data-table04 table {width: 100%;}
.data-table04 table td {height: 41px; padding-left: 10px; font-size: 13px; color: #555; border-top: 1px solid #ddd; text-align: left;}
.data-table04 table td .txt-pull-size {height: 40px;}
.data-table04 table td.td-type01 {padding-left: 0;}

.data-table05 {width: 100%;}
.data-table05 table {width: 100%; border-bottom: 1px solid #ddd;}
.data-table05 tbody th {padding: 10px 10px 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #1a1a1a; line-height: 18px; text-align: right; font-weight: normal; vertical-align:top;}
.data-table05 tbody th.th-type01 {padding: 10px 0 10px 10px; text-align: left;}
.data-table05 tbody td {padding: 10px 0 10px 10px; border-top: 1px solid #ddd; color: #555; line-height: 18px;}
.data-table05 tbody td img {vertical-align: text-bottom;}
.data-table05 tbody td .product-img {position: relative; width: 80px; height: 80px;}
.data-table05 tbody td .product-img a:after {content: ''; position: absolute; left: 0; top: 0; width: 78px; height: 78px; border: 1px solid #dfdfdf;}
.data-table05 tbody td .product-img img {width: 100%;}
.data-table05 tbody td .product-txt {padding-right: 10px;}
.data-table05 tbody td .product-txt01 {width: 100%; margin-top: -2px;}
.data-table05 tbody td .product-txt01 a {font-weight: bold; color: #009eba; line-height: 20px;}
.data-table05 tbody td .product-txt01 a:hover {text-decoration: underline;}
.data-table05 tbody td .product-txt02 {position: relative; overflow: hidden; width: 100%; margin-top: 1px; max-height: 38px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.data-table05 tbody td .product-txt02 a {color: #555;}
.data-table05 tbody td .product-txt02 a:hover {text-decoration: underline;}
.data-table05 tbody td .product-txt03 strong {font-weight: bold;}
.data-table05 tbody td .product-price {font-size: 15px; color: #1a1a1a;}
.data-table05 tbody td .product-delivery {padding-left: 27px; background: url(../../../img/icon_delivery.png) no-repeat 0 50%; background-size: 20px 12px;}
.data-table05 tbody td .product-num {position:relative; width: 119px; height: 30px; margin-top: 8px; text-align: center; border: 1px solid #ddd; line-height: 30px;}
.data-table05 tbody td .product-num .minus,
.data-table05 tbody td .product-num .plus {position:absolute; top: -1px; width: 30px; height: 30px; border: none; font-size: 0;}
.data-table05 tbody td .product-num .minus {left: -1px; background: url(../../../img/btn_minus_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.data-table05 tbody td .product-num .plus {right: -1px; background: url(../../../img/btn_plus_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.data-table05 tbody td .product-txt-cont01 {display: flex; justify-content: space-between; margin-top: 2px;}
.data-table05 tbody td .product-txt-cont02 {display: flex; justify-content: space-between; margin-top: 7px;}
.data-table05 tbody td .product-txt-cont03 {display: flex; justify-content: flex-end; border-top: 1px solid #ddd; padding-top: 10px;}
.data-table05 tbody td .data-table05-txt01 {color: #1a1a1a;}
.data-table05 tbody td .data-table05-txt02 { overflow-y: auto; overflow-x: hidden; height: 160px; margin-top: 8px; padding: 5px; border: 1px solid #ddd;}
.data-table05 tbody td .data-table05-txt02 p {margin-top: 18px;}
.data-table05 tbody td .data-table05-txt02 p:first-child {margin-top: 0;}
.data-table05 tbody td .data-table05-txt03 {display: flex; justify-content: space-between; margin-top: 4px;}
.data-table05 tbody td .data-table05-txt03 li {display: flex; flex-flow: column; justify-content: center;}
.data-table05 tbody td .data-table05-txt03 li .checkbox {display: flex; justify-content: center; margin-top: 8px;}
.data-table05 tbody td .data-table05-txt03 li .checkbox input[type=checkbox] + label {padding-left: 16px;}
.data-table05 tbody td .data-table05-txt04 {padding: 0 8px 10px 10px; font-size: 11px; color: #ff4e00; line-height: 16px;}
.data-table05 tbody td.td-type01 {text-align: center;}
.data-table05 tbody td.td-type02 {padding-right: 10px; text-align: right;}
.data-table05 tbody td.td-type03 {padding: 5px 10px 5px 0;}
.data-table05 tbody td.td-type04 {border-top: none; padding: 0 10px 10px;}
.data-table05 tbody td.td-type05 {height: 39px; padding: 0;}
.data-table05 tbody td.td-type05 .intl-tel-input {width: 100%; height: 100%;}
.data-table05 tbody td.td-type05 select,
.data-table05 tbody td.td-type05 input[type=tel],
.data-table05 tbody td.td-type05 input[type=text] {width: 100%; height: 39px; border: none;}
.data-table05 tbody td.td-type05 input[type=text].search-file {width : -webkit-calc(100% - 82px); width : -moz-calc(100% - 82px); width : calc(100% - 82px); vertical-align: top;}
.data-table05 tbody td.td-type05 input[type=text].search-file + .btn-file {margin-top: 4px;}
.data-table05 tbody td.td-type06 {padding: 10px;}
.data-table05 tbody td.td-type07 {padding: 5px 10px;}
.data-table05 tbody td.td-type08 {padding: 10px 10px 0;}
.data-table05 tbody td.td-bot {border-bottom:1px solid #ddd;}
.data-table05 tbody td.product-pay {padding: 0; background: #f7f7f7; text-align: center;}
.data-table05 tbody td.product-pay .product-pay-cont {display: flex; justify-content: space-between; margin: 10px 0;}
.data-table05 tbody td.product-pay .product-pay-cont div {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 50%; height: 60px; border-left: 1px solid #ddd;}
.data-table05 tbody td.product-pay .product-pay-cont div:first-child {border-left: none; line-height: 20px; width: 20%;}
.data-table05 tbody td.product-pay .product-pay-cont div:nth-child(2) {width:28%;}
.data-table05 tbody td.product-pay .product-pay-cont div:nth-child(3) {width:52%;}
.data-table05 tbody td.product-pay .product-pay-cont div span {display: block; width: 100%; font-size: 15px;}
.data-table05 tbody td.product-pay .product-pay-cont div em {font-size: 15px; color: #1a1a1a; font-weight: bold;}
.data-table05 tbody td.product-pay .product-pay-cont div strong {font-size: 18px; color: #1a1a1a;}
.data-table05 tbody td.product-pay .product-pay-cont div span + em {margin-top:-1.3em;}
.data-table05 tbody td .paypal {line-height:15px;}
.data-table05 tbody td .paypal img {height:15px!important; vertical-align:top; margin-left:4px;}
.data-table05 tbody td .bank-num {background: url(../../../img/exclamationmark_mo.png) no-repeat 7px 2px; background-size:3px 13px; padding-left:17px;}

.data-table-scroll {overflow-y: auto; overflow-x: hidden; margin-top: 15px; font-size: 0; line-height: 0;}
.data-table-scroll .data-table02 {margin: 0;}

/*paging*/
.paging {display: flex; justify-content:center; align-items: center; min-height: 24px; margin-top: 20px;}
.paging .first,
.paging .prev,
.paging .next,
.paging .last { border: 1px solid #ccc; text-indent: -9999em;}
.paging .first {background: url(../../../img/bg_icon.png) no-repeat -84px 7px;}
.paging .prev {background: url(../../../img/bg_icon.png) no-repeat -82px -23px;}
.paging .next {background: url(../../../img/bg_icon.png) no-repeat -82px -53px;}
.paging .last {background: url(../../../img/bg_icon.png) no-repeat -82px -83px;}
.paging a,
.paging span {display: flex; justify-content:center; align-items: center; min-width: 24px; height: 24px; margin: 0 3px; font-size: 12px; color: #666;}
.paging span {border: 1px solid #f46704; color: #f46704;}
.paging-type02 {margin-top: 30px;}

/*btn*/
.btn-area {display: flex; justify-content: center; position: relative; margin-top: 20px; padding: 0 10px; font-size: 0; line-height: 0;}
.btn-area a,
.btn-area button {margin: 0 4px;}
.btn-area .left a,
.btn-area .left button {margin: 0 8px 0 0;}
.btn-area .right a,
.btn-area .right button {margin: 0 0 0 8px;}
.btn-area.btn-area-type01 {margin-top: 107px;}
.btn-area.btn-area-type02 {margin-top: 5px;}
.btn-area.btn-area-right {justify-content: flex-end;}
.btn-area.btn-area-both {justify-content: space-between;}
.btn-area.btn-area-2n {justify-content: space-between; padding: 0 5px;}
.btn-area.btn-area-2n a {width: 50%; margin: 0 5px;}
.btn-area.paging-area {height: 36px; margin-top: 20px;}
.btn-area.paging-area .right {position: absolute; right: 0; top: 0;}
.paging + .btn-area.paging-area {height: auto; margin-top: 0;}
.paging + .btn-area.paging-area .right {position: absolute; right: 0; top: -24px;}

.btn-type01 {display: flex; justify-content: center; align-items: center; width: 206px; height: 54px; background: linear-gradient(#04a4ed, #0199df); border: 1px solid #059ade; color: #fff; font-weight: bold; font-size: 16px;}
.btn-type02 {display: flex; justify-content: center; align-items: center; width: 206px; height: 54px; background: #f6f7f7; border: 1px solid #ddd; color: #333; font-weight: bold; font-size: 16px;}
.btn-type02.icon-zzim {width: 140px;}
.btn-type02.icon-zzim span {display: inline-block; padding: 2px 0 2px 25px; background: url(../../../img/bg_zzim_off_mo.png) no-repeat 0 3px; background-size: 16px 16px;}
.btn-type02.icon-zzim.on span {background: url(../../../img/bg_zzim_on_mo.png) no-repeat 0 3px; background-size: 16px 16px;}
.btn-type03 {display: inline-block; height: 36px; padding: 0 15px; background: linear-gradient(#04a4ed, #0199df); border: 1px solid #059ade; border-radius: 2px; color: #fff; font-size: 13px; line-height: 34px;}
.btn-type04 {display: inline-block; height: 26px; padding: 0 15px; background: #f6f7f7; border: 1px solid #ddd; border-radius: 2px; color: #333; font-size: 12px; line-height: 24px;}
.btn-type05 {display: inline-block; height: 36px; padding: 0 15px; background: #f6f7f7; border: 1px solid #ddd; border-radius: 2px; color: #333; font-size: 13px; line-height: 34px;}
.btn-type06 {display: inline-block; width: 74px; height: 30px; background: #7e929d; border: 1px solid #6e828d; border-radius: 2px; color: #fff; font-size: 12px; line-height: 28px; vertical-align: middle; text-align: center;}
.btn-type07 {display: inline-block; width: 74px; height: 30px; background: #8a8688; border: 1px solid #847f81; border-radius: 2px; color: #fff; font-size: 12px; line-height: 28px; vertical-align: middle; text-align: center;}
.btn-type08 {display: inline-block; width: 74px; height: 30px; background: #ff6c11; border: 1px solid #ff5200; border-radius: 2px; color: #fff; font-size: 12px; line-height: 28px; vertical-align: middle; text-align: center;}
.btn-type09 {display: inline-block; width: 29px; height: 30px; background: #fb6c07 url(../../../img/icon_search02_mo.png) no-repeat 0 0; background-size: 29px 30px; font-size: 0;}
.btn-type10 {display: inline-block; width: 30px; height: 30px; background: url(../../../img/btn_close_mo.png) no-repeat 0 0; background-size: 30px 30px; border: none; font-size: 0;}
.btn-type11 {display: inline-block; height: 26px; padding: 0 10px; background: #f6f7f7; border: 1px solid #ddd; border-radius: 2px; color: #333; font-size: 12px; line-height: 24px; margin-left: 8px; margin-top: 3px;}
.btn-type12 {display: inline-block; width: 41px; height: 40px; background: url(../../../img/btn_write_mo.png) no-repeat 0 0; background-size: 41px 40px; font-size: 0;}
.btn-type13 {display: inline-block; width: 48px; height: 40px; background: url(../../../img/btn_modify_mo.png) no-repeat 0 0; background-size: 48px 40px; font-size: 0;}
.btn-type14 {display: inline-block; width: 48px; height: 40px; background: url(../../../img/btn_del_mo.png) no-repeat 0 0; background-size: 48px 40px; font-size: 0;}
.btn-type15 {display: inline-block; height: 54px; min-width: 165px; padding: 0 15px; background: #0199df; color: #fff; font-size: 16px; line-height: 54px; text-align: center;}
.btn-type16 {display: inline-block; width: 42px; height: 30px; background: #7e929d; border: 1px solid #6e828d; border-radius: 2px; color: #fff; font-size: 12px; line-height: 28px; vertical-align: middle; text-align: center;}
.btn-type17 {display: inline-block; min-width: 60px; height: 30px; padding: 0 10px; background:linear-gradient(#e85b74, #ef4966); border:1px solid #de5e74; border-radius: 2px; color: #fff; font-size: 12px; line-height: 30px;}

.btn-top {position: fixed; right: 10px; bottom: 20px;}
.btn-top a {display: block; width: 29px; height: 29px; background: url(../../../img/btn_top_mo.png) no-repeat 0 0; background-size: 29px 29px; font-size: 0;}

.btn-file {display: inline-block; position: relative; min-width: 60px; height: 30px; padding: 0 10px; background: #7e929d; border: 1px solid #6e828d; border-radius: 2px; color: #fff; font-size: 12px; line-height: 28px; cursor: pointer;}
.btn-file input[type=file] {position: absolute; top: 0; left: 0; width: 100%; height: 24px; opacity: 0; cursor: pointer; z-index: -1;}

.btn-more {padding: 15px 10px 0;}
.btn-more a {display: flex; align-items: center; justify-content: center; width: 100%; height: 45px; background: #f6f7f7; border: 1px solid #ddd;}
.btn-more span {padding-left: 20px; background: url(../../../img/btn_more_mo.png) no-repeat 0 50%; background-size: 13px 13px; font-size: 13px; color: #555; line-height: 16px;}
.btn-more.btn-more-type01 {border-top: 1px solid #ddd;}
.btn-more.btn-more-type02 {padding-top: 0;}

/*txt*/
.txt-type01 {width: 100%; margin-top: 21px; padding: 11px 10px 15px; background: #f4f4f4;}
.txt-type01 div {}
.txt-type01 div strong {font-weight: bold; line-height: 20px; margin-bottom: 5px;} /*font-size: 15px;  color: #1a1a1a; display: block; 20200218*/
.txt-type01 div p {font-size: 13px; color: #555; line-height: 20px;}
.txt-type02 {margin-top: 12px; color: #ff5200;}
.txt-type02 strong {font-weight: normal;}
.txt-type03 {display: flex; justify-content: center; align-items: center;  height: 122px;}
.txt-type03 span {display: block; padding-left: 30px; background: url(../../../img/bg_complete_mo.png) no-repeat 0 0; background-size: 24px 24px; font-size: 19px; line-height: 24px; color: #555; text-align: center;}
.txt-type03 strong {color: #1a1a1a; font-weight: normal;}
.txt-type04 {color: #333;}
.txt-type05 {color: #666; }
.txt-type05 em {color: #1a1a1a; font-weight: bold;}
.txt-type06:hover {text-decoration: underline;}
.txt-type07 {position: relative;}
.txt-type07 p {position: absolute; right: 0; top: -14px; color: #666; }
.txt-type07 p strong {color: #1a1a1a;}
.txt-type08 {display: flex; align-items: center; justify-content: center; height: 80px; margin: 0 10px; background: #f7f7f7; border-radius: 2px; color: #1a1a1a; text-align: center; line-height: 18px;}
.txt-type08 strong {color: #003ca5;}
.txt-type08 span {color: #1a1a1a;}
.txt-type09 {display: flex; justify-content: space-between; align-items: center; height: 50px; margin-top: 10px; padding: 0 14px; background: #f7f7f7; border-radius: 2px; color: #1a1a1a; text-align: center; line-height: 50px;}
.txt-type09 strong {color: #003ca5;}
.txt-type10 {min-height: 180px; margin-top: 10px; padding: 11px 16px; background: #f7f7f7; border-radius: 2px; color: #555; line-height: 20px;}
.txt-type11 {padding: 15px; background: #f4f4f7; border: 1px solid #ddd; border-radius: 2px;}
.txt-type11 dl {display: flex;}
.txt-type11 dl dt {min-width: 76px; height: 53px; border-right: 1px solid #ddd; font-size: 14px; color: #1a1a1a; font-weight: bold;}
.txt-type11 dl dd {width : 60%; width : -webkit-calc(100% - 76px); width : -moz-calc(100% - 76px); width : calc(100% - 76px); height: 52px; margin-top: -3px; padding-left: 10px; font-size: 13px; color: #555; line-height: 20px;}
.txt-type11 dl dd p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txt-type12 {display: flex; align-items: center; justify-content: center; height: 62px; margin-top: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 15px; color: #333;}
.txt-type12 strong {margin-left: 5px; color: #001e61;}
.txt-type13 a {border-bottom: 1px solid #44708c; font-size: 13px; color: #44708c;}
.txt-type14 {display: flex; justify-content: center; align-items: center;  height: 170px;}
.txt-type14 span {display: block; height: 30px; padding-left: 40px; background: url(../../../img/bg_complete2.png) no-repeat 0 0; font-size: 24px; line-height: 30px; color: #555;}
.txt-type14 strong {color: #1a1a1a; font-weight: normal;}
.txt-type15 {padding: 5px 0; color: #ff4e00;}
.txt-type15.small {font-size: 12px;}
.txt-type16 {margin-top: 27px; padding-top: 135px; background: url(../../../img/bg_delivery_complete02_mo.png) no-repeat 50% 0; background-size: 117px 120px;}
.txt-type16 .sub-tit {height: auto; margin: 0; padding: 0; border: none; font-size: 16px; font-weight: normal; text-align: center; line-height: 1.2;}
.txt-type17 {margin-top: 31px; padding-top: 127px; background: url(../../../img/bg_delivery_complete_mo.png) no-repeat 50% 0; background-size: 120px 117px;}
.txt-type17 .sub-tit {height: auto; margin: 0; padding: 0; border: none; font-size: 16px; font-weight: normal; text-align: center; line-height: 1.2;}
.txt-type18 {display: flex; justify-content: center; align-items: center; height: 122px; line-height: 22px; color: #555; text-align: center;}
.txt-type18 em {font-weight: bold; color: #1a1a1a;}

.txt-ellipsis01 {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.txt-color01 {color: #ff4e00;}
.txt-color02 {color: #009bde;}
.txt-color02.small {font-size: 12px;}
.txt-color03 {color: #ff5200;}
.txt-script {color: #777;}

/*icon*/
.icon-collection {display: inline-block; font-size: 0; line-height: 0; vertical-align: top;}
.icon-facebook { width: 24px; height: 24px; background: url(../../../img/icon_facebook_mo.png) no-repeat 0 0; background-size: 24px 24px;}
.icon-googleplus { width: 24px; height: 24px; background: url(../../../img/icon_googleplus_mo.png) no-repeat 0 0; background-size: 24px 24px;}
.icon-kakao { width: 24px; height: 24px; background: url(../../../img/icon_kakao_mo.png) no-repeat 0 0; background-size: 24px 24px;}
.icon-band { width: 24px; height: 24px; background-position:  -150px -90px;}
.icon-copy { width: 24px; height: 24px; background: url(../../../img/icon_copylink_mo.png) no-repeat 0 0; background-size: 24px 24px;}  /* add 20200311*/
.icon-necessary {display: inline-block; width: 8px; height: 7px; background: url(../../../img/icon_necessary_mo.png) no-repeat 0 0; background-size: 8px 7px; font-size: 0; vertical-align: top;}
.icon-status {display: inline-block; width: 74px; height: 22px; line-height: 20px; background: #6587c3; border-radius: 2px; font-size: 12px; color: #fff; text-align: center;}
.icon-status01 {background: #6587c3;}
.icon-status02 {background: #03a0e9;}
.icon-status03 {background: #81bc00;}
.icon-status04 {background: #ff8030;}
.icon-status05 {background: #ff657e;}
.icon-status06 {background: #aaa;}
.icon-more {display: block; padding-left: 11px; background: url(../../../img/bg_more.png) no-repeat 0 5px; font-size: 12px; color: #666; line-height: 12px;}
.icon-anw-com {display: inline-block; width: 67px; height: 22px; background: #6587c3; border-radius: 22px; color: #fff; font-size: 12px; line-height: 21px; text-align: center;}
.icon-anw-ready {display: inline-block; width: 67px; height: 22px; background: #81bc00; border-radius: 22px; color: #fff; font-size: 12px; line-height: 21px; text-align: center;}

/*box*/
.box-type01 {display: inline-block; width: 67px; height: 22px; background: #6587c3; border-radius: 10px; font-size: 12px; color: #fff; text-align: center; line-height: 20px;}
.box-type02 {display: inline-block; width: 67px; height: 22px; background: #81bc00; border-radius: 10px; font-size: 12px; color: #fff; text-align: center; line-height: 20px;}
.box-type03 {margin: 30px 10px 0; border: 4px solid #ddd;}
.box-type04 {position: relative; margin-top: 15px;}
.box-type04 .list-type01 {margin-top: 8px;}
.box-type05 {display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 48px; padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 13px; color: #1a1a1a; font-weight: bold;}
.box-type05 .select-type01 {margin: 0 10px;}
.box-type05 .score {font-size: 16px;}
.box-type06 {display: inline-block; width:100%; height: 170px; border: solid 1px #ddd; border-radius: 2px; font-size: 13px; color: #555; text-align: center; line-height: 22px;}
.box-type06 strong {color: #1a1a1a;}
.box-type07 {position: relative; border-top: 1px solid #ddd;}
.box-type07 h3 {display: flex; align-items: center; height: 40px; padding-left: 10px; background: #f7f7f7; font-size: 15px; color: #1a1a1a; font-weight: bold;}
.box-type07 .box-type07-more {position: absolute; right: 0; top: 0;}
.box-type07 .box-type07-more a {display: block; width: 40px; height: 40px; border-left: 1px solid #ddd; background:#fff url(../../../img/btn_more02_mo.png) no-repeat 50% 50%; background-size: 18px 18px; font-size: 0;}
.box-type07 .box-type07-prev {position: absolute; right: 0; top: 0;}
.box-type07 .box-type07-prev a {display: block; width: 40px; height: 40px; border-left: 1px solid #ddd; background:#fff url(../../../img/btn_link_prev_mo.png) no-repeat 50% 50%; background-size: 11px 19px; font-size: 0;}
.box-type07 .list-type01 {margin-top: 0; border-top: 1px solid #ddd;}
.box-type08 {margin: 0 10px; padding: 10px 15px; background: #f4f4f7; border: 1px solid #ddd; border-radius: 2px; line-height: 20px;}
.box-type09 {overflow-y: auto; overflow-x: hidden; height: 334px; margin: 9px 10px 0; padding: 7px 10px; border: 1px solid #ddd; line-height: 18px; color: #555;}
.box-type09 h3 {margin-top: 19px;}
.box-type09 h3:first-child {margin-top: 0;}
.box-type09 ul,
.box-type09 p {margin-top: 12px;}

.box-top-right {position: absolute; right: 0; top: -1px;}

/* select */
.select-type01 {display: inline-block; position: relative; height: 30px; background: #fff; vertical-align: middle;}
.select-type01 button {height: 30px; padding: 0 30px 0 6px; border: 1px solid #ddd; background:#fff url(../../../img/bg_selectbox_mo.png) no-repeat right 50%; background-size: 20px 6px; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 14px; vertical-align: middle;}
.select-type01 button img {width: 96px;}
.select-type01 ul {display: none; position: absolute; left: 0; top: 29px; width: 100%; background: #fff; border: 1px solid #ddd;}
.select-type01 ul li {height: 30px; padding: 0 39px 0 6px; line-height: 30px;}
.select-type01 ul li img {width: 96px;}
.select-type01.select-type01-up ul {top: auto; bottom: 29px; flex-direction:column-reverse;}
.select-type01.select-type01-down ul {flex-direction:column;}
.select-type01.on ul {display: flex;}

.select-align01 {position: relative; text-align:right; padding:15px 10px 0;}
.select-align01 select {/* position: absolute; right: 10px; top: -40px; */}
.select-align02 {padding: 15px 10px 0 0; text-align: right;}

.submain-visual {position:relative; }
.submain-visual img {width:100%; display:block; margin:0 auto;}
.submain-visual .list {position:absolute; left:0; bottom:0; display:flex; align-items: center;  justify-content:center; width:100%; }
.submain-visual .list > li {width:33.3333333%;  }
.submain-visual .list > li  > a{position:relative; display:block;  text-align:center; color:#fff; height:120px; font-size:0; background-size:100px 75px; background-repeat:no-repeat; background-position:center center;}
.submain-visual .list > li  > a.faq {background-color:rgba(199,133,144,0.8); background-image:url('../../../img/icon_submain01.png');}
.submain-visual .list > li  > a.intro {background-color:rgba(170,100,137,0.8); background-image:url('../../../img/icon_submain02.png');}
.submain-visual .list > li  > a.intro::before {content:''; display:block; width:9px; height:6px; position:absolute; top:-5px; left:50%; margin-left:-4.5px; background:url('../../../img/icon_submain_over.png') no-repeat; background-size:contain;}
.submain-visual .list > li  > a.after {background-color:rgba(223,169,191,0.8); background-image:url('../../../img/icon_submain03.png');}

.seoul-meat {margin-top:20px;}
.seoul-meat img {display:block; width:100%;}


/*Joint Purchase 191230 Start */
.submain-visual_01 {position:relative; }
.submain-visual_01 img {width:100%; display:block; margin:0 auto;}
.submain-visual_01 .list {position:absolute; left:0; bottom:0; display:flex; align-items: center;  justify-content:center; width:100%; }
.submain-visual_01 .list > li {width:25%; height: 25%; padding-bottom:3%; margin:10px;}
.submain-visual_01 .list > li  > a{position:relative; display:block;  text-align:center; color:#fff;  font-size:0; background-size:100px 75px; background-repeat:no-repeat; background-position:center center; border-radius: 50%; background-color:#ed1c24;}
/*Joint Purchase 191230 END */


/*content*/
.product-img-buy {margin-top: 10px;}
.product-img-buy .product-img-star {width: 100%;}
.product-img-buy .product-img {padding: 0 10px;}
.product-img-buy .product-img .gallery-top {width: 100%; font-size: 0;}
.product-img-buy .product-img .gallery-top .swiper-slide img {width: 100%;}
.product-img-buy .product-img .gallery-top .swiper-button-next {display: none; width: 30px; height: 30px; background: url(../../../img/btn_next_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.product-img-buy .product-img .gallery-top .swiper-button-prev {display: none; width: 30px; height: 30px; background: url(../../../img/btn_prev_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.product-img-buy .product-img .gallery-top .swiper-button-next.swiper-button-disabled, 
.product-img-buy .product-img .gallery-top .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.product-img-buy .product-img .gallery-top .gallery-top-num {position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; height: 20px; padding: 0 12px; background: rgba(0, 0, 0, 0.4); border-radius: 20px; font-size: 12px; color: #fff; z-index: 1; line-height: 18px;}
.product-img-buy .product-img .swiper-pagination {position: static; font-size: 0; margin-top: 3px;}
.product-img-buy .product-img .swiper-pagination span {position:relative; width: 98px; height: 98px; margin-left: 3px; opacity: 1;}
.product-img-buy .product-img .swiper-pagination span:first-child {margin-left: 0;}
.product-img-buy .product-img .swiper-pagination span img {width: 98px; height: 98px;}
.product-img-buy .product-img .swiper-pagination span.on:after {content: ''; position: absolute; left: 0; top: 0; width: 92px; height: 92px; border: 3px solid #ff5200;}
.product-img-buy .product-img .swiper-pagination .swiper-pagination-bullet {border-radius: 0; background: none;}
.product-img-buy .product-star {display: flex; justify-content: space-between; align-items:center; height: 52px; margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.product-img-buy .product-star .star {display: flex; color: #1a1a1a;}
.product-img-buy .product-star .star dt {padding-left: 10px; font-size: 14px; font-weight: bold;}
.product-img-buy .product-star .star dd {padding-left: 20px; font-size: 16px; font-weight: bold;}
.product-img-buy .product-star .star dd strong {margin-left: 15px;}
.product-img-buy .product-star .star dd strong span {font-size: 12px; font-weight: normal;}
.product-img-buy .product-star .star dd img {width: 96px;}
.product-img-buy .product-star .sns {position:relative; font-size: 0; line-height: 0; }
.product-img-buy .product-star .sns .sns-layer-open {display: block; width: 51px; height: 50px; background: url(../../../img/btn_sns_mo.png) no-repeat 0 0; background-size: 51px 50px; font-size: 0; border-left: 1px solid #ddd;}
.product-img-buy .product-star .sns .sns-layer {display: none; position: absolute; right: 0; top: 50px;}
.product-img-buy .product-star .sns .sns-layer div {display: flex; align-items: center; height: 45px; padding: 0 7px; background: #fff; border: 1px solid #ddd;}
.product-img-buy .product-star .sns .sns-layer div:after {content: ''; position: absolute; right: 19px; top: -8px; width: 14px; height: 9px; background: url(../../../img/bg_sns_box.png) 0 0; background-size: 14px 9px;}
.product-img-buy .product-star .sns .sns-layer a {margin: 0 8px;}
.product-img-buy .product-buy {width: 100%; margin-top: 13px;}
.product-img-buy .product-buy h3 {padding: 0 10px 10px; font-size: 20px; line-height: 29px; font-weight: bold; color: #1a1a1a;}
.product-img-buy .product-buy .btn-area a,
.product-img-buy .product-buy .btn-area button {margin: 0 0 0 8px;}
.product-img-buy .product-buy .btn-area a:first-child,
.product-img-buy .product-buy .btn-area button:first-child {margin-left: 0;}

.product-info-view {padding: 20px 10px 0; text-align: center;}
.product-info-view table td {text-align:left;}
.product-info-view img {width: 100%;}

.info-view {padding: 8px 10px 0; text-align: center;}
.info-view img {width: 100%;}

.total-sort {display: flex; justify-content: space-between; margin-top: 15px; padding: 0 10px;}
.total-sort p {padding-top: 16px; font-size: 13px; color: #666;}
.total-sort p strong {font-weight: bold; color: #1a1a1a;}

.product-total-pay {margin: 20px 10px 0; padding: 11px 15px 13px; border: 4px solid #ddd;}
.product-total-pay> div {display: flex; justify-content: space-between; line-height: 20px; font-size: 15px;  align-items: center;}
.product-total-pay> div span {color: #555;}
.product-total-pay> div em {color: #1a1a1a; font-weight: bold;}
.product-total-pay> div strong {font-size: 18px; color: #f42835;}
.product-total-pay> div p {text-align:right; color:#1a1a1a;}
.product-total-pay> div p > strong {display:block;}
.product-total-pay> div:last-child {margin-top: 5px; padding-top: 6px; border-top: 1px solid #ddd;}

.search-area {display: flex; align-items: center; justify-content: center; margin-top: 10px; padding: 15px 0; background: #f4f4f4;}
.search-area dl {display: flex; align-items: center; justify-content: flex-start;}
.search-area dl dt {color: #1a1a1a; white-space: nowrap;}
.search-area dl dd {padding: 0 0 0 10px;}
.search-area dl dd input[type=text] {height: 30px;}

.terms-box {overflow-y: scroll; overflow-x: hidden; height: 841px; padding: 15px 50px 15px 15px; border: 1px solid #ddd; color: #555; line-height: 20px;}
.terms-box h3 {padding: 21px 0; font-weight: bold;}
.terms-box h3:first-child {padding-top: 0;}

.main-event {position: relative; /* border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; */}
.main-event .main-event-visual {position: relative; width: 100%;}
.main-event .main-event-visual > div {}
.main-event .main-event-visual > div img {width: 100%; display:block;}
.main-event .swiper-button-next {display: none; width: 30px; height: 30px; background: url(../../../img/btn_next_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.main-event .swiper-button-prev {display: none; width: 30px; height: 30px; background: url(../../../img/btn_prev_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.main-event .swiper-button-next.swiper-button-disabled, 
.main-event .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.main-event .main-event-num {position: absolute; right: 10px; bottom: 10px; height: 20px; padding: 0 12px; background: rgba(0, 0, 0, 0.4); border-radius: 20px; font-size: 12px; color: #fff; z-index: 1; line-height: 18px;}

.main-category-link {margin-top: 0px;} /*8-> 0 20181109 MH*/
.main-category-link ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -2px;}
.main-category-link li {width: 50%; font-size: 0; line-height: 0;}/*padding: 2px 0 0 2px; 20181109 MH*/
.main-category-link li.full {width:100%;}
.main-category-link li img {width: 100%;}

.main-banner {margin-top: 5px; font-size: 0; line-height: 0;}
.main-banner img {width: 100%;}

.order-write {margin-top: 20px;}
.order-write> li {position: relative; margin-top: -1px; border-bottom: 1px solid #ddd;}
.order-write> li h2 {height: 41px; margin-top: 0; padding: 0 0 0 10px; background: #f7f7f7; border-top: 1px solid #ddd; font-size: 16px; color: #1a1a1a; line-height: 40px;}
.order-write> li .order-write-toggle {position: absolute; top: 1px; right: 0; width: 40px; height: 40px; border-left: 1px solid #ddd; background: #fff url(../../../img/btn_drop_open_mo.png) no-repeat 50% 50%; background-size: 19px 11px; font-size: 0;}
.order-write> li .data-table05 {display: none;}
.order-write> li .my-group-buy {display: none;}
.order-write> li.on {border-bottom: none;}
.order-write> li.on .order-write-toggle {background: #fff url(../../../img/btn_drop_close_mo.png) no-repeat 50% 50%; background-size: 19px 11px;}
.order-write> li.on .data-table05 {display: block;}
.order-write> li.on .my-group-buy {display: block;}
.order-write.order-write-type01 {margin-top: 0;}

/* popup */
.pop-wrap {padding-bottom: 20px;}
.pop-wrap h1 {height: 51px; padding: 14px 0 0 0; background: linear-gradient(#fff, #f4f4f4); border-top: 1px solid #ebebeb; border-bottom: 2px solid #e60724; font-size: 18px; color: #1a1a1a; text-align: center;}
.pop-wrap h1 .num {display: inline-block; width: 25px; height: 25px; background: #ff4e00; border-radius: 25px; color: #fff; font-size: 15px; line-height: 25px;}
.pop-wrap h1 .num.num-type01 {background: #aaa;}
.pop-wrap h2 {height: 40px; margin-top: 5px; padding: 0 0 0 10px;  font-size: 16px; color: #1a1a1a; line-height: 40px;}
.pop-wrap h2.first {margin-top: 0;}
.pop-wrap .pop-cont {}
.pop-wrap .pop-home {position: absolute; left: 0; top: 0; font-size: 0;}
.pop-wrap .pop-home a {display: block; width: 44px; height: 50px; background: url(../../../img/btn_pop_home_mo.png) no-repeat 50% 50%; background-size: 24px 24px; border: none; font-size: 0;}
.pop-wrap .pop-back {position: absolute; right: 0; top: 0; font-size: 0;}
.pop-wrap .pop-back a {display: block; width: 44px; height: 50px; background: url(../../../img/btn_pop_back_mo.png) no-repeat 50% 50%; background-size: 23px 18px; border: none; font-size: 0;}

/* side */
.m-bottom-15 {margin-bottom:15px;}
.ad-area {display:block;}
.ad-area > img {display:block;}
.ad-right-section {position:absolute; top:32px; right: -140px; /*margin-left:570px;*/ min-width:120px;}
.ad-right-section a > img {display:block;}

.tab-container{}
.tab-menu {}
.tab-menu::after {content:''; display:block; visibility: hidden; font-size:0; height:0; line-height:0; clear:left;}
.tab-menu > li {float:left;}
.tab-menu > li > a {display:block; text-align:center; }
.tab-contents {display:none;}
.tab-contents.on {display:block;}
.tab-container.ad-gray { border:1px solid #ddd; font-size:0.923em;}
.tab-container.ad-gray .tab-menu > li {width:50%;}
.tab-container.ad-gray .tab-menu > li > a {color:#aaa; background-color:#f4f4f4; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0;}
.tab-container.ad-gray .tab-menu > li.on > a {color:#333; background-color:#fff; border-bottom-color:#fff;}
.tab-container.ad-gray .tab-menu > li:first-child > a {border-left:none;}
.tab-container.ad-gray .tab-contents {padding:10px;}
.tab-container.ad-gray .keyword li {margin-top:4px;}
.tab-container.ad-gray .keyword li a {color:#333; display:inline-block; vertical-align:top; height:16px; line-height:16px;}
.tab-container.ad-gray .keyword li a::before {display:inline-block; vertical-align:top; width:16px; height:16px; line-height:16px; color:#333; border:1px solid #ddd; margin-right:5px; text-align:center; font-family:'Arial';}
.tab-container.ad-gray .keyword li:nth-child(1) a::before{content:'1';}
.tab-container.ad-gray .keyword li:nth-child(2) a::before{content:'2';}
.tab-container.ad-gray .keyword li:nth-child(3) a::before{content:'3';}
.tab-container.ad-gray .keyword li:nth-child(4) a::before{content:'4';}
.tab-container.ad-gray .keyword li:nth-child(5) a::before{content:'5';}
.tab-container.ad-gray .keyword li:nth-child(6) a::before{content:'6';}
.tab-container.ad-gray .keyword li:nth-child(7) a::before{content:'7';}
.tab-container.ad-gray .keyword li:nth-child(8) a::before{content:'8';}
.tab-container.ad-gray .keyword li:nth-child(9) a::before{content:'9';}
.tab-container.ad-gray .keyword li:nth-child(10) a::before{content:'10'; letter-spacing:-1px;}
.tab-container.ad-gray .setting {display:block; background-color:#f4f4f4; border-top:1px solid #ddd; padding:5px 10px;}
.tab-container.ad-gray .setting::before {content:''; float:left; width:14px; height:14px; background:url('../../../img/bg_icon.png') -30px -30px no-repeat; margin:1px 5px 0 0;}

.checkbox-group, .radio-group{display:inline-block; }
.checkbox,.radio{display:inline-block; vertical-align:middle;  position:relative; line-height: 13px;}
input[type=checkbox], input[type=radio] {position:absolute; left:0; top:0;  opacity:0; z-index:1;}
input[type=checkbox] {width:17px; height:17px; }
input[type=checkbox].checkbox-type02 {width:19px; height:19px; }
input[type=radio] {width:17px; height:17px;}

/*checkbox*/
input[type=checkbox] + label,
input[type=radio] + label {display:inline-block; vertical-align:top; cursor:pointer;  height:17px; overflow:hidden; white-space:nowrap;}
input[type=checkbox] + label {padding-left:20px; background:url('../../../img/bg_checkbox_mo.png') no-repeat 0 0; background-size: 17px 51px;}
input[type=checkbox] + label.label-type01 {padding-left:17px;  }
input[type=radio] + label { padding-left:20px;  background:url('../../../img/bg_radio_mo.png') no-repeat 0 0; background-size: 17px 51px;}

input[type=checkbox]:checked + label {background-position:0 -17px;}
input[type=checkbox]:disabled + label {background-position:0 -34px; cursor:not-allowed;}

input[type=radio]:checked + label{background-position:0 -17px;}
input[type=radio]:disabled + label{background-position:0 -34px;  cursor:not-allowed;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* placeholder */
::-webkit-input-placeholder { color:#aaa !important; }
::-moz-placeholder { color:#aaa !important; } 
:-moz-placeholder { color:#aaa !important; }
:-ms-input-placeholder { color:#aaa !important; }

/* margin */
.mt3 {margin-top: 3px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}

/*padding */
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}

/*align*/
.t-align-right {text-align: right}
.t-align-left {text-align: left}



.product-info.d_tab02 .tab-type03 {margin-top:20px;}

/*2018.07.03*/
.list-empty {font-size:13px; color:#666; text-align:center; padding:50px 0; }
.list-empty.box-line {padding:110px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;}

/*2018.08.25*/
.datepicker {display:inline-block; border:1px solid #ddd; height:30px;}
.datepicker input{vertical-align:top; border:none; border-right:1px solid #ddd; margin:0; height:28px; line-height:28px;}  
.datepicker img {vertical-align:top; width:28px; height:28px;}

.sim-card-tit {color:#001b70; }
.sim-card-txt {color:#333;}
.sim-card-bg {background-color:#ecedf3;}

/* popupLayer MH 20180808 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#101010;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#101010;color:#fff}



#content.review-contents {margin-top:-13px;}
.review-top-banner {display: flex; align-items: center; justify-content: center; background:#474957 url('../../../img/review_top_bg_mo.png') center top no-repeat; background-size:cover; min-height:77.08vw;   }
.review-top-banner .box {color:#fff; text-align:center; width:100%;}
.review-top-banner h1 span{display:inline-block; font-size:26px; height:63.5px; padding-top:30px; margin-left:4px;}
.review-top-banner h1 img {height:63.5px; vertical-align:top;}
.review-top-banner .text {font-size:12px; line-height:1.6; padding-top:10px;}
.review-top-banner .btn-group {font-size:0; padding:14px 35px 25px;}
.review-top-banner .btn-group .btn{display:inline-block; vertical-align:top; font-size:13px; font-weight:bold; color:#fff; height:35px; line-height:35px; width:calc(50% - 10px);}
.review-top-banner .btn-group .btn-goshop {background-color:#303030;}
.review-top-banner .btn-group .btn-write {background-color:#e50f29; margin-left:20px;}
.review-contents .category-group {background-color:#f4f4f4; padding:10px 22.5px; margin-bottom:36px;}
.review-contents .category-group .box {display: flex; align-items: center;}
.review-contents .category-group select {width:calc(50% - 8px ); height:30px; background-color:#fff;}
.review-contents .category-group select + select {margin-left:16px;}
.review-contents .category-group .search {display: flex; align-items: center; margin-top:10px; }
.review-contents .category-group input[type=text] {flex:1; height:30px;}
.review-contents .category-group .btn-search {background:url('../../../img/bg_btn_filter_gray_mo.png') no-repeat; background-size:contain; width:66px; height:30px; font-size:0; border:none; padding:0; margin-left:8px;}
.review-contents .swiper-review {position:relative;}
.review-contents .swiper-review h3{font-size:20px; color:#333; padding:0 10px 15px;}
.review-contents .swiper-review .list {overflow:hidden;}
.review-contents .swiper-review .list li {position:relative; float:left; width:calc(50% - 1px); margin-bottom:20px;}
.review-contents .swiper-review .list li:nth-child(2n) {margin-left:2px;}
.review-contents .swiper-review .list li > a {display:block;}
.review-contents .swiper-review .list li .img {height:calc(50% - 2px); overflow:hidden;}
.review-contents .swiper-review .list .mark {position:absolute; top:0; right:0; text-align:center; width:50px; height:50px; background-color:#e54819; color:#fff; font-size:16px; line-height:50px;}
.review-contents .swiper-review .list .info {display: flex; align-items: center; margin:6px 0; padding-left:10px; padding-right:5px;}
.review-contents .swiper-review .list .star {flex:1; }
.review-contents .swiper-review .list .star > img {height:16px;}
.review-contents .swiper-review .list .date {text-align:right; font-size:11px; color:#666;}
.review-contents .swiper-review .list dl {padding:0 10px;}
.review-contents .swiper-review .list dt {font-size:13px; line-height:1.2; color:#333; font-weight:bold; margin-bottom:8px; }
.review-contents .swiper-review .list dt > span {display:block; color:#e50f28; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.review-contents .swiper-review .list dt > p{overflow: hidden; max-height: 32px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 31px; }
.review-contents .swiper-review .list dt img {vertical-align:middle;}
.review-contents .swiper-review .list dd {font-size:13px; color:#555; line-height:1.2; overflow: hidden; max-height: 32px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 31px; }
.review-contents .swiper-review .list .name {padding:12px 10px 0; font-size:14px; color:#333;}
.review-contents .swiper-review .prev-next {position: absolute; right: 10px; top: -2px; display: flex;}
.review-contents .swiper-review .prev-next .prev,
.review-contents .swiper-review .prev-next .next {display: block; width: 30px; height: 30px; border: none; font-size: 0; cursor: pointer;}
.review-contents .swiper-review .prev-next .prev {margin-right: -1px; background: url(../../../img/btn_prev02_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.review-contents .swiper-review .prev-next .next {background: url(../../../img/btn_next02_mo.png) no-repeat 0 0; background-size: 30px 30px;}
.review-contents .swiper-review + .swiper-review{margin-top:30px;}
.review-contents .swiper-review + .btn-more {margin-top:30px;}
.review-contents .review-detail {margin:-6px 0 30px;}
.review-contents .title-group {padding:0 10px;}
.review-contents .title-group .title {font-size:13px; color:#333; max-height: 32px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.review-contents .title-group .title > strong {color:#e50f28;}
.review-contents .title-group .title > strong:after{content:'|'; margin:0 2px 0 4px;}
.review-contents .title-group .info {display: flex; align-items: center; padding:15px 0;}
.review-contents .title-group .info .star {flex:1;}
.review-contents .title-group .info .star img {height:16px;}
.review-contents .title-group .info .name {color:#666; font-weight:bold;}
.review-contents .title-group .info .date {color:#666; font-size:11px; padding-left:10px;}
.review-contents .btn-more span.list {background-image:url('../../../img/btn_list_mo.png'); background-size:19px 13px; padding-left:30px;}
.review-contents .contents .text{padding:23px 10px 0; line-height:1.6; color:#333;}
 
.data-table05 td.card-choice  {padding-right:15px;}
.data-table05 td.card-choice .radio{margin-top:5px; margin-bottom:5px; width:45%;}
.data-table05 td.card-choice .img-preview-box {border:1px solid #ddd; margin-top:5px; color:#666; }
.data-table05 td.card-choice .img-preview-box .type {display:none;}
.data-table05 td.card-choice .img-preview-box .type.on {display:block;}
.data-table05 td.card-choice .img-preview-box .type > img {display:block; width:100%;}
.data-table05 td.card-choice .img-preview-box textarea{padding:10px; border:none; width:100%; height:100%;}
.data-table05 td .card-notice {margin-top:10px; color:#ff5200;}

.review-mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:50; background:rgba(0,0,0,0.3); }
.review-mask.active {display:block;}

.reviewuse-layer {display:none; position:fixed; width:380px; background-color:#fff; border:1px solid #333; z-index:51; padding:0 15px; overflow:hidden;} /*left:40%; margin-left:-225px; */
.reviewuse-layer.active {display:block;}
.reviewuse-layer .title-group {position:absolute; top:0; left:0; width:100%; display:flex; align-items: center; border-bottom:1px solid #ccc; font-size:14px; padding:15px 0 10px; background-color:#fff; }
.reviewuse-layer .title-group .title {flex:1; padding:0 15px; line-height:1.4; color:#000; font-weight:bold; }
.reviewuse-layer .title-group .title strong {color:#e50f28;}
.reviewuse-layer .btn-close {position:absolute; top:15px; right:15px; background:url('../../../img/review_close.png') no-repeat; width:23px; height:23px; font-size:0; border:none;}
.reviewuse-layer .scroll-box { max-height:calc(100% - 65px);  padding:15px; margin:65px -15px 0;}
.reviewuse-layer .scroll-box select {width:330px;}
.reviewuse-layer .contents { line-height:1.6; padding-bottom:0px; text-align:center;overflow:hidden}
.reviewuse-layer .btn-write {background-color:#303030;}
.reviewuse-layer .btn {display:inline-block; vertical-align:top; color:#fff; font-size:15px; width:155px; height:40px; line-height:40px;margin:15px 20px;}

.my-group-buy {border-top:1px solid #ddd; padding:15px 20px; text-align:center; }
.my-group-buy .step .box {height:35px; line-height:35px; border-radius:4px; border:1px solid #ddd; background-color:#eee; color:#999; font-size:13px;}
.my-group-buy .step .box.on {background-color:#53b1d0; border-color:#53b1d0; color:#fff;}
.my-group-buy .step li {font-size:0;}
.my-group-buy .step .txt {font-size:13px; color:#555; height:40px; line-height:40px;}
.my-group-buy .step li::before {content:''; display:inline-block; width:11px; height:6px; background:url('../../../img/i_my_group_step_mo.png') no-repeat; background-size:contain; margin:5px 0;}
.my-group-buy .step li:first-child::before {display:none;}
.my-group-buy .sub-tx {padding:5px 0 10px; font-size:13px; color:#555;}

.list-group ul {display:flex; flex-wrap: wrap;}
.list-group ul li {display:flex; align-items:stretch; position:relative; }
/*.list-group ul li a {display:block; height:100%;}*/
.list-group ul li a {display:block; }
.list-group ul li .list-type01-info {padding:15px 10px 0;}
.list-group ul li .list-type01-txt01 {font-size:14px; color:#000; font-weight:bold; line-height:1.5; padding:6px 0 1px;}
.list-group ul li .list-type01-txt02 {font-size:13px; color:#555; line-height:1.5; -webkit-line-clamp:2; max-height:40px;}
.list-group ul li .list-type01-txt03 {margin:6px 0 -1px;}
.list-type01 ul li.end .list-type01-img::before {content:'';  position:absolute; top:50%; left:50%; width:89px; height:47.5px; background:url('../../../img/i_group_buy_mo.png') no-repeat; z-index:3; background-size:contain;  transform: translate(-50%, -50%);}
.list-type01 ul li.end .list-type01-img::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:2;}

.list-type-flag {font-size:0;}
.list-type-flag span {display:inline-block; vertical-align:top; border-radius:3px; border:1px solid transparent; font-size:12px; height:20px; line-height:18px; padding:0 6px; letter-spacing:-1px;}
.list-type-flag span + span {margin-left:4px;}
.list-type-flag .ty01 {color:#fff; background-color:#e60724; border-color:#e60724;}
.list-type-flag .ty02 {border-color:#e60724; color:#e60724;}
.list-type-flag .ty03 {border-color:#009eba; color:#fff; background-color:#009eba;}
.list-type-flag .ty04 {border-color:#666; color:#fff; background-color:#666;}

.group-buy {margin-top:10px;}
.group-buy-box {background:#f42835; color:#fff; padding:18px 0;}
.group-buy-box h4 {text-align:center; font-size:20px; letter-spacing:-1px; margin-bottom:10px;}
.group-buy .tx-guide {font-size:12px; color:#f42835; text-align:center; padding:10px 0 7px;}
.group-buy-box .line-graph-box {padding:0 10px;}
.group-buy-box .line-graph-box .top {display:flex; justify-content: space-between; align-items:flex-end; font-size:11px;  margin-bottom:6px;}
.group-buy-box .line-graph-box .top strong {font-size:14px;}
.group-buy-box .line-graph-box .bot {display:flex; justify-content: space-between; align-items:flex-end; margin-top:10px;}
.group-buy-box .line-graph-box .bot .left {width:50%;}
.group-buy-box .line-graph-box .bot .right { text-align:right;}
.group-buy-box .line-graph-box .bot strong {font-size:20px; font-weight:800; letter-spacing:-1px;}
.group-buy-box .line-graph-box .line {position:relative; height:10px; background:#c30019; border-radius:5px;}
.group-buy-box .line-graph-box .bar {position:absolute; top:0; left:0; height:10px; background:#fff; border-radius:5px;}
.group-buy-box .line-graph-box .bar::after {content:''; position:absolute; top:0; right:0; width:24px; height:25px;  background:url('../../../img/i_group_bar_mo.png') no-repeat; background-size:contain; margin:-4px -10px 0 0px;}

.product-img-buy .product-buy .list-type-flag {padding:0 10px; margin-bottom:10px;}
.product-img-buy .product-img.disabled {position:relative;  z-index:0;}
.product-img-buy .product-img.disabled::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:2;}
.product-img-buy .product-img.disabled::before {content:''; position:absolute; z-index:3; top:50%; left:50%; width:176px; height:94px; background:url('../../../img/i_group_buy_big_mo.png') no-repeat; background-size:contain;  transform: translate(-50%, -50%);}

.btn-type01.w-full {width:100%;}
.btn-type01.w-full.disabled, .btn-type01.w-full:disabled {background:#666; border-color:#666;}

.d_accordion2.mgt-n {margin-top:0;}
.d_accordion2 .term-box {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; }
.d_accordion2 .scroll-box {border:1px solid #ddd; height:315px; overflow-y: scroll; font-size:13px; color:#555; line-height:1.5; padding:10px; }
.d_accordion2 .term-bot {display:flex; align-items: center; justify-content: space-between; margin-top:15px;}
.d_accordion2 .term-bot label {line-height:17px;}
.d_accordion2 .btn-dw-term {display:inline-block; font-size:0; width:35px; height:33px; background:url('../../../img/btn_term_down_mo.png') no-repeat; background-size:contain;}
.d_accordion2 .tit_red {color: #dd2a18} /*add 20200224*/

/* SHOP > ITEM DETAIL > TAB - DeliveryInfo - for editor content 20200225 */
.d_tab02_cont_edt {padding:10px 0 0; line-height:1.6;}
.d_tab02_cont_edt img {height: auto;}
.d_tab02_cont_edt > p {margin: 10px}
.d_tab02_cont_edt > table { border-collapse:collapse; border-spacing:0;table-layout: fixed; color: #666;}
.d_tab02_cont_edt > table thead th {padding :10px;border:1px solid #ddd ;line-height:1.6;}
.d_tab02_cont_edt > table tbody td {padding :8px 10px;border:1px solid #ddd ;line-height:1.6;}
.d_tab02_cont_edt > table tbody th {padding :0 10px 0 21px;border:1px solid #ddd ;line-height:1.6;}

/* SHOP > EVENT 20200310 */
.shop-event-view img {height: auto !important;}


/*tab*/
.tab-container{}
.tab-menu {}
.tab-menu::after {content:''; display:block; visibility: hidden; font-size:0; height:0; line-height:0; clear:left;}
.tab-menu > li {float:left;}
.tab-menu > li > a {display:block; text-align:center; }
.tab-contents {display:none;}

.page-index .tab-menu {border:1px solid #dcdcdc; background: linear-gradient(#fff, #f7f7f7);}
.page-index .tab-menu > li {}
.page-index .tab-menu > li > a {margin:-1px 0 -1px -1px; height:40px; line-height:40px; padding:0 15px; border:1px solid transparent; font-weight:bold; color:#666; letter-spacing:-0.5px;}
.page-index .tab-menu > li.on > a {background-color:#fff; border-color:#9f9f9f; border-bottom-color:#fff; color:#1a1a1a;}
.page-index .tab-container {position:relative; }
.page-index .tab-container .btn-more {position:absolute; top:8px; right:10px;  font-weight:bold; width:55px; height:24px; line-height:24px; color:#fff;   background:#858585; text-align:center; border-radius:12px; padding: 0px 10px 0;}
.page-index .tab-container .btn-more::before {background:url('../../../img/bg_m_plus.png') 0 0 no-repeat; background-size:contain; width:7px; height:7px; }

.page-index .flag {display:inline-block; vertical-align:top; border-radius:2px; color:#fff; padding:0 5px; height:18px; line-height:18px; margin-right:3px; font-weight:normal; font-size:13px; min-width:40px; text-align:center;}
.page-index .flag.f01 {background-color:#53b1d0;}
.page-index .flag.f02 {background-color:#4dce91;}
.page-index .flag.f03 {background-color:#cea24d;}
.page-index .flag.f04 {background-color:#75c548;}
.page-index .flag.f05 {background-color:#fcb74b;}
.page-index .flag.f06 {background-color:#a3be8c;}
.page-index .flag.f07 {background-color:#c497cf;}
.page-index .flag.f08 {background-color:#dea08c;}

.news-bbs-list {}
.news-bbs-list > li {margin-top:10px;}
.news-bbs-list > li > a {display:flex;  align-items: center;color:#555; font-size:14px;  }
.news-bbs-list > li > a > p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 34px);}
.news-bbs-list > li > a img {margin-left:3px;}
.news-bbs-list > li .cate01 {color:#8c55e8;}
.news-bbs-list > li .cate02 {color:#3e38c8;}
.news-bbs-list > li .cate03 {color:#00a175;}
.news-bbs-list > li .cate04 {color:#ff3a51;}
.news-bbs-list > li .cate05 {color:#ff8a00;}
.news-bbs-list > li .cate06 {color:#0193d9;}
.news-bbs-list > li .cate07 {color:#01b0a2;}
.news-bbs-list > li .cate08 {color:#ef1313;}

.page-index .news-bbs-list {padding:15px 0;}
.page-index .exchange .tab-contents {padding-top:10px;}

/*btn*/
.bd-btn-group .btn {
    padding: 8px 12px;
    margin: 0 2px;
}
.btn {display:inline-block; vertical-align:top; border:1px solid transparent;  cursor:pointer;  border-radius:2px;}
.btn.sm {font-size:12px; padding:4px 7px;}
.btn.lg {font-size:14px; padding:10px 15px;}
.btn.blue {background:#04a4ed url('../../../img/bg_btn_blue.png') left bottom repeat-x; color:#fff; border-color:#059ade; }
.btn.gray {background:#fbfcfc url('../../../img/bg_btn_gray.png') left bottom repeat-x; color:#333; border-color:#ddd; }
.btn.dark {background:#7e929d; color:#fff; border-color:#6e828d;  }
.btn.brown {background:#8a8688; color:#fff; border-color:#847f81; }