/* Minification failed. Returning unminified contents. (545,224): run-time error CSS1046: Expect comma, found '0' (545,228): run-time error CSS1046: Expect comma, found '/' (546,222): run-time error CSS1046: Expect comma, found '0' (546,226): run-time error CSS1046: Expect comma, found '/' (549,263): run-time error CSS1046: Expect comma, found '217' (549,270): run-time error CSS1046: Expect comma, found ')' (2185,286): run-time error CSS1038: Expected hex color, found '#ffff' (2664,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' */ @charset "utf-8"; /*** reset ***/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;border:0;line-height:1.4;color:#333;font-family:'Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans','Nanum Gothic','맑은 고딕','malgun gothic',sans-serif;letter-spacing:-.05em;word-wrap:break-word;word-break:keep-all} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} html,body{height:100%} body{background-color:#fff;-webkit-text-size-adjust:none} dl,ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} img{border:0} legend{display:none} a{color:#222;text-decoration:none} a:active,a:hover{text-decoration:none} strong{font-weight:600} em{font-style:normal} hr{display:none;border:0} caption{display:none} button{border:0 none;background-color:transparent;cursor:pointer} input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none} input::-webkit-input-placeholder{color:#999} input:-moz-placeholder{color:#999;opacity:1} input::-moz-placeholder{color:#999;opacity:1} input:-ms-input-placeholder{color:#999} input::placeholder{color:#999;opacity:1} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} textarea,input[type='text'],input[type='password'],input[type='number'],input[type='tel'],input[type='email'],input[type='url'],input[type='search'],input[type='date'],input[type='time']{font-family:'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif} /* loading */ .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none} .pace-inactive{display:none} .pace .pace-progress{background:#e65857;position:fixed;z-index:100;top:0;right:100%;width:100%;height:3px} .loading-wrap{background: rgba(255,255,255,.8);width:100%;height:100%; position:fixed;z-index: 9999;} .circle:nth-child(2){left: 38%;animation-delay: .2s;} .circle:nth-child(3){left:auto; right:15%; animation-delay: .3s;} .loader {width: 100px;height: 100px;position: absolute;left:50%; top:50%;transform: translate(-50%, -50%);} .circle{width:10px; height:10px;position: absolute;border-radius: 50%;background-color: #E33735;left: 10%;transform-origin: 50%;animation: circle .6s alternate infinite ease;} @keyframes circle{ 0%{ top:60px; height:5px; border-radius: 50px 50px 25px 25px; transform: scaleX(1.7); background-color: #E33735; } /* 40%{ height:20px; border-radius: 50%; transform: scaleX(1); background-color: #242424; }*/ 100%{ top:0%; background-color: #E33735; } } /* skip */ .skip{overflow:hidden;position:relative;z-index:1000;width:100%} .skip a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;line-height:0;font-size:0} .skip a:focus, .skip a:hover, .skip a:active{width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1} /*** wrap ***/ #wrap{overflow-x:hidden;position:relative;width:100%;margin:0 auto} /*** header ***/ header{position:fixed;top:0;left:0;z-index:40;width:100%} header.bg-n{background-color:transparent !important} header.bg-n .header-cnt{background-color:transparent !important} header.scroll .header-cnt{background-color:rgba(255, 255, 255, .9) !important;-webkit-box-shadow:0px 1px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);box-shadow:0px 1px 7px 0px rgba(0,0,0,0.2)} header.scroll_on .header-cnt,.main_v header.topmost.scroll_on .header-cnt{background-color:#fff!important} .header-cnt{position:fixed;width:100%;z-index:30;/*background-color:#fff*/} .header-cnt-in{max-width:1200px;height:80px;margin:0 auto} .header-cnt-in:after{content:'';display:block;clear:both} .header-cnt-in h1{float:left;margin:25px 0 0 20px} .header-cnt-in h1 a img{width:215px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} .header-cnt-in .gnb-area{float:right;min-width: 842px;} .header-cnt-in .gnb-area .gnb-menu{float:left} .header-cnt-in .gnb-area .gnb-menu li{float:left;margin:29px 19px 0;font-size:15px;font-weight:600} .header-cnt-in .gnb-area .gnb-menu li a.active{position:relative;color:#e34f4e} .header-cnt-in .gnb-area .gnb-btn{float:left;margin-left:10px} .header-cnt-in .gnb-area .gnb-btn a,.header-cnt-in .gnb-area .gnb-btn button{display:block;float:left;width:60px;height:28px;padding-top:47px;margin-left:4px;background-position:50% 15px !important;font-size:12px;text-align:center} .header-cnt-in .gnb-area .gnb-btn button.order-srch{background:url(/homedata/images/common/io_order_sch.png) no-repeat} .header-cnt-in .gnb-area .gnb-btn .btn-top.admin{background:url(/homedata/images/common/img_top_admin.png) no-repeat} .header-cnt-in .gnb-area .gnb-btn .btn-top.admin{background:url(/homedata/images/common/img_top_admin.png) no-repeat} .header-cnt-in .gnb-area .gnb-btn .btn-top.join{background:url(/homedata/images/common/img_top_join.png) no-repeat} .header-cnt-in .gnb-area .gnb-btn .btn-top.shop{background:url(/homedata/images/common/img_top_shop.png) no-repeat;background-position:50% 12px !important} .header-cnt-in .gnb-area .gnb-btn .btn-top.modify{background:url(/homedata/images/common/img_top_modify.png) no-repeat} .btn_order{color:#fff;display:none;} .header-cnt-in .btn-menu{position:relative;float:right;width:34px;height:26px;margin:25px 20px 0 15px;background:transparent;cursor:pointer;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out} .header-cnt-in .btn-menu span{display:block;position:absolute;height:2px;width:100%;background:#333;border-radius:1px;opacity:1;left:0;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out} .header-cnt-in .btn-menu span:nth-child(1){top:0} .header-cnt-in .btn-menu span:nth-child(2){top:11px} .header-cnt-in .btn-menu span:nth-child(3){top:22px} .header-cnt-in .btn-menu.close span:nth-child(2){top:11px;width:0;left:50%} .header-cnt-in .btn-menu.close span:nth-child(1){ -webkit-transform:translateY(12px) rotate(45deg); -ms-transform:translateY(12px) rotate(45deg); -o-transform:translateY(12px) rotate(45deg); transform:translateY(12px) rotate(45deg) } .header-cnt-in .btn-menu.close span:nth-child(3){ -webkit-transform:translateY(-10px) rotate(-45deg); -ms-transform:translateY(-10px) rotate(-45deg); -o-transform:translateY(-10px) rotate(-45deg); transform:translateY(-10px) rotate(-45deg) } .header-cnt-in h1 .h-m{display:none;width:33px;height:33px;margin-top:4px;text-align:center} .header-cnt-in.w .gnb-area .gnb-menu li a{color:#fff} .header-cnt-in.w .gnb-area .gnb-btn a,.header-cnt-in.w .gnb-area .gnb-btn button{color:#fff} .header-cnt-in.w .gnb-area .gnb-btn .btn-top.admin{background:url(/homedata/images/common/img_top_admin_w.png) no-repeat} .header-cnt-in.w .gnb-area .gnb-btn .btn-top.join{background:url(/homedata/images/common/img_top_join_w.png) no-repeat} .header-cnt-in.w .gnb-area .gnb-btn .btn-top.shop{background:url(/homedata/images/common/img_top_shop_w.png) no-repeat;background-position:50% 12px !important} .header-cnt-in.w .gnb-area .gnb-btn .btn-top.modify{background:url(/homedata/images/common/img_top_modify_w.png) no-repeat} .header-cnt-in.w .gnb-area .gnb-btn button.order-srch{background:url(/homedata/images/common/io_order_sch_w.png) no-repeat} .header-cnt-in .btn-menu.on span{background-color:#fff} .header-cnt-in .btn-menu.off span{background-color:#333} /*** GNG ***/ .gnb-all{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:80px;bottom:0;left:0;z-index:20;width:100%;border-top:solid 1px #ddd;background-color:transparent} .gnb-all-in{display:none;position:relative;z-index:10;background-color:#fff} .gnb-all-list{max-width:890px;margin:0 auto;border-right:solid 1px #ddd;border-left:solid 1px #ddd} .gnb-all-list>ul{display:table;width:100%} .gnb-all-list>ul>li{position:relative;display:table-cell;width:14.285%;padding:40px 0 60px;font-size:13px;text-align:center;border-left:solid 1px #ddd} .gnb-all-list>ul>li:first-child{border-left:0} .gnb-all-list>ul>li>span{font-weight:600} .gnb-all-list>ul>li>ul{display:block;margin-top:20px} .gnb-all-list>ul>li>ul>li{margin-top:15px;padding:0 5px} .gnb-all-list>ul>li> .seller{color:#e34f4e} .gnb-all-list ul li a:hover{text-decoration:underline} /*도매룩 오픈시 교체 .banner-top{border-top:solid 1px #ddd;background-color:#fff} .banner-top .bt-cnt{max-width:890px;margin:0 auto;border-left:solid 1px #ddd;border-right:solid 1px #ddd} .banner-top .bt-cnt:after{content:'';display:block;clear:both} .banner-top .bt-cnt-in{width:100%;background-size:cover} .banner-top .bt-cnt .bt-info{font-size:15px;vertical-align:middle;background: url(/homedata/images/common/all_btn_bnr_230822.png) no-repeat 0 0;height: 160px; position:relative;} .banner-top .bt-cnt .bt-info a{display: block;padding: 7px 20px;color: #fff; font-size: 0; width: 200px; height: 40px; position: absolute; bottom: 0;} .banner-top .bt-cnt .bt-info span{display:block}*/ .banner-top{border-top:solid 1px #ddd;background-color:#fff} .banner-top .bt-cnt{max-width:890px;margin:0 auto;border-left:solid 1px #ddd;border-right:solid 1px #ddd} .banner-top .bt-cnt:after{content:'';display:block;clear:both} .banner-top .bt-cnt-in{width:100%;} .banner-top .bt-cnt .bt-info{font-size:15px;vertical-align:middle;background:url(/homedata/images/common/gnb_celebtion_open.jpg) no-repeat 0 0} .banner-top .bt-cnt .bt-info div{display:block;margin:0 30px;text-align:left;height:100px;} .banner-top .bt-cnt .bt-info div p{color:#fff} .banner-top .bt-cnt .bt-info div a{display:block;width:100%;height:100px;color:transparent} .banner-top .bt-cnt .bt-info span{display:block} .dim{display:none;position:absolute;top:81px;right:0;bottom:0;left:0;background-color:#000;opacity:.5;filter:alpha(opacity=50)} .gnb-all-list-m{display:none;background-color:#fff} .gnb-all-list-m>ul{display:initial;width:100%} .gnb-all-list-m>ul>li{position:relative;display:block;width:100%;padding:0;text-align:left;border-left:solid 1px #ddd} .gnb-all-list-m>ul>li>span{display:block;position:relative;height:50px;line-height:50px;font-size:14px;font-weight:600;text-indent:30px;border-bottom:solid 1px #ddd;font-weight:600;cursor:pointer} .gnb-all-list-m>ul>li>span i{content:'';display:block; position:absolute;top:14px;right:20px;width:20px;height:20px;background:url(/homedata/images/common/btn_menu_s.png) no-repeat;background-size:100%} .gnb-all-list-m>ul>li>span i.open-s{top:14px;right:22px;width:16px;height:18px;background:url(/homedata/images/common/btn_menu_s_c.png) no-repeat;background-size:100%} .gnb-all-list-m>ul>li .link-join a{display:block;width:100%;height:50px;line-height:50px} .gnb-all-list-m>ul>li> .seller{color:#e34f4e} .gnb-all-list-m>ul>li>ul{display:none;overflow:hidden;margin-top:0;background-color:#efefef} .gnb-all-list-m>ul>li>ul:after{content:'';display:block;clear:both} .gnb-all-list-m>ul>li>ul>li{margin-top:0;padding:0;float:left;width:50%;text-indent:30px;font-size:13px} .gnb-all-list-m>ul>li>ul>li a{display:block;position:relative;margin:0 -1px -1px 0;padding:13px 0;border-bottom:solid 1px #fff;border-right:solid 1px #fff} /*** 콘텐츠 ***/ .container{width:100%;margin-top:80px} .container.mt-n{margin-top:0} .cnt-area{max-width:1300px;margin:0 auto} .cnt-wide-area{width:100%;margin-top:80px;padding:100px 0} .cnt-wide-area.g{background-color:#f2f4f7} .cnt-wide-area .info-cnt{margin-top:0} .contents{margin:0 10px} .cnt-box{margin-top:50px} /*** 공통 ***/ h2{display:block;font-size:40px;font-weight:600;text-align:center;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} hr.line{display:block;width:60px;height:5px;margin:60px auto 0;background-color:#333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .m-txt{font-size:16px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} .m-txt2{font-size:20px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} .m-txt3{font-size:25px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} .btn-w{display:inline-block;height:48px;line-height:48px;border:solid 1px #333;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-w:after{content:'>';margin-left:8px} .btn-w:hover{background-color:#333;color:#fff} .btn-b{display:inline-block;height:48px;line-height:48px;border:solid 1px #333;background-color:#333;color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-b:after{content:'>';margin-left:8px} .btn-b:hover{background-color:#fff;color:#333} .btn-gr{display:inline-block;height:48px;line-height:48px;border:solid 1px #4abc5a;background-color:#4abc5a;color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-gr:after{content:'>';margin-left:8px} .btn-gr:hover{background-color:#fff;color:#4abc5a} .btn-skb{background-color:#2196f3;border:solid 1px #2196f3;display:inline-block;height:48px;line-height:48px;color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-skb:after{content:'>';margin-left:8px} .btn-skb:hover{background-color:#fff;color:#2196f3} .btn-purple{background-color:#5836b6;border:solid 1px #5836b6;display:inline-block;height:48px;line-height:48px;color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-purple:after{content:'>';margin-left:8px} .btn-purple:hover{background-color:#fff;color:#5836b6} .btn-red{background-color:#e24f4e;border:solid 1px #e24f4e;display:inline-block;height:48px;line-height:46px;color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-red:after{content:'>';margin-left:8px} .btn-red:hover{background-color:#fff;color:#e24f4e} .btn-w2{display:inline-block;height:48px;line-height:46px;color:#333; background-color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-w2:after{content:'>';margin-left:8px} .btn-w2:hover{background-color:#03A9F4;} .btn-r{padding:0 35px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .btn-y{display:inline-block;height:50px;line-height:50px;background-color:#fadc00;color:#3b1e1e;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-o{display:inline-block;height:50px;line-height:50px;background-color:#fd6301;color:#fff;font-size:18px;font-weight:600;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .btn-box-c{margin-top:70px;text-align:center} .btn-b-s{display:inline-block;height:40px;line-height:40px;background-color:#333;color:#fff;font-size:16px;font-weight:600;text-align:center;padding:0 25px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} .mt-5{margin-top:5px} .mt-10{margin-top:10px !important} .mt-20{margin-top:20px !important} .h-b{font-weight:600} .btn-st1{display:inline-block;height:48px;line-height:48px;padding:0 20px;font-size:16px;font-weight:600} .btn-st1:after{content:'>';margin-left:20px;font-size:14px} .btn-c-b{border:solid 1px #424242;background-color:#424242;color:#fff} .btn-c-w{border:solid 1px #424242;background-color:#fff;color:#424242} .btn-c-i{border:solid 1px #44217a;background-color:#44217a;color:#fff} .btn-c-iw{border:solid 1px #44217a;background-color:#fff;color:#44217a} .fw-n{font-weight:400 !important} .gap-box p{margin:8px 0} .txt-divide div:first-child{display:inline-block;text-align:right} .txt-divide div:last-child{display:inline-block} .color-g{color:#929292} .color-r{color:#f15851} /*** 최상단공지사항 ***/ .topmost-notice-bar {width:100%; height:40px; background:#212327;} .topmost-notice-bar li {text-align:center;} .topmost-notice-bar li a {position:relative; padding-left:70px; font-size:12px; color:#adb1ba; line-height:40px;} .topmost-notice-bar li a:after {content:">"; margin-left:7px;} .topmost-notice-bar li a span {position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:64px; height:20px; line-height:20px; font-size:11px; color:#fff; border-radius:10px; background:#ccc;} .topmost-notice-bar li a .type-update {background:#2196f3;} .topmost-notice-bar li a .type-notice {background:#00b0bf;} .topmost-notice-bar li a .type-inspect {background:#e34f4e;} .topmost-notice-bar .slick-vertical .slick-slide {border:0;} header.topmost {position:inherit;} header.topmost .header-cnt {position:inherit;} .main_v header.topmost .header-cnt{background-color:transparent!important;} .main_v header.topmost.scroll .header-cnt{background-color:#fff!important;top:0;} .main_v header.topmost .header-cnt{position:fixed;} .celeb_bnr{position:relative;margin:50px 0 0;} .celeb_bnr .site_link{display: block;width: 165px; height: 24px;position: absolute;left: 15%;bottom: 10%;transform: translate(-50%, -50%);font-size:0;} .main_v .header-cnt-in .btn-menu.on span { background-color: #000; } .container.topmost { margin-top: 0; } .main-visual.topmost {margin-top:-80px;} @media all and (min-width:1921px) { #wrap{min-height:1450px;} #wrap{min-height:1450px;} } @media all and (max-width:1200px) { .header-cnt .gnb-area .gnb-menu li{margin:30px 8px 0} .header-cnt-in .gnb-area .gnb-btn {margin-left:0} .header-cnt-in .gnb-area .gnb-btn a{width:52px;margin-left:0} .header-cnt-in .gnb-area .gnb-btn .shop{width:60px} .celeb_bnr .m_block{width:calc(100% - 56px);margin:0 auto} .celeb_bnr .site_link{bottom: auto;top: 44%;height: 8%;left: 50%;width: 50%;} } @media all and (max-width:800px) { .header-cnt-in .gnb-area{min-width:auto;} .header-cnt .gnb-area .gnb-menu{display:none} .header-cnt-in.w .gnb-area .gnb-btn button.order-srch {display: inline-block;width: 120px;height: 42px;position: relative;top: 18px;left: 0;font-size: 14px;color:#fff;padding: 8px 0 8px 22px;line-height: 20px;border: 2px solid #fff;border-radius: 20px;background: url(/homedata/images/common/io_order_sch_w.png) no-repeat;background-size:24px; background-position:12px 8px !important;} .header-cnt-in .gnb-area .gnb-btn button.order-srch {display: inline-block;width: 120px;height: 42px;position: relative;top: 18px;left: 0;font-size: 14px;color:#fff;padding: 8px 0 8px 22px;line-height: 20px; border: 2px solid #333; color: #333;border-radius: 20px; background: url(/homedata/images/common/io_order_sch.png) no-repeat;background-size:24px; background-position:12px 8px !important;} } @media all and (max-width:768px) { .header-cnt-in{max-width:1200px;height:60px;margin:0 auto} .header-cnt h1{margin-top:10px} .header-cnt h1 a img{width:155px} .header-cnt .gnb-area .gnb-btn a{display:none;float:left;width:80px;height:35px;padding-top:45px;margin-left:1px;color:#fff;font-size:13px;font-weight:600;text-align:center} .header-cnt-in .btn-menu{width:30px;margin:18px 20px 0 15px} .header-cnt-in .btn-menu.open{background-size:45%} .header-cnt-in .btn-menu.close{background-size:35%} .gnb-all{top:60px} .gnb-all-list{display:none} .gnb-all-list-m{display:block} .banner-top{border-top:0} .banner-top .bt-cnt .bt-info{background-size:100% auto; background-position: 0 100%;} .banner-top .bt-cnt .bt-info p{font-size:13px} .banner-top .bt-cnt .bt-info div a{display:inline-block;margin-top:10px;padding:7px 17px;font-size:16px} h2{font-size:26px !important} .container{margin-top:60px} .cnt-wide-area{margin-top:80px;padding:50px 0} .header-cnt-in.w .gnb-area .gnb-btn button.order-srch {top:9px;} .header-cnt-in .gnb-area .gnb-btn button.order-srch {top:9px;} /*** 공통 ***/ hr.line{height:4px;margin-top:60px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px} .m-txt{font-size:14px} .m-txt2{font-size:17px} .m-txt3{font-size:18px} .cnt-box{margin-top:30px} .btn-w{height:38px;line-height:38px;font-size:15px} .btn-b{height:40px;line-height:40px;font-size:15px} .btn-gr{height:40px;line-height:40px;font-size:15px} .btn-y{height:40px;line-height:40px;font-size:15px} .btn-o{height:40px;line-height:40px;font-size:15px} .btn-box-c{margin-top:30px} .btn-b-s{height:33px;line-height:33px;font-size:14px} br.lb{display:none} .mt-20{margin-top:15px !important} .btn-st1{display:inline-block;height:36px;line-height:36px;padding:0 15px;font-size:14px;font-weight:600} .btn-st1:after{margin-left:15px;font-size:12px} .gap-box p{margin:4px 0} .container.topmost{overflow-y: scroll; touch-action: pan-y ;} /*** 최상단공지사항 ***/ .topmost-notice-bar li a {display:inline-block; overflow:hidden; padding:0 5px 0 75px; text-overflow:ellipsis; white-space:nowrap;} .topmost-notice-bar li a span {left:5px;} .main-visual.topmost {margin-top:-60px;} } @charset "utf-8"; /*** 메인 비주얼 ***/ @font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } .main-visual { position:relative; z-index:10; max-width:2560px; height:590px; margin:0 auto; background:url(/homedata/images/main_re/bg_visual.jpg) center 0 no-repeat; -webkit-box-shadow:0px 8px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 8px 5px 0px rgba(0,0,0,0.15); box-shadow:0px 8px 5px 0px rgba(0,0,0,0.15) } .main-visual .mv-inner { position:relative; max-width:1068px; margin:0 auto; text-align:center } .main-visual .mv-inner .txt-l { position:absolute; top:210px; left:0; margin-left:20px; text-align:left } .main-visual .mv-inner .txt-l a,.main-visual .mv-inner .txt-r a { display:inline-block; height:38px; line-height:38px; margin-top:15px; padding:0 25px; border:solid 1px #fff; color:#fff; font-size:20px; font-weight:600; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px } .main-visual .mv-inner .txt-l img,.main-visual .mv-inner .txt-r img { width:100% } .main-visual .mv-inner .txt-r { position:absolute; top:210px; right:0; margin-right:20px; text-align:left } .main-visual .mv-inner .img { display:inline-block; margin-top:178px } .main-visual .mv-inner .img img { max-width:100% } .main-visual .scroll-down { display:none; position:absolute; bottom:20px; left:0; right:0; width:30px; height:30px; margin:0 auto; background:url(/homedata/images/main_re/img_scroll.png) no-repeat; background-size:100% auto } .main-visual .scroll-down.show { display:block } /*** 이벤트 ***/ .main-event { max-width:2560px; margin:0 auto; padding-bottom:140px; background-color:#f2f4f7 } .main-event .me-container { max-width:1100px; margin:20px auto 0 } .main-event .btn-box-m-c { margin-top:40px } .main-tit { margin:0 10px; padding-top:120px; text-align:center } .main-tit h2 { color:#515b66; font-size:40px; font-weight:400 } .main-tit span { display:block; margin-top:5px; color:#424242; font-size:18px } .main-event .slick-slider { max-width:100%; height:760px } .main-event .slick-list { overflow:visible; position:relative; max-width:100%; padding:110px 0!important } .main-event .slick-track { max-width:100% !important; -webkit-transform:translate(0,0) !important; -moz-transform:translate(0,0) !important; transform:translate(0,0) !important/*; perspective:100px*/; margin:0 auto; text-align:center } .main-event .slick-slide { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; opacity:0; width:100% !important; max-width:620px; float:none !important; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0); -webkit-transition:all .6s,opacity 1s; -moz-transition:all .6s,opacity 1s; transition:all .6s,opacity 1s } .main-event .slick-slide img { -webkit-box-shadow:-70px 70px 0 0 rgba(0,0,0,0.1); -moz-box-shadow:-70px 70px 0 0 rgba(0,0,0,0.1); box-shadow:-70px 70px 0 0 rgba(0,0,0,0.1) } .main-event .slick-snext img,.main-event .slick-sprev img { -webkit-box-shadow:-40px 40px 0 0 rgba(0,0,0,0.1); -moz-box-shadow:-40px 40px 0 0 rgba(0,0,0,0.1); box-shadow:-40px 40px 0 0 rgba(0,0,0,0.1) } .main-event .slick-snext,.main-event .slick-sprev { display:block; text-align:center } .main-event .slick-current { opacity:1; position:relative; display:inline-block; max-width:620px; z-index:20 } .main-event .slick-sprev { opacity:1; left:-60%; width:400px !important; height:329px; z-index:10; -webkit-transform:translateY(-170px); -moz-transform:translateY(-170px); transform:translateY(-170px) } .main-event .slick-snext { opacity:1; left:60%; width:400px !important; height:329px; -webkit-transform:translateY(170px); -moz-transform:translateY(170px); transform:translateY(170px) } .main-event .cnt { position:relative; display:inline-block; max-width:100% } .main-event .cnt .bgb { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:.3; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; transition:all .3s ease-in } .main-event .slick-current .bgb { display:none } .main-event .cnt img { max-width:100% } .next-arr { position:absolute; top:230px; right:8%; z-index:30; width:60px; height:70px; background:url(/homedata/images/main_re/btn_ev_arr_r.png) 50% 50% no-repeat } .prev-arr { position:absolute; top:450px; left:8%; z-index:30; width:60px; height:70px; background:url(/homedata/images/main_re/btn_ev_arr_l.png) 50% 50% no-repeat } .main-event .slick-dots { margin-top:10px; text-align:center } .main-event .slick-dots li { display:inline-block; width:10px; height:10px; margin:0 10px; background-color:#808d9c } .main-event .slick-dots .slick-active { background-color:#0f2741 } /*** 회원가입 후 즉시 판매 ***/ .main-join { } .main-join .join-img { max-width:673px; height:auto; margin:90px auto 0 } .main-join .join-img img { max-width:100% } .main-join .join-img .img-m { display:none } .main-join .btn-box-m-c { margin-top:100px } /*** 스룩페이 장점 ***/ .main-sadv { max-width:2560px; margin:150px auto 0; background-color:#f2f4f7 } .main-sadv .sadv-cnt { max-width:2000px; margin:95px auto 0 } .main-sadv .sadv-cnt .sadv-box { display:block; overflow:hidden; position:relative; max-width:2000px; height:500px } .main-sadv .sadv-cnt .sadv-box:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease } .main-sadv .sadv-cnt .sadv-box:hover:after { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1) } .main-sadv .sadv-cnt .sadv-box .cnt-inner { display:block; position:absolute; z-index:10; width:90%; max-width:1080px; height:500px; background-color:rgba(242, 244, 247, 0.9) } .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box { position:absolute; top:50%; padding-top:75px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%) } .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box .inner-tit { line-height:1.2; color:#515b66; font-size:30px } .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box .inner-tit strong { font-weight:800 } .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box .inner-desc { margin-top:13px; font-size:18px } .main-sadv .sadv-cnt .cnt01 .cnt-inner,.main-sadv .sadv-cnt .cnt03 .cnt-inner { right:0; margin-left:10% } .main-sadv .sadv-cnt .cnt02 .cnt-inner,.main-sadv .sadv-cnt .cnt04 .cnt-inner { left:0; margin-right:10%; text-align:right } .main-sadv .sadv-cnt .cnt01:after { background:url(/homedata/images/main_re/bg_adv01.jpg) right 0 no-repeat } .main-sadv .sadv-cnt .cnt01 .cnt-inner .inner-box { left:80px; background:url(/homedata/images/main_re/ic_adv01.png) no-repeat } .main-sadv .sadv-cnt .cnt02 .cnt-inner .inner-box { right:80px; background:url(/homedata/images/main_re/ic_adv02.png) 100% 0 no-repeat } .main-sadv .sadv-cnt .cnt02:after { background:url(/homedata/images/main_re/bg_adv02.jpg) right 0 no-repeat } .main-sadv .sadv-cnt .cnt03:after { background:url(/homedata/images/main_re/bg_adv03.jpg) left 0 no-repeat } .main-sadv .sadv-cnt .cnt03 .cnt-inner .inner-box { left:80px; background:url(/homedata/images/main_re/ic_adv03.png) no-repeat } .main-sadv .sadv-cnt .cnt04:after { background:url(/homedata/images/main_re/bg_adv04.jpg) right 0 no-repeat } .main-sadv .sadv-cnt .cnt04 .cnt-inner .inner-box { right:80px; background:url(/homedata/images/main_re/ic_adv04.png) 100% 0 no-repeat } /*** 수수료 프로모션 ***/ .main-promotion { } .main-promotion .img-promotion { max-width:712px; height:auto; margin:100px auto 0 } .main-promotion .img-promotion img { max-width:100% } .main-promotion .img-promotion .img-m { display:none } .main-promotion .btn-box-m-c { margin-top:60px } /*** 도입사례 ***/ .main-case { position:relative; max-width:2560px; height:830px; margin:150px auto 0; background:url(/homedata/images/main_re/bg_case.jpg) no-repeat; background-attachment:fixed; background-size:cover } .main-case .case-tit { padding:145px 10px 0; text-align:center } .main-case .case-tit h2 { color:#fff; font-size:35px; font-weight:300 } .main-case .case-tit span { display:inline-block; margin-top:5px; color:#fff; font-size:18px } .main-case .case-list { position:relative; width:1070px; margin:55px auto 0 } .main-case .case-list .case-item { position:relative; width:350px; margin:0 5px; font-size:16px; text-align:center } .main-case .case-list .case-item .item-in { height:280px; padding-top:30px; border:solid 1px #fff; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px } .main-case .case-list .case-item .item-in p { padding:50px 20px 0; background:url(/homedata/images/main_re/ic_case.png) 50% 0 no-repeat } .main-case .case-list .case-item .item-name { padding-top:40px; background:url(/homedata/images/main_re/bg_arr_bt.png) 50% 0 no-repeat; color:#fff; font-size:18px } .main-case .case-list .case-item .item-name span { margin-right:5px; color:#929292 } .main-case .case-list .slick-dots { margin-top:40px; text-align:center } .main-case .case-list .slick-dots li { display:inline-block; overflow:hidden; width:10px; height:10px; margin:0 10px; background-color:#acb2b8; text-indent:-9999px; cursor:pointer } .main-case .case-list .slick-dots .slick-active { background-color:#fff } .main-case .slick-arrow { cursor:pointer } .main-case .case-list .slick-next { overflow:hidden; position:absolute; top:120px; right:-70px; z-index:10; width:60px; height:90px; background:url(/homedata/images/main_re/btn_case_arr_r.png) no-repeat 50% 50%; text-indent:-9999px } .main-case .case-list .slick-prev { overflow:hidden; position:absolute; top:120px; left:-70px; z-index:10; width:60px; height:90px; background:url(/homedata/images/main_re/btn_case_arr_l.png) no-repeat 50% 50%; text-indent:-9999px } /*** 파트너 ***/ .main-partner { max-width:2560px; margin:0 auto; padding-top:60px; background-color:#f2f4f7 } .main-partner ul { max-width:1030px; margin:0 auto; text-align:center } .main-partner ul li { display:inline-block; margin:60px 20px 0 } .main-partner ul li img { display:block; vertical-align:top } /*** 가입상담 ***/ .main-counsel { max-width:2560px; margin:0 auto; padding-top:120px; background-color:#f2f4f7 } .main-counsel .counsel-inner { max-width:980px; margin:0 auto; padding:0 20px } .main-counsel .counsel-inner:after { content:''; display:block; clear:both } .main-counsel .counsel-txt { float:left; color:#727272; font-size:18px } .main-counsel .counsel-txt span { display:block; margin-top:4px; font-size:16px } .main-counsel .counsel-inner .counsel-btn { float:right } /*** 이니시스 ***/ .inicis { max-width:2560px; margin:0 auto; padding-top:140px; background-color:#f2f4f7; text-align:center } .inicis .inicis-inner { max-width:1200px; margin:0 auto; padding-bottom:25px; border-bottom:solid 2px #e1e1e1 } .inicis .inicis-inner img { width:249px } /*** footer ***/ .footer-m { max-width:2560px; margin:0 auto; background-color:#f2f4f7 } .footer-m .f-bottom { max-width:970px; margin:0 auto; padding:0 20px 30px; position:relative; } .footer-m .f-bottom .f-link { padding-top:30px } .footer-m .f-bottom .f-link:after { content:''; display:block; clear:both } .footer-m .f-bottom .f-link li { float:left; font-size:15px } .footer-m .f-bottom .f-link li:after { content:''; display:block; float:right; width:1px; height:11px; margin:6px 10px 0 13px; background-color:#d6d6d6 } .footer-m .f-bottom .f-link li a { color:#727272 } .footer-m .f-bottom .f-link li a strong { color:#222 } .footer-m .f-bottom .f-link .last:after { display:none } .footer-m .f-bottom .f-qna { position:absolute; bottom:30px; right:10px; } .footer-m .f-bottom .f-qna .qna_btn { width:90px; display:block; border:1px solid #666; text-align:center; padding:10px 30px; } .footer-m .f-bottom .f-qna .qna_btn:hover { animation:fadeIn2 0.5s infinite alternate; } .footer-m .f-bottom .f-info:after { content:''; display:block; clear:both } .footer-m .f-bottom .f-info .f-logo { overflow:hidden; float:left; width:96px; height:26px; margin-top:28px; background:url(/homedata/images/main_re/logo_f.gif) no-repeat; text-indent:-9999px } .footer-m .f-bottom .f-info address { float:left; margin:25px 0 0 23px; letter-spacing:-.1em; color:#929292; font-size:13px; font-style:normal } .footer-m .f-bottom .f-info address span { display:inline-block; margin:0 3px; color:#aaa } .footer-m .f-bottom .f-link .last.btn_service em { position:relative; right:0; top:1px; } .footer-m .f-bottom .f-link .last.btn_service em img { width:16px } @keyframes fadeIn2 { from { border-color:#587e9b } to { border-color:#c9ecff } } .footer-m .f-bottom .f-cs { float:right; position: absolute; top: 24px; right: 0; } .footer-m .f-bottom .f-cs .cs-info { letter-spacing:-.1em; font-size:14px } .footer-m .f-bottom .f-cs .cs-info span { display:block; color:#929292 } .footer-m .f-bottom .f-cs .cs-tit { font-weight:600; color:#929292; font-size:18px; } .footer-m .f-bottom .f-cs .cs-num { display: inline-block; margin-top:3px; font-weight:600; color:#929292; font-size:18px; } .footer-m .f-bottom .f-cs .cs-num a {color:#444; font-size:24px; font-weight:600; } .footer-m .f-bottom .familysite {outline:none; appearance:none; -webkit-appearance:none; display:block; width:222px; margin-bottom:10px; padding-bottom:8px; font-size:14px; font-weight:bold; color:#929292; border-bottom:1px solid #b7b7b7; background:url(/Homedata/images/common/ico_familysite.png)no-repeat 100% calc(100% - 8px); background-size:12px;} .footer-m .f-bottom .familysite option {color:#333; font-size:14px;} .footer-m .f-bottom .copyright { display:block; float:none; margin-top:55px; text-align:center } .footer-m .f-bottom .f-map, .footer-m .f-bottom .f-cs .cs-info .cs-tit2 { display:none } .footer-m .ft_sns { float: right; margin: 0 100px 0 0; } .footer-m .ft_sns li,.footer-m .ft_sns li a { position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; } .footer-m .ft_sns li a { margin:0; } .footer-m .ft_sns li span { display:inline-block; width:20px; height:20px; font-size:0; } .footer-m .ft_sns li span.ft_ico_insta { background:url(/homedata/images/common/f_ico_insta.gif) center 0 no-repeat; } .footer-m .ft_sns li span.ft_ico_blog { background:url(/homedata/images/common/f_ico_blog.gif) center 0 no-repeat; } .footer-m .ft_sns li span.ft_ico_face { background:url(/homedata/images/common/f_ico_face.gif) center 0 no-repeat; } /* new main_visual */ .mainVisual { overflow:hidden; position:relative; z-index:9;min-width:1200px} .mainVisual .bx-controls {position:absolute;bottom: 50px;left:50%;width:1200px;margin: 0 auto;/*text-align:center;*/vertical-align:middle;transform: translateX(-50%);z-index:99;} .mainVisual .bx-pager { display:block; margin: 0 30px;/*margin:0 auto; width:200px; */} .mainVisual .bx-pager .bx-pager-item { display:inline-block; padding: 0 0 0 10px; margin-right:10px;} .mainVisual .bx-pager .bx-pager-item a { position:relative; font-size:13px; line-height:0; color:#222; font-weight:bold; display: inline-block; } .mainVisual .bx-pager .bx-pager-item a.active { display:inline-block; padding: 0 90px 0 0; } .mainVisual .bx-pager .bx-pager-item a.active:before { content:""; width:84px; display: inline-block; height:3px; position: absolute; left: 27px; vertical-align:middle; background-color:#fff; } .mainVisual .bx-pager .bx-pager-item a:after { content:""; position: relative; top:0; left:0; width:0; height:3px; background-color:transparent; } .mainVisual .bx-pager .bx-pager-item a.active:after { width:84px; left: 27px; background-color:#fd3667; animation:bxpager 6s linear; display: block; position: absolute; } .mainVisual .bx-controls-auto { display:inline; position: absolute; } .mainVisual .bx-controls-auto-item { display:inline; } .mainVisual .bx-controls-auto a { display:inline-block; position: relative; width:30px; height:30px; top: -23px; left:0px; font-size:0; line-height:0; color:transparent; vertical-align:middle; background:url("/Homedata/images/main_re/btn_visual_pause.png") no-repeat 50% 50%; z-index: 99; } .mainVisual .bx-controls-auto a.bx-start { background:url(/Homedata/images/main_re/btn_visual_start.png) no-repeat 50% 50%; } .mainVisual .bx-visual-dir {width:300px;position:absolute;height:22px;left:28.3%;bottom: 22px;transform:translateX(-50%);text-align:center;z-index:60;} .mainVisual .bx-visual-dir a {position:absolute;left:0;top: -24px;display:block;width:22px;height:22px;font-size:0;text-decoration:none;background:transparent url("/Homedata/images/main_re/btn_visual_prev.png") no-repeat 0 0;} .mainVisual .bx-visual-dir a.bx-next { left:auto; right:0; background: transparent url("/Homedata/images/main_re/btn_visual_next.png") no-repeat 0 0; font-size:0; } .mainVisual .bx-visual-dir{left:50%;width:1200px;z-index: 100;} .mainVisual .bx-visual-dir a.bx-prev{left:0;z-index: 1000;} .mainVisual .bx-visual-dir a.bx-next{left:300px; z-index:999;} .mainVisual .bx-controls-auto{position:absolute;left:250px;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainVisual .bx-controls-auto { left: 44%; } } /* visual shutter */ .mainVisual .shutter { display:block; position:absolute; top:-45%; left:0; width:100%; height:200%; opacity:0.8; } .mainVisual .active .shutter { transform:rotate(45deg); } .mainVisual .shutter:before, .mainVisual .shutter:after { content:""; position:absolute; left:0; width:100%; height:100%; background-color:#fff; } .mainVisual .shutter:before { bottom:150%; animation:shutterT 2s; } .mainVisual .shutter:after { top:150%; animation:shutterB 2s; } .mainVisual .item:nth-child(even).active .shutter { transform:rotate(-45deg); } .mainVisual .item { height:720px; } .mainVisual .item > div { overflow:hidden; position:relative; height:100%; width:100%; background:#f6f6f6; } .mainVisual .bg { position:absolute; top:0; left:50%; width:100%; height:720px; transform:translateX(-50%); background-repeat:no-repeat; background-position:50% 0; } .mainVisual .word { position: relative; min-width: 960px; height: auto; margin: 190px auto 0; animation: conOpacity 2s; width: 1184px; z-index: 2;} .mainVisual .word .move_link { display:inline-block; box-sizing:border-box; width:135px; height:45px; line-height:10px; font-weight:bold;} .mainVisual .word > span { overflow:hidden; white-space:nowrap; font-family:'GmarketSansMedium'; } .mainVisual .word .t1 {display:block;margin:0 0 15px 5px;font-size: 22.5px;line-height: 24px;} .mainVisual .word .t2 {display:block;margin:0 0 10px;font-size: 39px;line-height: 43px;color:#222;font-family: 'GmarketSansBold';font-weight:bold;letter-spacing:-4px;} .mainVisual .word .t3 {display:block;margin:0 0 60px;font-size: 39px;line-height: 42px;font-family: 'GmarketSansBold';font-weight:bold;letter-spacing:-4px;} .mainVisual .active .word .t1 { animation:txtToLeft .4s .2s ease-in; } .mainVisual .active .word .t2 { animation:txtToLeft .7s .4s ease-in; } .mainVisual .active .word .t3 { animation:txtToLeft 1s .6s ease-in; } .mainVisual .active .word .move_link { /*display:inline-block;*/ animation:txtToTop 0.7s 0.5s backwards; } .mainVisual .word .t3 { display:block; } .mainVisual .move_link { display:block; width:180px; height:60px; padding:18px 0; border:2px solid #222; color:#222; font-size:13px; text-align:center; box-sizing:border-box; } .mainVisual .sns_manager .bg { background:#ffd9e1/* url(/Homedata/images/main_re/main_visual_01.png) 50% 100% no-repeat; background-size:contain*/ } .mainVisual .channel_manager .bg { background:#dce1fd /*url(/Homedata/images/main_re/main_visual_02.png) 50% 100% no-repeat; background-size:contain*/ } .mainVisual .celeb_manager .bg { background:#d5e5fd /*url(/Homedata/images/main_re/main_visual_03.png) 50% 100% no-repeat; background-size:contain*/ } .mainVisual .sns_manager .obj1, .mainVisual .sns_manager .obj2, .mainVisual .sns_manager .obj3, .mainVisual .sns_manager .obj4, .mainVisual .sns_manager .obj5, .mainVisual .sns_manager .obj6, .mainVisual .sns_manager .obj7, .mainVisual .sns_manager .obj8, .mainVisual .sns_manager .obj9, .mainVisual .sns_manager .obj10, .mainVisual .sns_manager .obj11, .mainVisual .channel_manager .obj1, .mainVisual .channel_manager .obj2, .mainVisual .channel_manager .obj7, .mainVisual .channel_manager .obj8, .mainVisual .channel_manager .obj9, .mainVisual .channel_manager .obj10, .mainVisual .channel_manager .obj11, .mainVisual .celeb_manager .obj1, .mainVisual .celeb_manager .obj2, .mainVisual .celeb_manager .obj3, .mainVisual .celeb_manager .obj4, .mainVisual .celeb_manager .obj5, .mainVisual .celeb_manager .obj6, .mainVisual .celeb_manager .obj17,.mainVisual .celeb_manager .obj7, .mainVisual .celeb_manager .obj8, .mainVisual .celeb_manager .obj9, .mainVisual .celeb_manager .obj10,.mainVisual .celeb_manager .obj18 { position: absolute; } .mainVisual .sns_manager .obj1 { display:block; width:175px; height:78px; background:url(/Homedata/images/main_re/sns_obj1.png) no-repeat 0 0; background-size: contain; top:0; left:193px; animation: fadeIn 1s ease-in; } .mainVisual .sns_manager .obj2 { display:block; width:53px; height:52px; background:url(/Homedata/images/main_re/sns_obj2.png) no-repeat 0 0; background-size: contain; animation: float 4s ease-in-out infinite; left:3%; } .mainVisual .sns_manager .obj3 { display:block; width:90px; height:90px; background:url(/Homedata/images/main_re/sns_obj3.png) no-repeat 0 0; background-size: contain; animation: float 3s ease-in-out infinite; top:264px; left:6%; transform:translateX(-50%) } .mainVisual .sns_manager .obj4 { display:block; width:320px; height:79px; background:url(/Homedata/images/main_re/sns_obj4.png) no-repeat 0 0; background-size: contain; bottom:0; left:50%; transform:translateX(-50%) } .mainVisual .sns_manager .obj5 { display:block; width:20px; height:33px; background:url(/Homedata/images/main_re/sns_obj5.png) no-repeat 0 0; background-size: contain; right:10%; top:0; animation:float2 2s ease-in-out infinite; } .mainVisual .sns_manager .obj6 { display:block; width:75px; height:175px; background:url(/Homedata/images/main_re/sns_obj6.png) no-repeat 0 0; background-size: contain; right:0; top:392px; } .mainVisual .sns_manager .obj7 {width:274px;height:547px;top:217px;left: 48%;z-index:2;background:url(/Homedata/images/main_re/sns_visual2.png) 0 0 no-repeat;background-size:cover;} .mainVisual .sns_manager .obj8 {width:246px;height:2000px;top:280px;left:0;z-index:1;background:url(/Homedata/images/main_re/sns_visual1.png) 0 0 repeat-y;background-size:cover;animation: kv-text 15s linear infinite;} .mainVisual .sns_manager .obj9 {width:164px;height:130px;top:153px;left: 112%;z-index:1;background:url(/Homedata/images/main_re/sns_visual_icon3.png) 0 0 no-repeat;background-size:cover;} .mainVisual .sns_manager .obj10 {width:57px;height:57px;top: 582px;left: 136%;z-index:1;background:url(/Homedata/images/main_re/sns_visual_icon2.png) 0 0 no-repeat;background-size:cover;box-shadow: 18px 10px 31px 0px rgb(0 0 0 / 20%);border-radius: 100%;} .mainVisual .sns_manager .obj11 {width:58px;height:58px;top: 530px;left:23%;z-index:1;background:url(/Homedata/images/main_re/sns_visual_icon1.png) 0 0 no-repeat;background-size:cover;box-shadow: 18px 10px 31px 0px rgb(0 0 0 / 20%);border-radius: 100%;} .mainVisual .sns_manager .objW2 { overflow: visible; position: absolute; top:0px; left:33%; width: 620px; height: 520px; } .mainVisual .sns_manager .obj_wrap{position: absolute;top: 80px;width: 246px;height: 640px;left: 102%;transform: translateX(-50%);overflow: hidden;} .mainVisual .sns_manager .obj_wrap:before{content:"";display:block;width: 240px;left: 3px;height: 50px;border-top-right-radius: 10px;border-top-left-radius: 10px;z-index: 99;position: absolute;top: -9px;background: linear-gradient( to top, transparent ,rgb(255 217 225));} .mainVisual .channel_manager .obj1 { display:block; width:456px; height:357px; background:url(/Homedata/images/main_re/celb_obj1.png) no-repeat 0 0; background-size: contain; top:50%; left: 78%; animation: fadeIn 1s ease-in; } .mainVisual .channel_manager .obj2 { display:block; width:434px; height:241px; background:url(/Homedata/images/main_re/celb_obj2.png) no-repeat 0 0; background-size: contain; left: 0; top: 67%; animation: fadeIn 1s ease-in; } .mainVisual .channel_manager .obj8 {width:353px;height:223px;top:165px;left: 50%;z-index: 3;background:url(/Homedata/images/main_re/img_visual2_4.png) 0 0 no-repeat;background-size:cover;animation:kv-text 1s ease-in;} .mainVisual .channel_manager .obj7 {width:148px;height:172px;top:369px;left: 45%;z-index:1;background:url(/Homedata/images/main_re/img_visual2_1.png) 0 0 repeat-y;background-size:cover;} .mainVisual .channel_manager .obj9 {width:148px;height:172px;top:369px;left: 58.5%;z-index:2;background:url(/Homedata/images/main_re/img_visual2_2.png) 0 0 no-repeat;background-size:cover;} .mainVisual .channel_manager .obj10 {width:148px;height:172px;top:369px;left: 72%;z-index:2;background:url(/Homedata/images/main_re/img_visual2_3.png) 0 0 no-repeat;background-size:cover;} .mainVisual .celeb_manager .obj1 { display:block; width:34px; height:34px; top:100px; left:16%; background:url(/Homedata/images/main_re/celeb_obj3.png) no-repeat 0 0; background-size: contain; animation: rolling 4s infinite linear; } .mainVisual .celeb_manager .obj2 { display:block; width: 282px; height: 377px; background:url(/Homedata/images/main_re/celeb_obj1.png) no-repeat 0 0; background-size: contain; top: 48%; left:0; animation: fadeIn 1s .5s backwards; } .mainVisual .celeb_manager .obj3 { display:block; width:180px; height: 102px; background:url(/Homedata/images/main_re/celeb_obj2.png) no-repeat 0 0; background-size: contain; top: 86%; left: 10%; animation: fadeIn 1s .7s ease-in; } .mainVisual .celeb_manager .obj4 { display:block; width: 350px; height: 217px; background:url(/Homedata/images/main_re/celeb_obj6.png) no-repeat 0 0; background-size: contain; top:503px; left: 42%; /*animation:float3 1s 1s infinite ease-in; */animation:dialPhone 1.2s 1.5s backwards; } .mainVisual .celeb_manager .obj5 {display:block;width: 602px;height: 400px;background:url(/Homedata/images/main_re/celeb_obj7.png) no-repeat 0 0;background-size: contain;top: 0%;left: 77%;animation: fadeIn 1s .7s ease-in;} .mainVisual .celeb_manager .obj6 { display:block; width:90px; height:90px; background:url(/Homedata/images/main_re/celeb_obj8.png) no-repeat 0 0; background-size: contain; top:100px; left: 45%; animation: float3 2s infinite ease-in; } .mainVisual .celeb_manager .obj17 {display: block;width: 156px;height: 156px;background: url(/Homedata/images/main_re/celeb_obj4.png) no-repeat 0 0;background-size: contain;top: 62%;left: 90%;animation: float5 3s 1.2s infinite ease-in;} .mainVisual .celeb_manager .obj18 {display: block;width:116px;height:108px;background: url(/Homedata/images/main_re/m_main3_01.png) no-repeat 0 0;background-size: contain;top:24%;left: 69%;} .mainVisual .celeb_manager .obj10 {width:236px;height:227px;top:65%;left: 43%;border-radius:36px;z-index: 2;background:url(/Homedata/images/main_re/celeb_visual3.png) 0 0 no-repeat;background-size:cover;} /*.mainVisual .active .celeb_manager .objW2 .obj10 { animation: float3 2S .8s infinite ease-in; }*/ .mainVisual .celeb_manager .obj7 {width: 659px;height: 640px;top: 145px;left: 50%;z-index: 3;background: url(/Homedata/images/main_re/celeb_visual2.png) 0 0 no-repeat;background-size: contain;} .mainVisual .celeb_manager .obj9 {width: 213px;height: 159px;top: 78%;left: 70%;z-index: 2;background:url(/Homedata/images/main_re/celeb_visual4.png) 0 0 no-repeat;background-size:cover;border-radius: 7px;} .mainVisual .active .sns_manager .objW2,.mainVisual .active .channel_manager .objW2,.mainVisual .active .celeb_manager .objW2 { animation: conToTop 1s .5s backwards; } .mainVisual .active .objW2 .obj8 { animation:dialPhone 1s 1.5s backwards; } .mainVisual .active .sns_manager .objW2 .obj8 { animation: kv-text 15s linear infinite;} .mainVisual .active .objW2 .obj7 { animation:dialPhone 1s 2s backwards; } .mainVisual .active .objW2 .obj9 {animation:dialPhone 1s 2.5s backwards;} .mainVisual .active .objW2 .obj10 { animation:dialPhone 1s 3s backwards; } .mainVisual .active .objW2 .obj18 { animation:dialPhone 1s 2.5s backwards; } .mainVisual .active .objW2 .obj11 {/*animation: float3 2S .8s infinite ease-in;*/ animation:fadeIn 2s .5s ease-in;} .mainVisual .sns_manager .word .t3 { color:#fd3667 } .mainVisual .channel_manager .word .t3 { color:#7043ff; } .mainVisual .celeb_manager .word .t3 { color:#3e55ef; } .mainVisual .sns_manager .objW2 .objwrap{position: absolute; top: 80px; width: 184px; height: 640px; left: 95%; transform: translateX(-50%);overflow: hidden;} @media all and (min-width:1920px) { .mainVisual .sns_manager .objW2.v_pc { max-width: 1200px; left: 40%;} /* .mainVisual .channel_manager .obj7{left: 47%;} .mainVisual .channel_manager .obj9{left: 54%;} .mainVisual .channel_manager .obj10{left:72%;}*/ } .mainVisual .active .channel_manager .objW2.v_pc{width: 1200px;left: 50%;position: absolute;transform: translateX(-50%);} .v_pc { display:inline-block!important; } .v_mobile { display:none!important; } @keyframes kv-text { 0% { transform: translate(0, -50%); } 100% { transform: translate(0, -25%); } } @media all and (max-width:1600px) { .mainVisual .sns_manager .obj11 {left:0;} .mainVisual .sns_manager .obj9 {left:96% } .mainVisual .sns_manager .obj10{left:120%;} .mainVisual .sns_manager .obj7{left:30%;} .mainVisual .sns_manager .obj_wrap{left:83%;} .mainVisual .channel_manager .obj7{left:45.5%;width: 145px; height: 168px;} .mainVisual .channel_manager .obj9{left: 58%;width: 145px; height: 168px;} .mainVisual .channel_manager .obj10{left:70.5%;width: 145px; height: 168px;} .mainVisual .celeb_manager .obj18{left:84%;} } @media all and (max-width:641px) { .mainVisual {min-width:auto; overflow-x:hidden;} .mainVisual .word{min-width:auto;} .mainVisual .item { height:calc(100vh + 10px); } .mainVisual .bg { height:calc(100vh + 10px); } .mainVisual .word { width:100%; text-align:center; margin: 100px auto 0; z-index:99} .mainVisual .sns_manager .objW2 { width:100vw; height:80vh; top:auto; left:0; bottom:0; } .mainVisual .sns_manager .obj7 {width: 39.84vw; height:75vw;left:13%; top: auto; bottom:30%; } .mainVisual .word .t1 {font-size:5.31vw;line-height: 7.5vw;margin: 0 0 2.68vw;letter-spacing:-3px;} .mainVisual .word .t2 {font-size:7.5vw;line-height: 8.8vw;margin: 0 0 1vw;letter-spacing:-3px;} .mainVisual .word .t3 {font-size:7.5vw;line-height: 8.5vw;margin: 0 0 6.6vw;letter-spacing:-3px;} .v_pc { display:none!important; } .v_mobile { display:inline-block!important; } .mainVisual .bx-controls-auto a.bx-stop {background-image:url(/Homedata/images/main_re/btn_visual_stop_m.png);width: 13px;height: 13px;} .mainVisual .bx-controls-auto a.bx-start {background-image:url(/Homedata/images/main_re/btn_visual_start_m.png);top:-7px;left: 15px;} .mainVisual .bx-pager { background:rgba(0,0,0,0.8); height:50px; border-radius:50px; line-height:30px; } .mainVisual .bx-controls,.mainVisual .bx-pager {width: 23.43vw;left: auto;height: 9.37vw;right: 4.68vw;bottom:7vw; transform: translateX(0);font-size: 2.7vw;line-height: 2.7vw; margin:0 auto;} .mainVisual .bx-controls-auto {transform: translate(-50%, -50%);display: inline-block;position:absolute;right:7%;top:52%;bottom: 0;left:auto;} .mainVisual .bx-controls-auto a {top: auto;left: 0px;} .mainVisual .bx-pager .bx-pager-item a {color:#fff;font-weight:bold;position:absolute;left: 13%;top:auto;} .mainVisual .bx-pager .bx-pager-item a {content:none;display:none;} .mainVisual .bx-pager .bx-pager-item a.active {padding:0;font-size:2.7vw;line-height: 5.37vw;display:inline-block;} .mainVisual .bx-pager .bx-pager-item a.active:after { content:none; } .mainVisual .bx-pager .bx-pager-item a.active:before { content:none; } .mainVisual .shutter{width:100vw;height:100vh; top:0; opacity:0.4} .mainVisual .active .shutter{transform :rotate(45deg)} #slide-counter{position: absolute;height: 9.37vw;color: #fff;line-height: 9.37vw;font-size: 2.7vw;bottom:7vw;right: 14.5vw;font-weight: bold;z-index: 99;} #slide-counter .slash{display:inline-block; margin:0 5px;} .mainVisual .word .move_link{width:31.25vw; height:11vw; font-size:3.75vw;line-height:11vw;padding:0;} .mainVisual .channel_manager .v_mobile .obj2{ width: 59.68vw;height: 29.6vw; bottom: 0;top: auto; background: url(/Homedata/images/main_re/m_main20_bg.png) 0 0 no-repeat; background-size:cover} .mainVisual .channel_manager .v_mobile .obj8 {top: 80vw;left:13vw;animation: dialPhone2 1s 1.5s backwards;width: 76vw;height: 46vw;background: url(/Homedata/images/main_re/m_main21.png) 0 0 no-repeat;background-size: cover;} .mainVisual .channel_manager .v_mobile .obj7{top:118vw;left:2vw;width: 32vw;height: 36.5vw;background:url(/Homedata/images/main_re/m_main22.png) 0 0 no-repeat;background-size:cover;} .mainVisual .channel_manager .v_mobile .obj10{top:118vw;width: 32vw;height: 36.5vw;left: 69vw;background:url(/Homedata/images/main_re/m_main23.png) 0 0 no-repeat;background-size:cover;} .mainVisual .channel_manager .v_mobile .obj9 {top:118vw;width: 32vw;height: 36.5vw;left:35.5vw;background:url(/Homedata/images/main_re/m_main24.png) 0 0 no-repeat;background-size:cover;} .mainVisual .sns_manager .objW2.v_mobile .objwrap{left: 64%;top:29vw;width: 39vw;height: 100vh;} .mainVisual .sns_manager .obj9{top: 29vw;left: auto;right: 4vw;width: 21vw; height: 19vw;background: url(/Homedata/images/main_re/m_main03.png) 0 0 no-repeat;background-size: cover;} .mainVisual .sns_manager .obj8{ width: 39vw; height: 150vh; animation: kv-text 15s linear infinite;} .mainVisual .sns_manager .obj10{top:57vh;right: 0;width: 15vw;height: 23vw;left: auto;z-index: 11;background:url(/Homedata/images/main_re/m_main02.png) 0 0 no-repeat;background-size: cover;border-radius: 0;box-shadow: none;} .mainVisual .sns_manager .obj11{top: auto;bottom: 20vw;left: -3%;width: 16vw;height: 34vw;background:url(/Homedata/images/main_re/m_main01.png) 0 0 no-repeat;background-size: cover;border-radius: 0;box-shadow: none;} .mainVisual .celeb_manager .objW2 .obj7{top:42vh;width: 110vw; height: 90vw;left: -5%;} .mainVisual .celeb_manager .objW2 .obj10{top:auto;left: -3.4%;bottom:5vw;width: 35vw;height: 34vw;border-radius: 1vw;} .mainVisual .celeb_manager .objW2 .obj9{top:auto;left:auto;right: -6%;bottom:0vw;width: 42vw;height: 31vw;} .mainVisual .celeb_manager .obj2{width: 51vw;height:81vw;background: url(/Homedata/images/main_re/m_main3_bg2.png) 0 0 no-repeat; background-size: cover; top: 36%; animation:fadeIn 1s 1.2s backwards } .mainVisual .celeb_manager .obj4{ width: 30vw; height: 54vw; background: url(/Homedata/images/main_re/m_main3_bg1.png) no-repeat 0 0; left: auto; right: 0; top:34%; background-size: cover;} .mainVisual .celeb_manager .obj18{width: 12.5vw;height: 12.5vw;top:52%;right: 5%;left: auto; animation: fadeIn 1s 3.5s backwards;} .mainVisual .active .word .t1 { animation:txtToLeft .4s .2s backwards; } .mainVisual .active .word .t2 { animation:txtToLeft .7s .4s backwards; } .mainVisual .active .word .t3 { animation: txtToLeft 1s .6s backwards;} .mainVisual .sns_manager .word{margin:80px 0 0;} .mainVisual .active .sns_manager .word{margin:80px 0 0;} } @media all and (max-width:415px){ .mainVisual .word { width: 100%; text-align: center; margin: 60px auto 0; } .mainVisual .sns_manager .word .t3 { margin: 0 0 20px; } .mainVisual .sns_manager .objW2 { width: 100vw; height: 80vh; top: auto; left: 0; bottom: 0; } .mainVisual .sns_manager .obj7 {width: 41vw;height: 82vw;left: 13%;top: auto;bottom:10%;} .mainVisual .channel_manager .v_mobile .obj8{width:73vw; height:45vw;top:76vw;} } @media all and (max-width:378px){ .mainVisual .item { height:calc(100vh + 40px); } .mainVisual .bg { height:calc(100vh + 40px); } .mainVisual .bx-controls, .mainVisual .bx-pager,#slide-counter {bottom:9vw;} } /* keyframes */ @keyframes dialPhone { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes dialPhone2 { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes dialPromo { 0% { left: 150px; opacity: 0; } 100% { opacity: 1; left: 0px; } } @keyframes dialNum { 0% { transform: translateY(2px); opacity: 0; } 50% { transform: translateY(0) scale(1.1); opacity: 1; } 100% { opacity: 1; transform: translateY(0)} } @keyframes dialLogo { 0% { transform: translateX(-10px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes dialexpand { 0% { transform: scale(0); opacity:0; } 100% { transform: scale(1) rotate(.003deg); opacity:1; } } @keyframes shutterT { 0% { bottom: 50%; } 100% { bottom: 150%; } } @keyframes shutterB { 0% { top: 50%; } 100% { top: 150%; } } @keyframes bxpager { 0% {width:0;} 100% {width:90px;} } @keyframes fadeIn { from { opacity: 0.5; } to { opacity: 1; } } @keyframes conOpacity { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @keyframes txtToLeft { 0% { margin-left: 50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @keyframes txtToTop { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes conToTop { 0% { transform: translateY(150px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes conToTop2 { 0% { transform: translateY(480px); opacity: 0; } 100% { transform: translateY(280px); opacity: 1; } } @keyframes conToBtm { 0% { transform: translateY(-150px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes conToLeft { 0% { transform: translateX(200px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes conToRight { 0% { transform: translateX(-200px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes txtSlideIn { 0% { opacity: 0; max-width: 0px; } 55% { opacity: 0; max-width: 0px; } 100% { opacity: 1; max-width: 350px; } } @keyframes txtImgFill { 0% { width: 0; } 30% { width: 100%; transform: rotate(.001deg); } 60% { width: 0; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: .2; } 70% { opacity: 1; } 100% { opacity: 1; } } @keyframes wifiIn { 0%,10% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 1; } } @keyframes wifiMid { 0%,10% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 1; } } @keyframes wifiOut { 0%,10% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 1; } } @keyframes bounce { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes heart { 0% { transform: scaleX(1) scaleY(1); } 50% { transform: scaleX(1.13) scaleY(1.13) rotate(.001deg); } 100% { transform: scaleX(1) scaleY(1) rotate(.001deg); } } @keyframes zoomIn { 100% { transform: scale(1.1) rotate(.001deg); } } @keyframes expand { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1) rotate(.001deg); opacity: 1; } } @keyframes rotateR { 100% { transform: rotateZ(.001deg) rotate(360deg); } } @keyframes rotateL { 100% { transform: rotateZ(.001deg) rotate(-360deg); } } @keyframes rotateY { 100% { transform: rotateZ(.001deg) rotateY(360deg); } } @keyframes dropping { 0% { transform: translateY(-3000px); } 100% { transform: translateY(0); } } @keyframes hang { 0% { transform: translateX(-30px) translateY(-3000px) rotate(-45deg); } 90% { transform: translateX(-30px) translateY(-50px) rotate(-45deg); } 100% { transform: translateX(0) translateY(0) rotate(0); } } @keyframes float { 0% { transform: translateY(264px); } 50% { transform: translateY(242px); } 100% { transform: translateY(264px); } } @keyframes float2 { 0% { transform: translateY(165px); } 50% { transform: translateY(185px); } 100% { transform: translateY(165px); } } @keyframes float3 { 0% { transform: translateY(0px); } 50% { transform: translateY(15px); } 100% { transform: translateY(0px); } } @keyframes float4 { 0% { transform: translateY(503px); } 50% { transform: translateY(480px); } 100% { transform: translateY(503px); } } @keyframes float5 { 0% {transform: translateY(10px);} 50% {transform: translateY(0);} 100% {transform: translateY(10px);} } @keyframes dialPhone3 { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } /*** 팝업 ***/ .pop-main { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .pop-main.pop-move .pop-in { position: fixed; left: 50%; top: 50%; max-width: 550px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%)} .pop-main .pop-in { position: relative; z-index: 20; width: 100%; height: auto; padding-bottom: 0 !important; background-color: transparent !important} .pop-main .pop-in .pop-main-close { position: absolute; top: -50px; right: 0; width: 56px; height: 40px; background: url(/homedata/images/common/btn_pop_close2.png) no-repeat; background-size: 100% auto} .pop-main .pop-in .pop-move-wrap { overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.46)} .pop-main .pop-in .pop-move-wrap .move-top { position: relative; z-index: 10; max-width: 100%; height: 167px; background: url(/homedata/images/main_re/bg_pop_move.jpg) no-repeat; text-align: center; -webkit-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1)} .pop-main .pop-in .pop-move-wrap .move-top span { display: inline-block; width: 84px; height: 26px; margin-top: 48px; line-height: 25px; background-color: #363636; color: #fff; font-size: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px} .pop-main .pop-in .pop-move-wrap .move-top p { margin-top: 15px; color: #fff; font-size: 27px} .pop-main .pop-in .pop-move-wrap .move-cnt { padding: 65px 40px; background-color: #fff; color: #727272; font-size: 14px} .pop-main .pop-in .pop-move-wrap .move-cnt p { margin-top: 24px; line-height: 1.5} .pop-main .pop-in .pop-move-wrap .move-cnt div { max-width: 100%; margin-top: 30px; padding: 20px 5px; background-color: #f0f0f0; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px} .pop-main .pop-in .pop-move-wrap .move-cnt div strong { color: #727272} .pop-main .pop-in .pop-move-wrap .move-cnt span:last-child { display: inline-block; margin-top: 30px} .pop-main .pop-in .pop-move-wrap .move-bottom { padding: 25px 0; background-color: #f8f8f8; text-align: center; -webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.1)} .pop-main .pop-in .pop-move-wrap .move-bottom label { font-size: 14px; cursor: pointer} .pop-main .pop-in .pop-move-wrap .move-bottom label input { margin-right: 5px; vertical-align: middle} .pop-main-bg { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 80; background-color: #000; opacity: .4; filter: alpha(opacity=40)} /***** layer *****/ .layer_wrap { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200} .layer_wrap .layer_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom: 1} .layer_wrap .layer_cnt { position: fixed; left: 50%; top: 50%; z-index: 150; padding: 20px 18px; border: solid 2px #59a9ae; background-color: #fff; text-align: center; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%)} .layer_wrap .layer_default { background: transparent; border: 0} .layer_wrap .layer_inner { position: relative; box-shadow: 0 0 10px #666} .layer_wrap .layer_inner .btn_close { position: absolute; top: 10px; right: 10px; font-size: 0; line-height: 0; cursor: pointer} .layer_wrap .layer_inner .close_box { position: absolute; bottom: 30px; width: 100%; font-size: 14px; text-align: center} /* 롤링 레이어 */ .layer_pop { position: relative; width: 480px; background-color: #3c3c3c} .layer_pop .btn_close { position: absolute; top: 10px; right: 10px; z-index: 10; cursor: pointer; width: 56px; height: 46px; font-size: 0; } .layer_pop .pop_img { position: relative; width: 476px; height: 498px; border: solid 2px #3c3c3c} .layer_pop .pop_img a:first-child { display: block} .layer_pop .pop_img a { display: none; position: absolute; top: 0; left: 0} .layer_pop .chk_close { height: 42px; line-height: 42px; color: #fff} .layer_pop .pop-allday-close { cursor: pointer} .layer_pop .pop-allday-close input { margin-right: 10px; vertical-align: middle; width: 16px; height: 16px; } /*** 공통 ***/ .btn-box-m-c { text-align: center} .btn-m-t1 { display: inline-block; width: 350px; height: 70px; line-height: 70px; background-color: #515b66; color: #fff; font-size: 20px; text-align: center} .btn-m-t2 { display: inline-block; width: 350px; height: 70px; line-height: 70px; background-color: #fff; color: #515b66; border: 1px solid #515b66; font-size: 20px; text-align: center; box-sizing: border-box; } .gap_mtop { margin: 15px 0 0; } .service-btn { text-align: right; } .txt_right { text-align: right; } .btn_service a { margin: -5px 0 0; display: inline-block; } /* 원격지원 버튼*/ .remote_btn{position:fixed; bottom:10px;right:10%; background:url(/homedata/images/main_re/main_remote_icon.png) 0 0 no-repeat; width:62px;height:66px;display:block;} /*** responsive ***/ @media all and (max-width:1160px){ .main-case .case-list { max-width: 790px} } @media all and (max-width:1020px){ .main-visual .mv-inner .txt-l { max-width: 300px} .main-visual .mv-inner .txt-l a, .main-visual .mv-inner .txt-r a { height: 26px; line-height: 26px; margin-top: 5px; padding: 0 20px; font-size: 15px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px} .main-visual .mv-inner .txt-r { max-width: 300px} .main-visual .mv-inner .img { max-width: 250px} } @media all and (max-width:1000px){ .main-counsel .counsel-inner { text-align: center} .main-counsel .counsel-txt { display: inline-block; float: none; text-align: left} .main-counsel .counsel-inner .counsel-btn { float: none; margin-top: 40px; text-align: center} .service-btn { text-align: center; } } @media all and (max-width:880px){ .main-visual .mv-inner .txt-l { max-width: 280px} .main-visual .mv-inner .txt-l a, .main-visual .mv-inner .txt-r a { height: 26px; line-height: 26px; margin-top: 5px; padding: 0 20px; font-size: 15px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px} .main-visual .mv-inner .txt-r { max-width: 280px} .main-visual .mv-inner .img { max-width: 200px; margin-top: 200px} .main-case .case-list { position: static; width: 350px} .main-case .case-list .case-item { width: auto !important; max-width: 350px; margin: 0} .main-case .case-list .slick-arrow { display: none !important} .footer-m .f-bottom .f-info address { margin-left: 13px; font-size: 12px} .footer-m .f-qna { margin: 20px 10px 0; float: none; text-align: center; display: inline-block; } .footer-m .f-qna .qna_btn { float: none; text-align: center; } .footer-m .ft_sns { margin: 20px 20px 30px 0; text-align: center; float: none; display: inline-block; } } @media all and (max-width:800px){ .footer-m .f-bottom .f-info address, .footer-m .f-bottom .f-cs .cs-tit { display: none} } @media all and (max-width:768px){ .header-cnt-in h1 .h-m { display: block} .header-cnt-in h1 .h-p { display: none} .main-tit { padding-top: 60px; text-align: center} .main-tit span { font-size: 15px} .main-visual { height: 680px; background: url(/homedata/images/main_re/bg_visual_m.jpg) center center no-repeat} .main-visual .mv-inner { height: 100%} .main-visual .mv-inner .txt-l { position: absolute; top: 12%; left: 50%; min-width: 210px; max-width: 260px; margin-left: 0; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%)} .main-visual .mv-inner .txt-l a, .main-visual .mv-inner .txt-r a { height: 24px; line-height: 24px; margin-top: 4px; padding: 0 20px; font-size: 14px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px} .main-visual .mv-inner .txt-r { position: absolute; top: auto; bottom: 8%; left: 50%; min-width: 210px; max-width: 260px; margin-right: 0; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%)} .main-visual .mv-inner .img { position: absolute; top: 50%; left: 50%; min-width: 200px; max-width: 30%; margin-top: 10px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%)} .main-visual .mv-inner .txt-l.m { min-width: 30%; max-width: 45%} .main-visual .mv-inner .txt-r.m { bottom: 14%; min-width: 30%; max-width: 45%} .main-visual .mv-inner .img.m { min-width: 25%; max-width: 40%; margin-top: 5px} .main-event { padding-bottom: 60px} .main-event .slick-slider { height: auto} .main-event .btn-box-m-c { margin-top: 30px} .main-event .slick-dots { margin-top: 15px} .main-event .slick-list { padding: 18% 0 !important} .main-event .slick-slide img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .main-event .slick-current { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px} .main-event .slick-snext { opacity: 1; top: auto; bottom: -20%; left: 0; width: 63% !important; max-width: 300px; height: auto; z-index: 10; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0)} .main-event .slick-sprev { opacity: 1; top: -20%; left: 0; width: 63% !important; max-width: 300px; height: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0)} .main-event .slick-arrow { display: none !important} /*** 회원가입 후 즉시 판매 ***/ .main-join .join-img { max-width: 533px; height: auto; margin-top: 40px; padding: 0 20px} .main-join .join-img .img-p { display: none} .main-join .join-img .img-m { display: block} .main-join .btn-box-m-c { margin-top: 40px} /*** 스룩페이 장점 ***/ .main-sadv { margin-top: 60px} .main-sadv .sadv-cnt { margin-top: 50px} .main-sadv .sadv-cnt .sadv-box { height: 300px; background-size: cover} .main-sadv .sadv-cnt .sadv-box .cnt-inner { height: 300px; background-image: url(/homedata/images/main_re/bg_adv_arr.png); background-repeat: no-repeat; background-size: 22px auto} .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box { right: 40px; left: 30px; padding-top: 50px; background-size: 30px auto} .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box .inner-tit { font-size: 20px} .main-sadv .sadv-cnt .sadv-box .cnt-inner .inner-box .inner-desc { margin-top: 10px; font-size: 14px} .main-sadv .sadv-cnt .cnt01 .cnt-inner, .main-sadv .sadv-cnt .cnt03 .cnt-inner { background-position: left 40px bottom 20px} .main-sadv .sadv-cnt .cnt02 .cnt-inner, .main-sadv .sadv-cnt .cnt04 .cnt-inner { background-position: right 40px bottom 20px} .main-sadv .sadv-cnt .cnt02 .cnt-inner .inner-box, .main-sadv .sadv-cnt .cnt04 .cnt-inner .inner-box { right: 30px; left: 40px} /*** 수수료 프로모션 ***/ .main-promotion .img-promotion { max-width: 570px; height: auto; margin-top: 50px; padding: 0 20px} .main-promotion .img-promotion .img-p { display: none} .main-promotion .img-promotion .img-m { display: block} .main-promotion .btn-box-m-c { margin-top: 40px} /*** 도입사례 ***/ .main-case { height: 580px; margin-top: 70px; background-size: cover} .main-case .case-tit { padding-top: 60px} .main-case .case-tit span { font-size: 15px} .main-case .case-list { width: 280px} .main-case .case-list .case-item { max-width: 280px} .main-case .case-list { margin-top: 30px} .main-case .case-list .case-item .item-in { height: 250px; padding-top: 15px} .main-case .case-list .case-item .item-in p { padding-top: 40px; font-size: 15px} .main-case .case-list .case-item .item-name { font-size: 14px} .main-case .case-list .slick-dots { margin-top: 20px} .main-case .case-list .slick-dots li { width: 6px; height: 6px; margin: 0 5px} /*** 파트너 ***/ .main-partner { padding-top: 40px} .main-partner ul li { margin: 30px 15px 0} .main-partner ul li img { width: 120px} /*** 가입상담 ***/ .main-counsel { padding-top: 60px} .main-counsel .counsel-txt { font-size: 15px} .main-counsel .counsel-txt span { font-size: 13px} .main-counsel .counsel-inner .counsel-btn { margin-top: 25px} /*** 이니시스 ***/ .inicis { padding-top: 60px} .inicis .inicis-inner { border-bottom: 0} /*** footer ***/ .footer-m .f-top { font-size: 13px} .footer-m .f-top .f-notice { padding: 15px 20px} .footer-m .f-top .f-notice > div span { display: block; margin-bottom: 2px} .footer-m .f-top .f-notice .more { margin-top: 10px} .footer-m .f-bottom { overflow: hidden; padding: 0 30px 30px; background-color: #333; color: #999} .footer-m .f-bottom .f-link { padding-top: 25px; text-align: center} .footer-m .f-bottom .f-link li { display: inline-block; font-size: 13px} .footer-m .f-bottom .f-link li a { color: #999} .footer-m .f-bottom .f-link li a strong { color: #fff} .footer-m .f-bottom .f-link li:after { margin: 3px 7px 0 11px; background-color: #999} .footer-m .f-bottom .f-info .f-logo { float: left; margin-top: 20px; width: 96px; height: 24px; background: url(/homedata/images/main_re/logo_f_m.gif) no-repeat; background-size: 100% auto} .footer-m .f-bottom .f-cs { float: none; margin: 20px 0 0 5px; position: relative; top: auto; right: auto} .footer-m .f-bottom .f-cs:after, .footer-m .f-bottom .f-cs .cs-info:after { content: ''; display: block; clear: both} .footer-m .f-bottom .f-cs .cs-info { float: left} .align_center { clear: both; } .footer-m .f-bottom .f-cs .cs-info .cs-tit2 { display: block; margin-bottom: 2px; font-size: 17px; font-weight: 600} .footer-m .f-bottom .f-cs .cs-num { float: right; margin-top: 0; color: #999; font-size: 20px; font-weight: 600} .footer-m .f-bottom .f-cs .cs-num a {color: #999; font-size: 20px; font-weight: 600} .footer-m .f-bottom .familysite {position:absolute; right:0; top:35px; width:120px;} .footer-m .f-bottom .copyright { float: left; margin-top: 10px; letter-spacing: -1px; color: #929292; font-size: 11px; text-align: left} .footer-m .f-bottom .f-map { display: block; float: right; margin-top: -26px; color: #999; font-size: 13px; font-weight: 600; text-align: center} .footer-m .f-bottom .f-map img { width: 20px} .footer-m .f-bottom .f-map span { display: block; color: #929292; } .footer-m .ft_sns li span.ft_ico_insta { background-image: url(/homedata/images/common/mf_ico_insta.png); background-size: 20px !important; } .footer-m .ft_sns li span.ft_ico_blog { background-image: url(/homedata/images/common/mf_ico_blog.png); background-size: 12px !important; } .footer-m .ft_sns li span.ft_ico_face { background-image: url(/homedata/images/common/mf_ico_face.png); background-size: 11px !important; } /*** 레이어 팝업 ***/ .pop-main .pop-in .pop-main-close { top: -40px; width: 40px; height: 29px} .pop-main .pop-in .pop-move-wrap { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px} .pop-main .pop-in .pop-move-wrap .move-top { height: 100px} .pop-main .pop-in .pop-move-wrap .move-top span { width: 70px; height: 20px; margin-top: 20px; line-height: 20px; font-size: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px} .pop-main .pop-in .pop-move-wrap .move-top p { margin-top: 15px; color: #fff; font-size: 20px} .pop-main .pop-in .pop-move-wrap .move-cnt { padding: 40px 30px; font-size: 12px} .pop-main .pop-in .pop-move-wrap .move-cnt p { margin-top: 15px} .pop-main .pop-in .pop-move-wrap .move-cnt div { margin-top: 15px; padding: 8px 5px} .pop-main .pop-in .pop-move-wrap .move-cnt span:last-child { margin-top: 15px} .pop-main .pop-in .pop-move-wrap .move-bottom { padding: 15px 0} .pop-main .pop-in .pop-move-wrap .move-bottom label { font-size: 13px} .pop-main .pop-in .pop-move-wrap .move-bottom label input { margin-right: 4px} /*** 공통 ***/ .btn-m-t1 { width: 250px; height: 50px; line-height: 50px; background-color: #515b66; font-size: 16px} .btn_service a { margin: 10px 0 0; } .btn-m-t2 { width: 250px; height: 50px; line-height: 50px; font-size:16px; } .btn_service a em img { width: 16px; } /***** layer *****/ .layer_wrap .layer_cnt { position: fixed; left: 50%; top: 50%; z-index: 150; padding: 20px 18px; border: solid 2px #59a9ae; background-color: #fff; text-align: center; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%)} .layer_wrap .layer_default { background: transparent; border: 0} .layer_wrap .layer_inner { position: relative; box-shadow: 0 0 10px #666} .layer_wrap .layer_inner .btn_close { position: absolute; top: 10px; right: 10px; font-size: 0; line-height: 0; cursor: pointer} .layer_wrap .layer_inner .close_box { position: absolute; bottom: 30px; width: 100%; font-size: 14px; text-align: center} /* 롤링 레이어 */ /*.layer_pop { position:relative; width:320px; background-color:#3c3c3c } .layer_pop .pop_img { position:relative; width:inherit; height:498px; border:solid 2px #3c3c3c } */ .layer_pop { position: relative; width: 100vw; background-color: #3c3c3c} .layer_pop .btn_close { position: absolute; top: 10px; right: 10px; z-index: 10; cursor: pointer} .layer_pop .pop_img { position: relative; width: 100vw; height: 105vw; border: solid 2px #3c3c3c} .layer_pop .pop_img img { width: 100%; } .layer_pop .pop_img a:first-child { display: block} .layer_pop .pop_img a { display: none; width: inherit; position: absolute; top: 0; left: 0} .layer_pop .chk_close { height: 42px; line-height: 42px; color: #fff; } .layer_pop .pop-allday-close { line-height: 12px; } } @charset "utf-8"; /*** 공통 ***/ .sub-visual{max-width:2000px;height:350px;margin:0 auto;text-align:center;white-space:nowrap;font-size:0} .sub-visual:before{content:'';display:inline-block;height:100%;vertical-align:middle} .sub-visual .sv-in{display:inline-block;width:100%;padding:0 15px;vertical-align:middle;white-space:normal;box-sizing:border-box} .sub-visual .sv-in .tit-e{display:block;color:#fff;font-size:16px;font-weight:600;opacity:.4;filter:alpha(opacity=40)} .sub-visual .sv-in .tit{display:block;margin-top:6px;line-height:1.1;color:#fff;font-size:45px} .sub-visual .sv-in .tit:after{content:'';display:block;width:80px;height:2px;margin:18px auto;background-color:#fff} .sub-visual .sv-in .tit.bd-n:after{display:none} .sub-visual .sv-in p{color:#fff;font-size:16px} .sub-visual .top-srch{padding:0 30px} .sub-visual .top-srch .top-srch-in{position:relative;max-width:500px;height:46px;margin:0 auto;border:solid 2px #efefef;background-color:#fff;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .sub-visual .top-srch .top-srch-in p{padding:0 60px 0 20px} .sub-visual .top-srch .top-srch-in p input{width:100%;height:46px;line-height:46px;background-color:transparent;font-size:16px} .sub-visual .top-srch .top-srch-in button{overflow:hidden;position:absolute;top:0;right:15px;width:36px;height:46px;background:url(/homedata/images/customer/btn_search.png) no-repeat 50% 50%;background-size:26px;text-indent:-9999px;cursor:pointer} .sub h2{margin-top:100px} .sub h2 .h-sub{margin-left:10px;color:#727272;font-size:16px;font-weight:600} .sub h2 .h-sub2{display:block;color:#727272;font-size:16px;font-weight:400} .sub h2 .h-sub3{display:block;margin-top:5px;color:#727272;font-size:20px;font-weight:400} .sub hr.line{margin:40px auto 0 !important} .sub hr.line.s{margin:30px auto 0 !important} .cnt-desc,.cnt-desc3{margin:70px auto 0;line-height:1.9;color:#737373;text-align:center} .cnt-desc.cd2{line-height:inherit;font-size:25px} .cnt-desc3{margin:43px auto 0;} .list-q{margin-top:50px;text-align:center} .list-q ul{display:inline-block;text-align:left} .list-q ul li{margin:40px 15px 0;padding-left:85px;background:url(/homedata/images/common/img_q.gif) no-repeat} .list-q ul li:first-child{margin-top:0} .list-q ul li span{display:block;padding-top:7px;font-size:25px} .list-q ul li div{margin-top:15px;line-height:1.7;color:#737373} .list-q.q-b ul li{background:url(/homedata/images/common/img_q_b.gif) no-repeat} .featured{width:100%;margin-top:40px} .featured:after{content:'';display:block;clear:both} .featured li{display:inline-block;position:relative;width:47%;margin:30px 1.3%;vertical-align:top} .featured li:after{content:'';display:block;clear:both} .featured .im{float:left} .featured .im img{width:100px;margin-top:10px} .featured .im:after{content:'';display:inline-block;float:right;width:2px;height:120px;margin:0 30px;background-color:#efefef} .featured li div{margin-left:160px} .featured li div .new {display:block; height:20px;} .featured li div .new img {width:42px;} .featured li div h3,.featured h3{font-size:25px;font-weight:400} .cal_settle_sub .featured .sub_txt{text-align:center;} .cal_settle_sub .featured .cnt-desc{margin:20px auto 0;} .cal_settle_sub .im{text-align:center;margin:62px auto 0;} .cal_settle_sub .sub_txt2{text-align:center; font-weight:bold;font-size:26px;color:#222;margin:48px auto 0;} .featured li div p{margin-top:15px;line-height:1.5;color:#737373} .featured li div p strong{color:#b69a4b;font-weight:400} .featured li div a{display:inline-block;margin-top:3px;padding-right:21px;background:url(/homedata/images/srookpay/ic_arr_link.gif) no-repeat 100% 50%;background-size:13px;color:#786e47;font-weight:600} .featured.centered{margin-right:auto;margin-left:auto;text-align:center} .featured.centered li{width:auto;text-align:left;padding:0 20px;white-space:nowrap} .featured.once{margin:0 auto} .featured.once li{display:block;width:100%} .featured2{display:table;margin:40px auto 0} .featured2 li{display:table;margin:30px 1.3%} .featured2 .im{display:table-cell;position:relative;padding-right:60px;vertical-align:middle} .featured2 .im img{width:100px;margin-top:10px} .featured2 .im:after{content:'';display:inline-block;position:absolute;right:30px;width:2px;height:120px;background-color:#efefef} .featured2 li div{display:table-cell;margin-left:160px} .featured2 li div h3{font-size:25px;font-weight:400} .featured2 li div p{margin-top:15px;line-height:1.5;color:#737373;white-space:nowrap} .featured.centered .img_block{position:relative;} .featured.centered .img_block .arr{float:left;color:#2b2e36;font-size: 18px;font-weight:600;vertical-align: middle;position: relative;vertical-align: bottom;margin:60px 0 0 50px;width: 239px;} .featured.centered .img_block .arr span {margin:0 auto;text-align:center;max-width: 147px;} .featured.centered .img_block .arr .logo_img {display:block;margin: 40px auto 0;} .featured.centered .img_block{overflow:hidden;vertical-align: bottom;} .featured.centered .img_block .img_left{float:left;width:auto;vertical-align: bottom;margin-top: 30px;} .featured.centered .img_block .img_right{float:left;width: 280px;vertical-align: bottom;} .featured.centered .img_block .img_left:after, .featured.centered .img_block .img_right:after, .featured.centered .img_block .arr:after{content:'';display:block;clear:both;} .featured.centered .img_block .arr:before{content:'';background:url(/homedata/images/function/mem_arrst.png) no-repeat 0 0;display:block;width:100%;height:13px;position: absolute;top: 43%;left: 9px;} .info_txt_ps{color:#999;font-size:14px;font-weight:400;margin:5px auto 0;} .info-cnt.mem-point .info-txt{display:block;margin:0 0 60px;} .info-cnt.mem-point .featured.once {text-align:left;} .info-cnt.mem-point .featured.once li{margin:0 0 55px;} .info-cnt.mem-point .featured.once .txt_gray div h3,.info-cnt.mem-point .featured.once .txt_gray div p{color:#cecece;} .info-cnt.mem-point .featured.once .txt_gray .info_coming_soon{padding:5px 10px; border:2px solid #bcbcbc;width:130px;box-sizing: border-box; color:#bcbcbc; border-radius:30px;font-weight:600; font-size:15px;line-height:15px;} .info-list{position:relative;margin-top:50px} .info-list ul{position:relative;z-index:10;text-align:center;font-size:0} .info-list ul li{display:inline-block;position:relative;width:20%;color:#737373;font-size:16px;vertical-align:top} .info-list ul li:before{content:'';position:absolute;display:block;top:48px;left:0;right:0;z-index:-10;height:5px;background-color:#efefef} .info-list ul li:after{content:'';display:block;position:absolute;top:37px;right:-13px;width:25px;height:25px;background:#efefef url(/homedata/images/common/bg_list_arr.png) no-repeat 7px 50%;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px} .info-list.member-list ul li:after{background:#efefef url(/homedata/images/common/img_plus_plus.png) no-repeat 5px 50%; width:27px;height:27px;} .info-list.shop ul li:after,.info-list.shop ul li:before{content:none;} .info-list ul li:first-child:before{left:80px} .info-list ul .last:before{right:80px} .info-list ul .last:after{display:none} .info-list ul li p{width:100px;margin:0 auto} .info-list ul li p img{width:100%} .info-list ul li div{margin-top:25px;color:#727272} .info-list2{position:relative;margin-top:50px} .info-list2 ul{position:relative;z-index:10;text-align:center;font-size:0} .info-list2 ul li{display:inline-block;position:relative;width:320px;margin-right:20px;margin-left:20px;color:#737373;font-size:16px;text-align:center;vertical-align:top} .info-list2 ul li p{width:100px;margin:0 auto} .info-list2 ul li p img{width:100%} .info-list2 ul li .tit2{color:#333;font-size:25px !important} .info-list2 ul li .desc{display:inline-block;width:310px;margin-top:25px;color:#737373} .info-list2 ul li div{margin-top:25px;color:#727272} .info-cnt{display:table;margin:100px auto 0} .info-cnt.shop_cnt{margin-bottom:100px;} .info-cnt .info-img{display:table-cell;padding:0 5px} .info-cnt .info-img img{width:100%} .info-cnt .info-img img.w537{max-width:537px;} .info-cnt .info-txt{display:table-cell;padding:0 5px;vertical-align:middle} .info-cnt .info-l{display:table-cell;padding:0 5px;vertical-align:middle} .info-cnt .info-r{display:table-cell;padding:0 5px;vertical-align:middle} .info-cnt .info-txt2{ text-align:center;} .info-cnt .info-txt2 .info-img2{display:block;width:248px; text-align:center; margin:50px auto 20px; } .info-cnt .info-txt2 .info-img3{display:block;text-align:center; margin:50px auto 20px; } .mo_lb{display:none;} .info-cnt .tbw1{width:380px} .info-cnt .img-box{display:table-cell;padding:0 15px;text-align:center} .info-cnt .img-box span{color:#727272;font-weight:600} .info-cnt .img-box img{width:100%;margin-top:15px} .mem-area .info-cnt,.mem-area .info-cnt2{margin:70px auto 0;text-align:center;vertical-align: bottom;} .mem-area .info-cnt2{margin:150px auto 0;} .mem-area .info-cnt .m-txt3{font-weight:600;font-size:25px;color:#333; } .mem-area .cnt-desc{margin:26px auto 0;} /*굿스플로*/ .goods_flow_area .txt_skyblue2{color:#2196f3;font-weight:600;} .goods_flow_area .use_info_tit{margin:60px 0 0;font-size:25px;color:#333;font-weight:600;text-align:center;} .goods_flow_info{max-width:800px;margin:60px auto 0;} .goods_flow_info dl dt,goods_flow_info dl dd{float:left;display: inline-block;position:relative;} .goods_flow_info dl dt:after{content: ''; display: inline-block; float: right; width: 2px; height:130px; margin: 0 30px; background-color: #efefef;} .goods_flow_info dl dd{margin: 0 0 0 108px;} .goods_flow_info dl dd h3{font-size:24px;margin:0 0 30px;} .goods_flow_info dl:after{content:'';display:block;clear:both;} .goods_flow_area .goods_change_deli{padding: 101px 0 0;background: url(/homedata/images/function/goods_flow_arr_block.png) center 0 no-repeat;max-width: 800px;margin: 30px auto 0;text-align: center;} .goods_flow_area .goods_change_deli .txt{border:1px solid #2196f3;color:#006bc0;font-size:18px;font-weight:600;border-radius:20px;padding: 10px 20px;margin: 10px 0 0;display: inline-block;} .goods_step li{display: table;width: auto; margin-bottom:60px;position:relative} .goods_step li p{display: table-cell; width:80px;} .goods_step li p img{width:100%;} .goods_step li div{display: table-cell;margin-top: 0;padding-left: 20px;vertical-align: middle;} .goods_step li:after{content:'';position:absolute;top: 109px;left: 30px;width: 18px;height: 13px;background: #efefef url(/homedata/images/function/goods_flow_arr.png) no-repeat 0px 50%;/* background-size: 8px; */} .goods_step li.last:after{content:none;} .goods_flow_area .tb-s1 td.big_txt{font-size:18px;} .goods_flow_area .tb-s1 td.big_txt .txt-r{font-size:26px;} .goods_flow_area .txt_gray{color:#aaa;margin:20px 0 0;} /*바로앱 */ .baro_app_area h3.benefit_tit{display:block;width:70px;padding:10px; margin:70px auto ;color:#fff;font-size:16px;font-weight:600; background-color:#333; border-radius:30px; text-align:center;} .baro_app_area h4{font-weight:600;font-size:24px; text-align:center;} .baro_app_area h4 .txt_purple{font-weight:600;font-size:24px; color:#6635ed; margin:0 0 24px;} .baro_app_area .gray_txt{color:#737373;font-size:16px; font-weight:400; text-align:center; margin:20px 0 40px;} .baro_app_area .baro_info_sub{ text-align:center;} .baro_app_area .baro_info_sub.sub_bg{background:#f2f4f7;} .bg_area .sub_bg{position: relative;width: 100%; margin-top: 40px;text-align: center;padding:30px 0 20px;} .bg_area .sub_bg .cnt-playad .txt_gray{font-size:16px;font-weight:400;color:#aaa; text-align:left;margin:26px 0 68px; } .bg_area .sub_bg .cnt-playad .txt-r{font-weight:600; margin-left:10px; font-size:18px; letter-spacing: -1px;} .bg_area .sub_bg .cnt-playad .red_arr{ color:#666; position:relative; padding: 0 23px;font-weight:600;letter-spacing: -1px;} .bg_area .sub_bg .cnt-playad .red_arr:after{content:''; background:url(/homedata/images/marketing/ic_red_arr.png ) no-repeat 0 center ;display:block;clear:both; position:absolute;top:4px;left:0;width:114px;height:9px;} .baro_app_area .comimg_soon_txt div h3 ,.baro_app_area .comimg_soon_txt div p{color:#cecece!important;} .baro_app_area .tb-view-p thead th{padding:15px; background-color:#e8e8e8;} .baro_app_area .tb-view-p tbody th{padding:30px 10px; background-color:#fcfcfc;} .bg_area .sub_bg .cnt-playad {width:992px;margin:0 auto;} .bg_area .baro_info_sub .tb-view-p{ background:#fff;} .baro_app_area .comimg_soon_txt .info_coming_soon{padding:2px 15px 4px; border:2px solid #d7d7d7; color:#d7d7d7; border-radius:30px;font-weight:600; font-size:15px;line-height:14px;} .baro_app_area .sm_txt{font-size:12px; color:#777} .baro_app_area .cnt-playad{ position:relative;} /*.baro_app_area .cnt-playad:after{content:'';position:absolute; top:0;right:0; width:20%; height:100%;border:1px solid #e24f4e; }*/ .im_pc{display:block; margin:0 auto;} .im_pc_c{display:block; margin:0 auto; text-align:center;} .im_mo,.im_mo_c{display:none;} .im_pc_tbl{display:table;} .im_mo_tbl{display:none;} .bg_area .r_gray{font-size:16px;font-weight:400;color:#aaa;text-align:right;margin:0 0 10px;} .red_txt{color:#e34f4e} /* 내통장 결제 */ .my_acc_area{} .my_acc_area h3{margin:60px 0 30px; text-align:center; font-size:25px;} .my_acc_area .cnt-desc{margin:30px auto 0;} .my_acc_area .info-list.my_acc_list li:before{content:none;} .my_acc_area .info-list.my_acc_list li:first-child:after{background:url(/homedata/images/marketing/ic_myacc_plus.png) 0 0 no-repeat;} .my_acc_area .info-list.my_acc_list li:after{background:url(/homedata/images/marketing/ic_myacc_result.png) 0 0 no-repeat;width:17px;height:17px;border-radius:0;-moz-border-radius: 0;-webkit-border-radius: 0;} .my_acc_area .info-list.my_acc_list li.last .m-txt{color:#e24f4e;} .my_acc_area .info-list li .m-txt {color:#222;} .my_acc_area .tb-view-p th{background-color:#fcfcfc; padding:10px; color:#484848; font-size:16px;font-weight:bold;} .my_acc_area .tb-view-p thead th{padding:15px; background-color:#e8e8e8;} .my_acc_area .tb-view-p tbody th{padding:30px 10px; background-color:#fcfcfc;} .my_acc_area .info_p{color:#aaa; font-size:16px; line-height:22px; margin:15px 0 0;} .join-info-box .join-order ol li .txt-b{font-weight:bold;} .my_acc_area .pay_process{ text-align:center; max-width:1100px; display:table;margin:0 auto;} .my_acc_area .pay_pro_left .tit,.my_acc_area .pay_pro_right .tit{ display:inline-block;color:#444;font-size:18px; margin:0 0 20px; font-weight:bold;} .my_acc_area .pay_pro_left,.my_acc_area .pay_pro_right{ display:table-cell; padding:0 60px;margin:0 0 30px;} .my_acc_area .pay_pro_left .subpay_l li ,.my_acc_area .pay_pro_right .subpay_r li{padding-bottom:60px; position:relative;} .my_acc_area .pay_pro_left .subpay_l li:after,.my_acc_area .pay_pro_right .subpay_r li:after{content:'';display:inline-block; width:30px;height:30px;background:url(/homedata/images/marketing/ic_myacc_arr.png) 0 0 no-repeat; position:absolute;top:104px;left: calc(50% - 15px);} .my_acc_area .pay_pro_left .subpay_l li:last-child:after,.my_acc_area .pay_pro_right .subpay_r li:last-child:after{content:none;} .my_acc_area .pay_pro_left .subpay_l li span ,.my_acc_area .pay_pro_right .subpay_r li span{ display:inline-block; width:230px; height:90px;box-sizing:border-box;font-weight:bold;border-radius:10px; line-height:90px; font-size:16px;text-align:center;} .my_acc_area .pay_pro_left .subpay_l li .pro_box{border:3px solid #666; color:#666;} .my_acc_area .pay_pro_right .subpay_r li .pro_box{ background:#333; color:#fff; } .my_acc_area .cnt_center{text-align:center;margin:0 auto;} .my_acc_area .gap_tb{margin:120px 0 50px;} .my_acc_area .menu-tab {text-align:center; border-bottom: 0; padding-bottom: 0; } .my_acc_area .menu-tab li{ float:none; display:inline-block;} .my_acc_area .join-info-box h3.ji-tit{text-align:left} .bg_myacc_area{ background:#333; padding:50px 0; margin:30px 0;} .bg_myacc_area .myacc_areacon{max-width:1100px; margin:0 auto;} .bg_myacc_area .myacc_areacon h4.w-tit{color:#fff;font-size:20px; text-decoration:underline;text-align:center;} .bg_myacc_area .myacc_areacon .cnt-desc{font-size:20px; color:#fff; line-height:24px; margin: 20px 0 0;} .bg_myacc_area .btn-box-c .btn-w2{ margin-right:30px;} .my_acc_area .cnt-playad{ position:relative;} .my_acc_area .cnt-playad .tb-view-p td:last-child:after {content: ''; position: absolute;top: 0; right: 0; width:calc( 33.3% - 4px); height:calc(100% - 62px); border: 2px solid #e24f4e;} .my_acc_area .cnt-playad .tb-view-p th{width:33%;} .my_acc_area .cnt_center img { margin: 30px auto 0;} .desc-centered{display:table;margin:0 auto} .desc-box.db-gap{margin-top:25px} .desc-box{margin:0 50px} .desc-box .db-tit,.desc-box .db-subtit{display:block;margin-bottom:15px;font-size:25px;font-weight:400} .md_shop .desc-box .dp_flex.dp_start .db-tit{display:inline-block;margin:3px 0 0 15px;font-weight:bold} .md_shop .desc-box .dp_tit{} .desc-box .fl_wrap{display:inline-flex;} .desc-box .fl_wrap h3 {margin: 2px 0 0 14px;font-weight:bold;} .desc-box .db-list li{display:table;margin-top:3px;color:#727272} .desc-box .db-list li span{display:table-cell} .desc-box .db-list li span strong{margin-right:4px;color:#333;font-weight:800} .desc-box .db-txt{color:#727272} .desc-box .db-txt p{margin-bottom:8px} .desc-box .m-txt ol{} .desc-box .m-txt ol li{margin-bottom:10px;position:relative;padding-left:30px;} .desc-box .m-txt ol li em{display: inline-block;color: #fff;font-weight: bold; font-size: 16px; background-color: #000; border-radius: 100%; margin-right: 8px; width: 21px; height: 21px; text-align: center; font-family:"나눔고딕",NanumGothic; position:absolute;left:0; top:0;} .desc-box .db-img{margin-top:40px} .desc-box .db-img img{max-width:100%} .desc-box .db-order{display:inline-block;height:40px;line-height:40px;margin-bottom:30px;padding:0 20px;background-color:#000;color:#fff;font-weight:800;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .desc-box .db-order.order2{background:#484ab7;color:#fff;} .desc-box .dp_flex.dp_start { display: flex; align-items: flex-start; justify-content: center; text-align: center;} .bulk_wrap .img-full img{width:100%;} .img-cnt{position:relative;width:100%;margin-top:40px;text-align:center} .img-cnt:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-10;width:100%;height:60%;margin:auto;background-color:#2b2e36} .img-cnt div{display:inline-block} .img-cnt div img{width:100%} .max_1100,.max_1100_mn{max-width: 1100px; margin:60px auto 150px; text-align:center;box-sizing:border-box} .max_1100_mn{margin:0 auto; } .bg_f7_box{background:#f7f7f7; padding:45px 80px;} .dp_flex {display: flex; align-items: center; justify-content: center; text-align: center;} .gap_side15{margin:0 15px;} .max_1100,.max_1100_mn{max-width: 1100px; margin:60px auto 150px; text-align:center;box-sizing:border-box} .max_1100_mn{margin:0 auto; } .bg_f7_box{background:#f7f7f7; padding:45px 80px;} .dp_flex {display: flex; align-items: center; justify-content: center; text-align: center;} .gap_side15{margin:0 15px;} .gap_t70{margin-top:70px;} .cnt-box1{max-width:1030px;margin:70px auto 0} .cnt-box2{margin:70px auto 0} .desc-cnt{width:100%;margin-top:70px;padding:75px 0;background-color:#2b2e36} .desc-cnt.bg2{background-color:#00345b} .desc-cnt .centered{width:100%;text-align:center} .desc-cnt .dc-tit{display:block;padding:0 20px;color:#fff;font-size:40px;font-weight:600} .desc-cnt .dc-btn{margin-top:40px;text-align:center} .kakao_sync_sub h3{text-align:center;margin:105px 0 0;font-size:25px;} .kakao_bg{background:#fedd00; padding:80px 0; margin:30px auto 0!important;text-align: center; } .kakao_bg p,.settle_bg p {color:#333; font-size:40px; margin:0 0 40px;} .settle_bg{background-color:#c9d3e6; padding:80px 0; margin:30px auto 0!important;text-align: center;} /* 장점 추가 */ .list_half{ max-width:1130px;margin:70px auto 0} .list_half:after{content:'';display:block;clear:both} .list_half .lst_item_l{ float:left;margin-top:35px;} .list_half .lst_item_r{float:left;border:2px solid #587e9b;border-radius:15px;padding:50px 125px;margin:12px 0 0 145px;position:relative; animation: fadeIn .3s infinite alternate ;} .list_half .lst_item_r:before{content:'';position:absolute;left: -40.6%;top:50%;width: 40.6%;height: 2px;background:#587e9b;animation: fadeInBg .3s infinite alternate ;} .list_half .lst_item_r:after{content:'';position:absolute;left:-5px;top: 50.5%;width:9px;height:9px;background:#587e9b;border-radius:9px;transform: translateY(-50%);z-index: 99;animation: fadeInBg .3s infinite alternate ;} .list_half .lst_item_r ul li{position:relative;padding-left: 25px;font-size: 20px;margin-bottom: 14px;} .list_half .lst_item_r ul li:after{content:'';width: 5px;height: 5px;border-radius:9px;background:#000;position:absolute;left:10px;top:10px;} @keyframes fadeIn { from{ border-color:#587e9b } to{ border-color:#c9ecff}} @keyframes fadeIn2 { from{ border-color:#587e9b } to{ border-color:#c9ecff}} @keyframes fadeIn3 { from{ border-color:#e1e1e1 } to{ border-color:#d4ad34}} @keyframes fadeInBg { from{ background-color:#587e9b } to{ background-color:#c9ecff}} /* 도입 효과 */ .com_effct_block{max-width: 1200px;overflow: hidden;margin: 77px auto 0;} .com_effect_l{float:left;width: calc(50% - 202px);color:#fff;background-color:#004579;border:1px solid #004579;padding: 33px 20px;margin-left: 43px;border-radius:15px;position: relative;text-align: center;font-weight:bold;} .com_effect_l:before{content:'';width: 155px;border-top:1px dashed #587e9b;height:1px;position:absolute;right: -18%;top: 49%;transform:translate(50%,50%);} .com_effect_r{float:left;width: calc(50% - 82px);color:#00345b;background-color:#f5f7fa;border:1px solid #e6ebf2;padding: 33px 20px;margin-left: 156px;text-align: center;border-radius:15px;position: relative; font-weight:bold;font-size:14px;} .com_effect_r:after{content:'';background-color: #587e9b;width:10px;height:10px;position:absolute;left:-5px;top:39px;border-radius:10px;} .com_effect_block:after,.com_effect_wrap:after,.com_effect_wrap:after{content:'';display:block;clear:both;} /*이지어드민 추가*/ .ez_admin_solution {padding:30px 0;margin:105px 0 0} .ez_admin_solution .ez_bg{max-width:640px;margin:0 auto ; position:relative;} .ez_admin_solution .ez_bg:before{content: '';display: block;width: 485px;height: 250px;border:10px solid #e0e0e0;border-radius: 300px 300px 0 0;border-bottom: 0;margin: 0 auto;} .ez_admin_solution .ez_bg .ez_sol_con{position:absolute;} .ez_bg .ez_sol_con li{position:relative;width:295px;} .ez_bg .ez_sol_con li:after{content: '';display: block; width:20px;height:20px; background:url(/homedata/images/marketing/ez_icon_arr.png) no-repeat 0 0;position:absolute;} .ez_bg .ez_sol_con li span{position:absolute; color:#333; font-size:16px;} .ez_bg .ez_sol_con li.sol01{top:-84px;left:19px;} .ez_bg .ez_sol_con li.sol01 span{left:-66px;top:47px;} .ez_bg .ez_sol_con li.sol01:after{top: -41px;left: 68px;transform: rotateZ(-62deg);} .ez_bg .ez_sol_con li.sol02{top: -359px;left: 90px;} .ez_bg .ez_sol_con li.sol02 span{left: -68px;top: 50px;} .ez_bg .ez_sol_con li.sol02:after{/* top:0; *//* left:0; */top: -4px;left: 124px;transform: rotateZ(-19deg);} .ez_bg .ez_sol_con li.sol03{top: -546px;left: 264px;} .ez_bg .ez_sol_con li.sol03 span{left: 0;top: -29px;} .ez_bg .ez_sol_con li.sol03:after{top: 66px;left: 138px;transform: rotateZ(25deg);} .ez_bg .ez_sol_con li.sol04{top: -592px;left: 444px;} .ez_bg .ez_sol_con li.sol04 span{left: 123px;top: 40px;} .ez_bg .ez_sol_con li.sol04:after{top: 122px;left: 91px;transform: rotateZ(68deg);} .ez_bg .ez_sol_con li.sol05{top: -550px;left: 512px;} .ez_bg .ez_sol_con li.sol05 span{left: 121px; top: 47px;} .ez_bg .ez_sol_con li.sol05:after{content:none;} .ez_mem_benefit{background-color:#e9ecf1;} .ez_mem_benefit .benefit_con{width:1104px; margin:0 auto; padding:120px 0;} .ez_mem_benefit .benefit_con h2{margin-bottom:75px;} .ez_mem_benefit .ez_benefit_con li{padding: 60px 27px 50px;margin-left:26px;position: relative;width:350px;height:370px;box-sizing:border-box;float:left;background-color:#fff;text-align:center; box-shadow: 1px 15px 15px 0 #a0a7b1;} .ez_mem_benefit .ez_benefit_con li:first-child{margin-left:0;} .ez_mem_benefit .ez_benefit_con li:after,.ez_mem_benefit .ez_benefit_con:after{content:'';display:block;clear:both;} .ez_mem_benefit .ez_benefit_con li .icon_eve{width:100px;height:36px;background:#08245c;font-size:16px;color:#fff;display: inline-block;text-align: center;line-height: 36px;position: absolute;top: -10px;left: 0;} .ez_mem_benefit .ez_benefit_con li .icon_eve:before{content:'';width: 0;height: 0;position:absolute;top: 0px;right:-10px;border-left: 5px solid #000;border-top: 10px solid transparent;border-left: 10px solid #000;} .ez_admin_con .txt_blue {color:#3570e5;font-weight:bold;font-size:24px; } .ez_admin_con .txt_black {color:#333;font-weight:bold;font-size:24px; } .ez_admin_con .txt_skyblue{color:#52e1ff; font-size:24px;display: block; vertical-align: bottom;} .ez_admin_con .txt_skyblue img{vertical-align:middle;} .ez_mem_benefit .ez_benefit_con li dl{position:relative;} .ez_mem_benefit .ez_benefit_con li dl dd{ color:#666;font-size:15px;line-height: 20px; margin-top: 5px;} .ez_mem_benefit .ez_benefit_con li dl.first_pay,.ez_mem_benefit .ez_benefit_con li dl.plus_pay{text-align:left;padding:0 0 0 120px; height: 93px;box-sizing:border-box;} .ez_mem_benefit .ez_benefit_con li dl.first_pay{background:url(/homedata/images/marketing/ez_con4_icon1.png) no-repeat 0 0 ;margin-bottom:80px;} .ez_mem_benefit .ez_benefit_con li dl.plus_pay{background:url(/homedata/images/marketing/ez_con4_icon2.png) no-repeat 0 0 ; padding-bottom: 26px;} .ez_mem_benefit .ez_benefit_con li dl.first_pay:after {content: '';position: absolute;bottom: -2vw;height: 1px;width: 100%;display: block;border-bottom: 1px dashed #c5c5c5;left: 0;} .ez_mem_benefit .ez_benefit_con li .benefit_img{margin-bottom:40px;} .ez_admin_con .info-cnt:nth-of-type(4){margin-bottom:160px} .ez_promotion{ background:#022261 url(/homedata/images/marketing/ez_con5bg.png) no-repeat center; padding:120px 0;text-align:center;} .ez_promotion h2{color:#fff;} .ez_promotion .date_tit{text-align:center;margin:30px 0 68px;} .ez_promotion .date_tit span{ color:#fff; padding:12px; display:inline-block;font-size:20px; border-top:1px solid #677aa0; border-bottom:1px solid #677aa0;} .ez_bg .ez_sol_txt{ text-align: center;font-size: 28px;color: #000c13; font-weight: bold; position: absolute; left: 50%;transform: translateX(-50%); bottom: 0;} .btn_ezadmin{ display: inline-block; height: 48px;line-height: 48px;border: solid 1px #244c9b; background-color: #244c9b; color: #fff; font-size: 18px; font-weight: 600; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .btn_ezadmin:hover{ background-color:#fff;color:#244c9b} .btn_ezadmin:after { content: '>'; margin-left: 8px;} .btn_celebLink{display: inline-block;margin:80px auto 10px; height: 48px;line-height: 48px;border: solid 1px #244c9b; background-color:#484ab7; color: #fff;font-size: 18px;font-weight: 600; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .btn_celebLink:hover{ background-color:#fff;color:#244c9b} .btn_celebLink:after { content: ''; margin-left: 8px;} .promo_con ul{width:926px;margin:0 auto;} .promo_con .promo_tit{position:relative;width:312px;height:168px;line-height:168px;box-sizing:border-box; background:#fff; float:left; border-right:1px solid #ececec; color:#222;font-size:30px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;} .promo_con .promo_tit .icon_eve{width:100px;height:36px;background:#3570e5;font-size:16px;color:#fff;display: inline-block;text-align: center;line-height: 36px;position: absolute;top: -10px;left: 0;} .promo_con .promo_tit .icon_eve:before{content:'';width: 0;height: 0;position:absolute;top: 0px;right:-10px;border-top: 10px solid transparent;border-left: 10px solid #264d9b;} .promo_con dl{box-sizing:border-box;padding: 50px 0 0 222px;width:614px;text-align: left;height:168px;border-top-left-radius: 20px; border-bottom-left-radius: 20px;} .promo_con dl.icon_promotion{background: #fff url(/homedata/images/marketing/ez_con5_icon1.png) no-repeat 98px 38px;float:left;margin:0 0 54px;} .promo_con dl.icon_freebd{background: #fff url(/homedata/images/marketing/ez_con5_icon2.png) no-repeat 98px 38px;float:left;} .promo_con .promo_tit:after,.promo_con dl:after,.promo_con:after,.promo_con ul li:after{content:'';display:block; clear:both;} .promo_con .mt66{margin-top:66px;} .ez_admin_con .txt_right{color:#aaa;font-size:16px;text-align:right;margin: 0 0 5px;} .cnt-gap3{margin-top:150px} .cnt-gap4{margin-top:80px} .txt_black{color:#333!important} /* 이카운트 */ .ecount-info {display:table; margin:70px auto 0;} .ecount-info .img {display:table-cell;} .ecount-info .img img {max-width:100%;} .ecount-info .con {display:table-cell; padding-left:30px; vertical-align:top;} .ecount-info .con ul {display:table; width:100%;} .ecount-info .con ul:first-child {margin-bottom:42px;} .ecount-info .con ul li {display:table-cell; width:25%; padding:0 15px; text-align:center;} .ecount-info .con ul li img {max-width:100%;} .ecount-info .con ul li p {margin-bottom:7px;} .ecount-info .con ul li span {font-size:18px; font-weight:700;} .ecount-fn .img-cnt {margin-top:80px;} .ecount-fn .img-cnt:after {left:-10px; top:-60px; width:110%; height:72%;} .ecount-fn .con {max-width:1100px; margin:0 auto;} .ecount-fn .con dl {display:inline-block; width:47%; margin:30px 1.3% 20px; vertical-align:top;} .ecount-fn .con dl dt {width:118px; height:40px; margin-bottom:18px; line-height:40px; font-size:16px; font-weight:800; text-align:center; color:#fff; border-radius:30px; background:#000; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;} .ecount-fn .con dl dd p {margin-bottom:14px; font-size:25px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;} .ecount-fn .con dl dd span {font-size:16px; color:#727272; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;} .ecount-featured {max-width:1100px; margin:40px auto 0;} .ecount-playad {max-width:990px; margin:40px auto 0;} .ecount-playad .tb-s1 td .ta-l p {line-height:1.6; font-weight:700; color:#484848;} .ecount-playad .tb-s1 td .ta-l .gray {color:#aaa;} .ecount-btn .btn-blue {display:inline-block; height:48px; margin:0 15px; line-height:46px; font-size:18px; font-weight:600; text-align:center; color:#fff; border:1px solid #005c9f; background:#005c9f; transition:all 0.3s ease; -webkit-transition:all 0.3s ease} .ecount-btn .btn-blue:after {content:">"; margin-left:8px} .ecount-btn .btn-blue:hover {color:#005c9f; background-color:#fff;} .gap_mt45{margin-top:45px;margin-bottom:45px;} .m-txt32{display:block;margin-top:40px;margin-bottom:80px; width:100%;text-align:center;} .txt_purple2{color:#484ab7!important;font-weight:bold!important;} .txt_gray2{color:#999!important} .txt_skyblue1 {color:#009df8;} /*CU POST*/ .cu_post_info {display:flex; gap:37px; align-items:center; justify-content:center; margin-top:65px;} .cu_post_info .txt {font-size:25px; color:#484848;} .cu_post_fn {margin-top:70px; border-top:6px solid #642b8d; display:flex; flex-wrap:wrap;} .cu_post_fn dl {flex:1 1 40%; display:flex; gap:15px; align-items:center; padding:47px 40px; border-bottom:1px dashed #e1e1e1; border-right:1px solid #e1e1e1;} .cu_post_fn dl:nth-child(2n) {border-right:0;} .cu_post_fn dl:nth-child(3), .cu_post_fn dl:nth-child(4) {border-bottom:0;} .cu_post_fn dl dd {font-size:18px; font-weight:bold;} .cu_post_benefit .txt {margin:70px 0 40px; font-size:25px; color:#737373; text-align:center;} .cu_post_benefit .txt .txt_red {color:#e34f4e;} .cu_post_benefit dl {width:1000px; margin:0 auto 23px; height:124px; padding:0 74px; border-radius:14px; border:1px solid #ccc; display:flex; align-items:center; gap:22px; box-sizing:border-box;} .cu_post_benefit dt {line-height:0;} .cu_post_benefit dd {font-size:18px;} .cu_post_benefit dd b {margin-right:15px;} .cu_post_use {display:flex; justify-content:center; align-items:center; gap:25px; margin-top:70px;} .cu_post_use dl {width:350px; height:346px; padding:40px 30px 0; border-radius:14px; border:1px solid #ccc; text-align:center; box-sizing:border-box;} .cu_post_use dt {height:119px; margin-bottom:40px;} .cu_post_use dt img {vertical-align:middle;} .cu_post_use dd {font-size:16px; line-height:1.6;} .cu_post_use dd .sub {display:block; font-size:14px; margin-top:15px;} .cu_post_sub .tb-s1 {margin-top:70px; max-width:774px; table-layout:fixed;} .cu_post_sub .tb-s1 th {padding:5px; height:37px; font-size:16px;} .cu_post_sub .tb-s1 .l_through {text-decoration:line-through;} .cu_post_sub .tb-s1 tr:last-child {background:#f6effb;} .cu_post_caution {background:#f5f1f7; margin-top:110px; text-align:center; padding-top:85px;} .cu_post_caution ul {display:inline-block; margin:70px 0; position:relative;} .cu_post_caution ul:before {content:""; position:absolute; left:-282px; bottom:-70px; width:209px; height:168px; background:url(/Homedata/images/function/cu_post_12.png)no-repeat 0 0;} .cu_post_caution ul:after {content:""; position:absolute; right:-262px; bottom:-70px; width:174px; height:238px; background:url(/Homedata/images/function/cu_post_13.png)no-repeat 0 0;} .cu_post_caution ul li {text-align:left;line-height:2;} @media all and (max-width:1100px) { .list_half .lst_item_r{padding:45px 100px} } @media all and (max-width:1050px) { .com_effct_block{max-width:600px;margin-top:30px} .com_effect_l{ width:calc(100% - 20px);padding:10px;float:none;margin:0 0 20px} .com_effect_r{ width:calc(100% - 20px);padding:10px;float:none; margin:0;} .com_effect_l:before{height:13px; width: 1px; left: 50%; right: 0; top: 97%; border-top: 0; z-index: 9; border-right: 1px dashed #587e9b;} .com_effect_r:after{width: 6px;height:6px;position: absolute;left:49.9%; top:-4px;} .list_half .lst_item_r{float: none;padding: 10px 50px; margin: 12px 0 0;} .list_half .lst_item_r ul li{font-size: 15px;text-align: left;} .list_half .lst_item_r:after{left: 50%; transform: translate(-50%,-50%); top: 0;} .list_half .lst_item_r:before{left: 50%; top: -18%; transform: translate(-50%,-50%); width: 1px; height: 36%;} .list_half .lst_item_r { float: none; padding: 25px 50px 20px; margin: 12px 0 0;} } .list-row{max-width:1130px;margin:70px auto 0} .list-row:after{content:'';display:block;clear:both} .list-row .lr-item{float:left;width:33.33%;padding:0 10px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box} .list-row .lr-item:last-child{margin-left:-20px} .list-row .lr-item .lr-im{width:100px;margin:0 auto} .list-row .lr-item .lr-im img{width:100%} .list-row .lr-item .lr-tit{display:block;margin-top:30px} .list-row .lr-item .lr-desc{margin-top:16px;line-height:1.5} .cnt-gap{margin-top:60px} .cnt-gap2{margin-top:40px} .cnt-centered{margin-right:auto;margin-left:auto} .tit-s{display:block;margin:22px 0;text-align:center} .tit-s.s2{margin:40px 0 22px} .list-func{margin: 53px auto 0;} .list-func .lf-tit{font-weight:800;text-align:center} .list-func .lf-desc:after{content:'';display:block;clear:both} .list-func .lf-desc .desc-img{float: left;} .list-func .lf-desc .desc-img span{display:inline-block;width:100px;height:100px;vertical-align:middle;background-image:url(/homedata/images/function/sel_ico.png);background-repeat:no-repeat;background-position:0 0;font-size: 0;margin-top: 20px;} .list-func .lf-desc .desc-img span.sel_ico1{background-position:0 0;} .list-func .lf-desc .desc-img span.sel_ico2{background-position:-112px 0;} .list-func .lf-desc .desc-img span.sel_ico3{background-position: -224px 0;} .list-func .lf-desc .desc-img span.sel_ico4{background-position: -335px 0;} .list-func .lf-desc .desc-img span.sel_ico5{background-position: -446px 0;} .list-func .lf-desc .desc-img span.sel_ico6{background-position: -556px 0;} .list-func .lf-desc .desc-img span.sel_ico7{background-position: -666px 0;} .list-func .lf-desc .desc-img span.sel_ico8{background-position: -776px 0;} .list-func .lf-desc .desc-text{margin: 15px 0 0 40px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;} .list-func .lf-desc .desc-img:before{content:'';display: inline-block;width:2px;height: 149px;background-color:#efefef;float:right;margin: 0 30px;padding:15px 0;} .list-func .lf-desc .desc-text p:last-child{margin-top:20px;line-height:1.6} .stock_wrap{width: 100%;max-width: 1300px;text-align: center;margin: 40px auto;} .stock_wrap:after{content:'';display:block;clear:both;} .list-func.stock{float:left;width: calc(50% - 35px);min-height: 138px;} .list-func.stock:nth-child(odd){margin-left: 24px;} .list-func.stock:nth-child(even){margin-left: 45px;} .list-func.manage{max-width:1010px} .list-func.manage .desc-img{width:530px;} .info-desc{margin:20px 0 0} .info-desc:after{content:'';display:block;clear:both} .info-desc .id-txt{float:left} .info-desc .id-txt p{display:table;margin-top:3px} .info-desc .id-txt p span{display:table-cell} .info-desc .id-txt p span:first-child{padding-right:4px} .ic-chk{display:inline-block;width:12px;height:9px;margin-right:7px;background:url(/homedata/images/common/ic_check.gif) no-repeat} .ta-l{padding:13px 3% !important;text-align:left !important} .btn-sample{margin-top:10px} .view-m{display:none} .chk-box{margin-bottom:8px;text-align:right} .desc-centered-s{margin-top:30px;font-size:14px;text-align:center} .desc-centered-s .desc-inner{display:inline-block;color:#737373;text-align:left} .desc-centered-s .txt-s1{display:block;margin:50px 0 15px;color:#cecece;font-size:30px;font-weight:600} .desc-tb{display:inline-block;float:right;margin:20px 0 10px;color:#aaa;font-size:16px} .desc-tb:after{content:'';display:block;clear:both} /* footer */ /* footer */ .footer-s{max-width:1200px;margin:100px auto 30px;border-top:solid 2px #efefef} .footer-s .f-top{margin:45px 100px 0;*zoom:1;position:relative;} .footer-s .f-top:after{content:'';display:block;clear:both} .footer-s .f-top .f-link { padding-top:30px } .footer-s .f-top .f-link:after { content:''; display:block; clear:both } .footer-s .f-top .f-link li { float:left; font-size:15px } .footer-s .f-top .f-link li:after { content:''; display:block; float:right; width:1px; height:11px; margin:6px 10px 0 13px; background-color:#d6d6d6 } .footer-s .f-top .f-link li a { color:#727272 } .footer-s .f-top .f-link li a strong { color:#222 } .footer-s .f-top .f-link .last:after { display:none } .footer-s .f-top .f-qna { position:absolute; bottom:30px; right:10px; } .footer-s .f-top .f-qna .qna_btn { width:90px; display:block; border:1px solid #666; text-align:center; padding:10px 30px; } .footer-s .f-top .f-qna .qna_btn:hover { animation:fadeIn2 0.5s infinite alternate; } .footer-s .f-top .f-info:after { content:''; display:block; clear:both } .footer-s .f-top .f-info .f-logo { overflow:hidden; float:left; width:96px; height:26px; margin-top:28px; background:url(/homedata/images/main_re/footer_logo.png) no-repeat; text-indent:-9999px;background-size: contain;} .footer-s .f-top .f-info address { float:left; margin:25px 0 0 23px; letter-spacing:-.1em; color:#929292; font-size:13px; font-style:normal } .footer-s .f-top .f-info address span { display:inline-block; margin:0 3px; color:#aaa } .footer-s .f-top .f-link .last.btn_service em { position:relative; right:0; top:1px; } .footer-s .f-top .f-link .last.btn_service em img { width:16px } @keyframes fadeIn2 { from { border-color:#587e9b } to { border-color:#c9ecff } } .footer-s .f-top .f-cs { float:right; position: absolute; top: 24px; right: 0; } .footer-s .f-top .f-cs .cs-info { letter-spacing:-.1em; font-size:14px } .footer-s .f-top .f-cs .cs-info span { display:block; color:#929292 } .footer-s .f-top .f-cs .cs-tit { font-weight:600; color:#929292; font-size:18px; } .footer-s .f-top .f-cs .cs-num { display: inline-block; margin-top:3px; font-weight:600; color:#929292; font-size:18px; } .footer-s .f-top .f-cs .cs-num a {color:#444; font-size:24px; font-weight:600; } .footer-s .f-top .familysite {outline:none; appearance:none; -webkit-appearance:none; display:block; width:222px; margin-bottom:10px; padding-bottom:8px; font-size:14px; font-weight:bold; color:#929292; border-bottom:1px solid #b7b7b7; background:url(/Homedata/images/common/ico_familysite.png)no-repeat 100% calc(100% - 8px); background-size:12px;} .footer-s .f-top .familysite option {color:#333; font-size:14px;} .footer-s .f-top .copyright { display:block; float:none; margin-top:55px; text-align:center } .footer-s .f-top .f-map, .footer-s .f-top .f-cs .cs-info .cs-tit2 { display:none } .footer-s .ft_sns { float: right; margin: 0 100px 0 0; } .footer-s .ft_sns li,.footer-s .ft_sns li a { position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; } .footer-s .ft_sns li a { margin:0; } .footer-s .ft_sns li span { display:inline-block; width:20px; height:20px; font-size:0; } .footer-s .ft_sns li span.ft_ico_insta { background:url(/homedata/images/common/f_ico_insta.gif) center 0 no-repeat; } .footer-s .ft_sns li span.ft_ico_blog { background:url(/homedata/images/common/f_ico_blog.gif) center 0 no-repeat; } .footer-s .ft_sns li span.ft_ico_face { background:url(/homedata/images/common/f_ico_face.gif) center 0 no-repeat; } /* 서브메뉴 */ .sub-menu{position:relative;max-width:2000px;margin:0 auto;height:70px;background-color:#2b2e36} .sub-menu .sub-menu-list{overflow:hidden;position:absolute;left:0;right:0;margin:0 auto;height:70px;letter-spacing:-1px;text-align:center} .sub-menu .sub-menu-list ul{display:inline-block;font-size:0} .sub-menu .sub-menu-list ul li{display:inline-block;font-size:16px} .sub-menu .sub-menu-list ul li a{display:block;position:relative;height:70px;line-height:70px;padding:0 20px;color:#ced9e1;text-align:center;cursor:pointer;position:relative;} .sub-menu .sub-menu-list ul li a .ess{position:absolute;top:-17px;left:22px;color:#e34f4e;font-size:12px} .sub-menu .sub-menu-list ul li a .flag_new{position:absolute;top:-18px;font-size:12px;color:#ff0200;text-transform:uppercase } .sub-menu .sub-menu-list ul li .sub-menu-on{background-color:#383c45;font-weight:600} .sub-menu .sub-menu-list ul li .sub-menu-on:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#e34f4e} .sub-menu .sub-menu-list ul.w1{width:1200px} .sub-menu .sub-menu-list ul.w2{width:900px} .sub-menu .sub-menu-list ul.w-marketing{width:1000px;} .sub-menu.sm1 .sub-menu-list:before{content:'';display:block;position:absolute;left:0;top:0;z-index:10;width:30px;height:70px;background:url(/homedata/images/function/bg_shadow_l.png) no-repeat;background-size:100% auto} .sub-menu.sm1 .sub-menu-list:after{content:'';display:block;position:absolute;right:0;top:0;z-index:10;width:30px;height:70px;background:url(/homedata/images/function/bg_shadow_r.png) no-repeat;background-size:100% auto} .sub-menu.sm2 .sub-menu-list:before{content:'';display:block;position:absolute;left:0;top:0;z-index:10;width:30px;height:70px;background:url(/homedata/images/customer/bg_shadow_l.png) no-repeat;background-size:100% auto} .sub-menu.sm2 .sub-menu-list:after{content:'';display:block;position:absolute;right:0;top:0;z-index:10;width:30px;height:70px;background:url(/homedata/images/customer/bg_shadow_r.png) no-repeat;background-size:100% auto} .sub-menu.sm2{background-color:#efefef} .sub-menu.sm2 .sub-menu-list ul li a{color:#333} .sub-menu.sm2 .sub-menu-list ul li .sub-menu-on{background-color:#fff;font-weight:600} .sub-menu.sm2 .sub-menu-list ul li .sub-menu-on:after{background-color:#d4ad34} .sub-menu.sm3{background-color:#efefef} .sub-menu.sm3 .sub-menu-list ul li a{color:#333} .sub-menu.sm3 .sub-menu-list ul li .sub-menu-on{background-color:#fff;font-weight:600} .sub-menu.sm3 .sub-menu-list ul li .sub-menu-on:after{background-color:#669acb} /*** 스룩페이 ***/ .sv-srookpay{background:url(/homedata/images/srookpay/img_visual.jpg) no-repeat 50% 0;background-size:cover} .sns-list{margin-top:20px;font-size:0;text-align:center} .sns-list li{display:inline-block;margin:25px 23px 0} .sns-list li img{vertical-align:top} .srookpay-slide{position:relative;max-width:100%;margin:40px auto 0;padding:0 0 60px} .srookpay-slide:after{content:'';display:block;position:absolute;top:0;left:0;z-index:-10;width:100%;height:60%;background-color:#bcb09d} .srookpay-slide .s-cnt{text-align:center} .srookpay-slide .s-cnt .im{display:inline-block;margin-top:60px;padding:0 40px;text-align:center} .srookpay-slide .s-cnt .second{position:relative;max-width:1000px;margin:40px auto 0} .srookpay-slide .s-cnt .second div{display:inline-block;width:32%} .srookpay-slide .s-cnt .second div p{width:100%;text-align:center} .srookpay-slide .s-cnt .second div p img{display:inline-block !important;max-width:100%;max-height:457px} .srookpay-slide .s-cnt .im img{width:100%} .srookpay-slide .s-cnt .desc{margin-top:50px} .srookpay-slide .s-cnt .desc span{font-size:25px;font-weight:600} .srookpay-slide .s-cnt .desc p{margin-top:6px} .srookpay-slide .slick-dots{position:absolute;bottom:0;width:100%;text-align:center} .srookpay-slide .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .srookpay-slide .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .srookpay-slide .slick-dots .slick-active{width:22px;background-color:#999} /*** 주요기능 ***/ /* 스르륵 1초결제 */ .sv-pay{background:url(/homedata/images/function/img_visual_pay.jpg) no-repeat 50% 0;background-size:cover} /* 상품등록 */ .sv-regist{background:url(/homedata/images/function/img_visual_regist.jpg) no-repeat 50% 0;background-size:cover} /* 주문관리 */ .sv-order{background:url(/homedata/images/function/img_visual_order.jpg) no-repeat 50% 0;background-size:cover} /* 무통장자동입금확인 */ .sv-bank{background:url(/homedata/images/function/img_visual_bank.jpg) no-repeat 50% 0;background-size:cover} .bank-app{margin-top:50px;text-align:center} .bank-app span{display:block;margin-top:17px;font-size:13px} .bank-app a{display:inline-block;height:38px;line-height:38px;margin-top:15px;padding:0 60px 0 30px;border:solid 1px #333;background:url(/homedata/images/common/bg_down.gif) no-repeat 150px 50%;background-size:17px 20px;font-size:20px;text-align:center;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .tip-list{margin-top:50px;text-align:center} .tip-list .tip-in{display:inline-block;text-align:left} .tip-list .tip-in>div{margin:0 15px;padding-left:85px;background:url(/homedata/images/common/img_tip.gif) no-repeat} .tip-list .tip-in>div>span{display:block;padding-top:7px;font-size:25px} .tip-list .tip-in>div ul{color:#737373} .tip-list .tip-in>div ul li{position:relative;margin-top:10px;padding-left:8px} .tip-list .tip-in>div ul li span{position:absolute;top:1px;left:0} .bank-list{margin-top:40px;text-align:center} .bank-list span{display:block;color:#737373} .bank-list ul{margin-top:5px;font-size:0} .bank-list ul li{display:inline-block;position:relative;width:16.666%;text-align:center; margin:15px 0 0 0;vertical-align:middle} .bank-list ul li:before{content:'';display:block;position:absolute;top:4px;left:0;width:2px;height:15px;background-color:#efefef} .bank-list ul li:first-child:before,.bank-list ul li:nth-child(7):before,.bank-list ul li:nth-child(13):before{display:none} /* 자동발주 */ .sv-auto{background:url(/homedata/images/function/img_visual_auto.jpg) no-repeat 50% 0;background-size:cover} /* 인스타그램 연동 */ .sv-instagram{background:url(/homedata/images/function/img_visual_instagram.jpg) no-repeat 50% 0;background-size:cover} .insta-use{max-width:1100px;margin:40px auto 0;text-align:center} .insta-use .item{display:inline-block;width:31%;margin:0 1%;vertical-align:top} .insta-use .item .use-img img{display:inline-block !important;max-width:100%} .insta-use .desc-box{margin-top:20px} .insta-use .slick-dots{margin-top:15px} .insta-use .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .insta-use .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .insta-use .slick-dots .slick-active{width:22px;background-color:#999} .insta-widget{margin:40px auto 0;text-align:center} .insta-widget .widget-img img{max-width:100%} .widget-slide.slick-slider{display:none} .widget-slide .item{text-align:center} .widget-slide .item img{display:inline-block !important;max-width:80%} .widget-slide .slick-dots{margin-top:15px} .widget-slide .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .widget-slide .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .widget-slide .slick-dots .slick-active{width:22px;background-color:#999} .widget-desc{margin:0 20px;text-align:center} .widget-desc>div{display:inline-block;text-align:left} .widget-desc>div div{margin-top:20px} .widget-desc>div div span{font-size:25px} .widget-desc>div div p{margin-top:2px;color:#727272} .insta-adm-slide{overflow:hidden;position:relative;width:100%;margin-top:40px;text-align:center} .insta-adm-slide .slick-list:after{content:'';display:block;position:absolute;top:-60px;left:0;bottom:0;right:0;z-index:-10;height:60%;margin:auto;background-color:#2b2e36} .insta-adm-slide .item{padding:0 30px;text-align:center} .insta-adm-slide .item img{display:inline-block !important;max-width:100%} .insta-adm-slide .item span{display:block;margin-top:20px;font-size:25px} .insta-adm-slide .item.second span{margin-top:40px} .insta-adm-slide .slick-dots{margin-top:30px} .insta-adm-slide .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .insta-adm-slide .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .insta-adm-slide .slick-dots .slick-active{width:22px;background-color:#999} .insta-adm-slide .slick-arrow{overflow:hidden;position:absolute;width:26px;height:50px;top:-120px;left:50%;bottom:0;right:0;z-index:5;margin:auto 0;text-indent:-9999px} .insta-adm-slide .slick-prev{margin-left:-560px;background:url(/homedata/images/function/btn_arr_s_l.png) no-repeat} .insta-adm-slide .slick-next{margin-left:530px;background:url(/homedata/images/function/btn_arr_s_r.png) no-repeat} /* 매출/통계 */ .sv-account{background:url(/homedata/images/function/img_visual_account.jpg) no-repeat 50% 0;background-size:cover} /* 자동메시지관리 */ .sv-message{background:url(/homedata/images/function/img_visual_message.jpg) no-repeat 50% 0;background-size:cover} /* 쇼핑몰 통합관리 */ .sv-emp{background:url(/homedata/images/function/img_visual_emp.jpg) no-repeat 50% 0;background-size:cover} .delivery-company{margin-top:40px;text-align:center} .delivery-company span{display:block} .delivery-company ul li{display:inline-block;position:relative;margin:15px 17px 0 0;padding-left:16px;vertical-align:top} .delivery-company ul li:nth-of-type(1) img{height:50px} .delivery-company ul li:nth-of-type(2) img{height:27px;margin-top:18px} .delivery-company ul li:nth-of-type(3) img{height:34px;margin-top:13px} .delivery-company ul li:nth-of-type(4) img{height:25px;margin-top:18px} .delivery-company ul li:nth-of-type(5) img{height:30px;margin-top:15px} .delivery-company ul li:before{content:'';display:block;position:absolute;top:25px;left:0;width:2px;height:15px;background-color:#efefef} .delivery-company ul li:first-child:before{display:none} .cnt-playad{margin-top:40px} .cnt-playad h3{display:block;font-size:25px;font-weight:400;text-align:center} .cnt-playad ul{margin-top:20px;text-align:center;font-size:0} .cnt-playad ul li{display:inline-block;position:relative;margin:20px 22px 0;color:#737373;font-size:16px;vertical-align:top} .cnt-playad ul li p{width:100px;margin:0 auto 20px} .cnt-playad ul li p img{width:100%} .cnt-freebill{margin-top:80px} .cnt-freebill h3{display:block;font-size:25px;font-weight:400;text-align:center} .cnt-freebill .freebill{position:relative;z-index:10;max-width:700px;margin:40px auto 0;text-align:center;font-size:0} .cnt-freebill .freebill .circle{display:inline-block;position:absolute;top:0;color:#737373;font-size:16px;vertical-align:top} .cnt-freebill .freebill .circle.l{left:0} .cnt-freebill .freebill .circle.r{right:0} .cnt-freebill .freebill .circle p{width:100px;margin:0 auto} .cnt-freebill .freebill .circle p img{width:100%} .cnt-freebill .freebill .circle div{margin-top:20px} .cnt-freebill .freebill .circle div strong{display:block;margin-bottom:3px} .cnt-freebill .freebill .rect{width:100%} .cnt-freebill .freebill .rect .line{position:absolute;display:block;top:48px;left:0;right:50%;z-index:-10;height:5px;background-color:#efefef} .cnt-freebill .freebill .rect .line.l{left:20px;right:50%} .cnt-freebill .freebill .rect .line.r{left:50%;right:20px} .cnt-freebill .freebill .rect .line:after{content:'';display:block;position:absolute;top:-10px;width:25px;height:25px;background-color:#efefef;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px} .cnt-freebill .freebill .rect .line.l:after{left:50%;margin-left:-25px} .cnt-freebill .freebill .rect .line.r:after{right:50%;margin-right:-20px} .cnt-freebill .freebill .last{display:block;margin:0 auto;padding-top:100px} .cnt-freebill .freebill .last:before{content:'';position:absolute;display:block;top:0;bottom:0;right:0;left:0;z-index:-20;width:5px;height:70%;margin:0 auto;background-color:#efefef} .cnt-freebill .freebill .last:after{content:'';display:block;position:absolute;top:130px;left:50%;z-index:-20;width:25px;height:25px;margin-left:-12px;background-color:#efefef;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px} .cnt-playad .desc,.cnt-freebill .desc{margin-top:35px;text-align:center} /* 상담톡 */ .sv-counsel{background:url(/homedata/images/function/img_visual_counsel.jpg) no-repeat 50% 0;background-size:cover} .talk-cs{display:table;margin-right:auto;margin-left:auto} .talk-cs .tit{text-align:center} .talk-cs .tc-txt,.talk-cs .tc-cnt{display:inline-block;margin:25px 20px 0;vertical-align:top} .talk-cs .tc-txt{line-height:1.6} .talk-cs .tc-cnt .graph p{display:inline-block;height:40px;line-height:40px;text-indent:10px;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0} .talk-cs .tc-cnt .graph span{margin-left:5px} .talk-cs .tc-cnt .graph:first-child p{width:250px;background-color:#624b4b;color:#e1c514} .talk-cs .tc-cnt .graph:last-child p{width:125px;margin-top:18px;background-color:#fadc00;color:#624b4b} .talk-desc{max-width:75%;margin:60px auto} .talk-desc:after{content:'';display:block;clear:both} .talk-desc .td-cnt{float:left;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box} .talk-desc .td-cnt:first-child{width:57%} .talk-desc .td-cnt:last-child{width:43%} .talk-desc .td-cnt span{display:inline-block;line-height:1} .talk-desc .td-cnt span:after{content:'';display:inline-block;width:2px;height:25px;margin:0 0 -4px 10px;background-color:#efefef} .talk-desc .td-cnt ul{width:100%;margin-top:15px} .talk-desc .td-cnt ul li{margin-top:2px;color:#737373} .talk-case .tit{display:block;text-align:center} .talk-case ul{max-width:1050px;margin:40px auto 0;-webkit-box-sizing:border-box;box-sizing:border-box} .talk-case ul:after{content:'';display:block;clear:both} .talk-case ul li{float:left;width:25%;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box} .talk-case ul li img{width:100%} .talk-case ul li span{display:block;margin-top:20px;text-align:center} .talk-func{max-width:900px;margin:10px auto 0;font-size:0} .talk-func:after{content:'';display:block;clear:both} .talk-func div{display:inline-block;width:50%;padding:0 45px;color:#737373;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box} .talk-func div p:first-child{margin:40px 0 18px} .talk-func div p:last-child{color:#737373} .talk-slide{overflow:hidden;position:relative;width:100%;margin-top:70px;text-align:center} .talk-slide .slick-list:after{content:'';display:block;position:absolute;top:-60px;left:0;bottom:0;right:0;z-index:-10;height:60%;margin:auto;background-color:#f4d110} .talk-slide .item{padding:0 30px;text-align:center} .talk-slide .item .item-in{max-width:700px;margin:0 auto} .talk-slide .item .item-in div{display:inline-block;max-width:266px;margin:0 40px} .talk-slide .item .item-in div img{display:inline-block !important;max-width:100%} .talk-slide .item .item-in div span{display:block;overflow:hidden;margin-top:20px;font-size:25px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} .talk-slide .slick-dots{margin-top:30px} .talk-slide .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .talk-slide .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .talk-slide .slick-dots .slick-active{width:22px;background-color:#999} /* 채널계정관리 */ .sv-management{background:url(/homedata/images/function/img_visual_management.jpg) no-repeat 50% 0;background-size:cover} /* 통합 재고관리 */ .sv-stock{background:url(/homedata/images/function/img_visual_stock.jpg) no-repeat 50% 0;background-size:cover} .stock-img{max-width:570px;margin:40px auto 0} .stock-img img{width:100%} .stock-img2{margin-top:30px;text-align:center} .stock-img2 img{max-width:100%} /* 링크온 */ .sv-linkon{background:url(/homedata/images/function/img_visual_linkon.jpg) no-repeat 50% 0;background-size:cover} /* 발주모아 */ .sv-order-solution{background:url(/homedata/images/function/img_visual_order.jpg) no-repeat 50% 0;background-size:cover} /* 셀럽관리 */ .sv-celeb{background:url(/homedata/images/function/img_visual_celeb.jpg) no-repeat 50% 0;background-size:cover} /* 회원관리 */ .sv-member{background:url(/homedata/images/function/img_visual_member.jpg) no-repeat 50% 0;background-size:cover} /*굿스플로*/ .sv-goods_flow{background:url(/homedata/images/function/img_visual_goods_flow.jpg) no-repeat 50% 0;background-size:cover} .sv-baro-app{background:url(/homedata/images/marketing/img_visual_baro_app.jpg) no-repeat 50% 0;background-size:cover} .sv-my-acc{background:url(/homedata/images/marketing/img_visual_my_acc.jpg) no-repeat 50% 0;background-size:cover} .sv-kakao-sync{background:url(/homedata/images/marketing/img_visual_kakao_sync.jpg) no-repeat 50% 0;background-size:cover} .sv-ecount{background:url(/homedata/images/marketing/img_visual_ecount.jpg) no-repeat 50% 0;background-size:cover} .sv-cupost{background:url(/homedata/images/function/sv-cupost.jpg) no-repeat 50% 0;background-size:cover} .sv-bulk-bg{background:url(/homedata/images/function/sv-bulk-bg.jpg) no-repeat 50% 0;background-size:cover} .sv-shop-bg{background:url(/homedata/images/function/module_shop_bg.jpg) no-repeat 50% 0;background-size:cover} .celeb-join {overflow:hidden; z-index:2; position:fixed; right:70px; bottom:70px; width:80px; height:80px; border-radius:60px; background:#28b6cd; background:linear-gradient(49deg, #28b6cd 0%, #3350f6 100%); box-sizing:border-box; box-shadow:0px 6px 12px 0px rgba(0,0,0,.2); transition:width .2s, bottom 1s; -webkit-animation: floating 2s ease-in-out infinite;animation: floating 2s ease-in-out infinite;} .celeb-join:before {z-index:-1; content:""; position:absolute; left:3px; top:3px; width:74px; height:74px; border-radius:55px;transition:width .2s;} .celeb-join a {display:table; width:100%; height:100%;} .celeb-join a span {display:table-cell; font-size:18px; line-height:22px; font-weight:bold; text-align:center; color:#fff; vertical-align:middle;} .celeb-join a span.hover {display:none; opacity:0;} .celeb-join a img {display:none;} .celeb-join.hover {width:305px;-webkit-animation:none;animation:noone;} .celeb-join.hover:before {width:333px;} .celeb-join.hover a {display:block; padding-left:33px;width:calc(100% - 33px);} .celeb-join.hover a span {display:none;} .celeb-join.hover a span.hover {display:inline; text-align:left; font-size:22px; line-height:80px; opacity:1;} .celeb-join.hover a img {padding-left:40px; display:inline;vertical-align:middle;} .txt_center{text-align:center;} @media (max-width:768px) { .celeb-join{left:50%;right:auto; transform:translateX(-50%);bottom:10px} } @-webkit-keyframes floating { 0% { transform: translatey(0px);} 50% {transform: translatey(-20px);} 100% {transform: translatey(0px);} } @keyframes floating { 0% {transform: translatey(0px);} 50% {transform: translatey(-20px); } 100% {transform: translatey(0px);} } /*** 가입안내 ***/ .sv-joininfo{background:url(/homedata/images/info/img_visual_joininfo.jpg) no-repeat 50% 0;background-size:cover} .menu-tab{margin-top:60px;padding-bottom:50px;border-bottom:solid 2px #424242} .menu-tab:after{content:'';display:block;clear:both} .menu-tab li{float:left} .menu-tab li a{position:relative;color:#929292;font-size:25px} .menu-tab li:last-child{margin-left:33px} .menu-tab li:last-child:before{content:'';display:block;float:left;width:2px;height:18px;margin:10px 31px 0 0;background-color:#424242} .menu-tab li.active a{color:#424242;font-weight:800} .menu-tab li.active a:after{content:'';display:block;position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#424242} .join-info-box{margin-top:45px} .join-info-box.bdg{padding-top:40px;border-top:solid 1px #e6e6e6} .join-info-box .ji-tit{font-weight:600} .join-info-box .ji-tit-box{*zoom:1} .join-info-box .ji-tit-box:after{content:'';display:block;clear:both} .join-info-box .ji-tit-box .ji-tit{float:left} .join-info-box .ji-tit-box .ji-text{float:right;margin:10px 20px 0 0} .join-info-box .ji-list{margin:15px 20px 0;padding:0 20px;border:solid 1px #424242} .join-info-box .ji-list .jil-top{padding:0 20px;border-bottom:solid 1px #e6e6e6} .join-info-box .ji-list .jil-top ol{width:100%;padding:15px 0} .join-info-box .ji-list .jil-top ol:after{content:'';display:block;clear:both} .join-info-box .ji-list .jil-top ol li{float:left;width:50%;padding:10px 8px;font-weight:600;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box} .join-info-box .ji-list .jil-top2 ol li{width:25%;} .join-info-box .ji-list .jil-bottom{padding:15px 20px} .join-info-box .ji-list .jil-bottom span{display:inline-block;position:relative;padding:10px 0;font-weight:600} .join-info-box .ji-list .jil-bottom span.division{margin-left:5%;padding-left:5%} .join-info-box .ji-list .jil-bottom span.division:after{content:'/';position:absolute;left:0;font-weight:600} .join-info-box .join-order{margin:15px 20px 0;padding:35px 0;background-color:#f4f4f4} .join-info-box .join-order ol{display:table;width:100%} .join-info-box .join-order ol li{display:table-cell;position:relative;width:25%;text-align:center;vertical-align:middle} .join-info-box .join-order ol li:after{content:'>';display:block;position:absolute;top:50%;right:-5px;font-weight:600;transform:translateY(-50%)} .join-info-box .join-order ol li:last-child:after{content:none} .join-info-box .join-order ol li .first{font-weight:600;text-decoration:underline} .join-info-box .join-order ol li .txt-t{display:block;margin-top:5px;font-weight:600} .join-info-box .join-order ol li .txt-b{display:block;margin-top:2px} .join-info-cnt{margin:50px 20px 0} .join-info-cnt .jic-top{} .join-info-cnt .jic-top h4{display:inline-block;margin-left:4px;font-weight:600} .join-info-cnt .jic-order{margin-top:15px;padding:12px 40px;font-size:0;background-color:#f4f4f4} .join-info-cnt .jic-order ol li{display:inline-block;width:33%;margin:8px 0;padding:0 8px;font-size:16px;font-weight:600;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box} .join-info-cnt .jic-order .txt{display:block;margin:8px 0;font-size:16px;font-weight:600} .join-info-cnt .jic-order.half ol li{width:50%} .join-info-cnt .jic-desc01{margin:15px 0 0 40px} .join-info-cnt .jic-desc02{margin:10px 0 0 70px} .desc-txt-box.gap1{margin-top:20px} .desc-txt-box.gap2{margin:15px 40px 0} .desc-txt-box.gap3{margin:40px 40px 0} .desc-txt-box.gap4{margin:15px 20px 0} .desc-txt-box p{display:table;margin-top:6px} .desc-txt-box p span{display:table-cell} .desc-txt-box p span:first-child{width:18px} .desc-txt-box p span.full{width:100% !important} .desc-txt-box p.bt-m{margin-top:10px} .desc-txt-box p.bt-m a,.desc-txt-box p.bt-m button{margin:10px 10px 0 0} .desc-txt-box p.pl{padding-left:20px} .info-business{margin-top:40px;padding-bottom:40px;border-bottom:solid 1px #e6e6e6} .info-business:first-child{margin-top:0} .info-business .ib-tit{margin-left:20px;font-weight:600} .info-business .desc-txt-box{margin:15px 40px 0} .info-tit-box{margin-bottom:15px} .info-tit-box:after{content:'';display:block;clear:both} .info-tit-box .info-desc-tit{display:block;float:left;font-weight:600} .info-tit-box .info-desc-txt{float:right;margin-top:10px} .link-bd-b{display:inline-block;position:relative} .link-bd-b:after{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#424242} .box-num{display:inline-block !important;width:30px;height:30px;line-height:30px;background-color:#424242;color:#fff;font-weight:800;text-align:center;vertical-align:top} .box-num.ini{background-color:#44217a} .box-num.small{position:relative;top:-2px;width:16px !important;height:16px;line-height:16px;margin:0 3px;background-color:#515b66;font-size:12px;vertical-align:middle} /* timetalbe */ .date_time_wrap{display:flex;margin: 27px 0 0 32px;} .sub_titbox{ clear:both;margin:42px 0 0 32px;} .sub_titbox span{color:#333; font-size:20px;} .sub_titbox .cal_right_tit{font-size:16px;float: right;line-height: 32px;margin-right: 32px;} .time_list{display: inline-block;width: 498px;height: 460px;border: 1px solid #c6cad0; box-sizing: border-box; padding: 48px 0 0 22px; margin-left: 30px;} .time_list li strong{font-size:20px; display:block;margin-bottom: 15px;} .time_list li strong.gap_t40{margin-top: 20px;} .time_list span.past_time,.time_list span.past_time:hover{color:#ccc;background:#f2f4f7;border:1px solid #ccc;cursor: default;} .time_list span.active_time,.time_list span:hover{ background:#333;color:#fff; border:1px solid #333;} .time_list span{width:107px;height:40px;border:1px solid #333;padding:10px;color:#333;box-sizing:border-box;margin: 0 10px 10px -4px;display: inline-block;text-align: center;cursor: pointer;} .time_tit{color:#333;font-size:30px;font-weight:bold;text-align:center;margin: 0 0 19px;} .time_cnt{border-top:1px solid #e9e9e9; padding:0 32px 40px;margin:45px 0 0; } .time_cnt .write-ip .write-ip-row .ip-row-cnt input[type=text]:disabled{background:#f2f4f7; color:#333;} .time_line{border-top: 1px solid #e9e9e9;padding: 52px 0 12px; margin:40px 0 0;} .time_cnt .ip-row-cnt label {margin-right:20px; } .time_cnt .ip-row-cnt label input[type=checkbox]{margin-top: 17px;vertical-align: baseline;} .time_cnt .cnt_box{text-align:center; margin:10px 0 0;} .time_cnt .cnt_box label{font-weight:bold;cursor: pointer;} .time_cnt .txt-byte{top:0;} .remote_lst{ padding: 36px 0 30px 39px; background: #f2f4f7;} .remote_lst li { padding-left:30px; background:url(/Homedata/images/customer/flag_info.png) 0 0 no-repeat; margin:0 0 5px;} .inp_remote_cal{display:none;} .remote_cnt .remote_img{text-align:center; margin:0 0 39px; } .time_cnt .txt_height{line-height:40px; font-size:20px;} .remote_cnt.customer-cnt .view-cnt img{display:block; margin:8px auto 28px;} .remote_cnt .remote_process ul{display:flex} .remote_cnt .remote_process ul li{margin-right:50px;position:relative;letter-spacing: -1px; text-align: center;} .remote_cnt .remote_process ul li:after{content: ''; width: 36px; height: 36px; background: url(/Homedata/images/customer/io_arr.png) 0 0 no-repeat; position: absolute; right: -42px; top:40%; transform: translateY(-50%);} .remote_cnt .remote_process ul li:last-child{margin-right:0px;} .remote_cnt .remote_process ul li:last-child:after{content:none;} .remote_cnt .remote_process li div{width:225px;height:225px;background-color:#f2f4f7;font-size:24px;font-weight:bold;color:#333;border-radius:10px;text-align:center;padding:125px 0 0; box-sizing:border-box; position:relative;margin: 0 0 20px;} .remote_cnt .remote_process li div .step_num{background: #595c67; color: #fff; border-radius: 20px; padding: 6px 10px; font-size: 16px; width: 88px; text-transform: uppercase; height: 35px; box-sizing: border-box;margin:0 auto 17px; display:block; text-align: center; font-weight:bold;} .remote_process li .step1{background-image:url(/Homedata/images/customer/io_remoete1.png);background-position: center 35px;background-repeat: no-repeat;} .remote_process li .step2{background-image:url(/Homedata/images/customer/io_remoete2.png);background-position: center 25px;background-repeat: no-repeat;} .remote_process li .step3{background-image:url(/Homedata/images/customer/io_remoete3.png);background-position: center 25px;background-repeat: no-repeat;} .remote_process li .step4{background-image:url(/Homedata/images/customer/io_remoete4.png);background-position: center 36px;background-repeat: no-repeat;} .remote_tbl th{background-color:#f8f8f8; padding:10px;color:#555;font-size:16px; border-bottom:2px solid #efefef;} .remote_tbl td.number{color:#727272} .remote_tbl td{ border-bottom:2px solid #efefef; color:#222;font-size:16px; padding:10px;} .remote_tbl td span{text-decoration:underline; display:block;text-align:center;} .remote_tbl td .btn_black{background:#333;color:#fff;font-size:16px;} .remote_tbl td .txt_clip{width: 142px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; display: block;text-align: center;text-decoration: underline;} .remote_tbl td .txt_clip.two{width:80px;} .customer-cnt .view-cnt.remote_tbl_cnt{padding:40px 0} .customer-cnt .view-cnt.remote_tbl_cnt .remote_tbl{width:100%;} .fl_right{float:right;} .fl_right:after{content:'';display:block;clear:both;} .gap_t12{margin-top:12px;} .gap_t46{margin-top:46px;} .gap_t107{margin-top:107px!important;} .dp_block{display:block;} .m_remote_con{display:none;} .remote_link{position:fixed;right: 27px;background:url(/Homedata/images/customer/main_remote_icon.png) 0 0 no-repeat;display:block;width:55px;height:55px;z-index: 99;font-size: 0; bottom: 100px; background-size: 55px;} /*챗봇추가 */ .chatbox_link{position: fixed;right: 24px;z-index: 99;bottom:18px;} .chatbox_link img{width: 55px; height:55px;} .chatbox_link.main_btn{transition : all 0.4s ease} /*** 레이어 팝업 ***/ .pop { display: none; position: absolute;left: 0;right: 0;top: 0; bottom: 0; z-index: 100; width: 100%; margin: 0 auto; padding: 0 20px; text-align: center; box-sizing: border-box} .pop-account{max-width:590px} .pop-send{max-width:550px} .pop-law{max-width:800px} .pop-join{display:none;max-width:900px} .pop .pop-in{display:inline-block;position:relative;z-index:90;width:100%;height:auto;padding-bottom:35px;vertical-align:middle;background-color:#fff;-webkit-box-shadow:0px 0px 13px 0px rgba(0,0,0,0.46);-moz-box-shadow:0px 0px 13px 0px rgba(0,0,0,0.46);box-shadow:0px 0px 13px 0px rgba(0,0,0,0.46)} .pop .pop-in .pop-top{margin:0 10px;padding:17px 15px 13px;border-bottom:solid 2px #efefef} .pop .pop-in .pop-top:after{content:'';display:block;clear:both} .pop .pop-in .pop-top .pop-tit{float:left} .pop .pop-in .pop-top .pop-close{overflow:hidden;float:right;width:25px;height:25px;background:url(/homedata/images/common/btn_pop_close.png) no-repeat;background-size:100%;text-indent:-9999px;cursor:pointer} .pop .pop-in .pop-txt-top{display:block;margin:25px 10px 0} .pop .pop-in .pop-tab{margin:0 25px} .pop .pop-in .pop-tab:after{content:'';display:block;clear:both} .pop .pop-in .pop-tab button{float:left;width:50%;height:80px;line-height:80px;border-bottom:solid 2px #d1d1d1;color:#c0c0c0;text-align:center;cursor:pointer} .pop .pop-in .pop-tab .on{color:#333;border-bottom:solid 2px #727272} .pop .pop-in .pop-cnt{margin:0 50px} .pop .pop-in .pop-cnt.l{text-align:left} .pop .pop-in .pop-cnt .pop-cnt-inner{margin-top:20px} .pop .pop-in .pop-cnt .pop-cnt-inner li{line-height:1.6} .pop .pop-in .pop-cnt .pop-cnt-inner p{margin-top:2px} .pop .pop-in .pop-cnt .pop-cnt-inner .txt-tit{margin-top:20px} .pop .pop-in .pop-cnt .pop-cnt-scroll{overflow:auto} .pop .pop-in .pop-cnt .pop-desc{padding:20px 0;text-align:center} .pop .pop-in .pop-cnt .pop-desc span{display:block;margin:5px 0;color:#727272} .pop .pop-in .pop-cnt .pop-desc span:first-child{color:#333} .pop .pop-in .pop-cnt .pop-txt-box{margin:40px 0;text-align:center} .pop .pop-in .pop-cnt .pop-txt-box .txt1{font-size:25px;font-weight:600} .pop .pop-in .pop-cnt .pop-txt-box .txt2{margin-top:2px;color:#ff3c3c} .pop .pop-in .pop-cnt .pop-btn-box{margin-top:30px} .pop .pop-in .pop-cnt .pop-btn-box .bc{margin:0 auto} .pop .pop-in .pop-cnt .pop-btn{margin:0 auto} .pop .pop-in .pop-cnt .pop-info-list{margin:40px 0;text-align:left} .pop .pop-in .pop-cnt .pop-info-list li{display:table} .pop .pop-in .pop-cnt .pop-info-list li.gap{padding-top:30px} .pop .pop-in .pop-cnt .pop-info-list li span{display:table-cell;line-height:1.6} .pop .pop-in .pop-cnt .pop-info-list li span:first-child{padding-right:3px} .pop .pop-in .srch-result{padding:60px 0 40px 0} .pop .pop-in .srch-result .sr-img{overflow:hidden;width:130px;height:130px;margin:0 auto;border-radius:65px;-moz-border-radius:65px;-webkit-border-radius:65px} .pop .pop-in .srch-result .sr-img img{width:100%} .pop .pop-in .srch-result .sr-desc{margin-top:20px} .pop-main .pop-in{-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important} .pop-bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:80;background-color:#000;opacity:.5;filter:alpha(opacity=50)} .scrollLock { overflow: hidden; } .contract-slide{max-width:700px;margin:0 auto;text-align:center} .contract-slide .item{width:100%} .contract-slide .item img{display:inline-block !important;max-width:100%} .contract-slide .slick-dots{margin-top:30px} .contract-slide .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .contract-slide .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .contract-slide .slick-dots .slick-active{width:22px;background-color:#999} .contract-slide .slick-arrow{overflow:hidden;position:absolute;width:29px;height:51px;top:-100px;bottom:0;right:0;z-index:5;margin:auto 0;text-indent:-9999px;cursor:pointer} .contract-slide .slick-prev{left:30px;background:url(/homedata/images/info/btn_arr_l.png) no-repeat;background-size:100% auto} .contract-slide .slick-next{right:30px;background:url(/homedata/images/info/btn_arr_r.png) no-repeat;background-size:100% auto} /*** 로그인 ***/ .bg-member{position:absolute;right:0;top:40px;z-index:-10;width:734px;height:1033px;background:url(/homedata/images/member/bg_member.jpg) no-repeat} .bg-member2{position:absolute;left:0;top:150px;z-index:-10;width:443px;height:524px;margin-left:5%;background:url(/homedata/images/member/bg_member2.jpg) no-repeat} .login-box{max-width:440px;margin:200px auto 0} .login-box .account-find{margin-top:35px;text-align:center} .login-box .account-find a{display:inline-block;position:relative;color:#727272} .login-box .account-find a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:1px;background-color:#727272} .banner-member{width:640px;margin:50px auto 0;text-align:center} .banner-member .slick-dots{display:inline-block;margin-top:10px} .banner-member .slick-dots li{display:inline-block;width:10px;height:10px;margin:0 7px;background:#848484;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} .banner-member .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .banner-member .slick-dots .slick-active{background-color:#624b4b} .input-box{position:relative;padding-bottom:15px} .input-box .result{display:block;width:100%;margin-top:20px;color:#ff3636;text-align:center} .input-box div{position:relative;height:76px;margin-bottom:20px;border:solid 2px #efefef;background-color:#fff;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px} .input-box div input{display:block;width:100%;height:76px;padding:0 15px 0 85px;border:0;font-size:20px;background-color:transparent;box-sizing:border-box;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px} .input-box div:before{content:'';display:block;position:absolute;left:8px;top:8px;width:60px;height:60px} .input-box .id:before{background:url(/homedata/images/member/img_id.png) no-repeat;background-size:100% auto} .input-box .sub_id:before{background:url(/homedata/images/member/img_id_new.png) no-repeat;background-size:100% auto} .input-box .pw:before{background:url(/homedata/images/member/img_pw.png) no-repeat;background-size:100% auto} .input-box .shop:before{background:url(/homedata/images/member/img_shop.png) no-repeat;background-size:100% auto} .input-box .phone:before{background:url(/homedata/images/member/img_phone.png) no-repeat;background-size:100% auto} .input-box .email:before{background:url(/homedata/images/member/img_email.png) no-repeat;background-size:100% auto} .input-box .id-save{height:auto;margin-bottom:0;border:0;background-color:transparent;text-align:center;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0} .input-btn-box a{margin:13px 0 20px} .input-btn-box-col{margin-top:50px} .input-btn-box-col:after{content:'';display:block;clear:both} .input-btn-box-col .btn-lb{float:left;width:50%;padding-right:5px;box-sizing:border-box} .input-btn-box-col .btn-rb{float:right;width:50%;padding-left:5px;box-sizing:border-box} .input-btn-box-col a{width:100%} .input-btn-box-col .btn-c{width:50%;margin:0 auto} #srch-id-cfm,#srch-pw,#srch-pw-cfm{display:none} .login_tab {display:flex; margin-top:50px;} .login_tab p {width:50%; text-align:center;} .login_tab label {display:block; height:70px; padding:20px 0; font-size:24px; font-weight:bold; color:#9b9797; line-height:1; border-bottom:2px solid #333; box-sizing:border-box;} .login_tab input {visibility:hidden; width:0; height:0;} .login_tab input:checked + label {border-bottom:5px solid #e34f4e; color:#e34f4e;} .tabnav{max-width:440px;display:flex;width:100%; margin-top:54px} .tabnav li{width:100%; height:46px; text-align:center; } .tabnav li a{border-bottom:1px solid #505050; display:block;position:relative;width:100%;color:#727272;font-weight:bold;} .tabnav li a.active:after{content:'';width:100%;height:1px;border-bottom:2px solid #e34f4d;position:absolute;bottom:-1px;left:0;z-index:2} .tabnav li a{ position:relative; display:block; background: #fff; color: #000; line-height:46px; text-decoration:none; font-size:16px;} .tabnav li a:hover, .tabnav li a.active{background:#fff; color:#e34f4d; } .tabcontent{padding: 20px;} /*** 회원가입 ***/ .join-type{max-width:600px;margin:250px auto 240px;text-align:center} .join-type.age{margin:370px auto 60px} .join-type-cnt>div .tit{display:block;max-width:350px;margin:0 auto 5px;font-size:25px;text-align:center} .join-type-cnt>div .desc{display:inline-block;margin-bottom:25px;line-height:1.5;color:#727272;text-align:center} .join-type-cnt>div a{max-width:350px;margin:0 auto} .join-type-cnt>div:first-child{max-width:350px;margin:0 auto 40px;padding-bottom:45px;border-bottom:solid 2px #efefef} .join-type-cnt .chk-age{max-width:initial !important;border:0 !important;text-align:center} .join-type-cnt .chk-age .txt-s{font-size:17px} .join-type-cnt .chk-age .txt-t2{margin-top:2px} .join-type-cnt .chk-age .btn-b-2{max-width:initial !important;width:200px;line-height:initial} .join-type-cnt .chk-age .btn-b-2 em{font-size:16px} .join-type-cnt .chk-age .chk-btn{display:inline-block;margin-top:55px} .join-type-cnt .chk-age .chk-btn a{display:table;float:left;margin:0 17px} .join-type-cnt .chk-age .chk-btn a span{display:table-cell;vertical-align:middle} .join-box{max-width:580px;margin:130px auto 100px ; } .join-box-top{width:100%} .join-box-top:after{content:'';display:block;clear:both} .join-box-top .top-tit{float:left} .join-box-top .top-tit h2{margin-top:0;text-align:left} .join-box-top .top-order{float:right;margin-top:10px} .join-box-top .top-order:after{content:'';display:block;clear:both} .join-box-top .top-order ol li{position:relative;float:left;padding-top:39px;margin-left:26px;background:url(/homedata/images/member/img_arr_order.png) no-repeat 50% 0;background-size:30px;color:#dadada;font-size:20px;font-weight:600} .join-box-top .top-order ol li:before{content:'';display:block;position:absolute;left:-17px;top:10px;width:10px;height:10px;background-color:#efefef;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} .join-box-top .top-order ol li:first-child:before{display:none} .join-box-top .top-order ol .on{background:url(/homedata/images/member/img_arr_order_on.png) no-repeat 50% 0;background-size:30px;color:#333} .join-box-top .top-order ol .on:before{background-color:#333} .transfer_join { margin:0 auto 100px; max-width: 640px; text-align:center;} .transfer_join.compelete{margin:-130px 0 0 -10%;} .transfer_join .slick-dots {display:inline-block; margin-top:10px;} .transfer_join .slick-dots li {display:inline-block;width:10px;height:10px;margin:0 7px;background:#848484;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} .transfer_join .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .transfer_join .slick-dots .slick-active{background-color:#624b4b} .agree-cnt{margin-top:25px} .agree-cnt.first{margin-top:40px} .agree-cnt .agree-txt{overflow:auto;height:150px;margin-top:15px;padding:7px;border:solid 2px #efefef;background-color:#fff;box-sizing:border-box} .agree-cnt .agree-txt .a-tit{margin-top:10px;font-weight:600} .agree-cnt .agree-txt .a-tit:first-child{margin-top:0} .agree-cnt .agree-txt .a-cnt{margin-top:10px} .agree-cnt .agree-company{display:table;width:100%;margin-top:10px;border:solid 2px #efefef;background-color:#fff;text-align:center;box-sizing:border-box} .agree-cnt .agree-company dt{display:table-cell;width:40%;padding:12px 5px;background-color:#efefef} .agree-cnt .agree-company dd{display:table-cell;color:#727272} .agree-cnt.join-marking .dp_flex_box .input-chk{margin-right:50px} .join-marking .join_marketing{font-size:20px;} .agree-cnt.join-marking .dp_flex_box {width:100%;} .dp_flex_box{display:flex;align-items:center;} .join-cnt .input-chk input[type=checkbox]+label{background:#fff;} .join-cnt .dp_flex_box .input-chk {margin-right:30px;} .join-cnt.etc .input-chk2{margin-right:0; width:20%} .input-chk.input-chk2 input[type=checkbox] +label span{background: none;border:2px solid #eee;position:relative;border-radius: 100%;width: 28px;height:28px;} .input-chk.input-chk2 input[type=checkbox]:checked+label span{border:2px solid #000;background: none;} .input-chk.input-chk2 input[type=checkbox]+label{font-weight:400;} .input-chk.input-chk2 input[type=checkbox]:checked+label span:after{content:'';width:15px;height:15px;background-color:#000;border-radius:100%;display:block;left:7px;position:absolute;top:6px;} .manage_txt{color:#727272;font-size:16px;margin-top:21px;} .join-cnt.etc .input-chk2 label{width:auto} .join-tit-box{margin-top:30px} .join-tit-box .join-tit{margin-right:3px} .join-tit-box .join-error{display:inline-block;color:#ff3636} .join-tit-box .join-txt{display:inline-block;color:#727272} .join-cnt{display:table;width:100%;margin-top:13px} .join-cnt .join-cnt-l{display:table-cell;padding-right:5px;box-sizing:border-box} .join-cnt .join-cnt-r{display:table-cell;padding-left:5px;box-sizing:border-box} .join-cnt .fix{width:1px;white-space:nowrap} .join-cnt .certify{width:40%} .join-cnt input[type=radio] {visibility:hidden; width:0; height:0;} .join-cnt label {display:table-cell; width:50%; height:80px; line-height:80px; font-size:20px; font-weight:bold; background:#ececef; text-align:center; cursor:pointer;} .join-cnt input[type=radio]:checked + label {border:2px solid #e34f4e; color:#e34f4e; background:#fff; line-height:76px;font-weight:400;} .join-complete{margin:200px 0 330px;text-align:center} .join-complete.bulk_join{margin:200px 0 100px;text-align:center} .join-complete .jc-tit{font-size:25px} .join-complete .jc-desc{margin-top:15px;color:#727272;font-size:16px} .go_b2bshop_manual {margin-top:50px; text-align:center;} .go_b2bshop_manual a {display:inline-block; font-size:18px; font-weight:bold; color:#d4ad34; padding-bottom:6px; border-bottom:1px solid #d4ad34;} .ip-t-basic{border:solid 2px #efefef;background-color:#fff;box-sizing:border-box} .ip-t-s1{width:100%;height:76px;line-height:76px;padding:0 27px;font-size:20px;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px} .ip-t-s2{height:50px;line-height:50px;padding:0 20px;font-size:16px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .ip-t-s3{height:28px;line-height:30px;padding:0 9px;border:solid 1px #d7d6d6;background-color:#fff;color:#484848;font-weight:600;vertical-align:middle;box-sizing:border-box} .ip-t-s4, .ip-t-s5, .ip-t-s6, .ip-t-s7 {float:left;height:50px;line-height:50px;padding:0 15px;font-size:14px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .write-ip .write-ip-row .ip-row-cnt input.ip-t-s6[type=text] { width: 342px;} .write-ip .write-ip-row .ip-row-cnt input.ip-t-s4[type=text] { width: calc(33% - 10px);} .write-ip .write-ip-row .ip-row-cnt input.ip-t-s7[type=text] { width: 200px;} .write-ip .write-ip-row .ip-row-cnt input.ip-t-s5[type=text],.ip-t-s5-selet{width:184px; border-radius:30px;} .write-ip .write-ip-row .ip-row-cnt input.ip-t-s5[type=text]:read-only {background:#f2f4f7; color:#333;} .ip-row-cnt em{margin:15px 6px 3px; float:left;} .ip-t-s4:after,.ip-row-cnt em:after,.write-ip .write-ip-row .ip-row-cnt:after,.ip-t-s5:after{content:'';display:block;clear:both;} .input-chk input[type=checkbox]{display:none} .input-chk input[type=checkbox]+label{font-size:20px;cursor:pointer;} .input-chk input[type=checkbox]+label span{display:inline-block;width:31px;height:27px;margin:-2px 8px 0 0;background:url(/homedata/images/common/bg_chk.png) no-repeat 0 0;background-size:62px 27px;vertical-align:middle;cursor:pointer} .input-chk input[type=checkbox]:checked+label span{background:url(/homedata/images/common/bg_chk.png) no-repeat -31px 0;background-size:62px 27px} .input-chk.radio input[type=radio]{display:none} .input-chk.radio input[type=radio]+label{font-size:20px;cursor:pointer;border:0;color:#000;background:#fff;position:relative;line-height:normal!important;height:auto;font-weight:400;} .input-chk.radio input[type=radio]+label span{display:inline-block;width: 26px;height: 26px;border: 3px solid #222;border-radius:100%;margin:-2px 8px 0 0;vertical-align:middle;cursor:pointer;position:relative} .input-chk.radio input[type=radio]+label span:after{content:'';background-color:transparent;width:18px;height:18px;display:block;position:absolute;left:51%;top:51%;border-radius:100%;transform:translate(-50%,-50%)} .input-chk.radio input[type=radio]:checked+label span:after{background-color:#000;} .input-chk.radio.etc input[type=radio]+label{width:100px;} .input-chk.radio.etc input[type=radio]+label span:after{} /* 도매룩 등급제 추가 */ .join_con{margin-bottom:50px;} .new_chk{display:inline-block;margin-right:10px} .new_chk input[type=radio]{display:none} .new_chk input[type=radio]+label{font-size:16px;cursor:pointer} .new_chk input[type=radio]+label span{display:inline-block;width:20px;height:20px;margin:-2px 8px 0 0;background:url(/homedata/images/common/i_new_chk.png) no-repeat 0 0;vertical-align:middle;cursor:pointer} .new_chk input[type=radio]:checked+label span{background:url(/homedata/images/common/i_new_chked.png) no-repeat 0 0 ;} .g_tbl{border:1px solid #E9E9E9;border-radius:5px; box-shadow:0 0 0 rgba(0,0,0,0.04);padding:50px 28px;max-width:1000px;margin:0 auto; background-color:#fff;margin-top:50px;} .g_tbl table{border-top:2px solid #585858 } .g_tbl table th{ color:#282828;font-size:20px;} .g_tbl table th .g_txt{color:#787878;font-size:16px;} .g_tbl table thead th{background-color:#F6F6F6;} .g_tbl table tbody th{font-weight:normal;} .g_tbl table td{color:#585858; font-size:20px; } .g_tbl table td .g_txt{color:#929292;font-size:16px;} .g_tbl table th,.g_tbl table td{text-align:center;padding:18px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .g_tbl table th:last-child,.g_tbl table td:last-child{border-right:0; } .g_tbl table tbody th.br_r{border-right:1px solid #ddd;} .g_tbl .tit{display:flex;justify-content: space-between;} .g_tbl .tit p{color:#282828;font-size:24px;} .g_tbl .tit span{color:#929292;font-size:18px;} .tb_banner{width:100%;background:#EDF7F8;background-size:contain;height:180px;box-sizing:border-box;padding: 0;text-align:center;position:relative;} .tb_banner:before,.tb_banner:after{content:'';width:100%;height:100%;display:block;position: absolute;z-index: 9;background-size: 100%;} .tb_banner:before{background: url(/homedata/images/member/new_banner_top.svg) 0 0 no-repeat;top: 0;left: 0;} .tb_banner:after{background:url(/homedata/images/member/new_banner_bottom.svg) 0 0 no-repeat;bottom: 0;right:0;} .tb_banner > strong{font-size:24px;margin-bottom:15px;padding:50px 0 0px;display: block;} .tb_banner p{font-size:16px;margin-top:5px;} .tb_banner p strong{color:#27C1F1;font-size:16px;} .gap_t50{margin-top:50px;} .new_gtxt{color:#A8CF63;font-size:18px;font-weight:bold;display:block;margin-top:-2px;} .new_rtxt{color:#F47378;font-size:18px;font-weight:bold;display:block;margin-top:-2px;} .new_btxt{color:#2795F1;font-size:18px;font-weight:bold;display:block;margin-top:-2px;} [data-tooltip] {cursor: pointer; display: inline-block; position: relative;top:4px;} [data-tooltip] img{width:30px;} [data-tooltip]::after{background-color:#fff; border-radius: 0.3rem; border:1px solid #BEBEBE;color: #000;content: attr(data-tooltip);font-size:14px;line-height: 16px; opacity: 0; padding:12px 19px; position: absolute; text-align: center; text-transform: none; transition: opacity 0.2s; visibility: hidden; white-space:normal; width: 214px; word-break:break-word; z-index: 1;} [data-tooltip].tooltip-right::before {border: 1px solid #BEBEBE;content: "";opacity: 0;position: absolute;transition: opacity 0.2s;visibility: hidden; top: 50%;margin-top: -0.3rem;width: 10px;top: 10px;right: -12px;width: 10px;height: 10px;background: #fff;border-right: 1px solid #ffff; border-bottom: 1px solid #fff;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); z-index: 9;} [data-tooltip].tooltip-right::after {top:-0.3rem; left: calc(110% + 0.3rem);} [data-tooltip]:hover::after, [data-tooltip][class*=tooltip-]:hover::before {visibility: visible; opacity: 1;} @media (max-width:768px) { .g_tbl{padding:25px 14px;} .g_tbl table td, .g_tbl table th, .g_tbl table td .g_txt,.g_tbl .tit span, .g_tbl table th .g_txt,.tb_banner p,.tb_banner p strong { font-size: 14px; } .g_tbl .tit p,.tb_banner strong{font-size:16px;} .g_tbl table th, .g_tbl table td{padding:10px} [data-tooltip] img{width:20px;} .tb_banner{padding-top:20px;} .tb_banner p{margin-top:15px;} .tb_banner > strong{padding-top:30px;} .g_tbl table thead th img{width:30px;} .new_gtxt, .new_rtxt, .new_btxt{font-size:14px;} .input-chk.radio input[type=radio]+label {font-size:13px;} .input-chk.radio input[type=radio]+label span{width:18px;height:18px;} .input-chk.radio input[type=radio]+label span:after{width:12px;height:12px;} .input-chk.radio.etc input[type=radio]+label{text-align:left;width:80px;} .join-cnt .dp_flex_box.wrap_box {flex-wrap: wrap} .join-cnt .dp_flex_box .input-chk{margin-bottom:10px} } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards;} [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after {animation: tooltips-horz 300ms ease-out forwards;} /*** 고객센터 ***/ .sv-qna{background:url(/homedata/images/customer/img_visual_qna.jpg) no-repeat 50% 0;background-size:cover} .sv-faq{background:url(/homedata/images/customer/img_visual_faq.jpg) no-repeat 50% 0;background-size:cover} .sv-notice{background:url(/homedata/images/customer/img_visual_notice.jpg) no-repeat 50% 0;background-size:cover} .sv-event{background:url(/homedata/images/customer/img_visual_event.jpg) no-repeat 50% 0;background-size:cover} .sv-suggest{background:url(/homedata/images/customer/img_visual_suggest.jpg) no-repeat 50% 0;background-size:cover} .sv-terms{background:url(/homedata/images/customer/img_visual_terms.jpg) no-repeat 50% 0;background-size:cover} .sv-policy{background:url(/homedata/images/customer/img_visual_policy.jpg) no-repeat 50% 0;background-size:cover} .sv-transfer{background:url(/homedata/images/customer/img_visual_transfer.jpg) no-repeat 50% 0;background-size:cover} .sv-remotepage{background:url(/homedata/images/customer/img_visual_remote.jpg) no-repeat 50% 0;background-size:cover} .customer-cnt{margin:60px 80px 0} .customer-cnt.ver2{margin:60px 10px 0} .customer-cnt .customer-cnt-top{padding:0 32px 21px;border-bottom:solid 2px #999;position:relative;} .customer-cnt .customer-cnt-top.tb-top{border-bottom:0} .customer-cnt .customer-cnt-top:after{content:'';display:block;clear:both} .customer-cnt .customer-cnt-top h2{float:left;margin:0;font-size:30px;text-align:left} .customer-cnt .customer-cnt-top .desc{float:left;margin:15px 0 0 15px;font-size:13px} .customer-cnt .customer-cnt-top .num{float:right;margin-top:17px} .customer-cnt .customer-cnt-top .num em{color:#d4ad34;font-weight:800} .customer-cnt .customer-cnt-top .category{height:45px;line-height:1;margin:-2px 0 0 20px} .customer-cnt .result-none{padding:70px 32px 0;border-top:solid 2px #999;text-align:center} .customer-cnt .result-none .n-txt{color:#e34f4e;font-weight:600} .board-list{width:100%} .board-list li:first-child{border-top:solid 2px #999} .board-list li{position:relative;width:100%;border-bottom:solid 2px #efefef;box-sizing:border-box} .board-list li .bl-row{display:table;width:100%;padding:25px 27px 25px 32px;text-align:left;box-sizing:border-box} .board-list li .bl-row.pin-row {background:#f8f8f8;} .board-list li span{display:table-cell;padding:0 5px;color:#727272;text-align:center;vertical-align:middle} .board-list li .type {width:63px;} .board-list li .type b{display:block; width:63px; height:20px; line-height:20px; font-size:11px; color:#fff; border-radius:10px; background:#ccc;} .board-list li .type.type-notice b{background:#00b0bf;} .board-list li .type.type-update b{background:#2196f3;} .board-list li .type.type-inspect b{background:#e34f4e;} .board-list li .notice-txt{position:absolute;top:50%;left:40px;margin-top:-10px} .board-list li .notice-txt img {width:22px;} .board-list li .num{position:absolute;top:50%;left:21px;width:65px;margin-top:-22px;padding:0;color:#727272;font-size:30px;text-align:center} .board-list li .link{text-align:left;} .board-list li .link a{display:inline-block;text-align:left;padding-left:18px;} .board-list li .name{width:154px;font-weight:600} .board-list li .answer{width:85px;font-weight:600} .board-list li .date{width:80px;color:#727272;font-weight:bold;} .board-list.line-q li .bl-row{background:url(/homedata/images/customer/ic_q.png) no-repeat 31px 50%;background-size:20px auto} .board-list.line-q li .link{padding:2px 0} .board-list.faq li .link a{width:100%;padding:0 45px 0 33px;background:url(/homedata/images/customer/bg_arr_down.gif) no-repeat 99% 50%;box-sizing:border-box} .board-list.faq li .link a.on{background-image:url(/homedata/images/customer/bg_arr_up.gif)} .board-list.faq li .faq-a{display:none;padding:25px 32px 25px 63px;line-height:1.5;border-top:solid 2px #efefef;background:url(/homedata/images/customer/ic_a.png) no-repeat 32px 26px;background-size:20px auto} .board-list.faq li .faq-a table{width:100% !important} .board-list.faq li .faq-a th{width:auto !important} .board-list.faq li .faq-a td{width:auto !important} .board-list.faq li .faq-a span{display:initial !important} .board-list.qna li{background:url(/homedata/images/customer/ic_lock.png) no-repeat 65px 50%;background-size:15px auto} .board-list.qna li .link a{margin-left:34px;padding-left:23px} .board-list.notice li .bl-row{padding-left:100px;} .board-list.notice li .new .link a:after{content:"N"; margin-left:10px; font-family:"나눔고딕",NanumGothic; font-size:14px; font-weight:bold; color:#e34f4e;} .tit_info_txt{position:absolute;right:0;top:35px;} .qnabd-txt{position:relative;padding:10px;margin:10px 0 30px} .qnabd-txt .info-txt{position:absolute;right:0;top:10px;} .sns-wrap{clear:both;} .sns-agree{display:inline-block;margin:10px 10px 0 10px; color:#222} /* qna 서브 메인 20-09-04*/ .board-list.qna_submain li{display: inline-block;width: calc(49% - 2px);margin: 50px 0 0 2%; vertical-align: top; border: 2px solid #e1e1e1; border-radius: 20px;} .board-list.qna_submain li:first-child { border-top:2px solid #e1e1e1;margin-top:0;} .board-list.qna_submain li:nth-child(2){margin-top:0;} .board-list.qna_submain li.active,.board-list.qna_submain li:hover{border-color:#d4ad34;} .board-list.qna_submain li:nth-child(odd){margin-left:0} .board-list.qna_submain li a{display:block; background: url(/homedata/images/customer/ico_qna_buy.png) no-repeat 0 center; background-size: 80px auto; padding:5px 0 5px 80px;margin:38px 30px;} .board-list.qna_submain li a.ico_etc{background-image: url(/homedata/images/customer/ico_qna_etc.png) ;} .board-list.qna_submain li a.ico_contract{background-image: url(/homedata/images/customer/ico_qna_contract.png) ;} .board-list.qna_submain li a.ico_insure{background-image: url(/homedata/images/customer/ico_qna_insure.png) ;} .board-list.qna_submain li a.ico_sugg{background-image: url(/homedata/images/customer/ico_qna_sug.png) ;} .board-list.qna_submain li a.ico_locate{background-image: url(/homedata/images/customer/ico_qna_locate.png) ;} .board-list.qna_submain li dl{margin-left:30px;} .board-list.qna_submain li dt{color:#222;font-size:20px;font-weight:bold;line-height:20px; margin-bottom:15px;} .board-list.qna_submain li dd{color:#666; font-size:14px;} .board_tit {margin:50px 0 50px;text-align:center;color:#666; font-size:26px;line-height:30px;font-weight: bold;} .btn-box-bt{position:relative;margin:30px 32px 0;text-align:center} .btn-box-bt.bt2{margin-top:0} .btn-box-bt:after{content:'';display:block;clear:both} .btn-box-bt .more{height:40px;line-height:40px;margin-top:5px;padding:0 40px 0 10px;background:url(/homedata/images/customer/btn_more.png) no-repeat 83% 50%;background-size:18px auto;font-weight:600;cursor:pointer} .btn-box-bt .btn-q{position:absolute;top:0;right:0;font-weight:600;} .customer-cnt-top .btn-q{margin-left:30px;} .btn-box-bt .btn-r{float:right} .btn-box-bt .btn-l{float:left;margin-right:10px} .btn-box-bt .btn-sv{width:230px;margin:0 4px} .privacy_agree_cnt{margin: 50px 0 0;} .privacy_agree_cnt .agree_cnt{padding:30px;height:150px; border: solid 1px #d1d1d1; overflow-y: scroll;} .privacy_agree_cnt .bg_gray{padding:20px; border: solid 1px #d1d1d1;background: #fafafa;border-top:0;text-align:center;} .qna_buy_lst{max-width: 940px; margin: 0 auto;} .board_top_info {padding:30px 42px; border:2px solid #e1e1e1; border-radius:15px; } .board_top_info dl{display:inline-block;padding-left:82px; position:relative;} .board_top_info dl::after{content:'';position:absolute;top:0;left:7%;width:1px; height:100%; background:#f5f5f5;} .board_top_info dl dt{font-size:18px;line-height:18px;margin:0 0 10px;font-weight:bold; color:#444;} .board_top_info dl dt em{ color:#d4ad34;} .board_top_info dl dd{color:#666;font-size:14px;} .board_top_info:after{content:'';display:block;clear:both;} .qna_buy_input{max-width:472px;margin: 60px auto 30px; border-bottom:1px solid #e1e1e1; padding-bottom:42px;} .qna_buy_input .qna_buy_ip_con .m-txt2 {color:#333;} .qna_buy_infotxt{max-width:472px;margin:0 auto 62px; font-size:13px; color:#999;} .qna_buy_txt{margin:30px 0 40px;} .qna_buy_txt li{color:#666; font-size:14px; margin:0 0 10px;} .qna_buy_txt li .link{color:#d4ad34;font-weight:bold} .data_tbl_top_tit{font-size:18px;font-weight:bold; margin:0 0 20px;} .data_tbl{border-top:2px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .data_tbl .no_list{text-align:center;padding:100px 0;} .data_tbl .no_list p{color:#999;font-size:18px;margin: 10px 0 0;} .d_tbl_row {/* display:table; */position:relative;width: calc(100% - 270px);padding:0 180px 0 90px;border-bottom: 1px solid #e1e1e1;} .d_tbl_row:last-of-type{border-bottom:0;} .d_tbl_row li {float: left;padding:40px 10px;margin: 0 10px;vertical-align:middle;font-size:16px;box-sizing: border-box;} .d_tbl_row .thumb_img{position:absolute;left:0;top:23px;} .d_tbl_row:after,.d_tbl_row li:after{content:'';display:block;clear:both;} .d_tbl_row .thumb_img img{width:80px; height:80px;} .d_tbl_row li .d_tbl_date{color:#999;font-size:14px;} .d_tbl_row li.d_tbl_tit div{color:#222;font-size:16px;white-space: nowrap;width: calc(100% - 100px);padding: 0 60px 0 0;overflow: hidden;text-overflow: ellipsis;max-width: 315px;position: relative;} .d_tbl_row li.d_tbl_tit div span{position: absolute;right: 0;} .d_tbl_row li.d_tbl_price{color:#222;font-weight:bold; padding:50px 10px 10px;text-align: center;} .d_tbl_row li.d_tbl_state{color:#e34f4e;font-weight:bold; padding:50px 10px 10px;text-align: center;} .d_tbl_row li.d_tbl_tit{width: 360px;} .d_tbl_row .btn_gray{position:absolute;top:40px;right:0;padding:12px 24px;display:inline-block;border:2px solid #999;font-weight:bold;color:#666;font-size:15px;text-align:center;border-radius: 30px;} .ask_qna_con{background-color:#fbf9f3;border:1px solid #e4ddc9;padding:33px 30px;position: relative;margin:80px 0 0;} .ask_qna_txt{font-size:18px;color:#444;} .ask_qna_txt span{margin-right:10px;} .ask_qna_txt span img{overflow: hidden;width: 24px;height: 21px;vertical-align: middle;} .ask_qna_con .btn_gold{background-color:#aea384;color:#fff;font-size:18px;padding: 8px 30px;border-radius: 30px;position: absolute;right:20px;top:25px;} /* 비밀번호 확인 */ .customer-cnt .customer-view-top{position:relative;padding:0 32px 23px;border-bottom:solid 2px #999} .customer-cnt .customer-view-top:after{content:""; display:block; clear:both;} .customer-cnt .customer-view-top.answer{margin-top:40px} .customer-cnt .customer-view-top .view-tit{display:block;font-size:30px;font-weight:400;float:left;max-width:calc(100% - 200px);} .customer-cnt .customer-view-top .view-info{*float:right;margin-top:16px;position:absolute;bottom:23px;right:32px} .customer-cnt .customer-view-top .view-info span{padding-left:30px;color:#727272;font-weight:600} .customer-cnt .customer-view-top .view-info span:first-child{padding-left:0; display:inline-block;} .customer-cnt .customer-view-top .view-info span.width {width:115px;} .customer-cnt .customer-admin{padding:30px;background:#f9f9f9;border-top:1px solid #d4ad34; position:relative;} .customer-cnt .customer-admin h4{color:#333;font-size:24px;padding: 0 0 20px;border-bottom: 1px solid #e9e9e9;margin: 0 0 30px;} .customer-cnt .customer-admin .txt-date{position:absolute;top:30px;right:32px;color:#737373} .customer-cnt .view-answer{color:#666;font-size:16px;line-height:22px;} .customer-cnt .view-file{margin:30px 0 0 30px} .customer-cnt .view-file div{margin-top:7px} .customer-cnt .view-file div span{color:#727272} .customer-cnt .view-pw{padding:80px 0 110px;border-bottom:solid 2px #999;text-align:center} .customer-cnt .view-pw span{display:block;margin-top:17px} .customer-cnt .view-pw .pw-tit{font-size:25px} .customer-cnt .view-pw .pw-ip{position:relative;max-width:360px;margin:40px auto 0} .customer-cnt .view-pw .pw-ip input{width:100%;padding:0 45px 0 38px;background:url(/homedata/images/customer/ic_lock2.png) no-repeat 18px 50%;background-size:15px auto} .customer-cnt .view-pw .pw-ip a{overflow:hidden;position:absolute;top:0;right:0;width:60px;height:48px;background:url(/homedata/images/customer/btn_arr.png) no-repeat 50%;background-size:20px auto;text-indent:-9999px} .customer-cnt .view-box{border-bottom:solid 2px #efefef} .customer-cnt .view-cnt{overflow-x:auto;padding:40px 32px;line-height:1.8} .customer-cnt .view-cnt2{overflow-x:auto;padding:40px 0;line-height:1.8} .customer-cnt.new{max-width:1120px;margin:60px auto 0;box-sizing:border-box;} .customer-cnt.new .view-box{max-width:1120px;} .customer-cnt .view-cnt img{max-width:100%} .customer-cnt .view-cnt2 table th,.customer-cnt .view-cnt2 table td{width:auto !important;padding:0 2px !important} .customer-cnt .view-cnt2 .view-tbl{width:100%;margin:-41px 0 50px;border-top:1px solid #999;font-size:14px;} .customer-cnt .view-cnt2 .view-tbl th{padding:10px 20px!important;border-bottom:1px solid #e9e9e9;color:#333;background:#f9f9f9;} .customer-cnt .view-cnt2 .view-tbl td{padding:10px 20px!important;border-bottom:1px solid #e9e9e9;color:#666} .customer-cnt .att-area{margin:20px 0 0;padding:15px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} .customer-cnt .att-area p{vertical-align:middle;margin:0 0 10px;} .customer-cnt .att-area p:last-child{margin:0;} .customer-cnt .att-area p img{margin:0 5px 0 0;vertical-align:top;} .bt_banner_wrap{width:100%;position:relative;} .bt_banner_wrap img{width:100%;} .bt_banner_wrap .txt_box{max-width: 70%;position:absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100%;height: 100%;} .bt_banner_wrap .btn_link{font-size:0;display:block;max-width: 19%;width: 100%;height: 14%;position: absolute;top: 65%;left: 17.5%;transform: translate(-50%,-50%);} .pop_contxt {background: #fff;border: 2px solid #000;padding: 30px 28px} .seller_thumb{display:inline-block; float:left;} .seller_thumb img{border-radius: 100%;} .shop_top{overflow:hidden; border-bottom:1px solid #b8b8b8; padding:0 0 20px;} .shop_top:after{content:'';display:block;clear:both;} .shop_top dl{padding-left:110px; text-align:left; margin: 10px 0 0;} .shop_top dl dt{ font-size:24px;color:#222;font-weight:bold;} .shop_top dl dd{ font-size:20px; font-weight:bold;color:#666;} .shop_top dl dd em img{vertical-align:middle;} .pop_contxt .shop_cont{padding:30px;color:#666;} .pop_contxt .shop_cont .link{color:#d4ad34} .pop_contxt .shop_cont ul li{padding-left:10px; position:relative; font-size: 14px;text-align:left;} .pop_contxt .shop_cont ul li:before{content:""; width:2px;height:2px;background-color:#666; position:absolute;top:10px;left:4px;} .pop_contxt .shop_cont .ft_info{text-align:left;margin: 15px 0 0;} .pop_contxt .shop_cont .ft_info li:before{content:none;} .pop_contxt .shop_cont .ft_info em{margin-right:10px;} .layer_pop .pop_contxt .btn-box-bt {margin:10px 32px 0;} .layer_pop .pop_contxt .btn_close {position:relative; top:auto;right:auto;} /* 글쓰기 */ .write-ip .write-ip-row{position:relative;margin-top:30px} .write-ip .write-ip-row.top{margin-top:0} .write-ip .write-ip-row .ip-row-tit{position:absolute;top:9px;left:0;z-index:5;width:140px} .customer-cnt.ver2 .write-ip .write-ip-row .ip-row-tit{width:180px} .write-ip .write-ip-row .ip-row-tit.chk-n{left:19px} .write-ip .write-ip-row .ip-row-cnt{position:relative;padding-left:140px} .customer-cnt.ver2 .write-ip .write-ip-row .ip-row-cnt{padding-left:250px} .write-ip .write-ip-row .ip-row-cnt.ver2{position:relative;padding-left:220px;min-height: 50px;} .write-ip .write-ip-row .ip-row-cnt.ver2 a{display:block;padding:10px 0 0;} .write-ip .write-ip-row .ip-row-cnt .ip-row-desc{display:block;margin-top:5px;color:#727272} .write-ip .write-ip-row .ip-row-cnt input[type=text],.write-ip .write-ip-row .ip-row-cnt input[type=password],.ip-row-cnt input[type=tel],.ip-row-cnt input[type=number]{width:100%} .write-ip .write-ip-row .ip-row-cnt input[type=text]:focus,.write-ip .write-ip-row .ip-row-cnt input[type=password]:focus, .ip-row-cnt input[type=tel]:focus,.ip-row-cnt input[type=number]:focus,.write-ip .write-ip-row .ip-row-cnt input:focus-visible{outline:2px #222 solid} .file-box .file-item{min-height:50px;margin-right:130px;padding:0 27px;border:solid 2px #efefef;background-color:#fff;box-sizing:border-box;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .file-box .file-item ul{margin:11px 0} .file-box .file-item ul li{position:relative;margin-top:12px} .file-box .file-item ul li span{display:inline-block;overflow:hidden;color:#929292;font-weight:600;vertical-align:middle;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis} .file-box .file-item ul li .item-name{width:100%;padding-right:130px} .file-box .file-item ul li .item-r{position:absolute;top:0;right:5px} .file-box .file-item ul li .item-vol,.file-box.new-file ul li .item-vol{width:60px;margin-right:20px;text-align:right} .file-box .file-item ul li button,.file-box.new-file ul li button{border-bottom:solid 2px #b8b8b8;font-size:16px;font-weight:600;cursor:pointer} .file-box .file-find{position:absolute;top:0;right:0} .file-box input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .file-box .file-del{margin-top:10px} .file-box.new-file ul li{position:relative} .file-box.new-file ul li:before{content:''; position: relative;margin-top: 12px;min-height: 50px;padding: 0 27px;border: solid 2px #efefef; background-color: #fff;box-sizing: border-box; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;width:73.8%;display: inline-block;z-index: -1;} .file-box.new-file .file-item ul li span{display:inline-block;overflow:hidden;color:#929292;font-weight:600;vertical-align:middle;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis} .file-box.new-file ul li .item-name { position: absolute;top: 5px;left: 0; width: 48%;padding: 20px 0 0 30px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .file-box.new-file .file-find{position:relative;vertical-align: top;top: 11px;} .file-box.new-file ul li .item-r{position: absolute; top: 26px;transform: translateX(-50%);right: 25%;} .write-ip.new .custom-tbl{width: 100%;border-top:1px solid #e34f4e} .write-ip.new .custom-tbl th{border-bottom:1px solid #e9e9e9;padding:10px 20px!important; background:#f9f9f9; font-size:14px;color:#333; font-weight:bold;} .write-ip.new .custom-tbl td{border-bottom:1px solid #e9e9e9;padding:10px 20px!important;font-size:14px; color:#666;text-align:left;} .custom-info{padding:20px 20px; background:#f9f9f9; margin:50px 0 0; font-size:16px;} .pw-box .pw-ip{padding-right:130px} .pw-box .pw-chk{position:absolute;top:13px;right:3px;color:#929292;font-size:16px} .pw-box .pw-chk input[type=checkbox]{vertical-align:middle} .write-ip.new{ max-width:1120px;margin:0 auto;} .write-ip.new .agree-txt{color:#222;font-weight:bold; display:block;text-align:right;} .write-ip.new .private_txt { display: flex; justify-content: space-between; align-items: center;margin:15px 0 20px;} .write-ip.new .private_txt span{font-weight:bold;} .write-ip.new .private_txt .agree-txt{display:inline-block} .write-ip.new .agree-ip{border:1px solid #ddd; border-radius:10px; width:20px; height:20px;vertical-align: middle;} #chk-age{ border-radius: 10px; width: 20px; height: 20px; vertical-align: middle;} #chk-age:focus,.write-ip.new .agree-ip:focus,#chk-age:focus-visible,.agree-txt input[type=checkbox]:focus-visible{outline:2px #222 solid ;} .write-ip.new .agree-txt{color:#222;font-weight:bold; display:block} /* 휴면계정 페이지*/ .sub .info_noticon{ margin: 370px auto 100px; max-width:832px;} .sub .info_noticon h2{font-size:28px;} .sub .info_noticon h2 img{display:block; margin: 0 auto 52px;} .sub .info_noticon .txt_gray_bg{font-size:24px;color:#333;background:#f6f6f6;padding: 20px 0;text-align:center;} .sub .info_noticon .txt_gray_bg .txt_red{color:#e34f4e} .sub .info_noticon .info_txt{font-size:16px;color:#727272;margin: 25px auto 0;text-align: center;} .sleeper_btn_wrap{margin:60px auto 0;text-align:center;} .sleeper_btn_wrap .btn_black{margin-left:15px;} @media all and (max-width:680px) { .sub .info_noticon{margin: 170px auto 100px;} .sub .info_noticon .txt_gray_bg{font-size:18px} .sleeper_btn_wrap button{ margin: 12px auto 14px!important; display:block;} } /* 이벤트 */ .event-list {padding-bottom:40px;border-bottom:solid 2px #efefef;font-size:0} .event-list li{display:inline-block;width:49%;margin:50px 0 0 2%;vertical-align:top} .event-list li:nth-child(odd){margin-left:0} .event-list li .el-img{width:100%;overflow: hidden;position: relative;} .event-list li .el-img img{display:block;width:100%} .event-list li .el-info{margin-top:13px;font-size:20px} .event-list li .el-info .state{color:#727272;font-weight:600} .event-list li .el-info .date{margin-left:22px;color:#737373} .event-list li.end-event{position:relative;} .event-list li.end-event p:before { content: '이벤트 종료'; position: absolute; padding: 10px 30px;top: 50%;left: 50%; transform: translate(-50%,-50%); color: #f6f3f3; font-size: 33px; z-index: 9; border-top: 3px solid #f6f3f3;border-bottom: 3px solid #f6f3f3; } .event-list li.end-event p:after{content:'';position:absolute;top:0;left:0; width:100%;height:100%; background:rgba(0,0,0,0.5); z-index:1;} .event-list li.end-event .state{color:#efefef;} .event-list li.end-event .el-info .date{color:#777} .event-list li .el-subject{font-size:25px} /* 약관 */ .agree-box{padding:40px 32px 0} .agree-box .tit{margin-top:50px;color:#d4ad34;font-size:20px;font-weight:600} .agree-box .tit.top{margin-top:0} .agree-box .desc{margin-top:23px;line-height:1.6} .agree-box .desc .desc-in{margin:0 0 10px 15px;line-height:1.6} /*** 팝업 ***/ .popup-top{height:60px;padding:0 20px;background-color:#2b2e36} .popup-top h1{display:block;height:60px;line-height:60px;color:#fff;font-size:16px;font-weight:600} .popup-tit{margin:20px 20px -5px;font-size:13px !important;text-align:left} .popup-cnt{margin:20px 20px 28px;padding:15px 20px;background-color:#f8f8f8} .popup-cnt .row-box{display:table;width:100%;margin:15px 0} .popup-cnt .row-box:first-child{margin-top:0} .popup-cnt .row-box.sec{margin-top:20px;padding-top:20px;border-top:solid 1px #e2e2e2} .popup-cnt .row-box-tit{display:table-cell;width:90px;font-size:13px;vertical-align:top} .popup-cnt .row-box-tit.ip{height:30px;line-height:30px} .popup-cnt .row-box-txt{display:table-cell;line-height:1.6;padding-right:20px;color:#727272;font-size:12px;box-sizing:border-box} .popup-cnt .row-box-gap{margin-top:20px} .popup-cnt .popup-desc-bt{margin-top:20px;font-size:13px;color:#929292} .popup-btn-box{margin-top:20px;padding-bottom:30px;text-align:center} .popup-btn-box button,.popup-btn-box a{margin:0 2px} .popup-img img{display:block} .popup-bottom{border-top:solid 1px #c1c1c1;color:#727272;font-size:13px} .popup-bottom:after{content:'';display:block;clear:both} .popup-bottom .chk-close{float:left;margin:10px 0 0 20px;cursor:pointer} .popup-bottom .chk-close input{margin-right:3px;vertical-align:middle} .popup-bottom .btn-close{float:right;margin:10px 20px 0 0} .pop_layer{width:100%;height:100%;background:rgba(255,255,255,0.7);position:fixed;top: 0;left: 0;} .pop_layer.remote_layer{z-index:9} .pop_layer .pop_cont{width:100%;max-width:550px;padding: 22px 16px;max-height: 490px;height: 100%;position: absolute;top: 50%;left: 50%;background: #fff;transform: translate(-50%,-50%);box-shadow: 1px 10px 18px #ebebeb;} .pop_layer .pop_cont .pop_hd{border-bottom:1px solid #efefef;color:#333;font-size:16px;position:relative;padding: 0 12px 20px;font-weight: bold;} .pop_layer .pop_cont .pop_hd .pop_close{position:absolute;right: 20px;top:0;background:url(/Homedata/images/common/btn_menu_close.png) 0 0 no-repeat;display:block;width:25px;height:25px;font-size: 0;} .pop_layer .pop_cont .pop_con{padding: 30px;background:#f8f8f8;margin:40px;display: flex;max-height: 260px;height: 100%;box-sizing: border-box;flex-wrap: wrap;align-content: flex-start; color:#333;font-size:16px;line-height:28px; overflow-x:hidden;word-break: break-all;} .pop_layer .pop_cont .pop_con label{flex: 1 1 40%;margin: 0 0 10px;} .pop_layer .pop_cont .btn-b-2{width:152px;margin:0 auto; height:50px;line-height:50px;} .pop_layer .pop_cont .pop_con::-webkit-scrollbar {width: 8px;} .pop_layer .pop_cont .pop_con::-webkit-scrollbar-thumb { height: 30%;background:#d7d7db; border-radius: 10px;} .pop_layer .pop_cont .pop_con::-webkit-scrollbar-track {background:#f8f8f8;} /*** 슬라이드 ***/ .slide-banner{overflow:hidden;position:relative;width:100%;margin-top:40px;text-align:center} .slide-banner .slick-list:after{content:'';display:block;position:absolute;top:-60px;left:0;bottom:0;right:0;z-index:-10;height:60%;margin:auto;background-color:#2b2e36} .slide-banner .item{padding:0 30px;text-align:center} .slide-banner .item img{display:inline-block !important;max-width:100%} .slide-banner .item p,.slide-banner .item .info_txt{margin-top:20px;line-height:1.5;font-size:25px} .slide-banner .item p.desc{margin-top:13px;color:#727272;font-size:16px} .slide-banner .slick-dots{margin-top:30px} .slide-banner .slick-dots li{display:inline-block;width:14px;height:14px;margin:0 7px;background:#c1c1c1;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px} .slide-banner .slick-dots li button{overflow:hidden;position:absolute;left:-10000px;top:auto;width:1px;height:1px} .slide-banner .slick-dots .slick-active{width:22px;background-color:#999} .slide-banner .slick-arrow{overflow:hidden;position:absolute;width:26px;height:50px;top:-120px;left:50%;bottom:0;right:0;z-index:5;margin:auto 0;text-indent:-9999px} .slide-banner .slick-prev{margin-left:-560px;background:url(/homedata/images/function/btn_arr_s_l.png) no-repeat} .slide-banner .slick-next{margin-left:530px;background:url(/homedata/images/function/btn_arr_s_r.png) no-repeat} .slide-banner.bulk_slide .item {position: relative;top:140px;} .slide-banner.bulk_slide .item.h580 {top:80px;} .slide-banner.bulk_slide .slick-dots{margin:80px 0 105px;} .slide-banner.bulk_slide .item .info_txt h4{font-size:25px;color:#333;margin-bottom:24px;} .slide-banner.bulk_slide .info_txt{color:#727272;font-size:16px;padding:0 0 30px;} .slide-banner.bulk_slide .slick-list{overflow:visible;} /*** 버튼,input,select ***/ .btn-w-2{display:block;height:76px;line-height:76px;border:solid 2px #333;background-color:#fff;font-size:20px;font-weight:600;text-align:center;cursor:pointer;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px} .btn-b-2{display:block;height:80px;line-height:80px;background-color:#333;color:#fff;font-size:20px;font-weight:600;text-align:center;cursor:pointer;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px} .btn-r-2{display:block;height:76px;line-height:76px;border:solid 2px #e04941;background-color:#fff;color:#e04941;font-size:20px;font-weight:600;text-align:center;cursor:pointer;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px} .btn-s{display:inline-block;height:50px;line-height:50px;padding:0 30px;font-size:16px;box-sizing:border-box;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .btn-b-2.s1{padding:0 22px} .btn-b-2.s2{padding:0 35px} .btn-b-2.s3{width:50%} .btn-b-2.w200{width:200px;} .btn-s2{display:inline-block;position:relative;width:90px;height:34px;line-height:32px;color:#fff;font-size:14px;font-weight:600;vertical-align:middle;box-sizing:border-box} .btn-sky{border:solid 1px #216569;background-color:#3c8f94} .btn-sky:after{border:solid 1px #56a2a6;border-bottom:solid 1px #347f83} .btn-black{border:solid 1px #2e3033;background-color:#494e53} .btn-black:after{border:solid 1px #62676c;border-bottom:solid 1px #3e4247} .btn-black2{border:solid 1px #2e3033;background-color:#494e53; color:#fff;padding:10px; display:inline-block; } .btn-black2:after{border:solid 1px #62676c;border-bottom:solid 1px #3e4247} .btn_line{ display: inline-block;border: 1px solid #222;padding: 15px 5px; color: #333;text-align: center;border-radius: 50px; font-size: 20px;width: 284px;} .btn_black{display: inline-block;background:#333;color:#fff;font-size:20px;width: 284px;padding: 15px 5px;border-radius: 50px;} .btn-box-c{margin-top:40px;text-align:center} .ip-chk{padding:12px 0;color:#929292} .ip-chk label{margin-right:35px;color:#929292} .ip-chk input{margin:-3px 3px 0 0;vertical-align:middle} .lb-basic input{margin:-2px 3px 0 0;vertical-align:middle} .tit-t1{color:#d4ad34;font-size:25px;font-weight:600} .txt-r{color:#e34f4e} .txt-r2{color:#f64a4a} .txt-r3{color:#ff3838} .txt-g{color:#d4ad34 !important} .txt-gray{color:#727272 !important} .txt-g2{color:#848484} .txt-g3{color:#999} .h-g{display:block;width:100%;height:2px;margin:55px 0;background-color:#efefef} .select-box{font-family:inherit;background:url(/homedata/images/common/bg_select_arr.png) no-repeat 90% 50%;background-size:17px 11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:76px;line-height:1;padding:0 55px 0 25px;border:solid 2px #efefef;background-color:#fff;box-sizing:border-box;color:#999;font-size:20px;cursor:pointer;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px} .select-box::-ms-expand{display:none} .select-box-t2{font-family:inherit;background:url(/homedata/images/common/bg_select_arr.png) no-repeat 95% 50%;background-size:10px 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;line-height:1;padding:0 30px 0 10px;border:solid 1px #d7d6d6;background-color:#fff;font-weight:600;box-sizing:border-box;color:#999;font-size:13px;cursor:pointer} .select-box-t2::-ms-expand{display:none} .select-box.ip-t-s5-select { width:142px;height: 50px;font-size:16px;} .select-box.ip-t-s5-select.sel-type{width:184px;} .select-box.ip-t-s6-select, .select-box.ip-t-s7-select { width:193px; height: 50px; font-size:16px;} .ta-box{width:100%;height:250px;padding:15px 20px;border:solid 2px #efefef;resize:none;box-sizing:border-box;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;font-size:16px;} .txt-byte {position: relative;margin: 0 0 10px;left: calc(100% - 94px);top:-5px;} .write-ip .write-ip-row .ip-row-tit.attch-tit{top:20px;} .lb-none{display:none;} .bg-gray{background:#f9f9f9;} .gap-top15{margin:15px 0 0;} .gap_pad10{padding-top:10px} .gap_mt5 {margin-top:5px;} .gap_mt10 {margin-top:10px;} .gap_mt20 {margin-top:20px;} .gap_mt30 {margin-top:30px;} .gap_mt40 {margin-top:40px;} .gap_mt50 {margin-top:50px;} .gap-trl11{margin:11px 7px 0 5px} .gap-l{margin-left:10px;} .gap-l9{margin-left:9px;} .gap-l8{margin-left:8px;} .gap-l6{margin-left:6px;} .fl{float:left;} .clearfix{clear:both;display:block;} /*** table ***/ .tb-s1{width:100%;margin:0 auto;word-break:normal;word-wrap:normal} .tb-s1 th{padding:15px 10px;background-color:#efefef;font-size:18px;font-weight:400;word-break:normal;word-wrap:normal} .tb-s1 td{padding:15px 10px;font-size:16px;text-align:center;vertical-align:middle;word-break:normal;word-wrap:normal} .tb-s1 th,.tb-s1 td{border:dashed 1px #dfdfdf;border-left:0} .tb-s1 th:last-child,.tb-s1 td:last-child{border-right:0} .tb-s1.gap{margin-top:20px} .tb-s1 td .centered{display:inline-block;text-align:left} .tb-s1 td .cont-l{display:inline-block;margin-right:-2px;line-height:1;vertical-align:top} .tb-s1 td .cont-l .ic-chk{margin-top:6px} .tb-s1 td .cont-r{display:inline-block} .tb-s1 td .cont{margin-left:20px} .tb-s1 .txt-h{font-size:18px} .tb-s1.tds1 td{padding:40px 5px} .tb-s1.t2 th{color:#333;font-size:16px} .tb-s2{width:100%;margin:0 auto;word-break:normal;word-wrap:normal} .tb-s2 th,.tb-s2 td{border:dashed 1px #dfdfdf;border-left:0} .tb-s2 th:last-child,.tb-s2 td:last-child{border-right:0} .tb-s2 thead th{padding:15px 10px;border-top:0;font-size:25px;font-weight:400;word-break:normal;word-wrap:normal} .tb-s2 tbody th{padding:0 20px;font-weight:600;text-align:left} .tb-s2 td{padding:15px 20px;font-size:16px;vertical-align:middle;word-break:normal;word-wrap:normal} .tb-s2 tbody tr:last-child th,.tb-s2 tbody tr:last-child td{border-bottom:0} .tb-s3{width:100%;margin:0 auto;border-top:solid 2px #424242;word-break:normal;word-wrap:normal} .tb-s3 th{padding:20px 10px;background-color:#f4f4f4;font-size:16px;font-weight:400;word-break:normal;word-wrap:normal} .tb-s3 td{padding:30px 5px;font-size:16px;text-align:center;vertical-align:middle;word-break:normal;word-wrap:normal} .tb-s3 th,.tb-s3 td{border:solid 1px #e6e6e6} .tb-s3 th:last-child,.tb-s3 td:last-child{border-right:0} .tb-s3 th:first-child,.tb-s3 td:first-child{border-left:0} .tb-s3.gap{margin-top:20px} .tb-s3 td .centered{display:inline-block;text-align:left} .tb-s3 td .cont{margin-left:20px} .tb-s3 .txt-h{font-size:18px} .tb-s3.tds1 td{padding:40px 5px} .tb-s3.tbs-l td{padding-right:30px;padding-left:30px;text-align:left} .tb-s3 .tc{text-align:center !important} .tb-s4{width:100%;margin:0 auto;border-top:solid 2px #000;word-break:normal;word-wrap:normal} .tb-s4 th{padding:20px 10px;background-color:#45a1ff;color:#fff;font-size:18px;font-weight:400;word-break:normal;word-wrap:normal} .tb-s4 td{padding:30px 5px;font-size:18px;font-weight:600;text-align:center;vertical-align:middle;word-break:normal;word-wrap:normal} .tb-s4 th,.tb-s4 td{position: relative;border:solid 1px #e6e6e6;border-left:0} .tb-s4 th:last-child,.tb-s4 td:last-child{border-right:0} .tb-c th{border:0;background:#44217a url(/homedata/images/info/bg_tb_top.gif) no-repeat 0 50%;color:#fff} .tb-c th:first-child{background:#44217a none} .tb-c td{text-align:center;vertical-align:top} .tb-p{border-top:0 !important} .tb-p th{border-top:0 !important;background-color:#44217a !important;color:#fff !important} .tb-p th.g{background-color:#f4f4f4 !important;color:#424242 !important} .tb-list{display:inline-block} .tb-list li{display:table;margin-top:3px;text-align:left} .tb-list li span{display:table-cell} .tb-list li span:first-child{padding-right:4px} .tb-view-m{display:none} /* 도매룩 주요기능*/ .btn_domerrok{color:#00aebd; font-size:17px; font-weight:bold;text-align:center;width:246px;height:52px;line-height:52px;border-radius:30px;margin:0 auto 90px;border:1px solid #00aebd;display:block;} .gap_t40{margin-top:40px;!important} /*** animation ***/ .sub-visual, .sub-visual .sv-in .tit, .list-q ul li, .featured .im img, .featured li div h3, .sns-list li, .sub-menu .sub-menu-list ul li, .btn-w-2, .btn-b-2, .btn-s,.btn_gold {transition:all 0.4s ease;-webkit-transition:all 0.4s ease} input[type=text].w544,.w544, .write-ip .write-ip-row .ip-row-cnt input.w544[type=text]{ width: 544px;} input[type=text].w520, .w520, .write-ip .write-ip-row .ip-row-cnt input.w520[type=text]{width:520px;} .file-box.new-file ul li .plus-btn,.plus-btn{background:#fff;color:#000;font-weight:bold; text-align:center;padding:10px;width:50px;height:50px;box-sizing:border-box; border-radius:100%; border: 2px solid #000; font-size:16px;vertical-align: top;margin-top:11px ;} .m_block{display:none;} .pc_block{display:block} /*** responsive ***/ @media all and (max-width:2000px) { .bg-member2{left:auto;right:90%;margin-left:0} } @media all and (max-width:1800px) { .bg-member{left:50%;margin-left:166px} } @media all and (max-width:1200px) { .slide-banner .slick-prev,.insta-adm-slide .slick-prev{margin:auto 0 auto -47.5%} .slide-banner .slick-next,.insta-adm-slide .slick-next{margin:auto 0 auto 44.5%} .bg-member{left:650px;margin-left:0} } @media all and (max-width:1050px) { .list-func .lf-desc{text-align:center;} .list-func.stock{width:100%;text-align: center;min-width: auto;} .list-func.stock:nth-child(even),.list-func.stock:nth-child(odd){margin-left:0;} .list-func .lf-desc .desc-img img{width:initial} .list-func .lf-desc .desc-text{text-align:left;} .list-func .lf-desc .desc-text:before{} .list-func.manage .desc-img{width:auto} .list_half{max-width:500px;text-align: center;} .list_half .lst_item_l,.list_half .lst_item_r {float:none;} .d_tbl_row{ width: calc(100% - 190px); padding: 0 120px 0 60px;} .d_tbl_row ul{padding:10px 0;} .d_tbl_row li{padding:10px 0 0;font-size:14px; float: none;} .d_tbl_row li .d_tbl_date{font-size:12px} .d_tbl_row li.d_tbl_tit div{font-size:14px} .d_tbl_row li.d_tbl_price, .d_tbl_row li.d_tbl_state {display:inline-block;width:auto;margin: 0 10px 10px;padding:3px 0; text-align:left;} .d_tbl_row li.d_tbl_price span{position:relative;} .d_tbl_row li.d_tbl_price span:after{content:'';width: 1px;height:98%;background:#eee;position:absolute;top: 1px;right: -13px;} .d_tbl_row .thumb_img,.d_tbl_row .btn_gray{ top: 50%; transform: translateY(-50%);} .d_tbl_row .thumb_img img{width:50px;height:50px;} .d_tbl_row .btn_gray{padding:6px 12px; font-size:13px;} .transfer_join img{width:100%;} .write-ip .write-ip-row .ip-row-cnt.ver2{padding-left:20%;} .customer-cnt.new .m-txt2{font-size:14px;} .customer-cnt.new .m-txt{font-size:13px;} .write-ip.new .write-ip-row .ip-row-cnt.ver2.suggest-type{padding-left:80px;display:inline-block;} .customer-cnt.new .sns-agree input{vertical-align:middle;} .customer-cnt.new .agree-info-txt{font-size:14px;} .write-ip .write-ip-row .ip-row-cnt.ver2 a{border-top:1px solid #ddd} .time_cnt .txt-byte{top: -13px; position: absolute; font-size:12px} .tit_info_txt, .write-ip.new .agree-txt { display: block;position: relative; right: auto;text-align: left; width: 100%; clear: both; top: auto;font-size: 13px; text-align:right;} .write-ip.new .agree-txt input{vertical-align:middle} .write-ip.new .custom-tbl th,.write-ip.new .custom-tbl td{padding:10px!important;font-size:13px;} .qnabd-txt .info-txt{position: relative;left: 0;right: 0; top: 0; display: block; margin: 10px 0 0;} .qnabd-txt .info-txt input{vertical-align:middle;} .customer-cnt.new .m-txt2{font-size:14px;} .write-ip .write-ip-row .ip-row-cnt.ver2{padding-left:0px} .file-box.new-file ul li .plus-btn, .plus-btn{width:40px;height:40px;padding: 5px;} .file-box.new-file ul li:before{min-height: 40px;width: calc(100% - 158px);} .customer-cnt.new .ip-row-tit{position:static;} .custom-info {font-size:14px } .datepicker{width: 100%;max-width: 528px;height: 100%; padding: 20px 0 30px;} .date_time_wrap{display: block;text-align: center;margin: 0 auto;} .time_list{margin: 24px 0 0; width: 100%; max-width: 528px; text-align: left; padding: 24px 0 15px 15px; height: 100%;} .time_list span{width:calc( (100% / 4) - 10px);} .datepicker > .datepicker_inner_container > .datepicker_calendar > table,.datepicker > .datepicker_inner_container > .datepicker_calendar{max-width: 470px; width: 100%;} .datepicker > .datepicker_inner_container > .datepicker_calendar > table,.datepicker > .datepicker_inner_container > .datepicker_calendar{max-width: 470px; width: 100%;} .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td{width: calc((100% / 8) - 15px);height: 32px;line-height: 32px;margin: 0 4px;font-size: 13px;} .datepicker .datepicker_header{font-size:15px;} .sub_titbox{margin:22px 0 15px 0;} .sub_titbox span{font-size:15px;} .sub_titbox .cal_right_tit{font-size: 12px; margin-right: 1%; line-height: 27px;} .time_cnt .ip-row-cnt label{border: 1px solid #444;padding: 5px 3px;text-align: center; margin: 9px 2.5px 0; color: #444; display: inline-block; width: calc((100% / 5) - 10px); box-sizing: border-box; font-size: 14px;} .time_cnt .ip-row-cnt label.active{background:#333;color:#fff;font-weight:bold;} .time_cnt .ip-row-cnt label input[type="checkbox"]{display:none;} .all_chk{display:block;} .write-ip.new .write-ip-row .ip-row-cnt.ver2.apply-txt {display: inline-block; padding-left: 47px;} .customer-cnt .view-cnt.remote_tbl_cnt .remote_tbl,.btn-box-bt{display:none;} .m_remote_con{display:block;} .m_remote_con dl { border-radius: 20px;border: 1px solid #c6cad0; margin: 0 0 24px;} .m_remote_con dl dt,.m_remote_con dl dd{padding: 18px 12px 18px 18px;} .m_remote_con dl dt button{position: absolute;right: 10px;top: 8px;} .m_remote_con dl dt span{padding: 0 10px 0 0;font-weight: bold;} .m_remote_con dl dt span.bl_bar{border-left:1px solid #beb9b9;padding:0 10px; } .m_remote_con dl dt span.bl_bar.red_txt{color:#e34f4e} .m_remote_con dl dt span.bl_bar.gold_txt{color:#d4ad34} .m_remote_con dl dt{background:#f2f4f7;position: relative;border-top-right-radius: 20px;border-top-left-radius: 20px;font-size: 14px;} .m_remote_tbl th,.m_remote_tbl td{color:#333; font-size:13px;} .m_remote_tbl th{font-weight: bold;text-align: left;padding: 5px 5px 0 0;} .m_remote_tbl td{padding: 5px 5px 0 0;letter-spacing: -1.1px;} .m_remote_tbl td .remote_txt{ width: calc(100% - 20px); overflow-x: hidden; text-overflow: clip; padding: 0 5px; word-break: break-word;} .m_more_btn{position:relative;font-weight: 600;cursor: pointer;padding: 5px 20px 5px 0;display: block;line-height: 13px; margin:10px auto 0;} .m_more_btn em{display:inline-block;width: 16px;height: 10px;background: url(/homedata/images/customer/btn_more.png) no-repeat 80% 80%;background-size: 14px auto;position: absolute;right: 0;top: 57%;} .m_more_btn:after{content:'더보기';display:block;color:#333;font-size:14px;} .m_more_btn.close_btn:after{content:'접기'; display:block; color:#333; font-size:14px; } .m_more_btn.close_btn em{transform:rotateZ(180deg)} .m_remote_tbl tr.remote_txt th,.m_remote_tbl tr.remote_txt td{display:block;width:100%;} .m_remote_tbl tr.remote_txt td{width: calc(100vw - 50% );} .sub-menu .sub-menu-list ul li a .flag_new{font-size:10px;top:-13px;} .remote_cnt.customer-cnt .view-cnt img{max-width:300px;margin:15px auto 40px} .remote_lst{padding:30px 16px 16px} .remote_lst li{margin: 0 0 14px;background-size: 14px; padding-left: 20px; background-position: 0px 2px;} .remote_cnt .remote_process ul{display:block;} .remote_cnt .remote_process ul li:before{content: '';border-radius: 100%;background-color: #f2f4f7; width:95px; height:95px; display: block; position: absolute; top: 66px; left: 50%; transform: translate(-50%,-50%);} .remote_cnt .remote_process ul li:after{background: url(/Homedata/images/customer/arr_bottom.png) 0 0 no-repeat; right: auto;bottom: 20px;top: auto;left:47%; width: 24px; height: 15px;} .remote_cnt .remote_process ul li{padding: 0 0 80px; margin-right: 0;} .remote_cnt .remote_process li div {background-color: transparent; width: 110px; margin: 0 auto 8px; font-size: 15px; height: 190px; background-size: 60%;background-position: center 27%;} .remote_process li .step4{background-size: 55%;background-position: center 29%;} .customer-cnt.new.remote_cnt .btn-box-bt.bt2.gap_t107{ margin-top:88px!important;} .customer-cnt.new.remote_cnt .btn-box-bt{display:block;} .customer-cnt.new.remote_cnt .btn-box-bt.bt2.gap_t107 .btn-r-2,.customer-cnt.new.remote_cnt .btn-box-bt.pc_more_btn {display: none;} .remote_cnt .remote_process li div .step_num{font-size: 13px;width: 70px; height: 32px;letter-spacing: 0px;margin:0 auto 10px} .remote_cnt .remote_process ul li:last-child{padding:0;} .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th{font-size:13px;} .datepicker .datepicker_header > span{margin: 0 20%; line-height: 32px; font-size: 20px;vertical-align: top;} .time_cnt .ip-row-cnt label.all_chk{display:block;} .toggle_tr.hidden_tr{display:none;} .m_block{display:block;} .m_block_img{margin: 30px 0 50px} .m_block_img img{ width:100%;} .pc_block{display:none;} .kakao_bg {padding:30px 0; } .kakao_bg p {font-size:20px; font-weight:bold;} .kakao_sync_sub h3{margin:55px 0 0;} } @media all and (max-width:980px) { .info-desc{margin-right:15px;margin-left:15px} .info-desc .id-txt{float:none} .info-desc .id-btn{float:none;margin-top:15px;text-align:center} .info-desc .id-btn button{margin:0 1px} .join-info-box .ji-list .jil-bottom span{display:block;padding:7px 0} .join-info-box .ji-list .jil-bottom span:last-child{margin-left:0;padding-left:0} .join-info-box .ji-list .jil-bottom span:last-child:after{content:none} .info-tit-box{margin-bottom:20px} .info-tit-box .info-desc-tit{float:none;margin-bottom:5px} .info-tit-box .info-desc-txt{float:none;margin-top:0} .customer-cnt .customer-view-top .view-tit,.customer-cnt .customer-view-top .view-tit.t-notice,.customer-cnt .customer-view-top .view-tit.t-event{padding-right:32px} .customer-cnt .customer-view-top .view-tit {float:none; max-width:100%;} .customer-cnt .customer-view-top .view-info{position:static; margin-top:10px} .customer-cnt .customer-view-top .view-info span{padding-left:25px} .customer-cnt .customer-view-top .view-info span.width {width:auto;} .board-list.qna_submain li{width:calc(100% - 2px);} .board-list.qna_submain li,.board-list.qna_submain li:nth-child(2){margin:25px 0 0;} .ez_mem_benefit .benefit_con{width:100%;padding: 15vw 0;} .ez_mem_benefit .ez_benefit_con li{float:none;margin: 0 auto 7.8vw;width:55vw;height:58vw;padding:9.4vw 4.2vw 7.8vw;} .ez_mem_benefit .ez_benefit_con li:first-child{margin: 0 auto 7.8vw;} .promo_con .promo_tit{ width:80vw; margin:0 10vw;border-radius:0; height:15.9vw; font-size:4.7vw; line-height:15.9vw; border-bottom-right-radius:12px; border-bottom-left-radius:12px;float:none; border-bottom:1px dashed #ececec;} .promo_con dl{border-radius: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; width: 80vw; } .promo_con dl.icon_promotion,.promo_con dl.icon_freebd{margin: 0 10vw 10vw;height:26.3vw;background-size: 14.5vw;padding: 6.8vw 0 0 31.4vw;background-position: 8vw;} .ez_admin_con .txt_skyblue{width:100vw;font-size: 3.8vw;} .ez_admin_con .txt_black,.ez_admin_con .txt_blue {font-size:3.8vw; } .ez_promotion{padding:15vw 0;} .ez_mem_benefit .ez_benefit_con li dl.first_pay{margin-bottom: 8.5vw;} .ez_mem_benefit .ez_benefit_con li dl.first_pay, .ez_mem_benefit .ez_benefit_con li dl.plus_pay{height: 19.5vw; background-size: 12.5vw;padding:0 0 0 18.8vw} .ez_mem_benefit .ez_benefit_con li dl dd {font-size:2.3vw;line-height:3vw;} .ez_promotion .date_tit span{font-size: 2.5vw;line-height: 3.3vw;} .ez_admin_con .txt_right{ font-size:12px;margin-bottom:10px} .ez_mem_benefit .ez_benefit_con li .benefit_img img{width:19vw} .ez_mem_benefit .ez_benefit_con li .benefit_img{margin-bottom:6vw;} .promo_con .promo_tit .icon_eve,.ez_mem_benefit .ez_benefit_con li .icon_eve{width: 15vw;height: 7vw;font-size: 2.4vw;line-height: 7vw;} .promo_con .mt66{margin-top:0;} .ez_admin_con .info-cnt:nth-of-type(4) { margin-bottom: 25vw;} .ez_promotion {background-size: contain; background: #022261 url(/homedata/images/marketing/m_ez_con5bg.png) no-repeat 75vw 26vw; position: relative;} .ez_promotion:after {content:'';display: block;width: 30vw;height: 30vw;/* background-size: 100vw; */background: url(/homedata/images/marketing/m_ez_con5bg2.png) no-repeat 0 0;position: absolute;top: 67%;background-size: 100%;left: -23vw;transform: translateY(-50%);} .baro_info_sub img{width:100%} .im_pc, .im_pc_c{display:none;} .im_mo{display:block; margin:0 auto; width:100%;} .im_mo_c{display:block; margin:30px auto; width:100%; text-align:center;} .im_mo_c img{width:90%;} .im_pc_tbl{display:none;} .im_mo_tbl{display:table!important;} .bg_area .sub_bg .cnt-playad{width:100%} .bg_area .sub_bg .cnt-playad .red_arr:after{background-size:90px ; background-position:center 5%;} .bg_area .sub_bg .cnt-playad .txt-r{ font-size:16px;display: block;} .bg_area .sub_bg .cnt-playad .txt_gray{ font-size:13px;margin:20px 0 30px 15px} .baro_app_area .comimg_soon_txt .info_coming_soon{ margin:5px 0 0; display:inline-block;} .baro_app_area h4,.baro_app_area h4 .txt_purple{font-size:18px;} .baro_app_area h4 .txt_purple{display:block;} .baro_app_area .gray_txt{font-size:14px;margin:20px 10px 40px} .bg_area .r_gray{font-size:13px;} .my_acc_area .tb-view-p{display:table} .my_acc_area .tb-view-p th{font-size:13px;} .my_acc_area .info_p{font-size:13px;} .my_acc_area .join-info-box .ji-list .jil-top ol li{width:50%;} .my_acc_area h3{font-size:18px;} .my_acc_area .cnt_center img{width:100%; } .bg_myacc_area .btn-r{ margin: 20px auto 0 ;} .bg_myacc_area .btn-box-c .btn-w2{margin:10px auto} .my_acc_area .join-info-cnt .jic-order.half ol li { width:100%!important; } .my_acc_area .join-info-box .join-order ol li { display: block; width: 100%; margin: 0 0 60px; } .my_acc_area .join-info-box .join-order ol li:last-child{margin: 0 0 0px;} .my_acc_area .join-info-box .join-order ol li:after{ top: 60px;right: 0; left: 0%; font-weight: 600; transform: rotate(90deg);} .lb-none{display:block} .info-cnt.shop_cnt.gp_60{margin-bottom:60px;} } @media all and (max-width:870px) { .footer-s {margin-top:50px;} .footer-s .f-top{margin:20px 20px 0} .footer-s .f-top .f-info address { margin-left: 13px; font-size: 12px} .footer-s .f-qna { margin: 20px 10px 0; float: none; text-align: center; display: inline-block; } .footer-s .f-qna .qna_btn { float: none; text-align: center; } .footer-s .ft_sns { margin: 20px 20px 30px 0; text-align: center; float: none; display: inline-block; } .board_top_info{padding:20px 22px;} .board_top_info dl{padding-left:30px;} .board_top_info dl dt{font-size:15px; line-height: 15px;} .board_top_info dl dd{font-size:12px;} .board_top_info dl::after{left:2%;} .board_top_info span img{width:45px;} .my_acc_area .pay_pro_left,.my_acc_area .pay_pro_right {display:block;transition:all 0.4s ease;-webkit-transition:all 0.4s ease} .info-list.my_acc_list:after{content:none;} } @media all and (max-width:860px) { .ez_admin_solution { padding:15px 0; margin:45px 0 0;} .ez_admin_solution .ez_bg:before{content: none;display: block;width: 88%;height:10px;border:0;border-top: 10px solid #e0e0e0;border-radius:0;position: absolute;top: 5vw;} .ez_admin_solution .ez_bg:after{content: none;display: block;width:50%;height:10px;border-top:10px solid #e0e0e0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);} .ez_admin_solution .ez_bg{width: 90%;} .ez_admin_solution .ez_bg .ez_sol_con{left: 50%;transform: translateX(-50%);position: relative;} .ez_admin_solution .ez_bg .ez_sol_con:before{content:'';display:block;width: 82%;height: 5px;position:absolute;top: 20%;right: 9px;border-top:5px solid #e0e0e0;transform: translateY(-50%);} .ez_admin_solution .ez_bg .ez_sol_con:after{content:'';display:block;width: 54%;height: 5px;position:absolute;top: 85%;bottom: 33px;border-top:5px solid #e0e0e0;z-index: -1;transform: translateY(-50%);} .ez_bg .ez_sol_con li{width: 32%;min-width:70px;top:0!important;left:0!important;display: inline-block;text-align: center;} .ez_bg .ez_sol_con li span{display:block;min-width: 100%;top: auto!important;bottom: -20px!important;left: auto!important;text-align: center;white-space: nowrap;font-size: 0.8rem;} .ez_bg .ez_sol_con li img { width: 70px;} .ez_bg .ez_sol_con li:after{top: 50%!important;left: auto!important;transform: rotateZ(0deg) translateY(-50%)!important;clear: both;right: -10px;} .ez_bg .ez_sol_con li.sol04,.ez_bg .ez_sol_con li.sol05{margin-top:60px;} .ez_bg .ez_sol_con li.sol04:after{top:54%!important;} .ez_bg .ez_sol_txt{display:none;} .ez_admin_con .info-cnt{margin-top:30px;text-align:center} .ez_admin_con .info-cnt.bank02{margin-top:50px} .ez_admin_con .info-cnt .info-img{display:table-header-group} .ez_admin_con .info-cnt .info-img img{width:90%;margin-top:20px} .btn_ezadmin {font-size:13px; } .bg_myacc_area .myacc_areacon .cnt-desc{font-size:16px; padding:0 10px;} .my_acc_area .pay_pro_left, .my_acc_area .pay_pro_right{padding:0 30px;} .my_acc_area .pay_pro_left .subpay_l li span, .my_acc_area .pay_pro_right .subpay_r li span{width:190px;height:70px;line-height:70px; font-size:14px; text-align:center;} .my_acc_area .pay_pro_left .subpay_l li:after, .my_acc_area .pay_pro_right .subpay_r li:after{top:84px;} } @media all and (max-width:420px) { .ez_bg .ez_sol_con li img{ width:55px;} .ez_bg .ez_sol_con li:after{top: 55%!important;} .ez_bg .ez_sol_con li.sol04:after{top:50%!important;} .ez_bg .ez_sol_con li span{font-size:11.5px;} } @media all and (max-width:768px) { .bulk_wrap .img-full img{width:80%;margin:0 auto;} .desc-box .m-txt ol{position: relative;left: 50vw; transform: translateX(-50vw); display: inline-block;} .desc-box .m-txt ol li{text-align:left;} .slide-banner.bulk_slide{margin-top:0;} .slide-banner.bulk_slide .slick-dots{margin:65px 0 55px} .bulk_wrap hr.line{margin-top:30px;} .bulk_wrap .info-cnt{margin-top:15px;} .slide-banner .slick-list:after{content:'';top:-100px;} .bulk_wrap .gap_mt50{margin-top:25px;} .desc-box .db-subtit{font-size:18px;} .list-func .lf-desc .desc-img span {width: 70px;height: 70px;background-size: 603px;} .list-func .lf-desc .desc-img span.sel_ico1{background-position:0 0;} .list-func .lf-desc .desc-img span.sel_ico2{background-position: -77px 0;} .list-func .lf-desc .desc-img span.sel_ico3{background-position: -152px 0;} .list-func .lf-desc .desc-img span.sel_ico4{background-position: -229px 0;} .list-func .lf-desc .desc-img span.sel_ico5{background-position: -305px 0;} .list-func .lf-desc .desc-img span.sel_ico6{background-position: -380px 0;} .list-func .lf-desc .desc-img span.sel_ico7{background-position: -455px 0;} .list-func .lf-desc .desc-img span.sel_ico8{background-position: -531px 0;} .list-func .lf-desc .desc-text:before {height: 59px;} .list-func.stock{float:none;min-height: auto;} /*** 공통 ***/ .header-cnt-in h1 .h-m{display:block} .header-cnt-in h1 .h-p{display:none} .sub-visual{height:200px} .sub-visual .sv-in .tit-e{font-size:12px} .sub-visual .sv-in .tit{margin-top:4px;line-height:1.2;color:#fff;font-size:26px} .sub-visual .sv-in .tit:after{content:'';display:block;width:50px;height:1px;margin:8px auto 10px;background-color:#fff} .sub-visual .sv-in p{font-size:13px} .sub-visual .top-srch .top-srch-in{height:36px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .sub-visual .top-srch .top-srch-in p{padding:0 50px 0 20px} .sub-visual .top-srch .top-srch-in p input{height:36px;line-height:36px;font-size:14px} .sub-visual .top-srch .top-srch-in button{right:10px;width:36px;height:36px;background-size:20px} .sub h2{margin-top:50px} .sub h2 .h-sub{font-size:14px} .sub h2 .h-sub2{font-size:13px} .sub h2 .h-sub3{margin-top:2px;font-size:14px} .sub hr.line{width:40px;margin:15px auto 0 !important} .sub hr.line.s{margin:20px auto 0 !important} .cnt-desc{margin-top:28px;font-size:13px} .cnt-desc.cd2{font-size:16px} .list-q{margin-top:8px} .list-q ul li,.list-q.q-b ul li{margin:20px 10px 0;padding-left:60px;background-size:50px auto} .list-q ul li span{padding-top:5px;font-size:18px} .list-q ul li div{margin-top:5px;line-height:1.5} .list-q.e ul li{background:url(/homedata/images/common/img_e.gif) no-repeat 50px 10px;background-size:auto 18px} .featured{margin-top:28px} .featured li{display:block;width:100%;margin:30px 0} .featured .im img{width:70px;margin-top:10px} .featured .im:after{height:90px;margin:0 20px} .featured li div{position:relative; margin-left:110px} .featured li div .new {position:absolute; left:0; top:-20px;} .featured li div h3{font-size:18px} .featured li div p{margin-top:8px;font-size:14px} .featured li div a{padding-right:18px;font-size:13px} .featured.centered{max-width:320px;margin-right:auto;margin-left:auto} .featured.centered li{padding:0;white-space:initial} .featured2{margin:10px auto} .featured2 li{margin:20px 1.3%} .featured2 .im{display:table-cell;position:relative;padding-right:40px;vertical-align:middle} .featured2 .im img{width:70px;margin-top:10px} .featured2 .im:after{right:20px;height:90px} .featured2 li div h3{font-size:18px} .featured2 li div p{font-size:14px;white-space:initial} .info-list{display:table;margin:28px auto 0} .info-list:after,.goods_flow_area .info-list.hor:after{content:'';position:absolute;display:block;top:35px;bottom:35px;left:28px;right:auto;width:3px;height:auto;background:#efefef} .info-list ul{text-align:left} .info-list ul li{display:table;width:auto;margin-bottom:30px} .info-list ul .last{margin-bottom:0} .info-list ul li:before{display:none} .info-list ul li:after,.info-list.member-list ul li:after,.goods_flow_area .info-list.hor ul li:after{top:71px;left:22px;width:13px;height:13px;background:#efefef url(/homedata/images/common/bg_list_arr_m.png) no-repeat 3px 50%;background-size:8px} /* 회원 서비스 소개*/ .info-list.member-list ul li:after{background: #efefef url(/homedata/images/common/img_plus_plus.png) no-repeat 2.5px 50%;background-size: 10px; width: 15px; height: 15px;} .featured.centered .img_block > *{ float:none!important; text-align:center;} .featured.centered .img_block .arr{height:128px;margin: 60px auto 0; text-align:left;} .featured.centered .img_block .arr span{position: relative; top: -3px;left:-41px;} .featured.centered .img_block .arr:before{ width:12px;height:100%;background:url(/Homedata/images/function/m_mem_arrst.png) no-repeat 0 0; left:50%; transform:translateX(-50%);top: -30px;} .featured.centered .img_block .arr .logo_img{display:inline-block;position: relative;left: 26px;} .featured.centered .img_block{overflow:visible;} .mem-area .info-cnt2.info-cnt .info-txt {display:block; } .mem-area .info-cnt2{margin:75px auto 0;} .mem-area img.cnt-gap2{width:100%;} .featured.centered .img_block .img_left {width:180px; } .featured.centered .img_block .img_right {width:260px;} .info-list ul li p{display:table-cell;width:60px} .info-list ul li p img{width:100%} .info-list ul li div{display:table-cell;margin-top:0;padding-left:20px;vertical-align:middle} .info-list.hor{width:100%} .info-list.hor:after{top:30px;bottom:auto;width:auto;height:3px} .info-list.hor ul li{display:inline-block;position:relative;width:25%} .info-list.hor ul li:after{top:25px;left:auto;right:-6px;width:13px;height:13px} .info-list.hor ul li p{display:block} .info-list.hor ul li div{display:block;padding-left:0;text-align:center} .info-list.hor.c3:after{left:15%;right:15%} .info-list.hor.c4:after{left:10%;right:10%} .info-list.hor.c3 li{width:33.33%} .info-list.hor.c4 li{width:25%} .goods_flow_area .info-list.hor{display: table; margin: 28px auto 0;width:auto;} .goods_flow_area .info-list.hor ul li{display: table; width: auto;margin-bottom: 30px;} .goods_flow_area .info-list.hor ul li div{display: table-cell;padding-left: 20px;text-align:left;} .goods_flow_area .use_info_tit{margin:30px 0 0;} .goods_flow_info dl{text-align:center;} .goods_flow_info dl dd h3{font-size:20px;margin:20px 0 15px} .goods_flow_info dl dt, goods_flow_info dl dd{float:none;} .goods_flow_info dl dd p{font-size:14px} .goods_flow_info dl dt img{width:140px;} .goods_flow_info dl dt:after{content:none;} .goods_flow_info dl dd{text-align:left;} .goods_step li div{text-align:left;} .goods_flow_area .info-cnt .info-txt{display: table; margin: 28px auto 0;} .goods_step li p{width:60px;} .goods_step li:after{ top: 88px; left: 22px;} .goods_flow_area .goods_change_deli{background-size:contain} .goods_flow_area .tb-view-p{display:table} .goods_flow_area .txt_gray{font-size:14px;} .info-list2{display:table;margin:28px auto 0} .info-list2 ul{text-align:left} .info-list2 ul li{display:table;width:auto;margin-bottom:30px} .info-list2 ul .last{margin-bottom:0} .info-list2 ul li{margin-right:0;margin-left:0} .info-list2 ul li:before{display:none} .info-list2 ul li:after{top:71px;left:23px;width:13px;height:13px;background:#efefef url(/homedata/images/common/bg_list_arr_m.png) no-repeat 3px 50%;background-size:8px} .info-list2 ul li p{display:block;width:60px} .info-list2 ul li p img{width:100%} .info-list2 ul li .tit2{display:block;margin-top:10px;font-size:18px !important} .info-list2 ul li .desc{max-width:310px;margin-top:15px;font-size:14px;text-align:center} .info-list2 ul li div{margin-top:15px;color:#727272} .info-cnt{margin-top:30px;text-align:center} .info-cnt.bank02{margin-top:50px} .info-cnt .info-img{display:table-header-group} .info-cnt .info-img img{width:90%;margin-top:20px} .info-cnt .info-txt2 .info-img2{margin:15px auto 20px} .m-txt32{margin:20px auto 40px;} .mo_lb{display:block;} .info-cnt .w-70{width:70% !important} .info-cnt .w-60{width:60% !important} .info-cnt .info-txt{display:table-footer-group} .info-cnt .info-txt.it-l{text-align:left} .info-cnt .img-box{display:block;margin-top:20px} .info-cnt .img-box span{font-size:14px;font-weight:600} .info-cnt .img-box img{width:100%;margin-top:15px} .info-cnt .tbw1 table{max-width:310px} .info-cnt .tbg-h{display:table-header-group} .info-cnt .tbg-f{display:table-footer-group;padding-top:30px} .info-cnt .tbg-f .inner{margin-top:20px} .desc-box{margin:30px 15px 0} .desc-box .db-tit{margin-bottom:10px;font-size:18px} .desc-box .db-list li{display:block} .desc-box .db-list li span{display:inline} .desc-box .db-order{height:30px;line-height:30px;margin-bottom:10px;padding:0 15px;font-size:14px;font-weight:600;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px} .desc-box .db-img{margin-top:25px} .desc-box .db-img img{max-width:70%} .img-cnt{margin-top:28px} .img-cnt div img{width:80%} .cnt-box1{margin-top:30px} .cnt-box2{margin-top:30px} .desc-cnt{margin-top:40px;padding:45px 0} .desc-cnt .dc-tit{font-size:25px} .desc-cnt .dc-btn{margin-top:20px} .list-row{margin-top:30px} .list-row .lr-item{float:none;width:100%;margin-top:30px;padding:0 20px} .list-row .lr-item:last-child{margin-left:0} .list-row .lr-item .lr-im{width:80px} .list-row .lr-item .lr-tit{margin-top:8px} .list-row .lr-item .lr-desc{margin-top:6px} .cnt-gap{margin-top:30px} .cnt-gap2{margin-top:20px} .tit-s{margin:15px 0} .tit-s.s2{margin:30px 0 15px} .list-func{margin-top:40px} .list-func .lf-desc{margin-top:25px;min-width: 60px;min-height: auto;} .list-func .lf-desc .desc-img{padding: 0 7px 0 5px;vertical-align: bottom;min-height: auto;top: 0;} .list-func .lf-desc .desc-img img{width:100%} .list-func .lf-desc .desc-text{margin: 0 0 0;/* padding-left: 20px; */margin-left: 89px;} .list-func .lf-desc .desc-text p:last-child{margin-top:10px} .info-desc{margin-top:10px} .ic-chk{display:inline-block;width:10px;height:8px;margin-right:5px;background:url(/homedata/images/common/ic_check.gif) no-repeat;background-size:100% auto} .view-p{display:none} .view-m{display:block} .desc-centered-s{margin-top:20px;font-size:12px} .desc-centered-s .txt-s1{margin:30px 0 10px;font-size:20px} .desc-tb{font-size:14px} /*이카운트*/ .ecount-info .img {display:table-header-group;} .ecount-info .con {padding-left:0;} .ecount-info .con ul {margin-bottom:30px;} .ecount-info .con ul:first-child {margin-bottom:30px;} .ecount-info .con ul li {padding:0 10px;} .ecount-fn .img-cnt:after {top:-6vw;} .ecount-fn .con dl {display:block; width:100%; margin:30px 0;} .featured li div h3 {word-break:break-word;} .ecount-btn {margin-top:40px;} /*CU POST*/ .cu_post_info {flex-direction:column;} .cu_post_info .img img {width:135px;} .cu_post_info .txt {text-align:center; font-size:20px;} .cu_post_info .txt br {display:none;} .cu_post_fn {display:block; margin-top:50px; border-width:3px;} .cu_post_fn img {width:70px;} .cu_post_fn dl,.cu_post_fn dl:nth-child(3) {padding:30px 0; border:0; border-bottom:1px dashed #ccc;} .cu_post_fn dl dd {font-size:16px;} .cu_post_benefit .txt {color:#484848; font-size:20px; margin:50px 0 20px;} .cu_post_benefit dl {width:100%; height:auto; padding:20px; margin:0 auto 10px;} .cu_post_benefit dd {font-size:14px;} .cu_post_benefit dd b {margin:0 0 5px 0; display:block;} .cu_post_use {margin-top:50px; gap:20px; flex-direction:column;} .cu_post_use p {transform:rotate(90deg); line-height:0;} .cu_post_use dl {width:100%; height:auto; padding:25px;} .cu_post_use dt {height:auto; line-height:1; margin-bottom:20px;} .cu_post_sub .tb-s1 th {font-size:13px; height:auto; padding:10px;} .cu_post_caution {margin-top:70px; padding-top:50px;} .cu_post_caution hr.line {width:40px; margin:15px auto 0;} .cu_post_caution .txt {margin:0; padding:30px 10px 120px;} .cu_post_caution .txt li {font-size:13px;} .cu_post_caution ul:before {left:10px; bottom:0; width:122px; height:98px; background-size:contain;} .cu_post_caution ul:after {right:10px; bottom:0; width:88px; height:120px; background-size:contain;} /* footer */ .footer-s .f-top .f-info address, .footer-s .f-top .f-cs .cs-tit {display:none;} .footer-s .f-top { overflow: hidden; padding: 0 30px 30px; margin:0;} .footer-s .f-top .f-link { padding-top: 25px; text-align: center} .footer-s .f-top .f-link li { display: inline-block; font-size: 13px} .footer-s .f-top .f-link li:after { margin: 3px 7px 0 11px;} .footer-s .f-top .f-info .f-logo { float: left; margin-top: 20px; width: 96px; height: 26px; background-size: 100% auto} .footer-s .f-top .f-cs { float: none; margin: 20px 0 0 5px; position: relative; top: auto; right: auto} .footer-s .f-top .f-cs:after, .footer-s .f-top .f-cs .cs-info:after { content: ''; display: block; clear: both} .footer-s .f-top .f-cs .cs-info { float: left} .align_center { clear: both; } .footer-s .f-top .f-cs .cs-info .cs-tit2 { display: block; margin-bottom: 2px; font-size: 17px; font-weight: 600} .footer-s .f-top .f-cs .cs-num { float: right; margin-top: 0; font-size: 20px; font-weight: 600} .footer-s .f-top .f-cs .cs-num a {font-size: 20px; font-weight: 600} .footer-s .f-top .familysite {position:absolute; right:0; top:35px; width:120px;} .footer-s .f-top .copyright { float: left; margin-top: 10px; letter-spacing: -1px; font-size: 11px; text-align: left} .footer-s .f-top .f-map { display: block; float: right; margin-top: -26px; font-size: 13px; font-weight: 600; text-align: center} .footer-s .f-top .f-map img { width: 20px} .footer-s .f-top .f-map span { display: block; } .footer-m .ft_sns li span.ft_ico_insta { background-image: url(/homedata/images/common/mf_ico_insta.png); background-size: 20px !important; } .footer-m .ft_sns li span.ft_ico_blog { background-image: url(/homedata/images/common/mf_ico_blog.png); background-size: 12px !important; } .footer-m .ft_sns li span.ft_ico_face { background-image: url(/homedata/images/common/mf_ico_face.png); background-size: 11px !important; } /* 서브메뉴 */ .sub-menu{height:45px} .sub-menu .sub-menu-list{height:45px} .sub-menu.sm1 .sub-menu-list:before,.sub-menu.sm1 .sub-menu-list:after,.sub-menu.sm2 .sub-menu-list:before,.sub-menu.sm2 .sub-menu-list:after{width:19px;height:45px} .sub-menu .sub-menu-list ul li{font-size:14px} .sub-menu .sub-menu-list ul li a{height:45px;padding:0 17px;line-height:45px;position:relative;} .sub-menu .sub-menu-list ul li a .ess{top:-13px;left:16px;font-size:10px} .sub-menu .sub-menu-list ul.w1{width:1000px} .sub-menu .sub-menu-list ul.w2{width:601px} .sub-menu .sub-menu-list ul.w-marketing{ width:1000px ;} .sub-menu.sub_privacy .sub-menu-list ul.w2{width:auto;} /*** 스룩페이 ***/ .sns-list{margin-top:10px;text-align:center} .sns-list li{margin:15px 10px 0} .sns-list .s1 img{width:76px} .sns-list .s2 img{width:86px} .sns-list .s3 img{width:92px} .sns-list .s4 img{width:70px} .sns-list .s5 img{width:32px} .sns-list .s6 img{width:38px} .sns-list .s7 img{width:41px} .srookpay-slide{margin-top:28px;padding-bottom:35px} .srookpay-slide:after{height:60%} .srookpay-slide .s-cnt .desc{margin-top:20px} .srookpay-slide .s-cnt .desc span{font-size:18px} .srookpay-slide .s-cnt .desc p{padding:0 15px;font-size:12px} .srookpay-slide .slick-dots{margin-top:20px} /*** 주요기능 ***/ /* 무통장자동입금확인 */ .bank-app{margin-top:40px} .bank-app p img{width:65px} .bank-app span{margin-top:13px} .bank-app a{height:30px;line-height:30px;margin-top:10px;padding:0 40px 0 20px;background:url(/homedata/images/common/bg_down.gif) no-repeat 85% 50%;background-size:13px auto;font-size:16px;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px} .tip-list{margin-top:20px} .tip-list .tip-in>div{margin:10px 10px 0;padding-left:60px;background-size:50px auto} .tip-list .tip-in>div>span{padding-top:5px;font-size:18px} .tip-list .tip-in>div ul li{margin-top:5px;line-height:1.5} .bank-list{margin-top:30px} .bank-list ul li{width:33.33%;margin:13px 0 0 0} .bank-list ul li.l1 img{width:88px} .bank-list ul li.l2 img{width:80px} .bank-list ul li.l3 img{width:88px} .bank-list ul li.l4 img{width:74px} .bank-list ul li.l5 img{width:88px} .bank-list ul li.l6 img{width:88px} .bank-list ul li.l7 img{width:88px} .bank-list ul li.l8 img{width:80px} .bank-list ul li.l9 img{width:90px} .bank-list ul li.l10 img{width:70px} .bank-list ul li.l11 img{width:75px} .bank-list ul li.l12 img{width:80px} .bank-list ul li.l13 img{width:88px} .bank-list ul li.l14 img{width:85px} .bank-list ul li.l15 img{width:80px} .bank-list ul li.l16 img{width:80px} .bank-list ul li.l17 img{width:80px} .bank-list ul li.l18 img{width:70px} .bank-list ul li:before{top:4px;width:1px;height:10px} .bank-list ul li:first-child:before,.bank-list ul li:nth-child(4):before,.bank-list ul li:nth-child(7):before,.bank-list ul li:nth-child(10):before,.bank-list ul li:nth-child(13):before,.bank-list ul li:nth-child(16):before{display:none} /* 인스타그램 */ .insta-use .item .use-img img{max-width:70%} .widget-img{display:none} .widget-slide.slick-slider{display:block} .widget-desc>div div span{font-size:18px} .insta-adm-slide .item span{margin-top:10px;font-size:18px} .insta-adm-slide .item.second span{margin-top:20px} .insta-adm-slide .slick-dots{margin-top:15px} .insta-adm-slide .slick-prev,.insta-adm-slide .slick-next{display:none !important} /* 쇼핑몰통합관리 */ .cnt-playad{margin-top:30px} .cnt-playad h3{font-size:18px} .cnt-playad ul{margin-top:0} .cnt-playad ul li{margin-left:10px;margin-right:10px} .cnt-playad ul li p{margin-bottom:10px} .cnt-playad ul li p img{width:70px} .cnt-freebill{margin-top:40px} .cnt-freebill h3{font-size:18px} .cnt-freebill .freebill{max-width:700px;margin-top:20px} .cnt-freebill .freebill .circle{display:table;position:relative;margin:10px auto 0;text-align:left} .cnt-freebill .freebill .circle:after{content:'';display:block;clear:both} .cnt-freebill .freebill .circle.l{padding-right:11px} .cnt-freebill .freebill .circle p{display:table-cell;width:70px;padding-left:10px;vertical-align:top} .cnt-freebill .freebill .circle div{display:table-cell;margin-top:8px;padding:12px 0 0 10px;vertical-align:top} .cnt-freebill .freebill .circle div strong{margin-bottom:2px} .cnt-freebill .freebill .rect{width:150px;margin:20px auto 0} .cnt-freebill .freebill .rect img{width:100%} .cnt-freebill .freebill .rect .line{display:none} .cnt-freebill .freebill .last{display:block;margin:0 auto;padding-top:25px} .cnt-freebill .freebill .last img{width:150px} .cnt-freebill .freebill .last:before{display:none} .cnt-freebill .freebill .last:after{display:none} .cnt-playad .desc,.cnt-freebill .desc{margin:25px 20px 0} /* 상담톡 */ .talk-cs .tc-txt,.talk-cs .tc-cnt{display:block;margin:15px 0} .talk-cs .tc-cnt .graph:first-child p{width:200px} .talk-cs .tc-cnt .graph:last-child p{width:100px;margin-top:14px} .talk-desc{display:table;max-width:initial;margin-top:40px;padding:0 10px} .talk-desc .td-cnt{float:none;padding:0} .talk-desc .td-cnt:first-child{width:auto} .talk-desc .td-cnt:last-child{width:auto;margin-top:30px} .talk-desc .td-cnt span:after{height:20px} .talk-desc .td-cnt ul{margin-top:10px} .talk-desc .td-cnt ul li{margin-top:3px;font-size:14px} .talk-case ul{margin-top:0;padding:0 60px} .talk-case ul li{width:50%;margin-top:30px} .talk-case ul li span{margin-top:10px} .talk-func{max-width:820px;margin:10px auto 0;font-size:0} .talk-func:after{content:'';display:block;clear:both} .talk-func div{display:block;width:100%;padding:0 50px} .talk-func div p:first-child{margin:30px 0 10px} .talk-slide .item .item-in div{max-width:35%;margin:0 5%} .talk-slide .item .item-in div span{margin-top:10px;font-size:16px} .talk-slide .slick-dots{margin-top:15px} /*** 가입안내 ***/ .menu-tab{margin-top:30px;padding-bottom:25px;border-bottom:solid 1px #424242} .menu-tab li a{font-size:18px} .menu-tab li:last-child{margin-left:20px} .menu-tab li:last-child:before{height:14px;margin:7px 18px 0 0} .menu-tab li.active a:after{height:1px} .join-info-box .ji-list{margin:10px 0 0;padding:0 10px} .join-info-box .ji-list .jil-top {padding:0;} .join-info-box .ji-list .jil-top ol li{width:50%;font-size:14px} .join-info-box .ji-list .jil-bottom{padding:15px 20px} .join-info-box .ji-list .jil-bottom span{padding:5px 0;font-size:14px} .join-info-box{margin-top:25px} .join-info-box.bdg{padding-top:15px} .join-info-box .ji-tit{font-size:18px} .join-info-box .ji-tit-box .ji-text{margin:5px 0 0 0} .join-info-box .join-order{margin:10px 0 0;padding:25px 0} .join-info-box .join-order ol li .txt-t{margin-top:5px} .join-info-box .join-order ol li .txt-b{margin-top:1px} .join-info-box .join-order ol li span{font-size:13px} .join-info-cnt{margin:25px 0 0} .join-info-cnt .jic-top h4{margin-left:3px} .join-info-cnt .jic-order{margin-top:12px;padding:12px 15px} .join-info-cnt .jic-order ol li{width:50% !important;margin:5px 0;padding:0 5px;font-size:14px} .join-info-cnt .jic-order .txt{display:block;margin:5px 0;font-size:14px} .join-info-cnt .jic-desc01{margin:15px 20px 0 20px} .join-info-cnt .jic-desc02{margin:8px 20px 0 35px} .desc-txt-box.gap1{margin-top:15px} .desc-txt-box.gap2{margin:10px 15px 0} .desc-txt-box.gap3{margin:20px 15px 0} .desc-txt-box.gap4{margin:0 10px 0} .desc-txt-box p{display:table;margin-top:7px} .desc-txt-box p span{display:table-cell} .desc-txt-box p span:first-child{width:13px} .desc-txt-box p.bt-m{margin-top:0} .desc-txt-box p.pl{padding-left:12px} .info-business{margin-top:20px;padding-bottom:20px} .info-business .ib-tit{margin-left:0} .info-tit-box{margin-bottom:10px} .box-num{width:20px;height:20px;line-height:20px;font-size:13px} .box-num.small{width:15px !important;height:15px;line-height:15px;margin:0 2px;font-size:11px} /*** 로그인 ***/ .bg-member{display:none} .bg-member2{display:none} .login-box{max-width:100%;margin:80px 10% 0} .login-box .account-find{margin-top:20px} .banner-member{width:auto;margin:30px 15px 0} .banner-member img{max-width:100%} .banner-member .slick-dots{bottom:20px} .input-box{padding-bottom:12px} .input-box .result{margin-top:13px} .input-box div{height:44px;margin-bottom:11px} .input-box div input{height:44px;padding:0 15px 0 45px;font-size:15px} .input-box div:before{width:30px;height:30px;top:7px;left:7px} .input-box .id-save{margin-top:17px} .input-btn-box a{margin:12px 0 14px} .login_tab {margin-top:30px;} .login_tab label {height:50px; padding:10px 0; font-size:18px; border-bottom:1px solid #333;} .login_tab input:checked + label {border-bottom:3px solid #e34f4e;} .join-cnt label {height:60px; line-height:60px; font-size:15px;} .join-cnt input[type=radio]:checked + label {line-height:60px;} /*** 팝업 ***/ .pop-in .pop-tab button { height: 50px; line-height: 50px } .pop-in .pop-top .pop-close{width:22px;height:22px} .pop-in .pop-cnt{margin:0 30px} .pop-in .pop-cnt .pop-cnt-inner{margin-top:20px} .pop-in .pop-cnt .pop-desc{padding:12px 0} .pop-in .pop-cnt .pop-desc span{margin:3px 0} .pop-in .pop-cnt .pop-btn-box{margin-top:20px} .pop-in .pop-cnt .pop-txt-box{margin:20px 0} .pop-in .pop-cnt .pop-txt-box .txt1{font-size:18px;line-height:1.3} .pop-in .pop-cnt .pop-txt-box .txt2{margin-top:5px;font-size:14px} .pop-in .pop-cnt .pop-info-list{margin:20px 0} .pop-in .pop-cnt .pop-info-list li{font-size:14px} .pop-in .pop-cnt .pop-info-list li.gap{padding-top:20px} .pop-in .pop-cnt .pop-info-list li span:first-child{padding-right:2px} .pop-in .srch-result{padding:30px 0 15px 0} .pop-in .srch-result .sr-img{width:80px;height:80px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px} .pop-in .srch-result .sr-desc{margin-top:13px} .contract-slide .slick-dots{margin-top:20px} .contract-slide .slick-arrow{width:16px;height:28px;top:-60px} .contract-slide .slick-prev{left:10px;background-size:100% auto} .contract-slide .slick-next{right:10px;background-size:100% auto} /*** 회원가입 ***/ .join-type{max-width:initial;margin:80px 13% 0} .join-type.age{margin:80px 13% 0} .join-type-cnt>div .tit{margin-bottom:5px;font-size:18px} .join-type-cnt>div:first-child{margin-bottom:15px;padding-bottom:20px;border-bottom:solid 2px #efefef} .join-type-cnt .chk-age .txt-s{font-size:15px} .join-type-cnt .chk-age .btn-b-2{width:150px} .join-type-cnt .chk-age .btn-b-2 em{font-size:13px} .join-type-cnt .chk-age .chk-btn{margin-top:30px} .join-type-cnt .chk-age .chk-btn a{height:60px;margin:0 7px} .join-type-cnt .chk-age .chk-btn a span{font-size:16px !important} .join-box{max-width:500px;margin:80px auto 0} .join-box-top .top-order{margin-top:7px} .join-box-top .top-order ol li{padding-top:28px;margin-left:13px;background-size:20px;font-size:14px} .join-box-top .top-order ol li:first-child{margin-left:0} .join-box-top .top-order ol li:before{left:-10px;top:7px;width:6px;height:6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .join-box-top .top-order ol .on{background-size:20px} .agree-cnt{margin-top:17px} .agree-cnt.first{margin-top:25px} .agree-cnt .agree-txt{height:70px;margin-top:7px} .join-tit-box{margin-top:20px} .join-cnt{margin-top:7px} .join-complete{max-width:500px;margin:50px auto 60px} .join-complete .jc-tit{font-size:20px} .join-complete .jc-desc{margin-top:7px;font-size:14px} .go_b2bshop_manual {margin-top:30px;} .go_b2bshop_manual a {font-size:14px; padding-bottom:4px;} .input-btn-box-col{margin-top:30px} .ip-t-s1{height:46px;line-height:46px;padding:0 15px;font-size:15px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .ip-t-s2{height:40px;line-height:40px;padding:0 15px;font-size:14px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .ip-t-s5{height:40px;line-height:40px;padding:0 15px;font-size:14px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .ip-t-s6{height:40px;line-height:40px;padding:0 15px;font-size:14px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .input-chk input[type=checkbox]+label{font-size:17px;cursor:pointer} .input-chk input[type=checkbox]+label span{display:inline-block;width:23px;height:20px;margin:-2px 5px 0 0;background:url(/homedata/images/common/bg_chk.png) no-repeat 0 0;background-size:46px 20px;vertical-align:middle;cursor:pointer} .input-chk input[type=checkbox]:checked+label span{background:url(/homedata/images/common/bg_chk.png) no-repeat -23px 0;background-size:46px 20px} .join-cnt .dp_flex_box .input-chk.input-chk2{margin-right:10px;display:block;} .join-cnt .dp_flex_box .input-chk.input-chk2 label{font-size: 14px; height: auto;line-height: normal;} .join-cnt.etc .dp_flex_box .input-chk.input-chk2{display:inline-block;} .select-box.ip-t-s5-select, .select-box.ip-t-s7-select {height:42px; line-height:40px; padding:0 15px; font-size:14px;} .transfer_join {width:auto; margin:0 15px;} .input-chk.input-chk2 input[type=checkbox] +label span{height:18px;width:18px;font-size:13px;} .input-chk.input-chk2 input[type=checkbox]:checked+label span:after{content: ''; width: 12px;height:12px;left: 3px;top: 3px;} /*** 고객센터 ***/ .customer-cnt{margin:20px 0 0} .customer-cnt .customer-cnt-top{padding:0 10px 11px} .customer-cnt .customer-cnt-top h2{font-size:22px !important} .customer-cnt .customer-cnt-top .desc{clear:both;margin:5px 0 0 0;font-size:12px} .customer-cnt .customer-cnt-top .num{margin-top:11px} .customer-cnt .customer-cnt-top .category{height:32px;line-height:1;margin-left:12px;font-size:13px} .customer-cnt .view-file{margin:20px 0 0 10px} .customer-cnt .view-file div{margin-top:7px} .customer-cnt .result-none{padding:35px 10px 0} .board-list{font-size:13px} .board-list li .bl-row{overflow:hidden;padding:13px 10px 13px 10px} .board-list li span{padding:0 3px} .board-list li .link{padding-right:75px} .board-list li .notice-txt{position:absolute;top:50%;left:16px;margin-top:-9px} .board-list li .num{left:12px;width:35px;margin-top:-13px;font-size:20px} .board-list li .name{display:block;width:auto;float:left;margin:3px 0 0 39px} .board-list li .answer{display:inline-block;position:absolute;margin-top:-10px;top:50%;right:10px;width:55px;padding:0;text-align:center} .board-list.line-q li .bl-row{background-size:16px auto;background-position:10px 50%} .board-list.notice li .bl-row {display:block; padding:10px 10px 13px 110px;} .board-list.notice li span {display:inline-block;} .board-list.notice li .num {left:7px;} .board-list.notice li .notice-txt img {width:18px;} .board-list.notice li .type {position:absolute; left:47px; top:20px;} .board-list.notice li .link {display:block; padding:20px 0 0 0; box-sizing:border-box;} .board-list.notice li .link a {overflow:hidden; max-width:83%; text-overflow:ellipsis; white-space:nowrap;} .board-list.notice li .new .link a:after {display:none;} .board-list.notice li .new .link:after {content:"N"; margin-left:5px; font-family:"나눔고딕",NanumGothic; font-size:14px; font-weight:bold; color:#e34f4e; vertical-align:top;} .board-list.notice li .date {position:absolute; top:13px; left:125px; text-align:left; color:#919191; font-weight:normal;} .board-list.faq li .link a{padding:0 45px 0 24px;background-size:20px auto;box-sizing:border-box} .board-list.faq li .faq-a{padding:15px 45px 15px 33px;background-size:16px auto;background-position:10px 16px} .board-list.faq li .faq-a span{font-size:13px !important} .board-list.qna li{background-size:12px auto;background-position:34px 50%} .board-list.qna li .link{display:block;padding-right:60px} .board-list.qna li .date{display:block;width:auto;float:left;margin:3px 0 0 1px} .board-list.qna li .link a{margin-left:25px;padding-left:18px} .btn-box-bt{margin:20px 10px 0;text-align:center; height:43px;} .btn-box-bt .btn-l{margin-right:5px} .btn-box-bt.bt2{margin-top:10px} .btn-box-bt .more{margin-top:3px;padding-right:25px;background-position:90% 50%;background-size:13px auto} .btn-box-bt .btn-sv{width:120px} .customer-cnt .customer-view-top{padding:0 10px 15px} .customer-cnt .customer-view-top.answer{margin-top:20px} .customer-cnt .customer-view-top .view-tit{padding-right:0;font-size:20px !important} .customer-cnt .customer-view-top .view-info{position:static;margin-top:7px} .customer-cnt .customer-view-top .view-info span{padding-left:15px;font-size:14px} .customer-cnt .customer-view-top .view-tit,.customer-cnt .customer-view-top .view-tit.t-notice,.customer-cnt .customer-view-top .view-tit.t-event{padding-right:0} .customer-cnt .view-pw{padding:30px 0 45px;border-bottom:solid 2px #999;text-align:center} .customer-cnt .view-pw span{display:block;margin-top:7px} .customer-cnt .view-pw .pw-tit{font-size:18px} .customer-cnt .view-pw .pw-ip{position:relative;max-width:300px;margin:25px auto 0;padding:0 30px} .customer-cnt .view-pw .pw-ip input{width:100%;padding:0 42px 0 40px;background:url(/homedata/images/customer/ic_lock2.png) no-repeat 18px 50%;background-size:15px auto} .customer-cnt .view-pw .pw-ip a{overflow:hidden;position:absolute;top:0;right:30px;width:50px;height:40px;background-size:17px auto} .customer-cnt .view-cnt{padding:20px 10px} .customer-cnt .view-cnt2 {padding:20px 0} .customer-cnt .view-cnt2 .view-tbl{margin:-21px 0 20px} .customer-cnt .view-cnt2 .view-tbl tr{display:block;} .customer-cnt .view-cnt2 .view-tbl th{display:block;float: left;height: 45px;box-sizing: border-box;width: 30%!important;font-size: 13px;line-height: 15px;padding:13px 10px 0!important;} .customer-cnt .view-cnt2 .view-tbl td{display:block;float: left;width: calc(70%)!important;font-size: 12px;height: 45px;box-sizing: border-box;padding: 10px 6px!important;} .customer-cnt .customer-admin h4{font-size:20px;font-weight:normal;} .customer-cnt .customer-admin .txt-date{font-size:14px;} .customer-cnt .customer-admin{padding:20px 15px;} .customer-cnt .view-answer{font-size:14px; line-height:20px;} .customer-cnt.new.remote_cnt .ta-box{height:220px;} .customer-cnt.new.remote_cnt .ta-box::placeholder{font-size:13px;} /* 글쓰기 */ .write-ip .write-ip-row{margin-top:20px} .write-ip .write-ip-row .ip-row-tit{position:static} .write-ip .write-ip-row .ip-row-tit.chk-n{left:15px} .write-ip .write-ip-row .ip-row-cnt,.customer-cnt.ver2 .write-ip .write-ip-row .ip-row-cnt {margin-top:5px;padding-left:0} .write-ip .write-ip-row.ip-col .ip-row-tit{position:absolute} .write-ip .write-ip-row.ip-col .ip-row-tit.chk-n{margin-left:0} .write-ip .write-ip-row.ip-col .ip-row-cnt{padding-left:90px} .write-ip .write-ip-row.ip-col .ip-row-cnt input[type=text],.write-ip .write-ip-row .ip-row-cnt input[type=password]{width:100%} .file-box .file-item{min-height:40px;padding:0 18px;margin-right:100px} .file-box .file-item ul{margin:7px 0} .file-box .file-item ul li{position:relative;margin-top:7px} .file-box .file-item ul li span{font-size:14px} .file-box .file-item ul li .item-name{width:100%;padding-right:100px} .file-box .file-item ul li .item-vol{width:50px;margin-right:10px} .file-box .file-item ul li button{border-bottom:solid 1px #b8b8b8;font-size:14px} .file-box .file-del{margin-top:10px} .pw-box .pw-ip{padding-right:0} .pw-box .pw-chk{position:absolute;top:-27px;left:85px;font-size:14px} .pw-box .pw-chk input[type=checkbox]{vertical-align:middle} /* 문의글 신규*/ .privacy_agree_cnt{font-size:13px; margin:25px 0 0;} .privacy_agree_cnt .bg_gray label{margin:1px 0;} .privacy_agree_cnt .bg_gray input{ margin: -3px 0 0 0;vertical-align:middle;} .ho_privacy{width:100%;top:auto!important;right:auto!important;position:relative!important;} .file-box.new-file ul li .item-r{ top: 22px;right: auto;left: 66%;} /* 약관 */ .agree-box{padding:20px 10px 0} .agree-box .tit{margin-top:30px;font-size:17px} .agree-box .desc{margin-top:10px;font-size:14px} /* 이벤트 */ .event-list {padding-bottom:30px} .event-list li{display:block;width:100%;margin:25px 0 0 0;padding:0 10px;box-sizing:border-box} .event-list li .el-info{margin-top:12px;font-size:16px} .event-list li .el-info .date{margin-left:17px} .event-list li .el-subject{margin-top:2px;font-size:20px} /*** 슬라이드 ***/ .slide-banner .item p{margin-top:10px;font-size:18px} .slide-banner .item p.desc{margin-top:8px;font-size:14px} .slide-banner .item.second span{margin-top:20px} .slide-banner .slick-dots{margin-top:15px} .slide-banner .slick-prev,.slide-banner .slick-next{display:none !important} /*** 버튼,input,select ***/ .btn-w-2{height:41px;line-height:41px;font-size:16px} .btn-b-2{height:45px;line-height:45px;font-size:16px} .btn-s{height:40px;line-height:40px;padding:0 18px;font-size:14px} .btn-b-2.s2{padding:0 25px} .btn-box-c{margin-top:20px} .ip-chk{padding:11px 0} .tit-t1{font-size:20px} .h-g{margin:30px 0} .select-box{background:url(/homedata/images/common/bg_select_arr.png) no-repeat 91% 50%;background-size:14px 9px;height:46px;line-height:1;padding:0 36px 0 13px;font-size:15px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px} .ta-box{height:130px} .ip-t-s5-selet{height: 40px; padding: 0 12px; width: calc(33% - 10px);font-size: 14px;} .write-ip .write-ip-row.ip-col .ip-row-cnt input.ip-t-s5[type=text]{width: calc(32% - 10px);} .write-ip .write-ip-row.ip-col .ip-row-cnt input.ip-t-s7[type=text]{width:calc(55% - 10px); height:40px;line-height:40px;padding:0 15px;font-size:14px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px} .select-box.ip-t-s7-select {height:40px; width:40%; line-height:35px; margin:7px 0 0 0;} /*** table ***/ .tb-s1 th { font-size: 13px } .tb-s1 td{padding:13px 5px;font-size:12px} .tb-s2 thead th{font-size:18px} .tb-s2 tbody th,.tb-s2 td{font-size:14px} .tb-s1.tds1 td{padding:20px 5px} .tb-s1 td .centered{position:relative} .tb-s1 td .cont-l{position:absolute} .tb-s1 td .cont-l .ic-chk{margin-top:3px} .tb-s1 td .cont-r{padding-left:15px} .tb-s1 td .cont{margin-left:15px} .tb-s3 th{padding:10px 10px;font-size:13px} .tb-s3.gap{margin-top:15px} .tb-s3 td{padding:13px 5px;font-size:12px} .tb-s3.tds1 td{padding:20px 5px} .tb-s3 td .centered{position:relative} .tb-s3 td .cont-l{position:absolute} .tb-s3 td .cont-l .ic-chk{margin-top:3px} .tb-s3 td .cont-r{padding-left:15px} .tb-s3 td .cont{margin-left:15px} .tb-s4 th{padding:15px 10px;font-size:16px} .tb-s4 td{padding:20px 5px;font-size:16px} .tb-view-p{display:none} .tb-view-m{display:table} /* qna add 200909 */ .d_tbl_row li{padding:6px 0 0;font-size:13px;} .d_tbl_row li .d_tbl_date{font-size:11px} .d_tbl_row li.d_tbl_tit div{font-size:13px;padding-right:30px;} .ask_qna_con{text-align:center;} .ask_qna_txt{font-size:15px;margin-bottom:30px;} .ask_qna_con .btn_gold{position:relative;top:auto;right:auto;left:auto;margin-bottom:15px;font-size: 14px;} .shop_top dl dt{font-size:18px;} .shop_top dl dd{font-size:16px;} .pop_contxt .shop_cont{padding:15px 12px;} .data_tbl .no_list p{font-size:15px;} .board-list.qna_submain li a{margin:15px 12px;padding:5px 0 5px 70px;background-size: 60px auto;} .board_tit{font-size:20px;} .board-list.qna_submain li dl{margin-left:10px;} .board-list.qna_submain li dt{font-size:16px;} .board-list.qna_submain li dd{font-size:12px;} .transfer_join.compelete{margin:30px auto 0;} .btn_celebLink{margin:45px 0 10px;} .slide-banner.bulk_slide .item{top:19vw} .slide-banner.bulk_slide .item.h580{top:22vw;} .slide-banner.bulk_slide .item.min_height{top:17vw} .slide-banner.bulk_slide .item.min_height .gap_t40{margin-top:40px} .slide-banner.bulk_slide .item .info_txt h4 { font-size: 20px } } @media all and (max-width:680px) { .d_tbl_row li.d_tbl_tit div{width: calc(100% - 65%);} .ecount-btn .btn-blue {height:40px; margin:5px; padding:0 18px; line-height:38px; font-size:14px;} .file-box.new-file ul li:before{width:100%;} .file-box.new-file .file-find {position: absolute;top: 60px;left: auto;min-width: 100px;right: 46px; } .file-box.new-file ul li .plus-btn, .plus-btn{margin-top: 0; position: absolute;left: auto;top: 60px;right: 0;} .gap-l6{margin-left:7px;} .file-box.new-file ul li{padding:0 0 60px;} .select-box.ip-t-s5-select,.select-box.ip-t-s6-select{height:40px;} .select-box.ip-t-s5-select{width:calc(33% - 10px )} .select-box.ip-t-s5-select.sel-type{width:55%;} .write-ip .write-ip-row.ip-col .ip-row-cnt input.ip-t-s6[type=text]{/*width:55% ;*/ width: 100%; margin: 0 0 10px;} .select-box.ip-t-s6-select{width:calc(45% - 10px); margin:0;} .customer-cnt.new .m-txt2{font-size:14px;} .write-ip .write-ip-row.ip-col .ip-row-tit {position: relative; padding: 0 0 10px; top: auto; } .write-ip.new .write-ip-row .ip-row-cnt.ver2 {padding-left:0; } .file-box.new-file ul li .item-name{width: calc(70% - 80px); padding:16px 0 0 21px;} .file-box.new-file ul li .item-r{top: 20px;right: 0%;left: auto; transform:translateX(-30%);} .datepicker > .datepicker_inner_container > .datepicker_calendar > table, .datepicker > .datepicker_inner_container > .datepicker_calendar{max-width:85vw} .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th{width: auto;padding: 0 4px;font-size: 13px; height: auto;line-height: 20px;} .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child:before, .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child:after {padding:6px;left:-6px;} .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr:first-child:after{left:auto;right:-6px;} .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td{} .datepicker .datepicker_header > a{width:26px;height:26px;} .datepicker .datepicker_header > span { font-size: 16px;} .time_tit{font-size:16px;} .time_list li strong{font-size:14px;margin-bottom:8px;} .time_list li strong.gap_t40{margin-top:15px;} .time_list span{width:calc( (100% / 4.5) - 10px);height:30px;padding:6px;font-size:14px;} .time_cnt .txt_height{font-size:14px} .time_cnt .cnt_box label{font-size:13px;} .customer-cnt.new.remote_cnt .write-ip.new .agree-ip{width:16px;height:16px;} .time_line.txt_strong {font-size:13px;padding:20px 0 12px;margin: 20px 0 0;} .write-ip.new .custom-tbl th{width:28%;font-size:12px} .write-ip.new .custom-tbl td{font-size:12px} .customer-cnt.new.remote_cnt .view-cnt.time_cnt{margin:25px 0 0} .cal_settle_sub .featured .sub_txt, .cal_settle_sub .sub_txt2{font-size:20px} .cal_settle_sub .im img{width:100%} .cal_settle_sub .im.kg{width:80%; margin:45px auto;} .settle_bg{padding:40px 10px;} .settle_bg p{font-size:24px;} } @media all and (max-width:500px) { .board_top_info { padding:20px 12px;position:relative;} .board_top_info span{position:absolute;left:10px;} .board_top_info dl { padding-left: 60px;} .board_top_info dl::after{left:50px;} .board_top_info dl dt {line-height:20px;} .transfer_join{margin:60px 0; max-width:none; width:100%;} .ecount-info {margin-top:50px;} .ecount-fn .img-cnt {margin-top:30px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;} .ecount-fn .con dl dt {display:inline-block; width:auto; height:30px; margin-bottom:12px; padding:0 15px; line-height:30px; font-size:12px;} .ecount-fn .con dl dd p {margin-bottom:10px; font-size:18px;} .ecount-fn .con dl dd span {font-size:14px;} } @media all and (max-width:417px){ .my_acc_area .cnt-playad .tb-view-p td:last-child:after{ height: calc(100% - 84px);} .ecount-info {margin-top:30px;} .ecount-info .con ul li span {font-size:16px;} .join-cnt.wrap_box .dp_flex_box{ } } @media all and (max-width:375px){ .ecount-btn .btn-blue {font-size:13px;} } @media (max-width: 365px) { .promo_con .promo_tit .icon_eve, .ez_mem_benefit .ez_benefit_con li .icon_eve {font-size: 10px;} .info-cnt.mem-point .featured.once .txt_gray .info_coming_soon{width:85px;display:block;} .featured.centered .img_block .arr span{font-size:16px;top: -6px;left: -11px;font-size: 16px;} .sub-menu .sub-menu-list ul.w-marketing {width: 120vh;} .join-cnt.etc .dp_flex_box .input-chk.input-chk2 label, .join-cnt .dp_flex_box .input-chk.input-chk2 label{font-size:14px;} } @media (max-width: 320px) { .m-txt3 {font-size: 14px;} .m-txt {font-size: 12px;} .list_half .lst_item_l img{ margin:0 10px; width: calc(100% - 20px);} .list_half .lst_item_r:before {top: -16.5%;height: 33%;} .list-func .lf-desc .desc-img:before{margin:0 10px;} .list_half .lst_item_r {padding:10px 20px;} .d_tbl_row{padding:0 90px 0 60px; width:50%;} .d_tbl_row li.d_tbl_tit div{width: calc(100% - 70%);} .d_tbl_row .btn_gray{top:60%;} .ecount-info .con ul li span {font-weight:normal;} .ecount-btn .btn-blue {width:140px;} }