@font-face{ font-family:'S-CoreDream-5Medium';font-weight:normal; font-style:normal;
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,p,th,td,label,input,select,textarea,button{margin:0;padding:0}
body,th,td,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.5;color:#333}
body{min-width:320px;-webkit-text-size-adjust:none;word-break:break-all}

fieldset,img{border:0 none; width:100%}
ul,ol{list-style:none}
table{width:100%;border-collapse:separate;empty-cells:show;border-spacing:0;word-break:normal}
input,textarea,button{border:0 none;vertical-align:top;outline:0 none}
button{background-color:transparent;cursor:pointer}
textarea{resize:none}
select{-webkit-appearance:none;cursor:pointer}
select::-ms-expand{display:none}
em,i{font-style:normal}
a{text-decoration:none; color:#0459c1}

/* swiper */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-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;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;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-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-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-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-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-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-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.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;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right 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:-moz-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,right top,left 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:-moz-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 top,left bottom,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:-moz-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 bottom,left top,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:-moz-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-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.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;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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;-moz-backface-visibility:hidden;-ms-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-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-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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-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%;-webkit-background-size:100%;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)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


/* common */
*{box-sizing:border-box}

::placeholder{color:#b1b1b1}

body.overflowH{overflow:hidden}

.txtHide{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;border:0;white-space:nowrap;clip:rect(0,0,0,0)}

.gradType1{background:linear-gradient(to right, #ff6414, #ff0e90)}
.gradType2{background:linear-gradient(to right, #e5e5e5, #e5e5e5)}

.tit1{display:block;margin-top:15px;color:#333333; font-size:16px}
.tit4{display:block;margin-top:10px;color:#333333; font-size:17px;font-weight:600;}
.tit5{display:block;margin-top:5px;font-size:22px;color:#333;font-weight: bold; letter-spacing:-1px}
.stxt{color:#666666; font-size:12px }
.po1{color:#f94568; margin-right:10px}
.po2{color:#f94568}
.po3{color:#f94568}
.fr{ float:right}
.fl{ float:left}

.checkBox input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}
.checkBox label{display:inline-block;position:relative;padding-left:25px;font-size:14px}
.checkBox label:after{position:absolute;top:0;left:0;width:17px;height:17px;border:#575757 1px solid;border-radius:4px;background-color:#fff;content:''}
.checkBox input[type=checkbox]:checked+label:after{border-color:#f94568;background-color:#f94568!important}
.checkBox.trans1 label{padding:0 25px 0 0}
.checkBox.trans1 label:after{left:auto;right:0}
.sbox{background-color:#f94568; padding:1px; color:#fff; font-weight:bold; font-size:12px;display:block; width:50px; text-align:center}

.inpuTxt{width:100%;height:36px;padding:0 10px;border:#b3b3b3 1px solid;border-radius:4px;font-size:16px; color:#000; font-weight:bold}
.select{}
.select select{width:100%;height:36px;padding:0 10px;border:#b3b3b3 1px solid;border-radius:4px}

.textArea{width:100%;height:128px;padding:10px;border:#b3b3b3 1px solid;border-radius:4px; font-size:16px; color:#000; font-weight:bold;}
.personal{ font-size:12px; color:#666666; font-weight:normal}

.txtList{margin-top:5px}
.txtList>li{position:relative;padding:2px 0 0 10px;font-size:12px;color:#666}
.txtList>li:before{position:absolute;top:0;left:0;content:'-'}

.btnType1{width:100%;height:50px;margin-top:20px;font-size:17px;color:#fff;border-radius:4px; font-weight:bold}
.btnType2{height:28px;padding:6px 12px;font-size:12px;color:#fff;border-radius:4px;background:linear-gradient(to right, #ff6414, #ff0e90)}
.btnType3{width:100%;height:42px;font-size:16px;color:#fff;border-radius:2px;background:linear-gradient(to right, #ff6414, #ff0e90)}
.btnType4{height:25px;width:100%;font-size:12px;color:#fff;border-radius:2px;background:#383a3f}

.badgeType1{display:inline-block;height:23px;padding:0 14px;font-size:12px;line-height:23px;color:#fff;background:#f94568}
.badgeType2{display:inline-block;height:23px;padding:0 14px;font-size:12px;line-height:23px;color:#fff;background:#4DB9FF}
.badgeType3{display:inline-block;height:23px;padding:0 14px;font-size:12px;line-height:23px;color:#fff;background:#f94568}
.badgeType4{display:inline-block;height:23px;padding:0 14px;font-size:12px;line-height:23px;color:#fff;background:#858585}
.badgeType5{display:inline-block;height:23px;padding:0 14px;font-size:12px;line-height:23px;color:#000;background:#fff; border:#b3b3b3 1px solid;}
.badgeType6{display:inline-block;height:23px;padding:0 14px;font-size:12px;line-height:23px;color:#d00047;background:#fff;border:#b3b3b3 1px solid;}

.mTop5{margin-top:5px!important}
.mTop10{margin-top:10px!important}
.mTop15{margin-top:15px!important}
.mTop20{margin-top:20px!important}
.mTop30{margin-top:30px!important}
.mTop40{margin-top:40px!important}
.mTop50{margin-top:50px!important}
.mTop60{margin-top:60px!important}
.pTop50{padding-top:50px!important}
.pTop60{padding-top:60px!important}
.pTop65{padding-top:65px!important}


/* background */
[class*='sp-']{position:relative}
.checkBox input[type=checkbox]:checked+label:after,
[class*='sp-']:after{display:inline-block;position:absolute;background:url(../images/sp_bg.png) no-repeat;background-size:500px auto;content:''}

.sp-logo{display:block;width:90px;height:20px;margin:0 auto}
.sp-logo:after{top:3px;left:0;width:90px;height:17px;background-position:-61px 0}
.sp-ing:after{top:calc(50% - 12px);left:0;width:41px;height:24px;background-position:0 0}
.sp-prev:after{top:calc(50% - 9px);left:calc(50% - 6px);width:12px;height:19px;background-position:-349px 0}
.sp-prev2:after{top:calc(50% - 8px);left:calc(50% - 10px);width:20px;height:15px;background-position:-420px 0}
.sp-home:after{top:calc(50% - 10px);left:calc(50% - 10px);width:19px;height:20px;background-position:-380px 0}
.sp-menu:after{top:calc(50% - 8px);left:calc(50% - 9px);width:18px;height:16px;background-position:-172px 0}
.sp-logout:after{top:calc(60% - 13px);left:calc(60% - 13px);width:19px;height:20px;background-position:-190px 0}
.sp-close:after{top:calc(100% - 35px);left:calc(100% - 38px);width:25px;height:25px;background-position:-208px 0}
.sp-close2:after{top:0;left:0;width:25px;height:25px;background-position:-460px 0}
.sp-arrow:after{top:calc(50% - 5px);right:0;width:16px;height:10px;background-position:-242px 0}
.sp-arrow.show:after{background-position:-278px 0}
.customerList .sp-arrow:after{right:18px}
.customerList .sp-arrow.show:after{background-position:-278px 0;}
.sp-arrow2:after{top:calc(50% - 8px);right:0;width:15px;height:14px;background-position:-314px 0}
.sp-arrow3:after{top:calc(50% - 8px);right:15px;width:8px;height:13px;background-position:-225px -44px}
.sp-arrow4:after{top:calc(50% - 7px);left:0;width:8px;height:13px;background-position:-253px -44px}
.sp-arrow5:after{top:0;left:calc(50% - 57px);width:114px;height:35px;background-position:-193px -123px}
.sp-arrow6:after{top:calc(50% - 10px);left:0;width:40px;height:30px;background-position:-270px -40px}
.sp-arrow7:after{top:calc(50% - 10px);left:-20px;width:30px;height:30px;background-position:-310px -40px}
.sp-search:after{top:calc(50% - 8px);left:calc(50% - 8px);width:16px;height:16px;background-position:0 -44px}
.sp-del:after{top:calc(50% - 4px);right:10px;width:9px;height:7px;background-position:-36px -44px}
.sp-del.active:after{background-position:-64px -44px}
.sp-top:after{top:calc(50% - 5px);right:0;width:7px;height:10px;background-position:-165px -82px}
.checkBox input[type=checkbox]:checked+label:after{background-position:-89px -41px}
.sp-select:after{top:calc(50% - 5px);right:10px;width:16px;height:9px;background-position:-126px -44px}
.sp-grad:after{top:calc(50% - 49px);right:-10px;width:130px;height:98px;background-position:-32px -123px}
.sp-box:after{top:11px;left:calc(50% - 16px);width:32px;height:29px;background-position:0 -123px}
.sp-next:after{top:calc(50% - 4px);left:0;width:11px;height:7px;background-position:-193px -44px}
.sp-play:after{top:calc(50% - 5px);left:0;width:11px;height:10px;background-position:-162px -44px}
[class*='sp-fm']:after{top:10px;left:calc(50% - 10px);width:21px;height:21px}
.sp-fm1:after{background-position:0 -82px}
.sp-fm2:after{background-position:-41px -82px}
.sp-fm3:after{background-position:-82px -82px}
.sp-fm4:after{background-position:-123px -82px}
.sp-fm5:after{background-position:-40px -107px}
[class*='sp-sns']:after{top:0;left:0;width:32px;height:32px}
.sp-sns1:after{background-position:-192px -81px}
.sp-sns2:after{background-position:-226px -81px}
.sp-sns3:after{background-position:-261px -81px}
[class*='sp-cs']:after{top:33px;left:calc(50% - 16px);width:32px;height:33px}
.sp-cs1:after{background-position:0 -242px}
.sp-cs2:after{background-position:-53px -242px}
.sp-cs3:after{background-position:-105px -242px}
.sp-cs4:after{background-position:-157px -242px}
[class*='sp-lg']:after{top:calc(50% - 12px);left:13px;width:22px;height:22px}
.sp-lg1:after{background-position:-209px -242px}
.sp-lg2:after{background-position:-251px -242px}


/* header */
header{position:fixed;top:0;left:0;right:0;padding:13px 18px;height:50px;border-bottom:#d1d8e4 1px solid;box-shadow:rgba(159,159,158,.35) 3px 0 7px;background:#fff;z-index:900}
header>.tit{position:relative;text-align:center}
header>.tit>*{display:inline-block;font-size:17px;color:#333;font-weight:600}
header>.tit .sp-arrow2{padding-right:20px}
header>.tit .inner{position:absolute;top:30px;left:calc(50% - 75px);display:none;width:150px;padding:5px 0;text-align:left;border:#888 1px solid;border-radius:4px;background:#fff}
header>.tit .inner>a{display:block;padding:2px 10px;font-size:17px;color:#949494}
header>.tit .inner>a.active{color:#010101}
header>*:not(.tit){position:absolute!important;top:0;height:50px}
header>.sp-ing{left:15px}
header>.sp-prev{left:10px;width:31px;z-index:12}
header>.sp-home{left:45px;width:38px;z-index:12}
header>.sp-menu{left:auto;right:0px;width:48px;z-index:12}
header>.sp-logout{left:auto;right:45px;width:48px;z-index:12}

/* footer */
footer{position:relative;padding:20px 0 100px;border-top:#c6cfd7 1px solid;background:#fafafa;transition:bottom .3s ease;z-index:10}
.hideFooter footer{bottom:-310px}
footer>button.top{position:absolute;top:-12px;left:calc(50% - 25px);width:50px;height:24px;padding-left:4px;text-align:center;border-radius:12px;background:#1b1b1b}
footer>button.top>*{padding-right:10px;font-size:12px;color:#fff}
footer .fm1{text-align:center}
footer .fm1>*{display:inline-block;width:72px;line-height:22px;font-size:11px;color:#697580;border:#dfdfdf 1px solid;background:#fff;}
footer .fm2{height:32px;margin-top:15px;text-align:center}
footer .fm2>*{display:inline-block;width:32px;height:32px}
footer .fInfo{margin-top:15px;font-size:12px;color:#333;text-align:center}
footer .fInfo .txt1>span{font-size:20px; font-weight:bold}
footer .fInfo .txt1>span a{font-size:20px; font-weight:bold; color:#333333 }
footer .fInfo .fm3{margin-top:20px}
footer .fInfo .fm3>*{display:inline-block;color:#333;}
footer .fInfo .fm3>*:not(:first-child):before{display:inline-block;margin-right:2px;content:'ㅣ'}
footer .fInfo .txt2{font-family:-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif; color:#888888; font-size:10px; margin-top:0px}
footer .fm4{display:flex;margin:10px 18px 0;height:58px;padding:0 15px;border-radius:29px;z-index:1000}
footer .fm4>*{width:calc((100% - 35%)/3);padding-top:36px;font-size:10px;color:#fff;text-align:center;opacity:.7}
footer .fm4>*:first-child{width:35%}
footer .fm4>*.active{opacity:1}


/* contents */
.container{padding:75px 18px 100px}
.searchArea>span{font-size:28px;line-height:1.3;color:#000;letter-spacing:-1px; font-family:S-CoreDream-5Medium;}
.searchArea>.gradType1{position:relative;margin-top:10px;padding:2px;border-radius:21px}
.searchArea>.gradType1>input{width:100%;height:38px;padding:0 39px 0 23px;font-size:18px;border-radius:19px;}
.searchArea>.gradType1>button{position:absolute;top:0;right:0;width:43px;height:43px}

/* 20-04-09 추가 */
.sh_item{margin-right:15px; position:relative}
.del{ position:absolute; display:block; right:-13px; bottom:-3px; width:20px; height:20px; background:url(../images/sp_bg.png) no-repeat; background-position:-70px -84px;border:#c9c9c9 1px solid;border-radius:15px; background-color:#fff;box-shadow:1px #c4c4c4;cursor:pointer}

.tagBox{margin:8px 0px 8px 0px}
.tagBox>*{display:inline-block;height:28px;margin-top:6px;padding: 0px 17px 0px 12px;font-size:13px;line-height:28px;color:#333333;border:#dcdcdc 1px solid;border-radius:15px;background:#f7f7f7; }
.tagBox>.sp-del{padding-right:25px}
.tagBox>*.active{color:#fff;background:#383a3f;border:#383a3f 1px solid}

.tagBox1{margin:8px 0px 8px 0px}
.tagBox1>*{display:inline-block;height:30px;margin-top:6px;padding:0 16px;font-size:13px;line-height:30px;color:#333333;border-radius:15px;background:#f7f7f7; }
.tagBox1>.sp-del{padding-right:25px}
.tagBox1>*.active{color:#fff;background:#383a3f;border:#383a3f 1px solid}

.tagBox2{margin:8px 0px 8px 0px}
.tagBox2>*{display:inline-block;height:28px;margin-top:6px;padding:0 18px;font-size:13px;line-height:28px;color:#333333;border:#dcdcdc 1px solid;border-radius:15px;background:#ffffff; }
.tagBox2>.sp-del{padding-right:25px}
.tagBox2>*.active{color:#fff;background:linear-gradient(to right, #ff6414, #ff0e90);}

.grid{margin:15px -6px 0px -10px}
.grid>li{width:50%;padding:0 6px}
.grid>li b{display:block; margin-bottom:10px;font-size:16px;color:#333;}
.grid>li b a{display:block; margin-bottom:10px;font-size:16px;color:#333;}

.prodBox img{width:100%; border:#e5e5e5 1px solid;}

.swiper-container{margin-bottom:-13px;padding-bottom:11px}
.swiper-pagination{left:auto;right:5px;bottom:-5px!important;width:auto!important;text-align:right}
.swiper-pagination .swiper-pagination-bullet{margin:0 1px!important}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active{width:4px;height:4px;background:#b1b2b5;opacity:1}

.fixedMenu{display:flex;position:fixed;left:40px;right:40px;bottom:20px;height:58px;padding:0 15px;border-radius:29px;z-index:10;box-shadow:1px 1px 3px black}
.fixedMenu>*{width:25%;padding-top:36px;font-size:11px;color:#fff;text-align:center;}

.sideMenu{overflow:hidden;position:fixed;top:0;left:100%;bottom:0;width:calc(100% - 60px);padding:50px 0 0;background:#383a3f;transition:all .3s ease;z-index:1001}
.sideMenu.show{left:60px}
.sideMenu>div{overflow-y:auto;height:calc(100vh - 40px)}
.sideMenu .sp-close{position:absolute;top:0;right:0;width:60px;height:50px}
.sideMenu .menuList{padding:0 21px 0 32px}
.sideMenu .menuList>li:not(:first-child){border-top:#565a64 1px solid}
.sideMenu .menuList>li a{display:block;font-size:16px;color:#8e94a5;font-weight:400}
.sideMenu .menuList>li>a{line-height:40px}
.sideMenu .menuList>li>a.show{color:#ff2485;font-weight:600}
.sideMenu .menuList>li>ul{display:none;border-top:#565a64 1px solid}
.sideMenu .menuList>li li a{padding:0 14px;line-height:35px}
.sideMenu .countList{overflow:hidden;margin-top:50px;padding:0 27px 20px}
.sideMenu .countList>li{float:left;width:calc(50% - 5px);margin-top:15px;padding:10px 0;font-size:17px;color:#fff;text-align:center;border:rgba(255,255,255,.16) 1px solid;border-radius:4px;background:rgba(122,128,138,.16)}
.sideMenu .countList>li:nth-child(even){float:right}
.sideMenu .countList>li>span{display:block;font-size:14px;opacity:.8}
.sideMenu .countList>li>em{font-size:12px; color:#FFF;}
.sideMenu .countList>li>b{font-size:22px; color:#45d333;}

.tabType1{overflow:hidden;display:flex;margin:-25px -18px 0;padding:0 10px;flex-direction:row;justify-content:space-around}
.tabType1>li>a{display:block;padding-top:12px}
.tabType1>li>a>span{display:block;padding:1px 6px 0;font-size:13px;color:#fff;height:33px;letter-spacing:-1px;font-weight:bold}
.tabType1>li>a.active>span{color:#000;font-weight:600;border-radius:4px 4px 0 0;background:#fff;box-shadow:rgba(0,0,0,0.5) 0 10px 15px -5px;padding:5px 8px  0px 8px}

.tabType2{display:flex;margin:-25px -18px 0;padding:6px 18px 12px;flex-direction:row;justify-content:space-around}

.tabType3{overflow:hidden;display:flex;margin:-25px -18px 0;padding:0 18px;flex-direction:row;justify-content: flex-start}
.tabType3>li>a{display:block;padding-top:12px}
.tabType3>li>a>span{display:block;padding:1px 15px 0;font-size:14px;color:#fff;height:33px;font-weight:bold;}
.tabType3>li>a.active>span{color:#000;font-weight:600;border-radius:4px 4px 0 0;background:#fff;box-shadow:rgba(0,0,0,0.5) 0 10px 15px -5px;padding:5px 8px 0px 8px}

.tabType4{overflow:hidden;display:flex;margin:-25px -18px 0;padding:0 18px;flex-direction:row;justify-content: flex-start}
.tabType4>li>a{display:block;padding-top:12px}
.tabType4>li>a>span{display:block;padding:1px 10px 0;font-size:13px;color:#fff;height:33px;font-weight:bold;}
.tabType4>li>a.active>span{color:#000;font-weight:600;border-radius:4px 4px 0 0;background:#fff;box-shadow:rgba(0,0,0,0.5) 0 10px 15px -5px;padding:5px 8px  0px 8px}

.checkType1{overflow:hidden}
.checkType1>*{float:left;margin-top:5px}
.checkType1>*:nth-child(1),
.checkType1>*:nth-child(4){width:46.5%}
.checkType1>*:nth-child(2),
.checkType1>*:nth-child(5){width:29.5%}
.checkType1>*:nth-child(3){width:24%;margin-right:0}

.checkType2{margin-top:7px;text-align:center}

.floatC{overflow:hidden}
.floatC>*{float:left}
.floatC>*:nth-child(1){width:105px}
.floatC>*:nth-child(2){width:calc(100% - 105px)}
.floatC>*:nth-child(2)>span{display:block;font-size:9px;color:#5f5f5f}

.floatD{overflow:hidden}
.floatD>*{float:left}
.floatD>*:nth-child(1){width:54px}
.floatD>*:nth-child(2){width:calc(100% - 54px)}
.floatD>*:nth-child(2)>span{display:block;font-size:12px;color:#5f5f5f}

.telInput{overflow:hidden}
.telInput>*{float:left;width:calc((100% - 30px)/3)}
.telInput>*:not(:first-child){position:relative;margin-left:15px}
.telInput>*:not(:first-child):before{position:absolute;top:calc(50% - 1px);left:-10px;width:5px;height:2px;background:#000;content:''}

.postNum{position:relative}
.postNum input{width:calc(100% - 100px);margin-right:100px}
.postNum .btnType2{position:absolute;top:3px;right:0;height:36px}

.attach{position:relative}
.attach input{width:calc(100% - 100px);margin-right:100px}
.attach .btnType2{position:absolute;top:3px;right:0;height:36px}

.csCon .tit1{margin-top:20px;font-size:20px;color:#000;font-weight:600}
.csCon .tit2{display:block;margin-top:15px;font-size:18px;color:#333;font-weight:600}
.csCon .tit3{display:block;margin-top:0px;font-size:18px;color:#333;font-weight:600}
.csCon .tit4{display:block;margin-top:15px;font-size:17px;color:#333;font-weight:600}
.csCon .tit5{font-size:20px;color:#333; font-weight:600; margin-bottom:5px}
.csCon .tit6{display:block;margin-top:3px;font-size:17px;font-weight:600}
.csCon .tit7{display:block;margin-top:20px;font-size:17px;color:#f94568;font-weight:600; margin-bottom:5px}
.csCon .txt1{font-size:15px;color:#666; font-weight:normal; line-height:1.5; margin-top:5px}
.csCon .txt2{margin-top:18px;font-size:12px;color:#666;text-align:center}
.csCon .txt3{font-size:15px;color:#666; font-weight:normal;margin-top:5px; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;
height: 2.4em;}
.csCon .txtList>li{padding:0 0 0 10px;font-size:13px}
.csCon .txtList>li:before{top:-2px}
.csCon .inpuTxt,
.csCon .textArea{margin-top:3px}
.csCon .cs_box{ padding:15px; border:#dcdcdc 1px solid;border-radius:4px}
.csCon .cs_box .box_info { margin:0 auto; width:70%; text-align:center}
.csCon .cs_box .box_info .tableType tbody th {color:#f94568;}
.csCon .nolist{ text-align:center; color:#666; height:350px; padding-top:150px;}

.sh{position:relative}
.sh input{width:calc(100% - 50px);margin-top:7px}
.sh .btnType2{position:absolute;top:3px;right:0;height:36px; padding:0px 10px; font-size:14px}

.customerList{margin:20px -18px 0;border-top:#dcdcdc 1px solid}
.customerList>li>button{width:100%;padding:12px 35px 12px 18px;color:#333;border-bottom:#dcdcdc 1px solid;text-align:left}
.customerList>li>button.show{border-bottom:#dcdcdc 1px solid}
.customerList>li>div{display:none;padding:20px 18px;font-size:14px;background:#ecebeb}

.csList1{overflow:hidden;margin-top:10px;border-top:#dfdfdf 1px solid;border-left:#dfdfdf 1px solid}
.csList1>li{position:relative;float:left;width:50%;border-right:#dfdfdf 1px solid;border-bottom:#dfdfdf 1px solid}
.csList1>li:before{position:absolute;top:22px;left:calc(50% - 26px);width:52px;height:52px;border:#feeef5 1px solid;border-radius:50%;background:#fdf3f8;content:''}
.csList1>li>a{display:block;padding:85px 20px 20px;font-size:13px;color:#333;text-align:center}
.csList1>li>a>*{display:block}
.csList1>li>a>span{margin-top:5px;font-size:12px;line-height:1.2}

.csList2{margin-top:20px;border-top:#dfdfdf 1px solid}
.csList2>li{border-bottom:#dfdfdf 1px solid}
.csList2>li>a{display:block;padding:12px 25px 12px 5px;font-size:15px;color:#333}

.veiWrap header{border:0 none;box-shadow:0 0 0}
.veiWrap header>.sp-prev2{left:10px;width:36px}
.veiWrap .container{padding-top:50px}
.veiWrap .tit1{margin-top:0;font-weight:600;text-align:center; font-size:20px}
.veiWrap .viewCon{margin-top:12px}
.veiWrap .viewCon img{width:100%}

.tableType{margin-top:15px;}
.tableType th,
.tableType td{padding:3px 0px;font-size:13px;color:#666;text-align:left;}
.tableType th{color:#000;}

.tableType1{margin-top:15px;border-right:#dcdcdc 1px solid;border-bottom:#dcdcdc 1px solid}
.tableType1 th,
.tableType1 td{padding:6px 15px;font-size:12px;color:#666;text-align:left;border-top:#dcdcdc 1px solid;border-left:#dcdcdc 1px solid}
.tableType1 th{color:#000;background:#f5f5f5}

.tableType2{margin-top:25px;border-top:#dcdcdc 1px solid}
.tableType2 th,
.tableType2 td{padding:6px 10px;font-size:13px;font-weight:500;text-align:center;border-bottom:#dcdcdc 1px solid}
.tableType2 thead th{color:#000;background:#f5f5f5}
.tableType2 thead tr>*:first-child{border-left:#dcdcdc 1px solid}
.tableType2 thead tr>*:last-child{border-right:#dcdcdc 1px solid}

.paging{margin-top:18px;text-align:center}
.paging *{font-size:13px;vertical-align:top}
.paging>span{padding:0 10px}
.paging>span>a{padding:0 10px;color:#333}

.inputUnit{position:relative}
.inputUnit>input{padding-right:40px;text-align:right;}
.inputUnit>em{position:absolute;top:10px;right:10px;color:#908f8f}

.topCon{margin:15px 5px 0}
.topCon>div{margin-bottom:10px}
.topCon>div:after{display:block;clear:both;content:''}
.topCon .select{float:left;width:130px}
.topCon .inputUnit{float:right;width:calc(100% - 140px)}

.cTxt1{margin-top:5px;font-size:12px;text-align:center}
.cTxt2{margin:10px;font-size:16px;text-align:center;}
.cTxt3{font-size:20px;text-align:center; color:#000; font-weight:bold}
.cTxt4{font-size:13px;text-align:center; color:#999}
.cTxt5{font-size:50px;text-align:center; color:#F36;font-weight:bold; letter-spacing:-1px}

.gry_box{ border:#dcdcdc 1px solid; width:100%;background-color:#F5F5F5; margin-top:10px; padding:10px }
.grayBox{font-size:11px;color:#000;line-height:28px; text-align:center; background:#f4f4f4; margin: 15px -18px 0px -18px}
.grayBox>span{font-size:14px;color:#fafafa}

.redbox{border: #f94b64 1px solid;border-radius:2px;}
.redbox .topc{background:linear-gradient(to right, #ff6414, #ff0e90); font-weight:bold; font-size:16px;color:#FFF; padding:5px 10px}
.redbox .topc .st{font-size:12px;font-weight:normal; color:#fff; padding-left:10px}
.redbox .cont{ background-color:#fff; color:#666; font-size:15px;margin:10px}



.prodList{margin:0 -30px}
.prodList>div{padding:15px 35px 18px;border-bottom:#e5e5e5 1px solid}
.prodList>div>div:after{display:block;clear:both;content:''}
.prodList>div>div>p{float:left;text-align:center}
.prodList>div>div>p>span{display:block;width:98px;height:93px;padding-top:45px;font-size:11px;color:#000;line-height:1.3;letter-spacing:-1px;border-radius:50%;box-shadow:rgba(0,0,0,.33) 0 1px 5px;background:#fff;z-index:1}
.prodList>div>div>p>span>em{font-size:14px}
.prodList>div>div>div{float:right;width:calc(100% - 115px)}
.prodList>div>div>div *{color:#363636}
.prodList>div>div>div>p{margin-top:3px;font-size:13px}
.prodList>div>div>div>p>em:before{display:inline-block;width:1px;height:10px;margin:0 9px;background:#8d8c8e;content:''}
.prodList>div>div>div>p .sp-next{display:inline-block;width:11px;margin:0 5px;vertical-align:4px}
.prodList>div>div>div>a{display:inline-block;height:23px;margin-top:8px;padding:0 14px 0 8px;font-size:11px;line-height:23px;border-radius:12px; color:#fff;background:linear-gradient(to right, #ff6414, #ff0e90)}
.prodList>div>div>div>a>span{padding-left:14px; color:#fff}
.prodList>div>div>div>i{font-size:12px;color:#ff0000}
.prodList>div>div>div>p>e{font-size:12px;color:#a3a3a3}
.prodList ol{position:relative;display:flex;margin:15px -30px 0;flex-direction:row;justify-content:space-between}
.prodList ol:before{position:absolute;top:10px;left:50px;right:50px;height:3px;border-top:#dedede 1px solid;border-bottom:#dedede 1px solid;background:#ebebeb;content:''}
.prodList ol>li{position:relative;width:20%}
.prodList ol>li:before{position:absolute;top:0;left:calc(50% - 12px);width:24px;height:24px;border-radius:50%;box-shadow:rgba(0,0,0,.33) 0 1px 2px;background:#e9e9e9;content:''}
.prodList ol>li>em{position:relative;display:block;width:19px;height:19px;margin:3px auto;font-family:Arial;font-size:9px;color:#747474;line-height:19px;font-weight:bold;text-align:center;border-radius:50%;box-shadow:rgba(0,0,0,.33) 0 1px 2px;background:#fff;z-index:2}
.prodList ol>li>span{display:block;margin-top:5px;font-size:9px;color:#acacac;text-align:center}
.prodList ol>li.active>em{color:#fff;background:#000}
.prodList ol>li.active>span{color:#000}

.bbsList1>li{overflow:hidden;margin-top:10px;border-bottom:#e5e5e5 1px solid;padding-bottom:20px}
.bbsList1>li>img{}
.bbsList1>li>a>div{}
.bbsList1>li>a>div>.tit1{font-size:16px; color:rgba(21,52,106,1.00); font-weight:bold;}
.bbsList1>li>a>div>.txt1{line-height:1.3}
.bbsList1>li>a>div>.txt2{font-size:13px;line-height:1.4; text-align:left}
.bbsList1>li>i{display:block;margin-top:8px;padding-left:40px;font-size:12px;color:#666}
.bbsList1>li>i a{display:inline-block;margin-top:1px;padding-left:5px;font-size:12px;color:#666}

.bbsView>li{overflow:hidden;border-bottom:#e5e5e5 1px solid;padding-bottom:20px}
.bbsView>li>img{}
.bbsView>li>div{}
.bbsView>li>div>.txt1{line-height:1.5}
.bbsView>li>div>.txt2{font-size:13px;line-height:1.4; text-align:left; margin-bottom:10px}
.bbsView>li>div>i{display:block;margin-top:3px;padding-left:40px;font-size:12px;color:#666666}

.infoList1>li{overflow:hidden;margin-top:20px}
.infoList1>li>img{float:left;width:105px}
.infoList1>li>div{float:right;width:calc(100% - 115px); font-weight:bold}
.infoList1>li>div em{ font-size:16px}
.infoList1>li>div>.txt1{line-height:1.3;}
.infoList1>li>div>i{display:block;margin-top:3px;padding-left:10px;font-size:12px;color:#f94b64}

.infoList2{margin-top:15px}
.infoList2>li>em{display:block;font-size:18px;text-align:center; font-variant:600}
.infoList2>li>img{width:100%;margin-top:10px}
.infoList2>li.sp-arrow5{padding-top:40px}

.infoList3{overflow:hidden;margin:-5px 0 0 -12px}
.infoList3>li{float:left;width:calc((100%/3) - 12px);margin:20px 0 0 12px}
.infoList3>li>img{width:100%}
.infoList3>li>em{display:block;font-size:13px;color:#666;text-align:center}

.infoList4{margin-top:8px}
.infoList4>li>em{display:block;font-size:15px;text-align:center}
.infoList4>li>img{width:100%;margin-top:10px}
.infoList4>li.sp-arrow5{padding-top:40px}

.viewList1>li{overflow:hidden;margin-top:20px}
.viewList1>li> .th{float:left;width:105px; color:#f94568;font-weight:bold}
.viewList1>li> .td{width:calc(100% - 115px); color:#333 }
.viewList1>li>div em{ font-size:16px}
.viewList1>li>div>.txt1{line-height:1.3;}
.viewList1>li>div>i{display:block;margin-top:3px;padding-left:10px;font-size:12px;color:#f94b64}

.viewPop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;padding-top:25px;background:#fff;z-index:9999}
.viewPop .sp-close2{position:fixed;top:17px;right:29px;width:25px;height:25px}
.viewPop .popCon{ margin:0px 20px}
.viewPop .popCon>div{overflow-y:auto;height:calc(100vh - 210px)}
.viewPop .popCon>div>div{display:table;width:100%;height:100%;}
.viewPop .popCon .tit1{font-size:20px;line-height:1.5;color:#3c3c3c;text-align:left; font-weight:600; margin-top:0px}
.viewPop .popCon .txt1{font-size:14px;line-height:1.6;color:#666;text-align:left; margin-top:5px; margin-bottom:10px}
.viewPop .popCon>p>span{display:block}
.viewPop .popCon>p>span>em{ font-weight:bold}
.viewPop .popCon>div>div>.detail{}
.viewPop .popCon>.btnTyp1{width:100%;height:41px;margin-top:7px;color:#fff;border-radius:4px; font-weight:bold; font-size:16px}

.viewPopL{position:fixed;top:50px;left:0;right:0;bottom:0;padding-top:25px;border-radius:10px 10px 0 0;border:1px solid #aaa;background:#fff;z-index:9999}
.viewPopL .sp-close2{position:fixed;top:67px;right:29px;width:25px;height:25px}
.viewPopL .popCon{ margin:0px 20px}
.viewPopL .popCon>div{overflow-y:auto;height:calc(100vh - 210px)}
.viewPopL .popCon>div>div{display:table;width:100%;height:100%;}
.viewPopL .popCon .tit1{font-size:20px;line-height:1.5;color:#3c3c3c;text-align:left; font-weight:600; margin-top:0px}
.viewPopL .popCon .txt1{font-size:14px;line-height:1.6;color:#666;text-align:left; margin-top:5px; margin-bottom:10px}
.viewPopL .popCon>p>span{display:block}
.viewPopL .popCon>p>span>em{ font-weight:bold}
.viewPopL .popCon>div>div>.detail{}
.viewPopL .popCon>.btnTyp1{width:100%;height:41px;margin-top:7px;color:#fff;border-radius:4px; font-weight:bold; font-size:16px}


.boxline{ border:#e5e5e5 1px solid }

.hsList>li{border:#dfdfdf 1px solid}
.hsList>li:not(:first-child){margin-top:16px}
.hsList>li>p{position:relative;padding:10px 15px;font-size:12px;background:#f4f4f4}
.hsList>li>p>.badgeType1{position:absolute;top:calc(50% - 12px);right:10px;border-radius:2px}
.hsList>li>p>.badgeType2{position:absolute;top:calc(50% - 12px);right:10px;border-radius:2px}
.hsList>li>p>.badgeType3{position:absolute;top:calc(50% - 12px);right:10px;border-radius:2px}
.hsList>li>p>.badgeType4{position:absolute;top:calc(50% - 12px);right:10px;border-radius:2px}
.hsList>li>p>.badgeType5{position:absolute;top:calc(50% - 12px);right:10px;border-radius:2px}
.hsList>li>p>.badgeType6{position:absolute;top:calc(50% - 12px);right:10px;border-radius:2px}
.hsList>li>div{padding:5px 15px}
.hsList>li>div>p{margin-top:0px;text-align:left}

.dim-layer {display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:900;}
.dim-layer .dimBg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.dim-layer .loginPop{position:absolute;top:50%;left:50%;width:90%;height:auto;background-color:#fff;border-radius:15px;border:1px solid #dedede;z-index:10; box-shadow:3px 3px 3px #666}
.dim-layer .loginPop .sp-close2{position:absolute;top:13px;right:15px;width:25px;height:25px}
.dim-layer .loginPop .popCon{overflow-y:auto;padding-top:30px;}
.dim-layer .loginPop .popCon>div{display:table;width:100%;height:100%;padding-bottom:20px}
.dim-layer .loginPop .popCon>div>div{display:table-cell;vertical-align:middle}
.dim-layer .loginPop .popCon .txt1{font-size:16px;line-height:1.3;color:#3c3c3c;text-align:center}
.dim-layer .loginPop .lgCon{width:296px;margin:20px auto 0;padding:25px 25px 20px;border:#bcc5d3 1px solid;border-radius:4px}
.dim-layer .loginPop .lgCon+.lgCon{margin-top:23px}
.dim-layer .loginPop .lgCon>p{height:44px;padding:3px 0 0 55px}
.dim-layer .loginPop .lgCon>p>*{display:block}
.dim-layer .loginPop .lgCon>p:before{position:absolute;top:0;left:2px;width:44px;height:44px;border-radius:50%;background:#feeef5;content:''}
.dim-layer .loginPop .lgCon>p>b{font-size:15px;color:#2d2d2d}
.dim-layer .loginPop .lgCon>p>span{font-size:11px;color:#565656;letter-spacing:-1px}
.dim-layer .loginPop .lgCon>.inpuTxt{margin-top:5px}
.dim-layer .loginPop .lgCon>.btnTyp1{width:100%;height:41px;margin-top:7px;color:#fff;border-radius:4px}

.array{margin:8px 0px 8px 0px; font-size:12px}
.array>em{ margin-left:15px;}
.array>.bt{display:inline-block;height:23px;margin-top:6px;padding:0 6px;font-size:13px;line-height:28px;color:#333333;border:#dcdcdc 1px solid;border-radius:4px;background:#f7f7f7; }
.array>.bt>.active{color:#fff;background:#383a3f;border:#383a3f 1px solid}

/*추가 CSS, 2020-03-27 */
.btnMore {width:100%;margin-top:20px; padding:3px 0px;font-size:12px;color:#333;border-radius:4px; font-weight:bold;background:#fff;border:#dfdfdf 1px solid;box-shadow:#d6d6d6 1px 2px 2px;}
.pagination-center {margin-top:20px;text-align:center;}
.pagination {margin: 0 ;border-radius: 0;}
.pagination > li {display:inline;line-height:33px;}
.pagination > li > a, .pagination > li > span {padding: 5px 10px;color: #777;background-color: #ffffff;border: 1px solid #eaeaea;margin-left: 0px;border-radius:0;transition: all 0.45s ease;-webkit-transition: all 0.45s ease;min-width: 34px;text-align: center;
}
.pagination > li i {display:inline-block;min-width:10px;height:9px;font-size:inherit;}
.pagination > li i.angle-left {background:url(../images/angle-left.png) no-repeat 50% 50%;}
.pagination > li i.angle-left2 {background:url(../images/angle-left2.png) no-repeat 50% 50%;}
.pagination > li i.angle-right {background:url(../images/angle-right.png) no-repeat 50% 50%;}
.pagination > li i.angle-right2 {background:url(../images/angle-right2.png) no-repeat 50% 50%;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-radius:0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-radius:0;}

.pagination > .Previous > a:hover, .pagination > .Next > a:hover,
.pagination > .Previous > span:hover, .pagination > .Next > span:hover,
.pagination > .Previous > a:focus, .pagination > .Next > a:focus,
.pagination > .Previous > span:focus, .pagination > .Next > span:focus {color: #777777;background-color:none;border-color: #d7d7d7;}
.pagination > li.num > a:hover, .pagination > li.num > span:hover,
.pagination > li.num > a:focus, .pagination > li.num > span:focus {color: #ffffff;background-color: #787878;border-color: #d7d7d7;}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {color: #ffffff;background:linear-gradient(to right, #ff6414, #ff0e90);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus,
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #777777;background-color: #fff;border-color: #eaeaea;cursor: not-allowed;}

/*추가 CSS, 2020-04-01,  By Dseigner*/
.tableType_make{margin-top:15px;border-top:#dcdcdc 1px solid; }
.tableType_make th,
.tableType_make td{padding:6px 10px;font-size:13px;font-weight:500;text-align:left;border-bottom:#dcdcdc 1px solid}
.tableType_make td .title{margin: 2px 0px}
.tableType_make td .date{font-size:11px; color:#8c8c8c;}
.tableType_make td .name{font-size:13px; color:#333; font-weight:bold; padding-left:0px;}
.tableType_make td .dis{ font-size:12px; color:#8c8c8c}
.tableType_make td em{ font-size:12px; font-weight:bold; }

/* 제품분류 컬러 삭제 2020-04-02
.tableType_make td em.green{color:#4ba43c}
.tableType_make td em.blue{color:#3e73d4}
.tableType_make td em.red{color:#e43e17}
.tableType_make td em.pink{color:#e4179e}
.tableType_make td em.hab{color:#CB7A06}
*/

.tableType_make thead th{color:#000;background:#f5f5f5; text-align:center}
.tableType_make thead tr>*:first-child{border-left:#dcdcdc 1px solid}
.tableType_make thead tr>*:last-child{border-right:#dcdcdc 1px solid}

/*추가 CSS, 2020-03-10,  By spanner*/
.makestateBtn1	{height:25px;width:100%;font-size:12px;color:#fff;border-radius:2px;background:#FF8245;}	/*주문접수*/
.makestateBtn2	{height:25px;width:100%;font-size:12px;color:#fff;border-radius:2px;background:#4DB9FF;}	/*제작중*/
.makestateBtn3	{height:25px;width:100%;font-size:12px;color:#fff;border-radius:2px;background:#A0A0A0;}	/*제작완료*/
.makestateBtn4	{height:25px;width:100%;font-size:12px;color:#fff;border-radius:2px;background:#2B579A;}	/*배송(사용안함)*/
.makestateBtn5	{height:25px;width:100%;font-size:12px;color:#000;border-radius:2px;background:#EBEFF8;}	/*취소*/
.inpuTxt2{width:100%;height:36px;padding:0 10px;border:#b3b3b3 1px solid;border-radius:4px;font-size:16px; color:#000; font-weight:bold; background-color:silver;}
.btnType5{height:28px;padding:0 12px;padding-top:8px;font-size:12px;color:#fff;border-radius:4px;background:linear-gradient(to right, #ff6414, #ff0e90)}