@charset "utf-8";
/* **************************************** *
 * FONT
 * **************************************** */
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 200;
    src: url(/resources/fonts/NotoSansCJKkr-Light.eot);
    src: local("※"),
    url(/resources/fonts/NotoSansCJKkr-Light.html) format('woff2'),
    url(/resources/fonts/NotoSansCJKkr-Light.woff) format('woff'),
    url(/resources/fonts/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: url(/resources/fonts/NotoSansCJKkr-DemiLight.eot);
    src: local("※"),
    url(/resources/fonts/NotoSansCJKkr-DemiLight.html) format('woff2'),
    url(/resources/fonts/NotoSansCJKkr-DemiLight.woff) format('woff'),
    url(/resources/fonts/NotoSansCJKkr-DemiLight.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url(/resources/fonts/NotoSansCJKkr-Regular.eot);
    src: local("※"),
    url(/resources/fonts/NotoSansCJKkr-Regular.html) format('woff2'),
    url(/resources/fonts/NotoSansCJKkr-Regular.woff) format('woff'),
    url(/resources/fonts/NotoSansCJKkr-Regular.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url(/resources/fonts/NotoSansCJKkr-Medium.eot);
    src: local("※"),
    url(/resources/fonts/NotoSansCJKkr-Medium.html) format('woff2'),
    url(/resources/fonts/NotoSansCJKkr-Medium.woff) format('woff'),
    url(/resources/fonts/NotoSansCJKkr-Medium.otf) format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url(/resources/fonts/NotoSansCJKkr-Bold.eot);
    src: local("※"),
    url(/resources/fonts/NotoSansCJKkr-Bold.html) format('woff2'),
    url(/resources/fonts/NotoSansCJKkr-Bold.woff) format('woff'),
    url(/resources/fonts/NotoSansCJKkr-Bold.otf) format('opentype');
}
/* **************************************** *
 * SLICK SLIDER
 * **************************************** */
/* Slider */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Arrows */
.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev {left: -25px;}
[dir='rtl'] .slick-prev {right: -25px;left: auto;}
.slick-prev:before {content: '←';}
[dir='rtl'] .slick-prev:before {content: '→';}
.slick-next {right: -25px;}
[dir='rtl'] .slick-next {right: auto;left: -25px;}
.slick-next:before {content: '→';}
[dir='rtl'] .slick-next:before {content: '←';}
/* Dots */
.slick-dotted.slick-slider {margin-bottom: 30px;}
.slick-dots {position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75;color: black;}

/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    vertical-align: baseline;
    font-family: 'NotoSansKR', sans-serif;
    box-sizing:border-box;
    font-size:inherit;
    font-weight:inherit;
    color:inherit;
    word-break: keep-all;

}
:focus{outline:none;}
ol,ul{list-style: none;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align:left;font-weight:inherit;word-break:break-all}
figure,article,header,main,footer,nav,hgroup,video,audio,aside,form{display: block;}
a,input,textarea,select,label{display:inline-block;text-decoration:none;}
img{border:0;vertical-align:top;}
sup{vertical-align:super}
button{border:0;cursor:pointer;}
strong{font-weight:700;font-size: inherit;color:inherit}
input {-webkit-appearance: none;-webkit-border-radius: 0;}
/* **************************************** *
 * z-index
 * **************************************** */
.header{z-index:1000;}
/* **************************************** *
 * COMMON
 * **************************************** */
html,body{width:100%;background:#292929;}
main{background:#fff;padding-top:58px;background:#fff;}
caption,.blind{overflow:hidden !important;visibility:hidden !important;padding:0 !important;margin:0 !important; width:0!important;height:0 !important;font-size:0 !important;line-height:0 !important;}
.p70{width:70% !important;}
.half01{display:inline-block !important; vertical-align:top !important; width:50% !important;padding-right:10px !important;margin-right:0 !important;}
.half02{display:inline-block !important; vertical-align:top !important; width:50% !important;margin-right:0 !important;}
.half03{display:inline-block !important; vertical-align:top !important; width:60% !important;margin-right:0 !important;}
.btn{display:inline-block; width:100%;height:50px;font-size:16px;line-height:50px;color:#fff;text-align:center;vertical-align: middle;font-weight:500;}
.btn.c01{background:#e01f22;}
.btn.black{background:#000;}
.bottom-group{position:relative;text-align:center;padding-top:40px;font-size:0;}

/*common - paging*/
.page-nav{text-align:center;margin-top:30px;}
.page-nav a, .page-nav span{display:inline-block;margin:0 2px;width:27px;height:27px;font-size:14px;color:#000;font-weight:400;line-height:27px;vertical-align:top}
.page-nav a:hover{color:#e01f22;text-decoration:underline;}
.page-nav .on{background-color:#292929;color:#fff;font-size:12px;}
.page-nav a.first{background:url(/resources/images/main/btn_first.png) center center no-repeat;}
.page-nav a.prev{background:url(/resources/images/main/btn_prev.png) center center no-repeat;}
.page-nav a.next{background:url(/resources/images/main/btn_next.png) center center no-repeat;}
.page-nav a.last{background:url(/resources/images/main/btn_last.png) center center no-repeat;}
.page-nav02{text-align:center;margin-top:30px;}
.page-nav02 a, .page-nav02 span{display:inline-block;margin:0 4px;padding:0 3px;height:25px;font-size:14px;color:#000;font-weight:500;line-height:25px;vertical-align:top}
.page-nav02 a:hover{border-bottom:1px solid #000}
.page-nav02 .on{color:#e01f22;border-bottom:1px solid #e01f22}
.page-nav02 a.first{width:27px;background:url(/resources/images/main/btn_first.png) center center no-repeat;}
.page-nav02 a.prev{width:27px;background:url(/resources/images/main/btn_prev.png) center center no-repeat;}
.page-nav02 a.next{width:27px;background:url(/resources/images/main/btn_next.png) center center no-repeat;}
.page-nav02 a.last{width:27px;background:url(/resources/images/main/btn_last.png) center center no-repeat;}
.page-nav02 a.first:hover,
.page-nav02 a.prev:hover,
.page-nav02 a.next:hover,
.page-nav02 a.last:hover{border-bottom:0;}
/* **************************************** *
 * HEADER
 * **************************************** */
.header{position:fixed;top:0;left:0; padding:0 10px;width:100%;height:58px;background:#fff;border-bottom:8px solid #e01f22;font-size:0;}
.header a{display:block;margin:18px auto 0;width:98px;height:15px;}
.header a img{width:98px;}

/* **************************************** *
 * FOOTER
 * **************************************** */
footer{position:relative;padding:35px 45px  10px 15px;background:#292929;font-weight:400;font-size:12px;line-height:18px;color:rgba(255,255,255,0.5);letter-spacing:0.5px;}
footer .btn-top{position:absolute;bottom:0;right:0;width:45px;height:45px;background:url("/resources/images/main/up.png")center center no-repeat;background-size:13px 7px;}

/* **************************************** *
 * MAIN
 * **************************************** */
.main input{padding:10px 11px;width:100%;font-size:14px;font-weight:200;border:1px solid #aeaeae;}
.main input:focus{border:1px solid #e01f22;}
.main .group01{height:272px;background:url("/resources/images/main/banner.png")center center no-repeat;background-size:cover;}
.main .group01 h2{padding-top:95px;font-size:26px;color:#fff;font-weight:700;text-align:center;}
.main .group01 p{padding-top:5px;font-size:17px;color:#fff;font-weight:200;text-align:center;line-height:24px;}
.main .group02{padding:35px 15px;background:#e6e9ec;}
.main .group02 h2{font-size:30px;color:#000;font-weight:400;text-align:center;}
.main .group02 input{margin-top:13px;}
.main .group02 p{padding:10px 0 17px;font-size:12px;font-weight:200;color:#28272b;}
.main .group02 button{display:block;margin:0 auto;width:55%;height:42px;line-height:42px;background:#000;font-size:14px;font-weight:500;color:#fff;}
.main .group03{padding:30px 15px 0;}
.main .group03 h2{font-size:20px;font-weight:400;padding-bottom:10px;}
.main .group03 .inner{position:relative;padding-right:130px}
.main .group03 input{background:#f1f1f1;}
.main .group03 button{position:absolute;top:0;right:0;display:block;width:120px;height:42px;line-height:42px;background:#ffaf15;font-size:14px;font-weight:500;color:#000;}
.main .group03 p{padding:10px 0 30px;font-size:12px;font-weight:200;color:#28272b;border-bottom:1px solid #cccccc;}
.main .group04{padding:45px 25px 0;text-align:center;}
.main .group04 h2{font-size:30px;color:#000;font-weight:400;text-align:center;}
.main .group04 ul{margin-top:15px;border-top:1px solid #8e9aa8;}
.main .group04 li{border-bottom: 1px solid #8e9aa8;padding:10px 0;}
.main .group04 li a{display:block;position:relative;padding-right:95px;line-height:20px;font-size:13px;text-align:left;}
.main .group04 li a .title{overflow:hidden;display: block;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
.main .group04 li:first-child a .title{color:red;}
.main .group04 li a .date{position:absolute;top:0;right:0;text-align:right;}
.main .group04 .more{padding:0 25px 0 0;font-size:17px;height:40px;line-height:40px;background:url("/resources/images/main/plus.png")100% center no-repeat;background-size:15px 15px;}
.main .group05{padding:12px 15px 40px;}
.main .group05 .box01,
.main .group05 .box02{position:relative;margin-top:25px;padding:10px 22px;height:160px;box-shadow:5px 5px 10px rgba(0,0,0,0.2)}
.main .group05 .box01:before{content:'';position:absolute;bottom:0;right:0;display:block;width:105px;height:80px;background:url("/resources/images/main/icon01.png") 0 0 no-repeat;background-size:80px 71px;}
.main .group05 .box02:before{content:'';position:absolute;bottom:0;right:0;display:block;width:110px;height:95px;background:url("/resources/images/main/icon02.png") 0 0 no-repeat;background-size:88px 86px;}
.main .group05 h2{font-size:36px;color:#2f2f2f;font-weight:200;letter-spacing:-1px;}
.main .group05 span{display:block;font-size:22px;color:#2f2f2f;font-weight:200;letter-spacing:0.5px;}
.main .group05 .box01 a{padding:0 17px;margin-top:5px;width:120px;height:30px;border-radius:15px;border:1px solid #515151;font-size:14px;line-height:28px;font-weight:400;background:url("/resources/images/main/arrow.png") 90px center no-repeat;background-size:12px 12px;}
.main .group05 .box02 a{padding:0 17px;margin-top:5px;height:30px;border-radius:15px;border:1px solid #515151;font-size:14px;line-height:28px;font-weight:400;}

/* **************************************** *
 * SUB
 * **************************************** */
/*common*/
.sub section{padding:15px;}
.sub h2{font-size:18px;color:#000;font-weight:700;}
.sub .tag01{display:inline-block;margin:1px 4px 1px 0;padding:0 9px;height:20px;line-height:20px;background:#ff9000;font-size:12px;color:#fff;font-weight:700;border-radius:5px;text-align:center;}
.sub .tag02{display:inline-block;margin:1px 4px 1px 0;padding:0 9px;height:20px;line-height:20px;background:#ff4200;font-size:12px;color:#fff;font-weight:700;border-radius:5px;text-align:center;}
.sub .area-count{position:relative;padding-left:50px;height:25px;}
.sub .area-count span{position:absolute;top:0;left:0;line-height:25px;font-size:12px;color:#000;font-weight:200;}
.sub .area-count div{text-align:right;font-size:0;}
.sub .area-count .minus{display:inline-block;height:25px;width:25px;border:1px solid #8b8b8b;background:#e3e3e3 url("/resources/images/main/minus.jpg") center center no-repeat;background-size: 7px 1px;vertical-align:top}
.sub .area-count input{display:inline-block;width:25px;height:25px;border:1px solid #8b8b8b;border-left:0;border-right:0;font-size:14px;line-height:23px;text-align:center;vertical-align:top}
.sub .area-count .plus{display:inline-block;height:25px;width:25px;border:1px solid #8b8b8b;background:#e3e3e3 url("/resources/images/main/plus02.png") center center no-repeat;background-size: 8px 8px;vertical-align:top}
.sub .price{position:relative;padding-left:50px;height:25px;}
.sub .price span{position:absolute;top:7px;left:0;line-height:12px;font-size:12px;color:#000;font-weight:200;}
.sub .price p{text-align:right;line-height:25px;color:#e01f22;font-weight:700;font-size:14px;letter-spacing:-0.5px;}
.sub .price p s{color:#000; }
.sub .price p strong{font-size:21px; }
.sub .btn01{width:100%;height:50px;line-height:50px;background:#e01f22;font-size:16px;color:#fff;text-align:center;font-weight:500;}
.sub .btn02{width:100%;height:45px;line-height:44px;background:#fff;font-size:16px;color:#000;border:1px solid #a5a5a5;text-align:center;font-weight:500;}

/*제품리스트*/
.sub .group-list01{padding:30px 15px 50px;}
.sub .sum{padding-bottom:30px;}
.sub .sum ol{margin-top:5px;}
.sub .sum ol li{font-size:14px;line-height:24px;font-weight:400;}
.sub .ul-type{padding-bottom:25px;border-top:1px solid rgba(0,0,0,0.2)}
.sub .ul-type li{position:relative;min-height:170px;padding:20px 0 20px 165px;border-bottom:1px solid rgba(0,0,0,0.2);}
.sub .ul-type li .wl{position:absolute;top:25px;left:0;width:155px;height:130px;font-size:0; }
.sub .ul-type li .wl .check {display:inline-block;position: relative;overflow:hidden;padding-top:55px;width:25px;height:130px;cursor:pointer;vertical-align:top;}
.sub .ul-type li .wl .check input[type="checkbox"]{width:20px;height:20px;float:left;-webkit-appearance:none;-moz-appearance: none;appearance: none;background:url("/resources/images/main/check_off.png") 0 0 no-repeat;background-size:20px 20px;}
.sub .ul-type li .wl .check input[type="checkbox"]:checked{background:url("/resources/images/main/check_on.png") 0 0 no-repeat;background-size:20px 20px;}
.sub .ul-type li .wl a,
.sub .ul-type li .wl a img{display:inline-block; width:130px; height:130px;vertical-align:top;}
.sub .ul-type li .wl a.soldout:before{content:'전량소진';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;text-align:center;line-height:130px;font-weight:700;font-size:20px; }
.sub .ul-type li .wr{font-size:0;}
.sub .ul-type .name{min-height:60px;padding-top:4px;color:#000;font-size:18px;line-height:24px;font-weight:500;letter-spacing:-0.5px;word-break: keep-all;}
.sub .ul-type .price{margin-top:10px;}
.sub .none span{display:block;padding-top:20px;font-size:14px;color:#5c5c5c;text-align:center;line-height:26px;}

/*제품상세*/
.sub .slider{width:290px;height:350px;margin:0 auto;}
.sub .slider img{width:100%;}
.sub .slick-dots{bottom:-35px;}
.sub .slick-dots li{margin:0}
.sub .slick-dots li button{padding:0;}
.sub .slick-dots li button:before{top:7px;left:7px;content:'';width:6px;height:6px;border-radius:100%;background:#ccc;opacity:1;}
.sub .slick-dots li.slick-active button:before{top:6px;left:6px;width:8px;height:8px;background:#e01f22;}
.sub .group_detail01 .cont{margin-bottom:17px;border-bottom:1px solid #000;}
.sub .group_detail01 .name{padding:2px 0 15px;color:#000;font-size:21px;line-height:27px;font-weight:500;letter-spacing:-0.5px;word-break: keep-all;}
.sub .group_detail01 .inner{overflow:hidden;}
.sub .group_detail01 .area-count{float:left;padding-left:0;width:120px;vertical-align:top;}
.sub .group_detail01 .price{float:right;padding-left:0;width:200px;vertical-align:top;}
.sub .group_detail01 .info{padding:14px 0;font-size:13px;font-weight:200;color:#000;letter-spacing:-0.5px;}
.sub .group_detail02 {padding-bottom:40px;}
.sub .group_detail02 div{padding:35px 0;}
.sub .group_detail02 img{width:100% !important;}
.sub .group_detail02 .cont01{padding-top:10px;}
.sub .group_detail02 .cont02{border-top:1px solid #000;}
.sub .group_detail02 .cont03{border-top:1px solid rgba(0,0,0,0.2);}
.sub .group_detail02 h2{font-size:16px;}
.sub .group_detail02 p{padding-top:10px;font-size:14px;font-weight:200;line-height:23px;}

/*제품주문*/
.sub .group-order01{padding:40px 0 0;}
.sub .group-order01 h2{font-size:21px;text-align:center}
.sub .group-order01 p{padding-bottom:50px;padding-top:10px;text-align:center;font-size:14px;font-weight:200;}
.quick-menu-nav{overflow:hidden;padding:20px 0 30px;font-size:0;text-align:center;}
.quick-menu-nav li{position:relative;display:inline-block;padding-top:50px;width:33.33%;height:70px;background:url(/resources/images/main/step01.png) center 0 no-repeat;background-size:auto 44px;font-size:14px;text-align:center;color:#ccc;font-weight:500;vertical-align:top;}
.quick-menu-nav li:nth-child(2){background-image:url(/resources/images/main/step01.png);}
.quick-menu-nav li:nth-child(3){background-image:url(/resources/images/main/step02.png);}
.quick-menu-nav li.on{color:#e01f22;}
.quick-menu-nav li.on:nth-child(1){background-image:url(/resources/images/main/step01_on.png);}
.quick-menu-nav li.on:nth-child(2){background-image:url(/resources/images/main/step02_on.png);}
.quick-menu-nav li:after{content:'';display:block;position:absolute;right:-6px;top:20px;width:6px;height:11px;background: url(/resources/images/main/arrow02.png) 0 0 no-repeat;background-size: auto 10px;}
.quick-menu-nav li:last-child:after{background:transparent;}
.end-msg{padding-top:140px;border-top:1px solid #000;background: url(/resources/images/main/icon04.png) center 48px no-repeat;background-size:60px auto;text-align:center;}
.end-msg strong{display:block; font-size:21px;font-weight:700;color:#e01f22;}
.end-msg span{display:block; font-size:14px;font-weight:200;color:#e01f22;}
.end-msg .box{display:inline-block;margin:25px 0 50px;padding:0 30px;height:50px;line-height:50px;background:#f5f5f5;font-size:14px;font-weight:200;}
.end-msg .box strong{display:inline; font-size:16px;font-weight:700;color:#000;}
.sub .group-order02{border-top:1px solid #000;padding:0;}
.sub .group-order02 .ul-type{border:0;padding:0 15px;}
.sub .group-order02 .ul-type li{border-bottom:1px solid #000;padding:20px 0;}
.sub .group-order02 .ul-type li:last-child{border:0;}
.sub .group-order02 .ul-type li .top-wrap{position:relative;padding:20px 0 20px 165px}
.sub .group-order02 .price p{font-size:14px;font-weight:400;color:#000;}
.sub .group-order02 .price p strong{font-size:16px;font-weight:400;color:#000;}
.sub .ul-type .option{padding:5px 10px 0;width:100%;border-top:1px solid rgba(0,0,0,0.1)}
.sub .ul-type .option .row01{padding-bottom:5px;padding-top:15px;font-size:14px;}
.sub .ul-type .option .row02{position:relative;padding-right:90px;}
.sub .ul-type .option .row02 input{padding:10px 11px;width:100%;height:40px;font-size:16px;font-weight:200;border:1px solid #aeaeae;vertical-align:top;}
.sub .ul-type .option .row02 input:focus{border:1px solid #e01f22;}
.sub .ul-type .option .row02 button{position:absolute;top:0;right:0;width:80px; height:40px;line-height:40px;font-size:12px;font-weight:500;background:#676767;}
.sub .ul-type .option .row02.active button{background:#e01f22;}
.sub .ul-type .option .row02.active input{color:#e01f22;}
.sub .ul-type .option .row03{overflow:hidden;padding-top:5px;}
.sub .ul-type .option .row03 span{float:left;font-size:12px;font-weight:700;line-height:30px;}
.sub .ul-type .option .row03 p{float:right;font-size:14px;font-weight:700;line-height:30px;color:#e01f22;}
.sub .total_price{padding:15px;height:85px;background:#eeeeee;}
.sub .total_price p strong{font-size:16px;}
.sub .total_price span{float:left;font-size:16px;font-weight:700;line-height:55px;color:#e01f22;}
.sub .total_price p{float:right;font-size:14px;font-weight:400;line-height:55px;color:#e01f22;}
.sub .total_price p strong{font-size:21px;font-weight:700;}
.sub .group-order02.v1{padding-bottom:70px;}
.sub .group-order02.v1 .ul-type li{min-height:325px;}
.sub .group-order02.v1 .ul-type li:first-child{border-top:1px solid #000;}
.sub .group-order02.v1 .wrap{padding:40px 15px 20px 15px;}
.sub .group-order02.v1 h2{padding-left:40px;font-size:20px;line-height:30px;background:url(/resources/images/main/icon03.png) 0 center no-repeat;background-size:30px auto;}
.sub .group-order02 .delivery{position:relative; padding:20px 0 0 70px;}
.sub .group-order02 .delivery span{position:absolute;top:20px;left:0;font-size:14px;font-weight:500;line-height:23px;}
.sub .group-order02 .delivery p{font-size:14px;font-weight:200;line-height:23px;}
.sub .group-order02.v1 .bottom-group{padding-top:70px;border-top:1px solid #000;}
.sub .group-order02.v2{padding-bottom:50px;}
.sub .group-order02.v2 .ul-type {padding:0;}
.sub .group-order02.v2 .ul-type li{padding:70px 15px 90px 165px;min-height:240px; border-bottom:1px solid rgba(0,0,0,0.1)}
.sub .group-order02.v2 .ul-type li .wl{top:75px;}
.sub .group-order02.v2 .ul-type li .wl a{margin-left:20px;}
.sub .group-order02.v2 .ul-type li .top{overflow:hidden;position:absolute;top:0;left:0;padding:0 15px;width:100%;height:50px;background:#f5f5f5;}
.sub .group-order02.v2 .ul-type li .top .date{float:left;line-height:50px;font-size:14px;font-weight:400;}
.sub .group-order02.v2 .ul-type li .top .state01{float:right;margin-top:10px;width:74px;height:30px;line-height:30px;font-size:14px;font-weight:400;color:#fff;background:#e01f22;border-radius:15px;text-align:center;}
.sub .group-order02.v2 .ul-type li .top .state02{float:right;line-height:50px;font-size:14px;font-weight:400;color:#e01f22;}
.sub .group-order02.v2 .price{margin-top:0;height:20px;}
.sub .group-order02.v2 .price p{font-size:14px;font-weight:700;line-height:30px;color:#e01f22;line-height:20px;}
.sub .group-order02.v2 .price p strong{font-size:16px;font-weight:700;line-height:30px;color:#e01f22;line-height:20px;}
.sub .group-order02.v2 .price.old p{text-decoration:line-through;font-size:12px;font-weight:200;color:#000;}
.sub .group-order02.v2 .price.old p strong{font-size:12px;font-weight:200;color:#000;}
.sub .group-order02.v2 .inner02{position:absolute;bottom:15px;left:0;width:100%;padding:0 15px;}

.sub .group-order03{padding-top:50px;padding-bottom:50px;border-top:1px solid #000;}
.sub .group-order03 h2{padding-left:40px;font-size:21px;line-height:30px;background:url(/resources/images/main/icon03.png) 0 center no-repeat;background-size:30px auto;}
.sub .write-group input[type="text"]:disabled,
.sub .write-group input[type="number"]:disabled,
.sub .write-group input[type="password"]:disabled{background:#fff;}
.sub .write-group input[type="text"],
.sub .write-group input[type="number"],
.sub .write-group input[type="password"]{width:100%; height:40px;border-bottom:1px solid #ccc;font-size:15px;color:#000;font-weight:300;}
.sub .write-group input[type="text"]:focus,
.sub .write-group input[type="number"]:focus,
.sub .write-group input[type="password"]:focus{border-bottom:1px solid #e01f22;}
.sub .write-group .btn.small{height:40px;line-height:40px;font-size:12px}
.sub .write-group .btn.gray{background:#676767;}
.sub .write-group select{width:100%;height:40px;padding:0 20px 0 0;color:#000;border-bottom:1px solid #ccc;box-sizing:border-box;font-size:16px;line-height:45px;font-weight:300;-webkit-appearance:none;-moz-appearance:none;background: url(/resources/images/main/select_arrow.png) no-repeat 100% center;background-size:14px auto;}
.sub .write-group select::-ms-expand {display:none;}
.sub .write-group select:focus{border-bottom:1px solid #e01f22;}
.sub .write-group{overflow:hidden;padding-top:13px;padding-bottom:8px;font-size:0;}
.sub .write-group.v1{padding:0 15px 30px 15px;}
.sub .write-group li{position:relative;padding-top:15px;font-size:0;}
.sub .write-group li p.txt{margin:10px 0 0;padding:0;color:#000;font-size:16px;font-weight:300;min-height:30px;line-height:25px;text-align:left;}
.sub .write-group li.li01{margin-top:40px;}
.sub .write-group li .sort{font-weight:400;font-size:14px;color:#999;}
.sub .write-group li .sort.v1{color: #000;}
.sub .write-group li .sort span{color:#e01f22}
.sub .write-group li .sort .info{color:#e01f22;font-size:11px;font-weight:400;}
.sub .write-group li input:focus ~.sort{color:#e01f22;}
.sub .write-group li select:focus ~.sort{color:#e01f22;}
.sub .write-group li textarea:focus ~.sort{color:#e01f22;}
.sub .write-group li.on input{border-bottom:1px solid #e01f22; }
.sub .write-group li.on .sort{color:#e01f22;}
.sub .write-group .btn{vertical-align:top;}
.sub .write-group li.four02 .g01{width:67%;margin-right:3%;}
.sub .write-group li.four02 .g02{width:30%;}
.sub .write-group li.four02 .g03{margin-top:12px;}
.sub .order-step{padding:35px 15px 120px;background:#f9fafb;}
.sub .order-step h2{font-size:21px;font-weight:700;}
.sub .order-step ul{margin-top:30px;}
.sub .order-step li{display:table;position:relative;padding:0 0 0 85px;margin-bottom:15px;width:100%;height:72px;font-size:14px;line-height:20px;font-weight:500;color:#28272b;}
.sub .order-step li div{display:table-cell;vertical-align:middle;}
.sub .order-step li p{margin:0;padding-top:8px;font-size:12px;color:#545454;font-weight:300;text-align:left;line-height:20px;}
.sub .order-step li:before{content:'';display:block;position:absolute;top:0;left:0;width:72px;height:72px;border-radius:100%;border:1px solid #d8d8d8;background:#fff url(/resources/images/main/icon05.png) center center no-repeat;background-size:72px 72px;box-sizing:border-box;}
.sub .order-step li:nth-child(2):before{background-image: url(/resources/images/main/icon06.png) }
.sub .order-step li:nth-child(3):before{background-image: url(/resources/images/main/icon07.png) }
.sub .order-step li:nth-child(4):before{background-image: url(/resources/images/main/icon08.png) }
.sub .order-step li:nth-child(5):before{background-image: url(/resources/images/main/icon09.png) }
.sub .group-info h2{padding-left:40px;font-size:21px;line-height:30px;background:url(/resources/images/main/icon03.png) 0 center no-repeat;background-size:30px auto;}
.sub .group-info ul{padding:20px 0 50px;color:#28272b;}
.sub .group-info li{position:relative;display:block;padding:0 0 0 8px;font-size:12px;line-height:20px;}
.sub .group-info li:before{position:absolute;top:1px;left:0;content:'\00B7';font-size:12px;}
.sub .group-info li span{color: #e01f22}

/*공지*/
.sub .group-notice{padding-bottom:70px;}
.sub .group-notice h2{padding:50px 0 30px;text-align:center;font-size:21px;}
.sub .group-notice input[type="text"]:disabled,
.sub .group-notice input[type="number"]:disabled,
.sub .group-notice input[type="password"]:disabled{background:#fff;}
.sub .group-notice input[type="text"],
.sub .group-notice input[type="number"],
.sub .group-notice input[type="password"]{width:100%; height:40px;border-bottom:1px solid #ccc;font-size:15px;color:#000;font-weight:300;}
.sub .group-notice input[type="text"]:focus,
.sub .group-notice input[type="number"]:focus,
.sub .group-notice input[type="password"]:focus{border-bottom:1px solid #e01f22;}
.sub .m-btn-back{position:fixed;top:58px;left:0;width:100%;height:30px;margin-top:-8px;padding:0 15px;background:#e01f22;z-index:200;}
.sub .m-btn-back a{display:inline-block;padding-left:25px;line-height:30px;vertical-align:top;font-weight:400;font-size:12px;color:#fff;background:url(/resources/images/main/back.png) 0 center no-repeat;background-size:8px auto;}
.sub .search-box{position:relative;padding:10px;margin-bottom:30px;background:#f5f5f5;}
.sub .search-box input{padding-right:35px;background:#f5f5f5;border-bottom:1px solid #e8e8e8;}
.sub .search-box a{position:absolute;bottom:10px;right:0;display:block;width:45px;height:45px;background:url(/resources/images/main/search.png)center center no-repeat;background-size:18px auto;}
.sub .list-group .list-cont{border-bottom:1px solid #000;border-top:1px solid #000;}
.sub .list-group .list-cont li{padding-right:10px;border-top:1px solid #ccc;}
.sub .list-group .list-cont li a{position:relative;display:block;padding:22px 27px 22px 40px;background: url(/resources/images/main/i_next.png) right center no-repeat;background-size:9px auto;}
.sub .list-group .list-cont li:first-child {border:0;}
.sub .list-group .list-cont li .number{position:absolute;top:22px;left:0;width:40px;font-size:12px;color:#000;font-weight:300;text-align:center;}
.sub .list-group .list-cont li a div{font-size:14px;color:#000;font-weight:400;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub .list-group .list-cont li a span{display:block;margin-top:3px;font-size:12px;color:#5c5c5c;font-weight:300;}
.sub .detail-view{padding:0 0 45px;border-bottom:1px solid #000;}
.sub .detail-view .d-title{padding:15px 0;margin-top: 10px;border-top:1px solid #000;border-bottom:1px solid #ccc;font-size:18px;font-weight:400;color:#000;}
.sub .detail-view .d-title{line-height:24px;}
.sub .detail-view .d-title span{font-size:12px;font-weight:300;color:#5c5c5c;line-height:12px;}
.sub .detail-view .img-type img{width:100%;padding:40px 0;}
.sub .detail-view .title{padding-top:45px;border-top:1px solid #ccc;}
.sub .detail-view .d-content{padding-top:40px;font-size:14px;font-weight:300;color:#000;line-height:23px;}
.sub .detail-view .d-content img{width:100%;}
.sub .qna-type{margin-top:10px;border-top:1px solid #000;}
.sub .qna-type li{border-bottom:1px solid #ccc;}
.sub .qna-type .q01{position:relative;overflow:hidden;display:block;padding:23px 35px 20px 50px;min-height:70px;background:#fff url(/resources/images/main/down02.png)98% center no-repeat;background-size:14px auto;}
.sub .qna-type .q01 div{display:block;font-size:14px;color:#000;font-weight:300;line-height:20px;}
.sub .qna-type .q01:before{content:'Q';display:block;position:absolute;top:20px;left:10px;width:26px;height:26px;line-height:25px;text-align:center;font-size:14px;color:#e01f22;border:1px solid #e01f22;border-radius:13px 13px;}
.sub .qna-type .a01{display:none;}
.sub .qna-type .a01 .inner{position:relative;padding:20px 10px 20px 50px;min-height:70px;background:#f0f1f3;font-size:12px;color:#666;}
.sub .qna-type .a01 .inner:before{content:'A';display:block;position:absolute;top:20px;left:10px;width:26px;height:26px;line-height:25px;text-align:center;font-size:14px;color:#fff;background:#000;border-radius:13px 13px;}
.sub .qna-type li.open .q01{background-image:url(/resources/images/main/up02.png);}
.sub .qna-type li.open .q01 div{font-weight:500;}
.sub .qna-type li.open .q01:before{color:#fff;background:#e01f22;}

.sub .group04{padding:45px 25px 0;text-align:center;}
.sub .group04 h2{font-size:30px;color:#000;font-weight:400;text-align:center;}
.sub .group04 ul{margin-top:15px;border-top:1px solid #8e9aa8;}
.sub .group04 li{border-bottom: 1px solid #8e9aa8;padding:10px 0;}
.sub .group04 li a{display:block;position:relative;padding-right:95px;line-height:20px;font-size:13px;text-align:left;}
.sub .group04 li a .title{overflow:hidden;display: block;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
.sub .group04 li a .date{position:absolute;top:0;right:0;text-align:right;}
.sub .group04 .more{padding:0 25px 0 0;font-size:17px;height:40px;line-height:40px;background:url("/resources/images/main/plus.png")100% center no-repeat;background-size:15px 15px;}