/* Project : kidkidsmall.net mobile Author : kimjiye Date : 2019-06-10 */ /* Common */ *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:auto; } html, body { margin:0;padding:0; font-family: 'NotoSans';-webkit-font-smoothing:antialiased; font-weight:400;line-height:1.4;font-size:14px; background:#fff;height:100%; color:#000; } img{border:0;margin:0;padding:0;max-width:100%;height:auto;} a{text-decoration:none;color:inherit;} textarea{-webkit-border-radius:0;-webkit-appearance:none} select{letter-spacing:0;-webkit-border-radius:0;-webkit-appearance:none} li,p,dt,dd,div,span{word-break:break-all} .fleft{float:left;} .fright{float:right;} .txtleft{text-align:left !important;} .txtcenter{text-align:center !important;} .txtright{text-align:right !important;} .txtbold{font-weight:bold !important;} .txtnormal{font-weight:normal !important;} .bortop0{border-top:0!important;} .disinblo{display:inline-block} .disinone{display:none!important;} .prelative{position:relative;} .pabsolute{position:absolute !important;} .container-fluid{position:relative;width:100%;margin:0 auto;height:100%;min-height:100%;} .container{width:95%; position:relative;margin:0 auto; text-align:center;} h1{font-size:17px;font-weight:400; letter-spacing:-1px; margin-left:13px;}/*font 33px*/ h1.number_h{letter-spacing:0;} h1.h1center{margin-left:0;} h2{font-size:16px;font-weight:400;}/*font 30px*/ h3{font-size:15px;font-weight:400;}/*font 27px*/ h4{font-size:14px; font-weight:400;}/*font 24px*/ h5{font-size:13px; font-weight:400;}/*font 22px*/ .font300{font-weight:300!important;} .maincolor{color:#0076c1!important;} .subcolor{color:#999999!important;} .redcolor{color:#d50c0c!important;} .wcolor{color:#fff!important;} .numfont{ font-family: Tahoma!important; } .orangecol{color:#fe6714!important;} .curpoi{cursor:pointer;} .wrapadding{padding:0 13px!important;} .sectionew{margin:20px 0!important;} .sectionewbott_0{margin-bottom:0!important;} .sectionewbott_5{margin-bottom:5px!important;} .sectionewbott_10{margin-bottom:10px!important;} .sectionewbott_15{margin-bottom:15px!important;} .sectionewtop_0{margin-top:0px!important;} .sectionewtop_5{margin-top:5px!important;} .sectionewtop_10{margin-top:10px!important;} .sectionewtop_15{margin-top:15px!important;} .sectionewtop_05{margin-top:-4px!important;} .marginleft5{margin-left:5px!important;} .borbottom{border-bottom:1px solid #e6e6e6;} .borderarea{border:1px solid #e6e6e6; margin:13px;} .borderarea1{border:1px solid #e6e6e6;} .bortop{border-top:1px solid #e5e5e5;} .bornone{border:0!important;} .bggray{background:#f2f4f9;} .bgnone{background:#fff!important;} .padbottom{padding:13px!important;margin:0!important;} .padbottom20{padding:20px!important;margin:0!important;} .padside{padding:0 13px!important;} .padupdown{padding:13px 0!important;} .padbottom_on{padding-bottom:13px!important;} .paddnone{padding:0!important;} .padbottom0{padding-bottom:0!important;} .redbg{background:#d50c0c!important;} .mainbg{background:#0076c1!important;} .basicbg{background:#f2f4f9!important;} .bluebg{background:#f0f9fe!important;} .wbg{background:#fff!important;} .redbg1{color:#d50c0c!important; border:1px solid #d50c0c!important;} .wrapperbg{background:#f2f4f9!important;} /*인풋*/ input[type="text"], input[type="number"], textarea, input[type="file"], input[type="password"]{height:50px; border:1px solid #e5e5e5; padding:10px; font-size:14px;font-family: 'NotoSans'; background:#fff;} input::placeholder, textarea::placeholder{color:#999; } textarea{height:150px; background:#fff;} button.btnbasic{height:50px; text-align:center; line-height:50px; background:#181717; color:#fff;} a.btnbasic{height:50px; text-align:center; line-height:50px; background:#181717; color:#fff;} select{ height:50px;font-size:14px;color:#454e61;padding:13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/mall/images/bg_select_arrow.png') no-repeat 97% 50%; background-size:15px 10px; border-color:#e5e5e5; } select.w_100{width:100%!important;} select option{width:95%;} input:focus, select:focus, button:focus, a:focus { outline: none; } input[type="file"]{} /*배송요청사항추가*/ .absenceArea{} .absenceArea table{width:100%; border:1px solid #ededed; margin-bottom:0!important; margin-top:10px!important;} .absenceArea table tr{} .absenceArea table th{padding:12px 0!important; color:#666;} .absenceArea table td{padding:12px 0!important; width:50%; color:#000; border:1px solid #e5e5e5; text-align:center;} .absenceArea table td:hover{background:#f7f7f7;} .absenceArea table td.active{background:#f2f2f2;} .absenceArea table thead tr{} .absenceArea table tbody tr{} .absenceArea table tbody tr td{} input[type="checkbox"], input[type="radio"] { display:none;} input[type="checkbox"] + label span.chbox , input[type="radio"] + label span.radiobox { display:inline-block; vertical-align:middle; width:25px; height:23px; margin-right:5px; background:url('../../images/check.png') no-repeat 0 0; cursor:pointer;-webkit-background-size:156px 25px; background-size:156px 23px; } input[type="checkbox"]:checked + label span.chbox {background-position:-28px 0px;} .inputbuttom{width:29%!important;} input[type="radio"] + label span.radiobox{background-position:-133px 0; margin-right:0px;} input[type="radio"]:checked + label span.radiobox {background-position:-105px 0px;} input[type="checkbox"] + label span.chbox1{background-position:-53px 0;} /*버튼*/ .formbtnbac{padding:0px 13px; background:#f5f5f5;text-align:center; border: 1px solid #e5e5e5; height:34px; line-height:33px; display:inline-block;margin:0 2px; font-size:13px;} .formbtnbac6{padding:0px 6px; } .formbtnbac.line{border: 1px solid #333333; background:#fff;} .formbtnbac.line1{border: 1px solid #d9d9d9; background:#fff;} .formbtnbac.bgfull{border: 0; background:#333333; color:#fff;} .formbtnbac.lineblue{border: 1px solid #0076c1; background:#fff; color:#0076c1;} .width3{width:32%;padding:0;margin:0 0.2%;} .width100{width:100%; margin:0; height:40px; line-height:40px;} .wcolorbtn{background:none!important; color:#fff!important; border:1px solid #fff!important; border-radius:3px;} .Boninbtn{background:#181717; color:#fff!important; width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; } /*여백*/ .space{background:#f2f4f9;height:9px; border:1px solid #e5e5e5; border-left:0; border-right:0;z-index:999;} .space_bg{background:#f2f4f9!important; padding:13px 0; border:1px solid #e5e5e5!important; border-left:0!important; border-right:0!important;} .space_default{padding:13px 0; border:1px solid #e5e5e5!important; border-left:0!important; border-right:0!important;} .space_1{ border-top:1px solid #e5e5e5;} /*설명*/ dt{display:inline-block;width:2%; vertical-align: top;} dd{width:95%;display:inline-block;} /*본문*/ .header{} .area_logo{position:relative;text-align:center; height:63px; background:url(../../images/header_top_new_bg.png) no-repeat 90% 0; background-size:cover; margin-bottom:10px; padding-top:7px; } .area_logo h1, .area_logo h1 a, .area_logo h1 img{display:inline-block;height:60px;font-size:15px;line-height:50px;} .area_logo .menu, .area_logo .outlet, a.intro.menu, a.intro.close, .area_logo .home, .area_logo .backnew, .area_logo .search, .close, .pageshare a{ display:inline-block;width:50px;height:50px;background-size:cover;background-repeat:no-repeat; text-indent:-99999px; } .area_logo .menu{width:45px; height:45px;} .area_logo .menu, a.intro.menu{background-image:url(../../images/btn_menu_trigger.png);} .area_logo .backnew{background-image:url(../../images/btn_page_back.png);} .area_logo .search{background-image:url(../../images/btn_search.png);} .side_header .area_logo .search{background-image:url(../../images/btn_search.png); position:absolute;top:2px; right:0;} .side_header .area_logo .close{background-image:url(../../images/btn_close.png); position:absolute;top:2px; left:0;} a.intro.close{background-image:url(../../images/btn_menu_close.png);} a.intro.close.bk{background-image:url(../../images/btn_menu_close_bk.png);} a.intro.menu{position:absolute;top:0;left:0;z-index:100;} a.intro.close{position:absolute;top:0;right:0;z-index:100;} .intro.today_cookie{position:absolute;top:13px;right:50px;z-index:100;font-size:12px;} .intro.today_cookie input{position:relative;top:2px;} .area_logo .outlet{background-image:url(../../images/btn_outlet_new.png); margin-top:-3px; margin-right:3px; background-position:-2px;width:60px;height:60px;} .area_logo .mallgo{display:inline-block;width:60px;height:60px;background-size:cover;background-repeat:no-repeat; text-indent:-99999px;background-image:url(../../images/btn_mallgo.png?t=1);margin-top:-3px; margin-right:3px;} .area_logo .home{background-image:url(../../images/btn_home.png);} .sch{ height:44px; background:#f2f4f9; border-radius:50px; text-align:left; position:relative;} .sch .sch_inpw_in { width:80%; padding: 14px 26px 14px 14px; margin-right: 54px; line-height: 22px; border: 0; background: 0 0; vertical-align: top; margin-top:8px; font-family: 'NotoSans'; font-size:14px; -webkit-appearance: none; outline: 0; height: 27px; text-overflow: clip;} .sch .sch_inpw_in::placeholder { color:#999999; font-weight:300;} .sch_submit{position: absolute; right: 15px; bottom: 10px;z-index: 30; border: 0; -webkit-appearance: none; background:none;width:20px;} .gnb{height:32px;font-size:15px;font-weight:400;line-height:32px;background:#fff;/*border-bottom:1px solid #e6e6e6;*/ margin-top:10px; } .gnb .tab_menu{text-align:center;cursor:pointer;padding:0 13px; } .gnb .nolmenu{padding:0 0; text-align:center; cursor:pointer;} .gnb .nolmenu img{width:55%; margin:0 0 -4px 4px;} .gnb .nav_list{display:inline-block; } .gnb .slick-current .nav_list{border-bottom:2px solid #0076c1;color:#0076c1;line-height:28px; } .gnb.fixed .slick-current .nav_list{line-height:42px;} .gnb .slick-list{margin:0 auto;} .gnb .slick-track{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .outlet_gnb{height:32px;font-size:15px;font-weight:400;line-height:32px;background:#fff;/*border-bottom:1px solid #e6e6e6;*/ margin-top:10px; } .outlet_gnb .tab_menu{text-align:center;cursor:pointer;padding:0 13px; } .outlet_gnb .nav_list{display:inline-block; } .outlet_gnb .slick-current .nav_list{border-bottom:2px solid #0076c1;color:#0076c1;line-height:28px; } .outlet_gnb.fixed .slick-current .nav_list{line-height:42px;} .outlet_gnb .slick-list{margin:0 auto;} .outlet_gnb .slick-track{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .realtime_best_slide .slick-prev, .realtime_best_slide .slick-next{display:none !important;} .slide_banner{} .slide_banner .slick-slide img{padding:0px;} .slide_banner .slick-dots{bottom:-15px;} .slide_banner .slick-dots li{margin:0 2.5px;width:12px;height:12px;} .slide_banner .slick-dots li button, .slide_banner .slick-dots li button:before{background:#d4d4d4;width:6px;height:6px;border-radius:5px;text-indent:-999999px;font-size:0;} .slide_banner .slick-dots li.slick-active button:before{background:#0076c1;width:10px;height:10px;} .slide_banner .slick-counter {font-size: 11px; text-align: center; position:absolute; right:10px ; bottom:10px; padding:3px 10px; border-radius:500px; background-color: rgba( 0, 0, 0, 0.5 );color:#fff; font-weight:300;} .footer{background:#f2f4f9;text-align:center;padding:16px 0 24px;margin-bottom:60px;} .footer.wh{background:#fff;} .fnb_btn, .fnb{display:inline-block;} .fnb_btn li{float:left;font-size:11px;color:#454e61;background:#fff;border:1px solid #cfd5db;border-radius:3px;margin:0 2px;} .fnb_btn li a{display:block;padding:7px 14px;} .fnb li{float:left;font-size:11px;color:#a9afba;} .fnb li a{display:inline-block;padding:0 7px;;} .fnb li+li:before{content:"";border-left:1px solid #dcdce3;} .footer p{font-size:13px;color:#c4cbd6;} .footer.login{position:absolute;bottom:0;width:100%;} /*키드키즈몰 */ .pickword{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 15px 0;} .pickword li{float:left; margin:4px 2px;} .pickword li a{padding:5px 10px; border:1px solid #bfbfbf; display:inline-block; border-radius:500px; color:#999;} .pickword li a h4::before{content:"# "; } .titcon_betw{margin-top:5px;} .realtime_best{} .realtime_best h1{ margin-left:13px;} .category_icon_total{border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; } .category_icon_total li{float:left; border-right:1px solid #e5e5e5; } .category_icon_total li a{ display:inline-block; width:92px; text-align:center; padding:10px 0; } .category_icon_total li a span{width:40px; height:33px; background:url(../../images/realtime_best_icon.png) no-repeat 10px 0;display:inline-block; -webkit-background-size: 402px 66px; background-size: 402px 66px; } .category_icon_total li a span.plusiocn{width:40px; height:33px; background:url(../../images/realtime_best_icon_1.png?t=2010) no-repeat 10px 0;display:inline-block; -webkit-background-size: 402px 66px; background-size: 402px 66px; } .category_icon_total li a span.plusiocn.toy{background-position:6px 0;} .category_icon_total li a span.cate_total{background-position: 0 0;} .category_icon_total li a span.cate_make{background-position: -36px 0 ;} .category_icon_total li a span.cate_moongo{background-position: -74px 0 ;} .category_icon_total li a span.cate_furniture{background-position: -114px 0 ;} .category_icon_total li a span.cate_safety{background-position: -161px 0 ;} .category_icon_total li a span.cate_book{background-position: -204px 0 ;} .category_icon_total li a span.cate_event{background-position: -241px 0 ;} .category_icon_total li a span.cate_newsc{background-position: -281px 0 ;} .category_icon_total li a span.cate_eoutlet{background-position: -324px 0 ;} .category_icon_total li a span.cate_teepa{background-position: -369px 0 ;} .category_icon_total li a span.new2021{background:url(../../images/realtime_best_icon_2021_2.png); display:inline-block; background-position: -204px 0 ; -webkit-background-size: 402px 66px; background-size: 402px 66px; } .category_icon_total li a:hover{background:#0076c1; color:#fff;} .category_icon_total li a:hover span{background-position-y:-34px;} .category_icon_total li a:hover span.plusiocn{background-position-y:-34px;} .category_icon_total li a p{font-size:13px;} /*몰 기획전리뉴얼*/ .event_area{padding:0; background:#fff; /*display:block; height:150px; padding:24px 20px 20px;*/ width:100%; position:relative;} .event_area .text_area{text-align:center; display:inline-block; vertical-align:middle;} .event_area .text_area.lf{text-align:left;} .event_area .text_area h5{font-weight:400; /*margin-bottom:0px 0 10px;*/} .event_area .text_area h2{font-size:20px!important;line-height:28px;font-weight:400; margin-bottom:10px;} .event_area .text_area h2 span{font-weight:700;} .event_area .img_area{width:calc(55% - 10px);} .event_area .m_share_icon{position:absolute; top:5%; right:2%; width:45px; } .event_area .m_share_icon img{box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); border-radius:500px;} .event_area .meventbg{background:#ebf5ff; padding:20px 13px 24px 24px;} .event_area .meventbg img{width:80%; text-align:center; margin:0 auto;} .monlyimg{ margin:0 auto;} .event_area .ellipWrap { } .event_area .ell { display: inline-block; width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height:51px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*몰 기획전리뉴얼 카테고리바*/ .fixcate select{width:100%; border-left:0; border-right:0;} .catebar h3{width:100%; border-bottom:1px solid #333;} .catebar h3{padding:12px 0 7px 16px; color:#333; font-weight:700;} /*몰 기획전리뉴얼 댓글이벤트*/ .comment_area{width:100%;} .comment_area h2{color:#fff; background:#2e7cc0; padding:7px 0 7px 14px; font-weight:700; } .comment_area .com_txt{padding:0 15px;} .comment_area .com_txt h3{margin:7px 0 10px; font-size: 16px;} .comment_area .com_txt p{font-size:14px; margin-top:15px;} .comment_area .com_txt .daybox{padding:7px 0px 7px 13px; background:#f5f5f5;} .comment_area .com_txt .day li{float:left; } .comment_area .com_txt .day li+li:before{content:"";border-left:1px solid #acacac; margin-right:5px;} .comment_area .com_txt .day .pert{margin-right:5px; color:#acacac; font-weight:700;} .comment_area .line{height:1px; width:100%; background:#e6e6e6; margin:12px 0;} .comment_area .com_txt .dat_area{} .comment_area .com_txt .dat_area h2{color:#000; background:none; padding:0; font-weight:400; margin-top:15px;} .comment_area .com_txt .dat_area .write_btn{border-radius:4px;} .comment_area .com_txt .dat_area .write_btn a{display:inline-block; background:#fff; color:#2e7cc0; border:1px solid #2e7cc0; font-size:14px; font-weight:400; padding:8px 28px;border-radius:2px;} .comment_area .com_txt textarea{width:100%; height:80%;} .comment_area .btn_regs{border-radius:4px; text-align:center;} .comment_area .btn_regs a{display:inline-block; background:#333; color:#fff; font-size:14px; font-weight:400; padding:9px 40px;border-radius:2px;} .comment_area .commento{padding: 0 15px; font-size:13px; margin:20px 0; } .comment_area .commento .comline{border-bottom:1px solid #e6e6e6;} .comment_area .commento .comline .com_who{margin-top:10px;} .comment_area .commento .com_name{font-weight:700;} .comment_area .commento .com_date{margin-left:5px; color:#acacac;} .comment_area .commento .com_text{margin:10px 0;} .mallpager{text-align:center;font-family:'Spoqa Han Sans'; font-size:15px; margin:0 0 20px;} .mallpager ul{display:inline-block;} .mallpager ul li{display:inline-block; margin:0 9px;} .mallpager .fnishPage{margin:0;} .mallpager .fnishPage a{padding:5px;padding:5px; min-width:27px; text-align:center; border:1px solid #e9e9e9; font-size:11px; display:inline-block; letter-spacing:0px; text-decoration:none; font-weight:bold; color:#a5a5a5;font-family:'Spoqa Han Sans'!important;} .mallpager .fnishPage a:hover{color:#2e7cc0;} .mallpager .active{font-weight:bold; color:#2e7cc0;} .mallpager .fnishPage2{margin-right:5px;} .mallpager .fnishPage3{margin-left:5px;} } .prothumb_wrap{padding:13px;} .prothumb_wrap ul li{ float: left; margin: 5px; width: calc(50% - 10px); position:relative;} .prothumb_wrap ul li img{margin-bottom:7px;} .prothumb_wrap ul li .pricearea{margin-bottom:20px;} .prothumb_wrap ul li .pricearea span.won{font-size:14px;} .prothumb_wrap ul li h4{white-space: nowrap;text-overflow:ellipsis; width:100%;overflow: hidden;} .catepickword{margin:0 0 13px 13px;} .catepickword li{float:left; margin:3px;} .catepickword li a{background:#f4f4f4; padding:3px 5px;color:#b2b2b2; display:inline-block; } .catepickword li a h4::before{content:"# "; } .footer_icon{position:fixed; bottom:0;width:100%; background:#fff;} .footer_menuicon{ /*border-bottom:1px solid #e6e6e6;*/ border-top:1px solid #e6e6e6;} .footer_menuicon li{float:left;width:20%;} .footer_menuicon a{display:inline-block; text-align:center; width:100%; font-size:13px; padding:15px 0; } .footer_menuicon a span{ background:url(../../images/footer_icon.png) no-repeat 0 0; -webkit-background-size: 228px 28px; display:inline-block; background-size: 180px 23px ;width:24px; height:24px;} .footer_menuicon a span.cate_total{background-position: 0 0;} .footer_menuicon a span.mymenu{background-position: -36px 0;} .footer_menuicon a span.home{background-position: -78px 0;} .footer_menuicon a span.latest_pro{background-position: -114px 0;} .footer_menuicon a span.shop_basket{background-position: -156px 0;} /*베스트*/ .slide_best{background:#f1f7fb;padding:13px; } .slide_best a{display: flex; position: relative; width: 100%; } .bestpro_img{float:left; width:35%;max-width:150px; height:auto; max-height:150px; position:relative;} .bestpro_img_inq{width:100%;} .bestpro_text{position: static; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0; margin:10px 0 0 15px;} .tab_conts .bestpro_text h3{margin:0;} .slide_best .pricearea{margin-top:15px;} .slide_banner.slide_best .slick-counter{bottom:0px; right:0px;} .bestnum{position:absolute;top:0; left:0;padding:3px 8px; background:url(../../images/bestnum_bg.png) ;color:#fff;} /*기획전*/ .promotion_wrap{padding:13px;} .promotion_wrap li{margin-bottom:20px;} .promotion_wrap li img{margin-bottom:5px;} .promotion_wrap1{padding:0;} .listtab{} .listtab li{width:33.3333%; float:left; text-align:center; white-space: nowrap;height:40px; line-height:40px; } .listtab li:nth-child(3n+1) {border-left:0;} .listtab li{border-bottom:1px solid #e6e6e6;} /*.listtab li:nth-child(1), .listtab li:nth-child(2), .listtab li:nth-child(3) {border-bottom:1px solid #e6e6e6;}*/ /*.listtab li:nth-child(7), .listtab li:nth-child(8), .listtab li:nth-child(9) {border-top:1px solid #e6e6e6;}*/ .listtab li a{width:100%; display:inline-block; padding:0px 10px; border-left:1px solid #e6e6e6;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .listtab li a:hover, .listtab li a.active{background:#0076c1; color:#fff;} .listtab .cate_view {height: 79px; overflow:hidden;} .listtab .cate_view2 {height: 39px; overflow:hidden;} .listtab_plus{background:#f2f4f9; padding:3px; cursor:pointer;margin:0 auto; text-align:center;border:1px solid #e5e5e5;} .listtab_plus span{height:12px; width:12px; display:inline-block; position:relative;} .listtab_plus span.css-arrow{ } .listtab_plus span.css-arrow:before{content:''; height:7px; width:7px; display:block; border:2px solid #333; border-right-width:0; border-top-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); } .listtab_plus span.css-arrow_close:before{content:''; height:7px; width:7px; display:block; border:2px solid #333; border-left-width:0; border-bottom-width:0;position:absolute; top:6px; } .listtab2{} .listtab2 li{width:50%;} .listtab3 li{width:33.3%;} .listtab_menu{font-size:18px;color:#0076c1; position:relative; padding:10px 0; } .listtab_button {z-index:999;} .listtab_button.prev{position:absolute; left:10px; top:10px;cursor:pointer;} .listtab_button.next{position:absolute; right:10px; top:10px;cursor:pointer;} .listtab_button span{height:40px; width:30px; display:block; position:relative;} .listtab_button span.demoSpan2{overflow:hidden; width:25px;} .listtab_button span.demoSpan2:before{content:''; height:10px; width:10px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:7px; right:7px;} .demoSpan1:before{content:''; height:10px; width:10px; display:block; border:2px solid #333; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); position:absolute; top:0px; left:7px;} .listtab_tit{ text-align:center; width:90%; margin:0 auto; z-index:88;} .width_list_area{padding:0 13px;position:relative;} .order_list_area{position:relative;} .width_pro_list {width:100%; border-bottom:1px solid #e6e6e6;padding:13px 0; } .width_pro_list:last-child{border-bottom:0;} .width_pro_list a{ display: -webkit-box; display: -webkit-flex; display: flex; position: relative; width: 100%; -webkit-box-align: center; } .width_pro_list .bestpro_img img{border:1px solid #e5e5e5;} .width_pro_list .pricearea { margin-top: 15px; } .pro_inqlist{} .pro_inqlist a{width:80%; display:inline-block;} .pro_inqlist a.bestpro_img_inq_area{width:20%;} .pro_inqlist a.w100{width:100%;} /*서브*/ .sub_header{width:100%;position:fixed; z-index:100; background:#fff;height:60px;} .sub_header .area_logo{height:50px; margin:5px 0; background:none; padding-top:0;} .sub_header h1{font-size:18px; font-weight:bold; margin-left:0; margin-bottom:0;} /*포인트*/ .point_wrapper{} .point_wrapper .mypoint{background:#0076c1; padding:30px 0; text-align:center; color:#fff; font-size:30px; font-weight:bold;} .point_wrapper .delete_point{background:#166cac; padding:10px 0; text-align:center; color:#fff; font-size:30px; font-weight:bold;border:1px solid #1868a4; border-left:0; border-right:0;} .Inquiry_pei h3{border-bottom:1px solid #e6e6e6; padding:13px;} .Inquiry_pei_btn{padding:15px 0;} .Inquiry_pei_btn a{margin:0 1px;} .inquiry_tab{} .inquiry_tab li{width:50%; text-align:center; cursor:pointer; padding:15px 0;float:left; background:#f5f5f5;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;} .inquiry_tab li:first-child{border-left:0;} .inquiry_tab li.active{background:#fff;color:#0076c1;border-bottom:0;} .inquiry_list{padding:13px;border-top:1px solid #e6e6e6;} .bubble{border-radius:500px; padding:5px 20px; background:#0076c1; font-size:13px; text-align:center; color:#fff;} .inquiry_list h1{margin:0; margin-left:5px;margin-top:2px;} .inquiry_list .result{margin-top:5px;} .inquiry_list li:first-child{width:60%; overflow: hidden;} .inquiry_list li:first-child h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%;} .usagebg{background:#fe6714;} .nocharge{padding:20px 0;} /*버튼*/ a.mail_basic_btn{padding:10px;font-size:13px; background:#f5f5f5; border:1px solid #d9d9d9;display:inline-block;} a.mail_basic_btn:hover, a.mail_basic_btn.active {background:#fff; border:1px solid #0076c1;color:#0076c1;} .Inquiry_pei_btn a.mail_basic_btn{width:22%;} /*아울렛*/ .pro_circle{margin:0 7px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;text-align:center; } .pro_circle li{float: left; margin: 6px; width: calc(32.6% - 10px); overflow: hidden; position:relative;} .pro_circle li a img{ border-radius: 50%; border:1px solid #e9e9e9;} .pro_circle li a h4{margin-top:5px;font-size:13px;white-space: nowrap;/*text-overflow:ellipsis;*/ width:100%;overflow: hidden;} .pro_circle li .pricearea{margin-bottom:20px;} .pro_circle li .pricearea .numfont{font-size:12px;} .pro_circle li .pricearea span.won{font-size:12px;} .pro_circle .slick-slide{ margin: 6px;} .pro_circle .slick-slide li{margin:0;} .slick-dots li button:before{ font-size: 0;} .pro_circle .slick-dots li{width:10px; margin:2px;} .pro_circle .slick-dots{width:auto;} .pro_circle .slick-dots li button{ background: #cccccc; width: 10px; height: 10px; border-radius: 5px;} .pro_basic{text-align:left;} .pro_basic li a img{ border-radius: 0;} /*할인 말풍선*/ .saleicon{position:absolute; top:0; right:0; border-radius:50%; background:#d50c0c;color:#fff;font-size:13px;width:35px; height:35px;line-height:35px; text-align:center; } .saleicon span{font-size:10px;} /*.priceplus{text-align:left;}*/ .e_keyword{padding:0 20px} .e_keyword h2::before{ content: ""; background-image:url( "../../images/e_best_keyword._icon.png" ); background-size: 100% 100%; display: inline-block;width:20px; height:20px;position:relative;top:5px;margin-right:5px;} .e_keyword h4{margin-top:4px;} /*대카테고리*/ .category_menu_open{padding:13px 0;} .list_align{margin:13px 0 10px; position:relative;} .list_align.wrapadding{padding-bottom:13px!important;} .category_menu_open h4{margin-right:5px;} .thumb_list_icon{float:right;position:relative;display:inline-block;} .thumb_list_icon li{float:left; margin:0 6px; height:24px;} .thumb_list_icon li+li::before{ content: ""; border-left: 1px solid #dcdce3;padding:0 6px;position:relative; top:2px} .thumb_list_icon li .viewimg{background:url( "../../images/thumb_list_icon_01.png" )0 0px no-repeat; margin-top:3px; -webkit-background-size: 17px 17px; display:inline-block; background-size: 15px 15px ;width:15px; height:15px;} .thumb_list_icon li .viewimg.icon2{background:url( "../../images/thumb_list_icon_02.png" )0 0px no-repeat; } .thumb_list_icon li a.thblist_groption{ background:url( "../../images/thumb_list_icon_group_option_icon.png" )0 3px no-repeat; padding-left:18px; -webkit-background-size: 15px 44px; display:inline-block; background-size: 15px 44px ;} .thumb_list_icon li a.thblist_groption:hover{color:#0076c1; background-position:0 -20px;} .thumb_list_icon li a.thblist_groption span{position:relative; top:2px;margin-left:1px;} .api_group_option{display:none; border:1px #0076c1 solid; background:#fff; position:absolute;top:27px; right:15px; font-size:14px;color:#454e61; text-align:center; font-weight:normal; z-index:88;} .api_group_option li{padding:1.2vh 3vw; border-top:1px #cfd5db solid; cursor:pointer;} .api_group_option li:first-child{border-top:0;} .api_group_option li.active{color:#0076c1;} .category_name{padding:13px;border-bottom: 1px solid #e6e6e6;} .category_name span.separ::after{content: ""; background-image:url( "../../images/cet_arrow_icon.png" ); background-size: 11px 11px; display: inline-block;width:11px; height:11px;position:relative;top:1px;margin:0 5px;} .category_name span:last-of-type::after{background-image:none;} /* 220504 수정 */ .thumb_list_icon2{font-size: 14px;} .thumb_list_icon2 li .viewimg{} .api_group_option2{right:0;} h1.number_h .numfont{line-height:1.3;margin-right:8px;} .newctgry_list{padding-bottom: 1vh;} .newctgry_list ul{display:flex;justify-content:flex-start;align-items:center; white-space: nowrap;overflow-x: auto;} .newctgry_list li a{display:block;color:#bfbfbf;padding: 3px 12px; box-sizing: border-box;} .newctgry_list li a.active{background:#eef5f9;color:#007bc2;font-weight:bold;border-radius:30px;} /*검색*/ #sch_w{} #sch_w{overflow: hidden; position: relative; height: 60px; padding: 1px; } #sch_w .sch_inpw{display: block; overflow: hidden; position: relative;margin: 0; background-color: #fff; height: 60px; padding-left: 44px;z-index: 20;} #sch_w .sch_home{ position: absolute; top: 0; left: 0; width: 54px; height: 60px; visibility: visible;} #sch_w .sch_inpw_in{padding: 17px 26px 16px 0; display: block; margin-right: 58px;} #sch_w .sch_inpw input{width: 100%; height: 27px; line-height: 27px; border: 0; background: 0 0; vertical-align: top; -webkit-appearance: none; outline: 0; text-overflow: ellipsis;font-size:17px; } #sch_w .sch_inpw input::placeholder {color:#999; } #sch_w .sch_inpw input::-webkit-search-cancel-button{ display:none;} #sch_w .sch_del{z-index: 10; border: 0; vertical-align: top; -webkit-appearance: none;position: absolute; top: 50%; right: 55px; width: auto; height: auto; margin-top: -10px; border-radius:50%; overflow:hidden;} #sch_w .sch_del span.ico_sch_del{background:url(https://s.pstatic.net/static/www/m/2019/sp_search_v190619.png); -webkit-background-size: 351px 348px; background-size: 351px 348px; background-repeat: no-repeat;width: 20px;height: 20px;background-position: -280px -220px; display: inline-block; overflow: hidden;color: transparent; vertical-align: top;} #sch_w .demoSpan1:before{ height: 13px; width: 13px; margin-top:5px;} #sch_w .search{ display: inline-block; width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; text-indent: -99999px; background-image: url(../../images/btn_search.png); position: absolute; right: 0; bottom: 2px; z-index: 30; } .sch_w_list{background:#fff;} .sch_w_list li { padding: 15px 0 15px 16px; cursor: pointer;} /*인기검색어*/ .good_search_word{padding:13px; background:#fff; border:1px solid #e6e6e6;padding-bottom:40px;} .good_search_word h3{margin:20px 0 5px;text-align:center; font-weight:bold;} .good_search_word ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;text-align:center;} .good_search_word li{ float:left; margin-right:6px; margin-bottom:6px; cursor:pointer;border:1px solid #cfd5db; padding:5px 15px; border-radius:500px; background:#fff;color:#9da2a7;} .good_search_word li.tit{color:#999999;border:0;} /*상품상페페이지*/ .probigimg{width:100%; text-align:center;} .pro_iteminfo{margin:20px; position:relative;} .pro_iteminfo h1{font-size:18px;margin:0; font-weight:bold;margin-bottom:15px;} .pro_iteminfo .price-basic{font-size:13px; text-decoration:line-through} .pro_iteminfo .price-sale{font-size:22px;letter-spacing:-1px;} .pro_iteminfo .price-salewon{font-size:20px;} .sale_break{position:absolute;bottom:3.8vh;right:5vw;} .sale_break .arrow_spunder:before{ content:''; display:block; border:2px solid #333; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .sale_break .arrow_sptop:before {content:''; display:block; border:2px solid #333; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .sale_break_list{background:#f7f7f7;padding:12px 20px;color:#737373; border-top:1px dotted #e5e5e5; border-bottom:1px dotted #e5e5e5; } .sale_break_list li{margin:6px 0;} .sale_break_list li .sabr_titname{float:left;} .sale_break_list li .sabr_titnum{float:right;font-weight:bold;} .sale_break_list li .sabr_titnum .numfont{font-size:15px;} .deliinfo{background:#fff; color:#000; border:0;position:relative;} .deliinfo .sabr_titname{margin-right:20px;} .pageshare a{background-image:url(../../images/btn_share.png);position:absolute;bottom:10px; right:0; display:inline-block;} #pageshare_list{} #pageshare_list h3{border-bottom:1px dotted #e5e5e5;display:block;} #pageshare_list li{float:left; width:30.333%; margin:0 1.5% 6%; text-align:center;} #pageshare_list li a{width:100%; } #pageshare_list li a span{ width: 49px; height: 49px; background: url(../../images/pageshare_list.png) no-repeat 0 0; display: inline-block; -webkit-background-size: 315px 48px; background-size: 315px 48px;} #pageshare_list li a span.kakaostory{background-position:-54px 0;} #pageshare_list li a span.instagram{background-position:-266px 0;} #pageshare_list li a span.tweeter{background-position:-107px 0;} #pageshare_list li a span.facebook{background-position:-160px 0;} #pageshare_list li a span.copy{background-position:-214px 0;} .brandshop{margin:20px; margin-top:0;} .brandshop a{padding:10px; border:1px solid #9f4020; display:inline-block; color:#9f4020; width:100%;} .brandshop a h3::before{content:''; width: 15px; height: 14px; background: url(../../images/brandshop_icon.png) no-repeat 0 0; display: inline-block; padding-right:3px; position:relative;top:1px; -webkit-background-size:15px 14px; background-size:15px 14px;;} .brandshop a h5{color:#d4bcb4; position:relative;top:3px;} .pagecoupon{padding:10px;margin:0 auto;text-align:center; background: #f2f4f9; border: 1px solid #e5e5e5; border-left: 0; border-right: 0; } .pagecoupon a{display:inline-block;height:95px;width:90%; text-align:left;} .pagecoupon .pacou_left{float:left; width:75%;background:#fff; border:1px solid #e6e6e6;border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;height:100%; padding:35px 15px;} .pagecoupon .pacou_left h5{border:2px #0076c1 solid;display:inline-block;padding:2px 7px;border-radius:30px;margin-top:5px;} .pagecoupon .pacou_left h1{margin-left:5px; font-size:22px;margin-top:1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pagecoupon .pacou_left h1 .numfont{font-size:24px;} .pagecoupon .pacou_right{background:#0076c1;width:25%; float:right;height:100%; text-align:center; line-height:105px;border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px;} .pagecoupon.salecoupon .pacou_left{padding:14px 15px;} .pagecoupon_big{padding:0px; border:0;} .pagecoupon_big a{width:100%; height:172px;} .pagecoupon_big .pacou_left{width:80%;} .pagecoupon_big .pacou_left h1{margin-left:0px; font-size:17px;margin-top:0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pagecoupon_big .pacou_left h5{border:0;display:block;padding:0;border-radius:0px;margin-top:0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .pagecoupon_big .pacou_right{width:20%;line-height:172px;} .pagenav{margin:0 0 18px;padding-top:18px; border-bottom:1px solid #e5e5e5; } .pagenav li{ text-align: center; cursor: pointer; width:25%; line-height:32px; float:left; font-size:15px;} .pagenav li.active span{border-bottom: 2px solid #0076c1; color: #0076c1; line-height: 28px; padding-bottom:8px;} .opt_inside{ overflow:scroll; } .fixed_btn{ padding-top:25px; position:fixed; bottom: 0; z-index: 302; left: 0; width: 100%; box-sizing: border-box;} .fixed_btn_area{border-top:1px solid #d9d9d9;background:#fff;padding:0px 20px 22px 20px;} .fixed_btn_area .btn_buy_close {margin:12px 0px -7px;} .fixed_btn .btn_like{float:left; width: 55px; height:50px;} .fixed_btn .btn_like a{width:100%; height:50px; display:inline-block; border:1px solid #d9d9d9;border-radius:3px; background:url(../../images/btn_like.png) no-repeat 2px 0; -webkit-background-size:50px 100px; background-size:50px 100px;} .fixed_btn .btn_like a.active{background-position:2px -50px} .fixed_btn .btn_buy a{background:#d50c0c;height:50px; float:right; width: calc(100% - 62px); border-radius:3px; color:#fff; font-size:17px; line-height:50px; text-align:center;} .fixed_btn .btn_buy.sold_out {background:#d50c0c;height:50px; float:right;width: calc(100% - 62px);border-radius:3px; color:#fff; font-size:17px; line-height:50px; text-align:center;} #btn_buy_open{max-height:90%;} button{border:0;} .btn_buy_open_btn{display: block; position: relative; top: -24px; left: 50%; /*z-index: 300;*/ width: 68px; height: 25px; margin-left: -40px; color: rgba(0,0,0,0); background: none; font-size: 1px; -webkit-appearance: none;background: url(../../images/btn_buy_open.png) no-repeat 0 0; -webkit-background-size:68px 25px; background-size:68px 25px;} .btn_buy_open_btn.close{-webkit-appearance: none;background: url(../../images/btn_buy_close.png) no-repeat 0 0; -webkit-background-size:68px 25px; background-size:68px 25px;} #pro_option_selectbox {position:relative;border:1px solid #d9d9d9; width:100%;} #pro_option_selectbox a{text-decoration:none; text-align:left; color:#999; font-weight:normal;height:45px; line-height:45px; border-bottom:1px solid #d9d9d9 ;} #pro_option_selectbox a#pro_option_selectbox_co{display:block;background: url('../../images/bg_select_arrow.png') no-repeat ;background-size:15px 10px; padding:0px 10px; background-position:97% 50%;} .pro_option_selectbox select{display:block; height:45px; width:100%; text-decoration:none; text-align:left; color:#999; font-weight:normal; line-height:45px; border-bottom:1px solid #d9d9d9; padding:0px 10px; margin-bottom: 5px; background: url('../../images/bg_select_arrow.png') no-repeat ;background-size:15px 10px; background-position:97% 50%;} #select_option{background:#fff;width:100%;z-index:10000;width:100%; } #select_option li{line-height:30px;border-bottom:1px solid #d9d9d9; padding:5px 10px; width:100%; text-align:left; cursor:pointer;} #select_option li:last-child{border-bottom:0;} #select_option .last{border-bottom:none;} #pro_option_selectbox li::before{display:none;} #select_option li a{letter-spacing:-1px;padding:0 5px} .option_boxin{background:#f7f7f7; padding:10px;margin-top:10px;} .option_boxin h4{margin-bottom:3px;} .option_control{float:left; border:1px solid #d9d9d9; background:#fff; border-left:0; border-right:0; height:34px;overflow:hidden; width:110px; } .option_control.no_button{border:0px; width:48px;} .option_control.no_button input[type=text]{border: 1px solid #e5e5e5;} .option_boxin button, .cart_price_sign{ position:relative;top:-5px; display: inline-block; margin-right:-3px; background:#fff url(../../images/option_boxin.png) no-repeat 0 0;width:33px;height:33px;font-size:0; border:1px solid #d9d9d9; border-top:0; border-bottom:0; -webkit-background-size:139px 31px; background-size:139px 31px;} .option_boxin button.plus{background-position:-36px 0; position:relative;top:-5px;} .option_boxin input[type=text]{ width:45px; height:33px;position:relative;text-align:center;display: inline-block; margin-right:-4px; border: 0px;} .option_boxin input[type=radio], .logis_cycle_pop input[type=radio]{display: block; display: inline-block;} .option_price{float:right;margin-right:3px;} .option_price h3{margin-right:5px;margin-top:5px;} .option_price button{margin-top:5px; background-position:-72px 0; border:1px solid #d9d9d9;} .option_price_total{padding:15px 0; border-bottom:1px solid #d9d9d9;} .option_buy{padding:13px 0 0;} .option_buy .option_buy_btn{width: calc(100% - 62px);} .option_buy .option_buy_btn a{width:47.5%;} .option_buy .option_buy_btn a.shopbask{border:1px solid #d50c0c; background:#fff; color:#d50c0c; margin-right:5px;} .sample_btn_area{display:block; margin-top:9px;} .sample_btn_area a.sample_btn{display:inline-block; border:1px solid #4a5a65; background:#fff; color:#4a5a65; width:98%; font-size:16px; padding:10px 0; border-radius:3px; text-align:center;} .proinfo_page{height:600px; overflow:hidden;} .propage_btn{ background:#fff; border:0; cursor:default;} .proinfo_page_btn{border:1px solid #bfbfbf; height:50px; line-height:50px; background:#fff; width:100%;} /*샘플구매*/ .sample{padding:7px 17px 0px; margin-bottom:13px; letter-spacing:-0.3px; background:#f0f5f9; font-family:'notosans'; font-size:14px;} .sample .svip_tt{} .sample .fright{width:15%; position:relative; top:-1px;} .membox table{width:100%; margin:14px 0 0px!important; font-size:13px;} .membox table tr{} .membox table tr th{height:29px; background:#f7f7f7; text-align:center!important; padding-bottom:0!important;} .membox table tr td{height:35px; padding-bottom:0!important;} .membox tr, .membox th, .membox td { border:1px solid #d9d9d9; vertical-align:middle; text-align:center; color:#000; } .fontin{font-size:14px; font-weight:500; color:#000; font-family:'notosans';} .membox .price_right{text-align:right; padding-right:17px;} .membox .price_right span{margin-left:1px;} /*등급별*/ .membox .chosen_vip td{background:#fffbf1; font-weight:bold;} .membox .chosen_vip .fontin{color:#dfb834;} .membox .chosen_svip td{background:#fff5f5; font-weight:bold;} .membox .chosen_svip .fontin{color:#e94848;} .membox .chosen_welcome td{background:#f0faff; font-weight:bold;} .membox .chosen_welcome .fontin{color:#57b1d9;} .meminfogo{width:100%; background:#4a5a65; color:#fff; margin:3px 0 14px;} .meminfogo .myorder{padding:8px 0 0 16px;} .meminfogo a{padding:8px 16px 8px 10px; display:inline-block; color:#fff!important;} .meminfogo .annae{position:relative; left:-4px;} /*찜하기*/ .zzim_folder{padding:13px;} .zzim_folder li{background:#f7f7f7; border:1px solid #d9d9d9; padding:12px; margin-bottom:10px;} .zzim_folder li h2{margin-top:3px;} .folder_icon{} .folder_icon a{ background: url(../../images/zzim_folder.png)0 0px no-repeat; font-size:0;-webkit-background-size: 17px 17px; display: inline-block; background-size: 53px auto; width: 27px; height: 27px;margin-left:20px;opacity : 0.4;} .folder_icon a.delete{background-position:-30px 0;} .folder_icon a:hover{opacity:1;} .zzfold_plus{width:100%;} .zzfold_plus .zzfold_plus_name{width:75%} .zzfold_plus button.btnbasic{width:25%} .zzim_del{position:absolute;top:13px; left:13px; padding:0; margin:0; width: 33px; height: 33px;overflow:hidden;} .zzim_del button{margin-top:0;top:0;} /*form_작성*/ .form_area{padding:20px; position:relative;} .form_area0{padding:0px; position:relative;} .form_area input, textarea{margin:5px 0;} .form_area .inputw_100{width:100% !important;} .form_area .inputw_50{ width: calc(50% - 2px);} .form_area .inputw_40{width: calc(50% - 10px);} .form_area .inputw_30{width:30% !important;} .form_area label{width:100%; margin-top:-1px;display:inline-block;} .form_area label select{width:31%; background-position:75px 50%;} .form_area label.add select{background-position:91% 50%;} .form_area label input{margin-left:-4px;width: calc(100% - 100px); } .form_area label.add input{margin-left:0px; width: 69%;} .form_area label.add input.tel{margin-left:0px; width: 33%;} .form_area label .inputw_100{width:100% !important;margin-top:-6px;} .form_area label input.rcv_mobile2{width: 69%;} .form_area div.add{width:100%; margin-top:-1px;display:inline-block;} .form_area div input{margin-left:-4px;width: calc(100% - 100px); } .form_area div select{width:31%; background-position:75px 50%;} .form_area div.add select{background-position:91% 50%;} .form_area div.add select.sku_key{width:15%;} .form_area div.add input{margin-left:0px; width: 69%;} .form_area div.add input.sku_code{width:54%;} .form_area div.add input.tel{margin-left:0px; width: 33%;} .filebox{width:100%; border:1px solid #e5e5e5; font-size: 14px; margin-top:-6px; } .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .filebox label { width:auto;display: inline-block; padding:0 20px; background: #181717; color: #fff; line-height: 50px; vertical-align: middle; cursor: pointer;} .filebox .upload-name{display: inline-block; line-height: 40px; vertical-align: middle; pacou_left:13px; background-color: #fff; border: 1px solid #fff; border-bottom-color: #fff; border-radius: 0; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } .pagebtn{} .pagebtn a{width:100%; background:#0076c1; color:#fff; font-size:17px; text-align:center; display:inline-block;height:50px; line-height:50px; border-radius:3px;} .pagebtn a.half{width:49%;} .pagebtn a.halfbtn1{background:#fff; border:1px solid #0076c1; color:#0076c1;} .pagebtn a.auto{width:auto;} .re_score{width:100%; } .re_score h3{margin-right:10px; margin-top:5px; margin-bottom:5px;} .re_score a{background: url(../../images/re_star.png)0 0px no-repeat; font-size:0;-webkit-background-size: 17px 17px; display: inline-block; background-size: 25px auto; width: 25px; height: 25px; margin:0px 3px 0;} /*.re_score a:hover, .re_score a:visited, .re_score a.active{background-position:0 -31px;}*/ .re_score a:visited, .re_score a.active{background-position:0 -31px;} /*상품평*/ .comment_pro{/*border:1px solid #e5e5e5;*/padding:13px;position:relative; text-align:center;} .comment_pro .comment_pro_area{ display:inline-block; text-align:center; margin:0 auto; } .comment_pro h4{margin-bottom:5px;margin-top:10px;} .comment_pro .re_score {width:auto; margin-left:5px;} .comment_pro .re_score a{margin:-5px 1px 0;} .comment_pro .formbtnbac.revibtns{position:absolute; top:0; right:13px; height:30px;line-height:29px; font-size:12px; padding:0 10px; color:#999999; border-radius:5px;} .comment_pro ul.revtab li{width:50%; float:left; margin-top:15px; border:1px solid #e5e5e5;} .comment_pro ul.revtab li.full{width:100%; float:left; margin-top:15px; border:1px solid #e5e5e5;} .comment_pro ul.revtab li a{width:100%; display:inline-block;padding:10px 0;} .comment_pro ul.revtab li:not(.full):first-child{border-right:0;} .comment_pro ul.revtab li:hover, .comment_pro ul li.active{background:#0076c1;border:1px solid #0076c1; color:#fff;} .comment_pro ul.page_revlist{text-align:left; } .comment_pro ul.page_revlist .re_score{margin-left:0;} .comment_pro ul.page_revlist .re_score a{width:20px; height:20px; background-size:20px auto;margin:0px;} /*.comment_pro ul.page_revlist .re_score a:hover, .comment_pro ul.page_revlist .re_score a.active{background-position:0 -24px;}*/ .comment_pro ul.page_revlist .re_score a.active{background-position:0 -25px;} .comment_pro ul.page_revlist p{font-size:12px; margin-top:5px; } .comment_pro ul.page_revlist li{border-bottom:1px solid #e5e5e5;padding:13px 0;} .comment_pro .listtab_plus{padding:0;} .comment_pro .listtab_plus span{margin-left:5px;} .sellmanarea{width:90%; margin-left:5px;} /*상품문의*/ .page_pro_qan{padding:0 13px 13px 13px;} .page_pro_qan a img{width:14px;position:relative; top:1px;} .page_pro_qan ul li{cursor:pointer;} .page_pro_qan ul li.answerli{padding-bottom:0;} .page_pro_qan .answerno{ background:#f5f5f5;text-align:center; border: 1px solid #e5e5e5;border-radius:500px; padding:2px 10px; font-size:12px; color:#999; margin-right:5px; margin-top:3px;} .page_pro_qan .answer{background:#0076c1; color:#fff;border: 0;} .page_pro_qan .sellman{background:#fff; color:#0076c1;border: 1px solid #0076c1;display:inline-block;} .page_pro_qan .answer_area{background:#f7f7f7; border-top:1px dotted #e5e5e5;padding:10px;} .comment_pro .answer_area h4{margin-top:5px;} .page_pro_qan .answer_area h2{margin-top:5px;} /*배송/교환*/ .delivery_area{padding: 13px 13px 13px; font-size:11px;} .delivery_area table{width:100%;} .delivery_area table th{border:1px solid #e5e5e5; background:#f7f7f7;width:25%;padding:5px;} .delivery_area table td{border:1px solid #e5e5e5; width:75%;padding:10px;} .delivery_area table td h5{font-size:11px;} .proinfo_pre{} .proinfo_pre table th{width:45%; text-align:left;} .proinfo_pre table td{width:55%;} /*장바구니*/ .width_pro_list_cart{width: calc(100% - 40px); padding:0; } .width_pro_list_cart .bestpro_text{margin:0 0 0 15px;} .width_pro_list_cart .bestpro_text h5{margin-top:10px;} .option_boxin_left{margin-left:30px; margin-bottom:13px;} .cart_price{border-top:1px dotted #bfbfbf;padding-top:13px; } .cart_price h4{margin-top:2px;} .cart_price_total{text-align:center;margin:0 auto;} /*.cart_price_total ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;margin:5px 0; } .cart_price_total li{float:left;margin:0 2px;} .cart_price_total li h4{margin-top:2px;margin-right:3px;} .cart_price_sign{position:relative; top:0px;width:25px; height:25px; border-radius:50%; border:1px solid #666;background-color:#f2f4f9;opacity:0.4;-webkit-background-size:112px 25px; background-size:112px 25px;} .cart_price_sign.plus{background-position:-30px -1px;} .cart_price_sign.equals{background-position:-87px -1px;}*/ .sale_break_list_cart{color:#000;} .sale_break_list_cart .cart_breakdown li .sabr_titnum .numfont{font-size:17px;} .sale_break_list_cart .cart_breakdown li .sabr_titnum .won{font-size:16px;} .carttotal li{float:left;} .carttotal .sabr_titnum{margin-top:-5px;} .carttotal .sabr_titnum .numfont{font-size:20px;} .carttotal .sabr_titnum .won{font-size:18px; margin-top:-1px;} /*견적서*/ .warntext::before{content:''; width: 18px; height: 18px; background: url(../../images/warntext.png) no-repeat 0 0; display: inline-block; padding-right:3px; position:relative;top:5px; -webkit-background-size:40px 18px; background-size:40px 18px;} /*주문/결제*/ .ordertop{padding:10px 13px;} .ordertop h3{margin-top:5px;} .ordertop .formbtnbac{line-height:35px; height:35px;} .holdpoint{position:absolute;top:23px; right:20px;} label.pointchoice{font-size:15px;} .payinfo{} .payinfo li{border:1px solid #e5e5e5; text-align:center;width:33.333%; float:left; border-left:0; border-top:0;} .payinfo li:first-child, .payinfo li:nth-of-type(4){border-left:1px solid #e5e5e5;} .payinfo li:nth-of-type(1), .payinfo li:nth-of-type(2), .payinfo li:nth-of-type(3){border-top:1px solid #e5e5e5;} .payinfo li.flex2{width:66.6%;} .payinfo li:hover{border:1px solid #0076c1;color:#0076c1;} .payinfo li.active{border:1px solid #0076c1;color:#0076c1;} .payinfo li a{display:block; padding:15px 0;} .q_mark{content:''; width: 20px; height: 18px; background: url(../../images/warntext.png) no-repeat -21px 0; display: inline-block; padding-right:3px; position:relative;top:4px; -webkit-background-size:40px 18px; background-size:40px 18px;} .order_pay_way{border:1px solid #e5e5e5; padding:10px 15px;margin-top:5px;} .order_pay_way .cash_re_area select{ background-position:97%; } .order_pay_way .cash_re_area input{ margin-left: 0px; } .payway_area {border-top:1px solid #e5e5e5;margin-top:10px; padding-top:10px;} #refund_bank_name{margin-top:10px;} .cash_receipt{border-top:1px solid #e5e5e5;margin-top:10px; padding-top:10px;} .cash_receipt div{margin-right:10px;} .cash_re_area{ padding:10px 0px;} /*주문결제*/ .simplepay_area{border:1px solid #e5e5e5;margin:13px 13px 10px; padding:15px; height:150px;overflow:auto; font-size:12px; color:#999;} .consen_check{margin-left:20px;} .consen_check div{margin-right:10px;} /*주문완료*/ .orderend h2{font-size:18px; margin:15px 0 10px;} .orderend h4{position:relative; top:-2px;margin-right:5px;} .ordernum{font-size:23px;} .orderinfo{} .orderinfo_area{padding:13px;} .orderinfo h4.tit{width:100px;} /*마이쇼핑*/ .myshopping{background:#1b74b7; border-bottom:1px solid #1868a4;} .myshopping .myname{margin-top:5px;} .my_breakdown{} .my_breakdown li{width:33.3%; border-left:1px solid #1c6fae;} .my_breakdown li:first-child{border-left:0;} .dr_de_inquiry{text-align:center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .dr_de_inquiry li{width:24%; float:left;background: url(../../images/my_arrow.png) no-repeat 0px 50%;background-size:8px 14px; padding:13px 0;} .dr_de_inquiry li:first-child{background:none;} .dr_de_inquiry p{font-size:25px;} .my_menu{text-align:center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .my_menu li{width:24%; float:left; padding:13px 0; } .my_menu li a span { background: url(../../images/my_menu.png) no-repeat 0 0; -webkit-background-size: 276px 60px; display: inline-block; background-size: 276px 60px; width: 60px; height: 60px;} .my_menu li a span.zzimpro{background-position:-72px 0;} .my_menu li a span.prorew{background-position:-144px 0;} .my_menu li a span.cs{background-position:-216px 0;} .mysbtn{} .mysbtn li {float:left; width:50%;border:1px solid #e5e5e5; border-top:0;} .mysbtn li a{width:100%; display:inline-block; padding:15px 0; text-align:center; color:#616161;} .mysbtn li:nth-of-type(1), .mysbtn li:nth-of-type(3){border-left:0; border-right:0;} .mysbtn li:nth-of-type(3), .mysbtn li:nth-of-type(4){border-bottom:0;} /*주문배송조회*/ .monthbtn{width:100%;} .monthbtn a.formbtnbac{width:22.6%;padding:0; background:#fff;} .monthbtn a.formbtnbac:hover{border:1px solid #0076c1; color:#0076c1;} .monthbtn .active{border:1px solid #0076c1; color:#0076c1;} /*주문배송내역*/ .ordelbre{padding:0 13px 13px;} .ordelbre a.formbtnbac{width:calc(50% - 7px);} /*상품문의*/ .listinfobox{font-size:13px; padding:0 8px;height:20px; line-height:20px;} /*내용 없을 시*/ .contents_none { padding:4vh 0; text-align: center; background: #fff;} .contents_none img { width: 40px;} /*쿠폰관리*/ .coupon_box{width:100%; background:#fff; border:1px solid #e6e6e6; padding:35px 13px; border-radius:5px;position:relative; cursor:pointer;} .coupon_box h1{margin-left:0;} .coupon_box span{border-radius:10px;} .coupon_box_ex{position:absolute; bottom:10px;right:10px;} .coupon_box_dday{position:absolute; top:10px;right:10px;} .coupon_box_down{} /*간편결제*/ .simplepay_card{border:2px dotted #e6e6e6; padding:30px 20px;} .simplepay_card img{width:80px;} .simplepay_card img.simplepay_card_icon{width:50px;} .simplepay_card h1{font-size:25px;} .simplepay_card_on{border:1px solid #e6e6e6;} /*멤버쉽등급*/ .member_list{display: flex; align-items: center;} .member_list img{width:25%;} .member_list div{width:65%;margin-left:10px; } .member_list div h5{margin:5px 0;} .member_list div h5 img.coupongo{width:15px;position:relative; top:2px; cursor:pointer;} .member_list div .svip{color:#d80130;} .member_list div .vip{color:#f0a400;} .member_list div .welcome{color:#0698d1;} /*모달*/ #lean_overlay{position:fixed;z-index:5000;top:0;left:0;height:100%;width:100%;background:#000;display:none;} .modal{display:none;} .question_mark_c{padding:20px;} .question_mark_c h4{margin-bottom:10px;} .question_mark_c h5{margin-bottom:5px;} .question_mark_c dt{display:inline-block;width:2%; vertical-align: top;} .question_mark_c dd{width:95%;display:inline-block;} /*#question_mark h5::before{content:'-'; padding-right:5px;}*/ .modal_wrapper{position:relative;width:calc(100% - 50px);margin:0 auto;background:#fff;display:none;} .modal_wrapper .modal_close{position:absolute;top:0;right:0;display:block;width:50px;height:50px;} .modal_wrapper h3{text-align:center;padding:20px 0; } .modal_wrapper .cont{width:90%;margin:20px auto;} .modal_wrapper .btn_down{display:block;margin-top:22px;background:#0078ff;color:#fff;font-size:16px;text-align:center;padding:20px 0;} a.pluslink { float: right; color: #999999; font-size: 14px; font-weight: 400; margin-top:2px; } .bonCancel .modal_close{position:relative;width:100%;height:100%;} /* modal_close 중복되어 재정의 */ .Boninbtns{width:100%; margin:2vh 0 0 6vw;} .Boninbtns li{display:inline-block; width:40%; margin:0 0.5vw;} .Boninbtns li a{display:inline-block; width:100%; padding:2vh 0; background:#ababab; color:#fff; text-align:center; border:1px solid #ababab;} .Boninbtns .bonCancel a{background:#fff; color:#333; border:1px solid #afafaf;} /*메뉴 슬라이더*/ .aside{position:fixed;width:100%;/*max-width:360px;*/top:0;left:-100%;bottom:0;background:#fff;text-align:left;z-index:4100;transition: 0.35s left ease;} .aside.in{left:0;} .aside .mem_info{position:relative;padding:16px 13px 11px 17px;border-bottom:1px solid #d9e0ef;} .aside .mem_info .avata{width:36px;} .aside .mem_info .info{margin-left:7px;} .aside .mem_info h2{font-size:14px;color:#454e61;} .aside .mem_info p{font-size:13px;color:#959aa4;} .aside .mem_info .close{font-size:28px;} /*카테고리 */ .category_icon_total.sidecat{border-top:1px solid #d9e0ef; border-bottom:0;} .category_icon_total.sidecat li{float:left; width:33.33%; border-bottom:0;} .category_icon_total.sidecat li a{width:100%; padding:20px 0;} .category_icon_total.sidecat li:nth-of-type(1), .category_icon_total.sidecat li:nth-of-type(2), .category_icon_total.sidecat li:nth-of-type(3), .category_icon_total.sidecat li:nth-of-type(5), .category_icon_total.sidecat li:nth-of-type(6), .category_icon_total.sidecat li:nth-of-type(7){ border-right:1px solid #e5e5e5;} .category_icon_total.sidecat li:nth-of-type(1), .category_icon_total.sidecat li:nth-of-type(2), .category_icon_total.sidecat li:nth-of-type(3), .category_icon_total.sidecat li:nth-of-type(4) {border-bottom:1px solid #e5e5e5;} .sidebar_ban{background:#000; overflow:hidden;background:url(../../images/sidebar_ban_bg.png) ;padding-top:5px;} .sidebar_ban_e{background:#fddbd1; overflow:hidden;padding-top:5px;} .sidebar_ban img{width:100%;} .rec_service{} .rec_service li{width:50%; float:left; text-align:center; border-bottom:1px solid #e5e5e5;} .rec_service li:nth-of-type(1), .rec_service li:nth-of-type(2){border-top:1px solid #e5e5e5;} .rec_service li:nth-of-type(2), .rec_service li:nth-of-type(4){border-left:1px solid #e5e5e5;;} .rec_service li a{display:inline-block; width:100%;height:60px; line-height:60px; vertical-align:middle;padding-left:20px;} .rec_service li img{width:25px;position:relative; top:16px;margin-right:8px;} /*아울렛 아이콘*/ .category_icon_total.eoutlstcat li{width:25%;} .category_icon_total.eoutlstcat li a span{width:40px; height:33px; background:url(../../images/e_outlet_icon.png) no-repeat 5px 0;display:inline-block; -webkit-background-size: 402px 66px; background-size: 403px 75px; } .category_icon_total.eoutlstcat li a span.cate_total{background-position: 0 0;} .category_icon_total.eoutlstcat li a span.cate_beauty{background-position: -43px 0 ;} .category_icon_total.eoutlstcat li a span.cate_food{background-position: -94px 0 ;} .category_icon_total.eoutlstcat li a span.cate_digital{background-position: -150px 0 ;} .category_icon_total.eoutlstcat li a span.cate_kitchen{background-position: -200px 0 ;} .category_icon_total.eoutlstcat li a span.cate_bed{background-position: -259px 0 ;} .category_icon_total.eoutlstcat li a span.cate_clean{background-position: -315px 0 ;} .category_icon_total.eoutlstcat li a span.cate_baby{background-position: -367px 0 ;} .category_icon_total.eoutlstcat li a:hover span{background-position-y:-44px;} /**/ .tab_conts{} /*.tab_conts h3{font-size:15px;margin:16px 15px 9px;} .tab_conts h3.more_type{padding-bottom:12px;border-bottom:1px solid #e5e5e5;} .tab_conts h3.more_type span{font-size:12px;color:#b8c0c8;} .tab_conts h3.more_type a{float:right;color:#737373;font-size:14px;} .tab_conts h3.type2{text-align:center;margin:20px 0 0;}*/ .last_artcle li{padding:15px 13px 13px;border-bottom:1px solid #e6e6e6;} .last_artcle li span.comment_ctn{font-size:12.5px;color:#0078ff;} .last_artcle li:last-child, .best_article li:last-child{border:none;} .last_gallery_wrap, .new_thumb_article_wrap{padding:10px 13px;} .last_gallery_wrap ul, .new_thumb_article_wrap ul, .rcpds_wrapper ul{margin:0 -5px;} .last_gallery_wrap ul li{float:left;margin:0 5px;width:calc(50% - 10px);height:120px;border-radius:5px;overflow:hidden;} .new_thumb_article_wrap ul li, .rcpds_wrapper ul li {float:left;margin:5px;width:calc(50% - 10px);border:1px solid #e5e5e5;border-radius:5px;overflow:hidden;} .new_thumb_article_wrap ul li div.thumb{height:200px;} .new_thumb_article_wrap ul li div.tit{padding:15px 13px;height:68px;overflow:hidden;text-overflow: ellipsis;} .last_gallery_wrap.type2 ul{margin:-5px;} .last_gallery_wrap.type2 ul li{margin:5px;position:relative;} .last_gallery_wrap.type2 ul li .tit{ position:absolute;bottom:0;width:100%;padding:30px 12px 10px;font-size:13px; color:#fff;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%); } .last_gallery_wrap.type2 ul li .mov_type{position:absolute;top:7px;right:7px;width:36px;} .last_gallery_wrap.type2 ul li .mov_type img, .rcpds_wrapper li .mov_type img{display:block!important;} .rcpds_wrapper, .product_wrapper{padding:0 13px;} .rcpds_wrapper ul li{border-radius:0;} .product_wrapper ul{margin:0 -3px;} .product_wrapper li{float:left;width:calc(33.333333% - 6px);margin:3px;} .product_wrapper li div.thumb{border-radius:5px;border:1px solid #e6e6e6;overflow:hidden;} .product_wrapper li div.tit{font-size:13px;text-align:center;margin:5px 0;height:36px;overflow:hidden;text-overflow: ellipsis;} .rcpds_wrapper ul li div.thumb{height:120px;position:relative;} .rcpds_wrapper ul li div.tit{padding:10px 10px 12px;border-top:1px solid #e6e6e6;} .rcpds_wrapper ul li div.tit h4{font-size:13px;font-weight:400;margin-top:5px;height:18px;overflow:hidden;text-overflow: ellipsis;} .rcpds_wrapper li .mov_type{position:absolute;bottom:7px;right:7px;width:36px;} .recomm_cate .slick-dots, .best_product .slick-dots{bottom:-15px;} .recomm_cate .slick-dots li, .best_product .slick-dots li{margin:0 2.5px;width:10px;height:10px;} .recomm_cate .slick-dots li button, .best_product .slick-dots li button{background:#d4d4d4;width:10px;height:10px;border-radius:5px;} .recomm_cate .slick-dots li.slick-active button, .best_product .slick-dots li.slick-active button{background:#00ca9d;} .quick_menu li{float:left;width:33.333333%;font-size:15px;} .quick_menu li a{display:block;padding:13px;text-align:center;} .quick_menu li+li a{border-left:1px solid #e6e6e6;} .doran_cate{width:calc(100% - 30px);margin:0 15px;border-collapse:collapse;} .doran_cate td{font-size:13px;color:#454e61;border:1px solid #e6e6e6;} .doran_cate td a{display:block;text-align:center;padding:10px 0;} .doran_cate td.active{border:none;} .doran_cate td.active a{border:1px solid #00ca9d;color:#00ca9d;font-weight:700;} .best_article{margin:0 15px;} .best_article li{padding:15px 5px 13px;border-bottom:1px solid #e6e6e6;} .best_article li span{display:inline-block;margin-right:7px;color:#454e61;} .best_article li:first-child span, .best_article li:nth-child(2) span, .best_article li:nth-child(3) span{color:#f64d4d;} .sd_wrapper{background:#f2f4f9;text-align:center;color:#999;font-size:13px;padding:13px 0;} .sd_wrapper ul{display:inline-block;} .sd_wrapper ul li{float:left;margin:0 3vw;} .sd_wrapper.three ul li{margin:0 7vw;} .sd_wrapper ul li a.active{color:#454e61;} .iyua_new_article.slick-dotted.slick-slider{margin:0;} .iyua_new_article div{position:relative;} .iyua_new_article .tit{ position:absolute;bottom:0;font-size:14px;font-weight:700;color:#fff; background:rgba(0,0,0,.45);text-align:center;padding:17px 0 30px;width:100%; } .iyua_new_article .slick-dots{bottom:15px;} .iyua_new_article .slick-dots li{margin:0 2.5px;width:10px;height:10px;} .iyua_new_article .slick-dots li button{background:#fff;width:10px;height:10px;border-radius:5px;} .iyua_new_article .slick-dots li.slick-active, .iyua_new_article .slick-dots li.slick-active button{width:18px;} .iyua_new_article .slick-dots li.slick-active button{background:#f64d4d;} .iyua_new_article .slick-dots li button:before, .recomm_cate .slick-dots li button:before, .best_product .slick-dots li button:before{font-size:0;} .ebook_slide, .rc_slide, .rc_slide2, .iyua_clip_slide{padding:0 13px;} .rc_slide, .rc_slide2{margin-top:-15px;} .ebook_slide div, .rc_slide div, .rc_slide2 div{padding:2px;} .rc_slide div a, .rc_slide2 div a{display:block;border:1px solid #e9e9e9;} .rc_slide div a p, .rc_slide2 div a p{padding:10px 8px;font-size:13px;border-top:1px solid #e9e9e9;} .rc_slide2 div a p .ico{display:block;margin:0 0 5px;} .rc_slide.type2 a .thumb{height:120px;} .ebook_slide div p{text-align:center;font-size:12px;margin-top:7px;} .ebook_slide .slick-prev, .rc_slide .slick-prev, .rc_slide2 .slick-prev, .iyua_clip_slide .slick-prev{left:18px;} .ebook_slide .slick-next, .rc_slide .slick-next, .rc_slide2 .slick-next, .iyua_clip_slide .slick-next{right:18px;} .ebook_slide .slick-prev, .ebook_slide .slick-next, .rc_slide .slick-prev, .rc_slide .slick-next, .rc_slide2 .slick-prev, .rc_slide2 .slick-next, .iyua_clip_slide .slick-prev, .iyua_clip_slide .slick-next {width:36px;height:36px;z-index:10;text-shadow:0 0 5px #999;} .ebook_slide .slick-prev:before, .ebook_slide .slick-next:before, .rc_slide .slick-prev:before, .rc_slide .slick-next:before, .rc_slide2 .slick-prev:before, .rc_slide2 .slick-next:before, iyua_clip_slide .slick-prev:before, iyua_clip_slide .slick-next:before {font-size:36px;opacity:.9;} .sel_subject{padding:10px 13px 8px;} .sel_subject.type2{padding:20px 13px 10px;} .sel_subject select{ width:100%;height:46px;font-size:13px;color:#454e61;padding:13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('../../images/bg_select_arrow.png') no-repeat 97% 50%; background-size:15px 10px; } .recomm_tit{padding:0 13px;} .recomm_cate{margin-top:-10px;} #stap_cont{position:relative;padding:13px;} #stap_cont.nopadding{padding:0;} .ebook_list li{float:left;width:50%;padding:10px;} .btn.ebook_more{display:block;margin:10px auto 20px;width:calc(100% - 20px);border:1px solid #e9e9e9;text-align:center;padding:10px;} .iyua_news_list li{padding:15px 0;border-top:1px solid #e5e5e5;} .iyua_news_list li:first-child{padding:0 0 15px;border:none;} .iyua_news_list .tit{width:calc(100% - 126px);} .iyua_news_list .tit h3{font-size:14px;padding:7px 0;margin:0;color:#454e61;} .iyua_news_list .tit .date{font-size:11px;color:#b8c0c8;} .iyua_news_list .thumb{width:110px;height:70px;border:1px solid #e9e9e9;border-radius:5px;overflow:hidden;} .iyua_hoco_list li{float:left;width:calc(50% - 14px);margin:0 7px 16px;} .iyua_hoco_list .thumb{width:100%;height:200px;border:1px solid #e9e9e9;border-radius:5px;overflow:hidden;} .iyua_hoco_list p{font-size:12px;text-align:center;margin-top:7px;} .article_list>li, .mov_article_list>li{padding:13px;font-size:15px;color:#454e61;border-bottom:1px solid #e6e6e6;} .article_list li .tit{position:relative;display:block;margin:5px 0 3px;} .article_list li .tit .new, .sd_wrapper li .new{position:relative;display:inline-block;width:6px;height:6px;top:-10px;left:3px;border-radius:50%;background:#f3165a;} .article_list li .tit .comment_ctn{font-size:13px;color:#0078ff;} .article_list li .info{font-size:12px;color:#b8c0c8;margin-bottom:5px;} .article_list li .info li{float:left;} .article_list li .info li span{display:inline-block;padding:0 7px;line-height:1;} .article_list li .info li:first-child span{padding:0 7px 0 0;} .article_list li .info li+li span{border-left:1px solid #e6e6e6;} .theme_wrap{width:calc(100% - 26px);margin:0 auto;padding:15px 0;} .theme_wrap h3{font-size:16px;font-weight:400;text-align:center;margin:7px 0;} .theme_wrap h3 a{display:inline-block;width:14px;} .theme_wrap .thumb{border-radius:3px;overflow:hidden;margin-bottom:9px;} .theme_wrap .nm{font-size:14px;color:#454e61;} .theme_wrap .like{display:inline-block;font-size:13px;color:#fb0a54;} .theme_wrap .like span.heart{ display:inline-block;width:12px;height:12px; background:url(../../images/ico_heart.png) no-repeat;background-size:100% 200%;background-position:0 -12px; } .theme_wrap .like span.heart.active{background-position:0 0;} .iyua_clip_slide{margin-bottom:15px;} .iyua_clip_slide .imgLiquidFill{position:relative;height:120px;border-radius:3px;overflow:hidden;} .iyua_clip_slide .slick-slide{margin:0 3px;} .iyua_clip_slide .imgLiquidFill .tit{ position:absolute;bottom:0;width:100%;padding:30px 12px 10px;font-size:13px; color:#fff;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%); } .photo_article_list{width:calc(100% - 20px);margin:0 auto;} .photo_article_list>li{float:left;width:calc(50% - 6px);margin:5px 3px;border:1px solid #e9e9e9;border-radius:5px;overflow:hidden;} .photo_article_list li .thumb{height:120px;} .photo_article_list li h3{font-size:13px;text-align:center;padding:13px 0;margin:0;} .photo_article_list li .astat{background:#f2f4f9;padding:10px;text-align:center;line-height:1;} .photo_article_list li .astat ul{display:inline-block;} .photo_article_list li .astat li{float:left;font-size:13px;padding:0 10px;} .photo_article_list li .astat li+li{border-left:1px solid #d9d9d9;} .photo_article_list li .astat .like{color:#fb0a54;} .photo_article_list li .astat .like span.heart{ display:inline-block;width:12px;height:12px; background:url(../../images/ico_heart.png) no-repeat;background-size:100% 200%;background-position:0 -12px; } .photo_article_list li .astat .like span.heart.active{background-position:0 0;} .photo_article_list li .astat .comment span.bubble{ display:inline-block;width:12px;height:12px; background:url(../../images/ico_comment.png) no-repeat;background-size:100% 100%; } .mov_article_list .thumb{position:relative;height:185px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;} .mov_article_list .thumb .play{position:absolute;display:block;width:64px!important;height:64px!important;top:50%;left:50%;margin:-32px 0 0 -32px;} .mov_article_list .thumb .play img{display:block!important;} .mov_article_list .info{margin:15px 0;} .mov_article_list .info .fleft{max-width:calc(100% - 30px);} .mov_article_list .info h3{font-size:14px;color:#454e61;margin:0;} .mov_article_list .info .author{font-size:12px;color:#b8c0c8;} .mov_article_list .info .fright{width:16px;position:relative;} .mov_article_list .info .fright .link_copy_wrap{ position:absolute;left:-284px;top:-50px;width:280px;padding:15px;display:none; background:#f2f4f9;border:1px solid #d9d9d9;color:#454e61;font-size:14px;text-align:center; } .mov_article_list .info .fright .link_copy_wrap input{width:100%;padding:8px;margin-top:5px;border:1px solid #d9d9d9;} .pagging{text-align:center;margin:10px 0;} .pagging ul{display:inline-block;} .pagging ul li{float:left;margin:0 6px;} .pagging ul li strong{color:#23d366;} .pagging ul li a{display:inline-block;border:1px solid #e9e9e9;font-size:11px;padding:5px;min-width:27px;text-align:center;} .pagging ul li .cuto{padding:5px;} #float_btn{position:fixed;right:20px;bottom:30px;z-index:2000;display:none;} #float_btn a{display:block;width:52px;height:52px;text-indent:-99999px;} #float_btn .write{background:url(../../images/btn_write_float.png);background-size:cover;} #iyagi_view{} #iyagi_view .header{padding:18px 13px 13px;border-bottom:1px solid #d9d9d9;} #iyagi_view h2{font-size:15px;color:#454e61;} #iyagi_view .header .author{color:#b8c0c8;font-size:12px;margin:3px 0 8px;} #iyagi_view .header .view_menu td{border:1px solid #cfd5db;border-collapse:collapse;font-size:13px;position:relative;} #iyagi_view .header .view_menu td a{display:block;padding:8px 17px;} #iyagi_view .header .view_menu td a.em{color:#0078ff;} #iyagi_view .header .more_menu{position:absolute;width:98px;bottom:-106px;right:-1px;z-index:1000;display:none;} #iyagi_view .header .more_menu td{border:1px solid;border-color:#cfd5db #565758;border-collapse:collapse;font-size:13px;background:#fff;} #iyagi_view .header .more_menu tr:first-child td{border-color:#565758 #565758 #cfd5db;} #iyagi_view .header .more_menu tr:last-child td{border-color:#cfd5db #565758 #565758;} #iyagi_view .header .more_menu td span img{display:inline-block;position:relative;top:2px;width:12px;} #iyagi_view .memo{padding:13px 13px 18px;} #iyagi_view .like{margin:18px;text-align:center;} #iyagi_view .like>div{font-size:13px;border:1px solid;border-color:#e0e0e0 #e0e0e0 #b2b2b2;border-radius:3px;display:inline-block;padding:8px 22px 6px;} #iyagi_view .like span.heart{ display:inline-block;width:12px;height:12px; background:url(../../images/ico_heart.png) no-repeat;background-size:100% 200%;background-position:0 -12px; } #iyagi_view .like span.heart.active{background-position:0 0;} #iyagi_view .comment_wrap{padding:13px;background:#f2f4f9;border:1px #e6e6e6;border-style:solid none;margin:20px 0;} #iyagi_view .comment_wrap .infield{position:relative;height:120px;display:none;} #iyagi_view .comment_wrap .infield textarea{ border:1px #d9d9d9;border-style:solid solid none;width:100%;height:120px;padding:8px; font-family: 'Spoqa Han Sans', 'Source Sans Pro';font-size:13px; } #iyagi_view .comment_wrap .infield .sticon{position:absolute;bottom:10px;right:10px;width:28px;} #iyagi_view .comment_wrap .dummy{width:calc(100% - 72px);} #iyagi_view .comment_wrap .dummy input[type='text']{border:1px #d9d9d9;border-style:solid none solid solid;font-size:13px;height:45px;width:100%;padding:8px;} #iyagi_view .comment_wrap input[type='submit']{background:#0078ff;color:#fff;font-size:13px;width:72px;height:45px;border:none;} #iyagi_view .comment_list_wrap .cnt{border-bottom:1px solid #e6e6e6;padding:5px 13px 8px;color:#454e61;font-size:13px;} #iyagi_view .comment_list_wrap .cnt span{color:#0078ff;} #iyagi_view .comment_list_wrap li{border-bottom:1px solid #e6e6e6;padding:13px;} #iyagi_view .comment_list_wrap li .author{color:#b8c0c8;font-size:12px;} #iyagi_view .comment_list_wrap li .author a{ display:inline-block;padding:4px 16px 4px 4px;border:1px solid #cfd5db;color:#454e61; background:url(../../images/ico_message.png) no-repeat 90% 50%;background-size:14px 15.5px; } #iyagi_view .comment_list_wrap li .like{margin:0;} #iyagi_view .comment_list_wrap li .like .cnt{border:none;padding:0;} #iyagi_view .comment_list_wrap li .memo{color:#454e61;font-size:15px;padding:0;margin-top:3px;} #iyagi_view .comment_list_wrap .cm_more{text-align:center;margin:10px 0 15px;} #iyagi_view .comment_list_wrap .cm_more a{ display:inline-block;font-size:12px;color:#454e61;padding:3px 20px 3px 3px; background:url(../../images/bg_select_arrow.png) no-repeat 98% 50%;background-size:15px 10px; } #iyagi_view .comment_list_wrap .cm_more a span{color:#0078ff;} #iyagi_view .article_navi{display:inline-block;margin:20px auto 40px;} #iyagi_view .article_navi li{float:left;border:0;margin:0 3px;padding:0;} #iyagi_view .article_navi li a{border:0;background:none;padding:10px 25px;border:1px solid #d9d9d9;} #iyagi_view .article_navi li a img{width:18px;} #iyagi_view .article_navi li:last-child a{padding:10px;text-indent:-99999px;} .write_wrap{} .ip_wrap{position:relative;border-bottom:1px solid #d9d9d9;} .ip_wrap label{color:#b8c0c8;font-size:14px;padding:0 10px 0 15px;min-width:63px;display:inline-block;} .ip_wrap input{height:50px;width:calc(100% - 63px);border:none;} .ip_wrap select{ height:46px;font-size:13px;color:#454e61;padding:13px 26px 13px 13px;border:1px solid #d9d9d9;margin:5px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('../../images/bg_select_arrow.png') no-repeat; background-position:calc(100% - 10px) 50%;background-size:15px 10px; } .ip_wrap textarea{ border:none;width:100%;height:150px;padding:15px; font-family: 'Spoqa Han Sans', 'Source Sans Pro';font-size:14px; } .ip_wrap label::placeholder, .ip_wrap textarea::placeholder{color:#b8c0c8;} .ip_wrap.file input[type='file']{display:none;} .ip_wrap.file input[type='text']{padding-left:15px;font-size:14px;} .ip_wrap.file label{background:#00ca9d url(../../images/btn_file_camera.png) no-repeat 50% 50%;background-size:50%;text-indent:-99999px;padding:17px 0;} .photo_preview{background:#f2f4f9;border-bottom:1px solid #d9d9d9;padding:11px;} .photo_preview li{float:left;margin:4px;border:1px solid #d9d9d9;background:#fff;width:calc(33.333333% - 8px);height:100px;} .agree_wrap{padding:15px;} .agree_wrap .fleft{width:30px;} .agree_wrap .fright{width:calc(100% - 30px);color:#454e61;font-size:12px;} .write_wrap .submit{margin:20px 0 30px;} .write_wrap .submit a{display:inline-block;font-size:15px;padding:15px 50px;border-radius:5px;color:#454e61;margin:0 2px;border:1px solid #cfd5db;} .write_wrap .submit a.ok{background:#148bfe;border-color:#148bfe;color:#fff;} #edu_program{background:#f2f4f9;padding:13px;} #edu_program li{ border-radius:5px;padding:23px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); background:#fff url(../../images/bg_edu_program_list.png) no-repeat; background-position:calc(100% - 20px) 50%;background-size:36px; font-size:13px;color:#8891a3;margin:7px 0; } #edu_program li h3{font-size:15px;color:#454e61;margin:0 0 5px;} /* 직접설정 */ .ly_select{/*display:none;*/position:fixed;top:35%;left:50%;z-index:300;width:240px;background:#fff;} .ly_select .ly_tit{height:50px;border-bottom:1px solid #0082f0;font-size:17px;font-weight:normal;color:#0082f0;line-height:50px; text-align:center;} .ly_select h2.ly_tit{margin:0;} .ly_select .scroll_bx{overflow:hidden;margin:0 auto;text-align:center;padding:13px;} .scroll_bx_a1{border-top:1px dotted #bfbfbf; padding-top:15px;margin-top:20px; margin-bottom:10px;} .scroll_bx_a h4{text-align:left; color:#999;} .data_w{margin-top:3px;} .ly_select .scroll_wrap{float:left;position:relative;width:63px;margin-left:10px; background:#fff!important;} .ly_select .scroll_wrap:before{top:0} .ly_select .scroll_wrap:after{bottom:0} .ly_select .scroll_wrap .scroll_inner{ border-bottom:2px solid #0082f0; height:40px; line-height:40px;overflow:hidden; cursor:pointer; background:#fff;} .ly_select .scroll_wrap .scroll_inner select{ background:#fff!important;} .ly_select .scroll_wrap .scroll_inner li a.tit{color:#999;} .ly_select .btn_bx{display:table;width:100%;margin-top:0;border-top:1px solid #ccc} .ly_select .btn_bx a{display:inline-block;width:50%;font-size:17px;font-weight:normal;color:#444;line-height:46px;text-align:center} .ly_select .btn_bx .btn_cancle{background:#e5e5e5} #shopping_basket_popup{background-color:#fff; width:100%; height:135px; text-align:center;} #shopping_basket_popup .shop_top{border-bottom:1px solid #ccc; } #shopping_basket_popup h2{color:#000; font-size:15px; text-align:center; margin-top:15px; padding:0 30px 0 30px;} #shopping_basket_popup h2 span{color:#fa0019;} #shopping_basket_popup h3{color:#000; font-size:12px; text-align:center; margin-top:10px; font-weight:normal;} #shopping_basket_popup .basket_btn{text-align:center; margin:0 auto; padding-top:25px; display:inline-block;} #shopping_basket_popup .basket_btn li{float:left; text-align:center; } #shopping_basket_popup .basket_btn li a{padding:10px 13px; font-size:12px; letter-spacing:-0.5px; font-weight:bold; text-decoration:none;} #shopping_basket_popup .basket_btn .btn_fill a{background:#555; color:#fff; border:1px solid #555; margin:0 3px;} #shopping_basket_popup .basket_btn .btn_empty a{background:#fff; color:#555; border:1px solid #555; margin:0 3px;} #shopping_basket_popup .text_area {display: table-cell; width:498px;height:70px;vertical-align: middle; } /*장바구니 팝업 리뉴얼*/ .cartpop_re { font-family:'Noto Sans KR', sans-serif; border:1px solid #525252; padding:24px 30px 28px; width:92%; position:relative; margin: 0 auto; background: #fff; } .cartpop_re .closebtn{ position:absolute; top:3%; right:2%; } .cartpop_re .btns a{ display:inline-block; background:#000; color:#fff; font-size:15px; text-decoration:none; width:100%; height:48px; border-radius:7px; line-height:47px } .cartpop2{ text-align:center; } .cartpop_re p{ margin:0; font-size: 16px; } .cartpop2 .btns{ display:flex; justify-content: space-between; column-gap: 6px; margin-top:16px; } .cartpop2 .btns a:first-child{ background:#fff; color:#000; border:1px solid #e1e1e1; box-sizing: border-box; } #wrapper{margin-top:72px;} .cancel_order_in{padding:13px; display:block;} .cancel_order_in_btn{width:15px; height:15px; background:url(../../images/tal_subicon.png) no-repeat 0 0;display:inline-block;background-size:15px 15px;} .slider_bot_logn {margin:10px auto;display:inline-block; width:30%;background:#eeeeee; padding:10px 0; text-align:center; font-size:12px; border:1px solid #e5e5e5; color:#666666;} #kc_table1805{ padding: 0 13px 13px; font-size:12px;} #kc_table1805 table{width:100%; border-bottom: 1px solid #e5e5e5;} .kc_detail_txt td{ background-color: #1e529f; color: #fff; font-size: 12px; padding:5px 0; text-align:center; border: 1px solid #e5e5e5; /* position: relative; */} #kc_table1805 td{display:block; width:100%;border: 1px solid #e5e5e5; padding:10px; border-bottom:0;} #kc_table1805 h3{font-size:12px;} .kc_img{display:inline-block;} .kc_img img{width:50%;} .coupon_save_btn{display:inline-block; height:50px; width:25%;} /*중빙서류 버튼 추가*/ .receipt_btn_area{ padding:25px 20px 20px;} .receipt_btn{width:50%;display:inline-block; padding:10px 0 ; text-align:center; float:left; border:1px solid #e6e6e6; border-bottom-color:#0076c1; color:#999999;} .receipt_btn.active{background:#fff; color:#0076c1; border:1px solid #0076c1; border-bottom:0; } /*환불계좌 정보 추가*/ .cancel_info_area{margin:4px 0 7px; padding:13px; background: #f1f7fb;} .cancel_info_icon{background: url(../../images/cancel_info_icon.png) no-repeat; background-size: 28px;padding-left:29px; height:28px;} .cancel_info_icon h3{position:relative; top:4px;} /*topbtn*/ #top_go_btn {position: fixed; right: 3%;/* z-index:9999;*/ } #top_go_btn.btntop_bot{bottom:90px; } #top_go_btn.btntop_bot .btntop_bot_a{display:inline-block;width:40px;height:40px;border-radius:100%; background:#fff; font-size:19px; color:#666666; padding-top:6px; text-align:center;/*background-size:cover; background:url(../../images/top_btn.gif) -5px -5px; */border:1px solid #d9d9d9;opacity:0.8;} /*팝업*/ .popup_w{background:url(../../images/kidmall_coupon_popup_bg.png);z-index:9999; top:0;height:100%} #popup_ban{margin:0 auto; width:300px; text-align:center; padding-top:10rem;} .popup_ban_btn{background:#207CC2; margin:-5px auto 0; height:50px; line-height:50px; } .popup_ban_btn a{border-right:1px solid #d9d9d9; display:inline-block; width:50%;} #overseas_dir_area_m{background:url(https://m.kidkids.net/mall/images/overseas_dir_area_m.png); padding:5px;margin: 12px 20px;} #overseas_dir_area_m .ov_dir_area_m{background:#fff; padding:10px; } /*상세페이지*/ .pagenav_fixed{position:fixed; top:59px; left:0; width:100%; background:#fff; padding-bottom:5px; z-index:99;} .pagenav_fixed li.active span{ padding-bottom:13px;} /*후불 품의 확정*/ .def_payment{width:100%; margin:0 0 7px 0; height:40px; line-height:40px;} /*구매하기 팝업 191219*/ #login_ok_popup{width:85%; background:#fff; text-align:center;padding:40px 0;position:relative;} #login_ok_popup p{margin-bottom:10px;font-size:16px;} #login_ok_popup a.login{width:22%; background:#d50c0c;margin:0 3px; color:#fff;display:inline-block; padding:10px 0;} #login_ok_popup a.nomem{width:35%; background:#333333; } #login_ok_popup a.cancel{border: 1px solid #e5e5e5;background:#fff; color:#333;} #login_ok_popup .close_btn a.close{ display: inline-block; width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; text-indent: -99999px; background-image: url(https://m.kidkids.net/mall/images/btn_close.png); position: absolute; top:-5px; right: -5px;} /*팝업 슬라이더*/ #popup_w{background:url(https://m.kidkids.net/mall/images/kidmall_coupon_popup_bg.png);z-index:9999; top:0;height:100%} #popup_w .popup_ban_btn{background:#fff; margin:-5px auto 0; height:50px; line-height:50px; box-sizing: border-box;} #popup_w .popup_ban_btn a{border-right:1px solid #d9d9d9; display:inline-block; width:148px; } #popup_ban_new {margin:0 auto; width:300px; text-align:center; padding-top:10rem;} #popup_ban_new .slick-dotted.slick-slider{margin-bottom:0;} #popup_ban_new .slick-prev{left:0px;z-index:999;} #popup_ban_new .slick-prev, #popup_ban_new .slick-next .slick-prev:before{ content: ''; background:url('https://m.kidkids.net/mall/images/btn_popup_arr.png') no-repeat left top; background-size:cover;width:50px; height:50px; font-size:0;} #popup_ban_new .slick-prev:before, #popup_ban_new .slick-next:before{font-size:0;} #popup_ban_new .slick-next{right:0;z-index:999;display: block;} #popup_ban_new .slick-next, #popup_ban_new .slick-next .slick-next:before{ content: ''; background:url('https://m.kidkids.net/mall/images/btn_popup_arr1.png') no-repeat left top; background-size:cover;width:50px; height:50px; font-size:0;} /*유료회원*/ .redcolor{color:#f64d4d;} .margin15{margin:0 15px 15px;} .margin15_w{margin:0 15px;} .sett_info_m_tab{} .sett_info_m_tab li{float:left; width:25%; text-align:center;} .sett_info_m_tab li a{width:100%; display:inline-block; padding:10px 0;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;} .sett_info_m_tab li a.active{background:#00ca9d; color:#fff; border-bottom:1px solid #00ca9d;border-top:1px solid #00ca9d;} #edu_program{background:#f2f4f9;padding:13px;} #edu_program.sett_info_m li {position:relative; background:#fff url(/images/bg_edu_program_list.png) no-repeat; background-position:calc(100% - 20px) 86%;background-size:25px; font-size:13px;color:#8891a3;margin:7px 0; padding:15px; } #edu_program .sett_info_m_left{width:100%;} .sett_info_m_qq{width:85%} .sett_info_m_qq p{margin:3px 0; } #edu_program li .sett_info_m_left h3{font-size:17px;color:#454e61;margin:0 0 5px;} .label_p{position:absolute; top:10px;right:-6px;} .label_p img{width:70%;} #edu_program li h3.pricearea {margin-top: 10px;font-size:18px;color:#db0d36; margin-bottom:0; border-top:1px dotted #e5e5e5; padding-top:13px;} #edu_program li h3.pricearea span{} #edu_program.sett_info_m li.nono{background:#fff ;} #edu_program li h3.pricearea2{border-top:0; padding-top:0; margin-bottom:8px; margin-top:-5px;} #edu_program li h3.pricearea2 strike{color:#a8aebb;} .warningarea{background:#f2f4f9; margin:0 15px 5px; padding:4px 10px;border: 1px solid #e5e5e5;} .warningarea p{color: #999999!important;margin:4px 0; } /*warntext.png 이 없어서 적당히 체크gif 로 대체*/ .warning::before { content: ''; width: 18px; height: 18px; background: url(/images/warntext.png) no-repeat 0 0; display: inline-block; padding-right: 3px; position: relative; top: 2px; -webkit-background-size: 20px 18px; background-size: 20px 18px; } .agreement_ch{display:inline-block; font-size:14px; margin:3px 15px 20px;} .agreement_ch.agreement_ch2{width:100%;} .agreement_ch #use_consen{float:left;} .agreement_ch p.xxxx{float:left; width:auto;} .gift_info_imgarea{margin:0 15px 15px; text-align:center;} .gift_info_imgarea ul{display:inline-block; margin:0 auto; text-align:center; width:100%;border: 1px solid #e5e5e5;} .gift_info_imgarea ul li{float:left;width:50%;border: 1px solid #e5e5e5; padding:10px; height:135px;border-bottom:0; border-left:0;} .gift_info_imgarea li p { text-align: center; margin-top:1px;} .gift_info_imgarea li:nth-of-type(1), .gift_info_imgarea li:nth-of-type(2){border-top:0;} .gift_info_imgarea li:nth-of-type(2), .gift_info_imgarea li:nth-of-type(4){border-right:0;} .pay_period{} .pay_period li{float:left; width:50%; text-align:center; } .pay_period li a{width:100%; padding:15px 0; display:inline-block;border: 1px solid #e5e5e5; margin-top:-1px;} .pay_period li:first-child a{ } .pay_period li a.active{border:1px solid #f64d4d; color:#fff; background:#f64d4d;} .pay_period li:nth-of-type(2) a, .pay_period li:nth-of-type(4) a{border-left:0;} .pay_period li.w_100{width:100%; margin-bottom:10px;} .pay_period li.w_100 a{border: 1px solid #f64d4d; color:#f64d4d;} .payment_info_area{border: 1px solid #e5e5e5;border-bottom:0; margin-top:10px;} .payment_info_area li{padding:0 15px; height:56px;border-bottom:1px solid #e5e5e5; } .payment_info_area li p{font-size:15px;line-height:56px;} .payment_info_area li p.bigfont{font-size:18px;} .payment_info_area li.point_texxt{width:75%;} .payment_info_area li.okbtn_go_area{width:25%; padding:0;} .payment_info_area li .okbtn_go{background:#181717; display:inline-block; width:100%; height:56px; color:#fff; text-align:center;line-height:56px;} .final_payment{background:#f5f5f5; padding:3vh 0; text-align:center;border: 1px solid #e5e5e5; border-top:0; border-top:0;} .final_payment.aaaa{ border-top:1px solid #e5e5e5;} .final_payment h4{margin:0;} .final_payment p{font-size:30px;font-family:Tahoma; font-weight:bold; letter-spacing:-1px;} .final_payment p span{font-size:26px;font-family:Spoqa Han Sans; } /*월간유아멤버*/ .payment_ebook{} .payment_ebook_top{border: 1px solid #e5e5e5; position:relative; margin:px auto; text-align:center; padding:20px 20px;} .payment_ebook_top img{width:90%; margin:10px auto 20px;} .payment_ebook_top .event_area_w{position:absolute; top:-1px; left:-1px;background:#f64d4d; width:55px; height:55px;text-align:center; padding-top:18px;} .payment_ebook_top .event_area_w h4{font-weight:normal; color:#fff; text-align:center; margin:0 auto;font-size:14px;} .payment_ebook_top h4, .payment_ebook_top h2{margin:0; text-align:left;} .payment_ebook_top h2{font-size:18px; line-height:24px; } .payment_ebook_top .pricearea{/*position:absolute; bottom:3vh;*/font-family:Tahoma; margin-top:10px;} .payment_ebook_top .discount{color:#f64d4d; font-weight:bold; font-size:33px; float:left;font-family:Tahoma; margin-top:12px; } .payment_ebook_top .pricearea span{font-size:20px;font-family:Spoqa Han Sans;} .payment_ebook_top .pricearea p{line-height:16px;} .payment_ebook_top .price{float:left; margin-left:10px; } .payment_ebook_top .price .cost{font-size:13px; color:#999999; text-align:left;text-decoration: line-through; } .payment_ebook_top .price .discountp{font-size:20px; font-weight:bold; font-family:Tahoma; float:left; } .payment_ebook_top .price .discountp span{font-family:Spoqa Han Sans;} .ebook_sub_container #search_form select.selprice{width:100%;} select.ebook_pay_option{width:49.5%; height:46px;font-size:16px;color:#454e61; padding-left:10px;border:1px solid #d9d9d9;margin:5px 0;font-family:Spoqa Han Sans; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/images/bg_select_arrow.png') no-repeat; background-position:calc(100% - 10px) 50%;background-size:15px 10px; } select.ebook_pay_option.ebook_gift_option{width:100%;} .iyua_compose_area{ text-align:center;} .iyua_compose{margin:0 auto; text-align:center; display:inline-block;} .iyua_compose li{width:33.5%; border: 1px solid #e5e5e5; float:left; margin-left:-1px; padding:20px 0 10px ; text-align:center; position:relative; } .iyua_compose li span{display:block;} .iyua_compose li img{width:70%;} .iyua_compose li h3{margin-bottom:1vh;font-size:14px; margin:5px; letter-spacing:-1.3px; font-weight:normal;} .bluecolor{color:#205fe2;} .iyua_compose_area .couponway li{ padding:8px 0 0; border-radius:50%; height:100px; background:#f5f5f5;border:1px solid #e5e5e5; width:100px; margin:0 5px; } .btn{display:inline-block; width:100%; padding:3vh 0 ;text-align:center; color:#fff; background:#e5462d; font-size:32px; letter-spacing:-1px; font-weight:bold;border-radius:10px;} #subminBtn.redbg{background:#f64d4d; font-weight:bold;} .mem_pro_info{display: flex; position: relative; } .mem_pro_info .mem_pro_img{ border: 1px solid #e5e5e5; float: left; width: 35%; max-width: 150px; height: auto; max-height: 150px; position: relative; padding:10px;} .mem_pro_info .mem_pro_text { position: static; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0; margin: 0 0 0 15px;} .option_month_change{margin: 0 15px 5px 15px; position:relative;} .option_month_change a.option_changebtn{ width:35%; background:#f64d4d; border-radius:0px;padding:0 15px; font-size:16px; font-weight:normal;height:52px; line-height:52px; } .option_month_change select{margin:0;padding:0 15px;width:62%; float:right; font-family: Spoqa han sans;height:52px; line-height:52px; border: 1px solid #cfd5db;font-size: 16px;} .mship_buy_btn .mship_btn{background:#f64d4d;height:50px; float:left; width: 100%; border-radius:3px; color:#fff; font-size:17px; line-height:50px; text-align:center;} /*20200210_유료회원수정*/ h3.marplus{margin:16px 15px 5px; font-weight:bold;} .point_texxt p input#use_pt{width:100px; height:40px;position:relative; top:-3px;margin-right:2px;} .form_area_padnone{padding:0;} .agreement_ch #use_consen.look200210{display:inline-block; position:relative; top:2px; margin-right:2px; } a.batbtnbasic { display:inline-block; width:31%!important;} .form_area200210 {padding-top:0;} .form_area200210 label .inputw_100{margin-top:5px;} .inputw_100{width:100% !important; } .form_area200210 .inputw_50{ width: calc(50% - 2px);} .form_area200210 .inputw_40{width: calc(50% - 10px);} .form_area200210 .inputw_30{width:30% !important;} .form_area200210 .inputw_33{width :calc(32.5% - 0px)} .form_area200210 select{font-size:14px;font-family: 'NotoSans'; height: 50px; font-size: 14px; color: #454e61; padding: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 15px 10px; border-color: #e5e5e5;} .mship_buy_btn .mship_btn.mship_btn200210{margin-top:10px;} select.ebook_pay_option.ebook_pay_option_200210{height:auto;} /* 키드키즈몰 ek에듀페이 */ .form_area .ekpaycard{margin-bottom:20px;} .form_area .pay{font-size:15px;} input[type="radio"] + label span.radiobox2{width: 18px;height: 18px;background-size: 115px 17px;background-position: -97px 0;} input[type="radio"]:checked + label span.radiobox2{background-position: -77px 0px;} .form_area .ekpaycard li{text-align:center;/*margin-right: 18px;*/} .form_area .ekpaycard li a{display:block;width:288px;height:176px;margin:0 auto;box-sizing:border-box;border-radius:8px;} .form_area .ekpaycard li.addcard a{background:#fff;border:1.5px dashed #ccc;padding:25px 56px 0;} .form_area .ekpaycard li.addcard .addtt{font-size:16px;font-weight: 600;margin-top:10px;} .form_area .ekpaycard li.addcard .stt{font-size:14px;line-height:1.4;margin-top:5px;} .form_area .ekpaycard li.addcard .cardno{font-size: 12px;color: #999;margin-top: 5px;} .form_area .ekpaycard li.addcard .stt span{color:#FF5351;} .form_area .ekpaycard li.card a{background: linear-gradient(to bottom right, #FF5351, #E6100E);padding:14px 20px 20px;color:#fff;} .form_area .ekpaycard li.card .cardtype{text-align:right;font-size:16px;font-weight: 500;margin-bottom:35px;} .form_area .ekpaycard li.card .cardNum{font-size:20px;text-align:left;font-weight: 500;margin-top: 5px;} .form_area .ekpaycard .cardplus{width:100%;display: block;text-align: center;background:#fff;border-radius:0;height:auto;color:#7D7D7D;padding:14px 0;border:1px solid #E5E5E5;margin-top:20px;} .form_area .ekpaycard .slick-prev{z-index: 1;left:0;width:16px;height:30px;background:url(//m.kidkids.net/mall/images/ekpay_left.png) no-repeat 0 0;} .form_area .ekpaycard .slick-next{right:0;width:16px;height:30px;background:url(//m.kidkids.net/mall/images/ekpay_right.png) no-repeat 0 0;} .form_area .ekpaycard .slick-prev:before,.form_area .ekpaycard .slick-next:before{content: '';} .form_area .cardtt{} .form_area .cardtt h3{float:left;} .form_area .cardtt .cardset{float:right;color:#a6a6a6;} .form_area .cardtt .cardset img{vertical-align:middle;margin-left:5px;} .m_atcate{margin:12px 0 20px;color:#ff5351;line-height: 1.5;} .m_atcate .atcateBtn{margin-left:5px;display:inline-block; padding: 2px 15px; color: #fff;background: #c5c5c5; border-radius: 5px;} .m_atcate .atcateBtn:hover{background:#a1a1a1;text-decoration:none;font-size: 12px;} /* 에듀페이 모바일 카드관리 */ .coupon_box h2{font-size:18px;font-weight:400;padding:2vh 0;border-bottom:1px dashed #e1e1e1;} .coupon_box .cardtt{padding:0 0 2vh;} .coupon_box .cardmanage{margin-top:2vh;} .coupon_box .cardmanage .card{} .coupon_box .cardmanage .card .qpay_reg_btn{position: relative;width: 250px;margin: 20px auto;border-radius: 10px;background: linear-gradient(to bottom right, #FF5351, #E6100E);padding:14px 20px 20px;color:#fff;} .coupon_box .cardmanage .card .c_delete{position:absolute; top: 10px; right: 15px; font-weight: 200;padding: 2px 10px;border: 1px solid #fff;border-radius: 50px;display:inline-block;} .coupon_box .cardmanage .card .cardtype{text-align:left;font-size:16px;font-weight: 500;margin-bottom:25px;} .coupon_box .cardmanage .card .cardmgnet img{width:45px;} .coupon_box .cardmanage .card .cardNum{font-size:17px;text-align:left;font-weight: 500;margin-top: 5px;} .coupon_box .cardmanage .slick-prev{z-index: 1;left:-10px;width:16px;height:30px;background:url(//m.kidkids.net/mall/images/ekpay_left.png) no-repeat 0 0;} .coupon_box .cardmanage .slick-next{right:-10px;width:16px;height:30px;background:url(//m.kidkids.net/mall/images/ekpay_right.png) no-repeat 0 0;} .coupon_box .cardmanage .slick-prev:before,.coupon_box .cardmanage .slick-next:before{content: '';} .coupon_box .addcard{display: block; padding: 2vh;text-align: center; color: #fff;background:#ff5351; font-size: 18px; border-radius: 5px;} .coupon_box .cardno{ font-size: 14px; color: #999;margin:0 0 5px; text-align: center;} /* 키드키즈 ek에듀페이 */ .mship_buy_btn_2021 .radiott{padding: 16px;border: 1px solid #e1e1e1;} .mship_buy_btn_2021 .radiott.borb0{border-bottom:0;} .mship_buy_btn_2021 .radiott.borb0 .elpay_logo{transform: translate(4px,3px);} .mship_buy_btn_2021 .radiott .cardset{color: #a6a6a6;font-size:15px;font-weight:600;float:right;} .mship_buy_btn_2021 .radiott .cardset img{vertical-align:sub;margin-left:5px;} .mship_buy_btn_2021 .m_atcate{margin:12px 0 0;} .mship_buy_btn_2021 .m_atcate p{color: #ff5351;font-weight: 600;font-size:14px;word-break: keep-all;line-height:1.5;} input[type="radio"] + label span.radiobox_qpay{width:19px;height:18px;background-size: 122px 18px;background-position: -104px 0;} input[type="radio"]:checked + label span.radiobox_qpay{background-position: -82px 0;} .payinfo_2021{padding: 15px; background: #f9f9f9; border: 1px solid #e1e1e1;border-top: 0;} .payinfo_2021 li{background:#fff;} .mship_buy_btn_2021 .cardarea{padding: 16px;border: 1px solid #e1e1e1;margin-bottom:10px;} .mship_buy_btn_2021 .addcard{display:block;width: 258px; height: 158px;margin:1vh auto;background: #fff;border: 1.5px dashed #ccc; padding:24px 0;text-align:center;border-radius:8px;} .mship_buy_btn_2021 .addcard .addtt{color:#000;font-size: 16px; font-weight: 600; margin-top: 10px;} .mship_buy_btn_2021 .addcard .stt{color:#000;font-size: 14px; line-height: 1.4;margin-top: 5px;} .mship_buy_btn_2021 .addcard .stt span{color:#FF5351;} .mship_buy_btn_2021 .addcard .cardno{font-size: 12px;color: #999;margin-top: 5px;} .mship_buy_btn_2021 .card{width: 258px;margin: 1vh auto;} .mship_buy_btn_2021 .card a{display:block;margin: 1vh auto;width: 258px; height: 158px;background: linear-gradient(to bottom right, #FF5351, #E6100E);padding:14px 20px 20px;color:#fff;border-radius:8px;} .mship_buy_btn_2021 .card a p{color:#fff;} .mship_buy_btn_2021 .card .cardtype{text-align:right;font-size:16px;font-weight: 700;margin-bottom:20px;} .mship_buy_btn_2021 .card .cardNum{font-size:20px;text-align:left;font-weight: 700;margin-top: 5px;} .mship_buy_btn_2021 .card .slick-prev{z-index: 1;left:-28px;width:16px;height:30px;background:url(//m.kidkids.net/mall/images/ekpay_left.png) no-repeat 0 0;} .mship_buy_btn_2021 .card .slick-next{z-index: 1;right:-28px;width:16px;height:30px;background:url(//m.kidkids.net/mall/images/ekpay_right.png) no-repeat 0 0;} .mship_buy_btn_2021 .card .slick-prev:before,.mship_buy_btn_2021 .card .slick-next:before{content: '';} .mship_buy_btn_2021 .card .addcard{display:block;width: 100%; height: 158px;margin:1vh auto;background: #fff;border: 1.5px dashed #ccc; padding:15px 0;text-align:center;border-radius:8px;} #simple_pay_sale{width: 100%; border: 1px solid #0080d0;margin-bottom: 4vh;} #simple_pay_sale .tit{padding: 12px 20px;background-color: #0080d0;text-align: left; color: #fff;} #simple_pay_sale .area{padding: 16px 20px 6px;text-align: center;} #simple_pay_sale .area .area1sp{color: #0080d0;} #simple_pay_sale .area .area1{margin-bottom: 10px;} #simple_pay_sale .area .area1 span{} #simple_pay_sale .area .area11{font-size: 13px;font-weight:600;letter-spacing: -1px;} /*몰 앱 메뉴 추가*/ .gnbmenu_site{width:100%;/*border-bottom:1px solid #e5e5e5; */} .gnbmenu_site_tab a{width:50%; float:left; text-align:center; padding:10px 0;} .gnbmenu_site_tab a:first-child{border-right:1px solid #e5e5e5;} .gnbmenu_site_tab a.active{color:#0076c1;} /*2023 몰 광고 리뉴얼*/ .new2023{margin:0 auto;} .new2023 .container{width:100%} .new2023 .brand{ text-align:left; margin:20px auto !important} .new2023 .brand h1{margin-left:20px;} .new2023 .brand ul{display:grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 14px; grid-row-gap: 14px; } .new2023 .brand ul li{overflow:hidden} .new2023 .brand ul li:nth-child(1){ width:100%; grid-column-start: 1; grid-column: 1/3; } .new2023 .brand ul li:last-child{ grid-column: 1/3; margin-left: 20px; margin-right:20px;} .brand_big img{width:100%; } .new2023 .brand ul li img{width:100%;} .new2023 .brand .brand_bigarea .brandslider .slick-slide{margin:0 6px;} .new2023 .slick-dots li button, .new2023 .slick-dots li button:before, .new2023 .slick-dots li{width: 8px; height: 8px;} .new2023 .slick-dots li{ margin: 0px 4px;} .new2023 .slick-dots li button:before{ font-size:0; background:#000; border-radius:500px;} .brandslider.slick-dotted.slick-slider{margin-bottom:0;} .new2023 .brand ul li:nth-child(2), .new2023 .brand ul li:nth-child(4){margin-left:20px; } .new2023 .brand ul li:nth-child(3), .new2023 .brand ul li:nth-child(5){margin-right:20px; } .new2023 .recommend, .new2023 .powerpro{width:90%;} .new2023 .recommend, .new2023 .powerpro{margin-top:20px} .new2023 .recommend ul{ } .new2023 .recommend ul .exhibit_slideraa{display:grid!important; grid-template-columns: repeat(2, 1fr); grid-column-gap: 14px; grid-row-gap: 14px; text-align:left; margin-bottom:20px;} .new2023 .recommend li h3{margin-top:5px; height:19px; font-size:14px !important; font-weight:500; overflow:hidden; } .new2023 .recommend li p{ height:21px; overflow:hidden; text-overflow:ellipsis; } .product_price { text-align: left; font-size: 14px;} .txt_r { color: #ff5340;} .b_price { font-weight: bold; font-size: 21px; letter-spacing: -0.05em; margin-right: -5px;} /*.new2023 .powerpro ul{ display:grid!important; grid-template-columns: repeat(2, 1fr)!important; grid-column-gap: 14px; grid-row-gap: 14px; }*/ .new2023 .powerpro ul{margin-left:-10px;} .new2023 .powerpro ul li{ width: calc(50% - 15px); float: left; margin: 0 10px;} .new2023 .powerpro ul li:nth-child(even){margin-right:0;} .new2023 .powerpro ul p{margin-top:9px; margin-bottom:10px; height:42px; line-height:22px; letter-spacing:-0.5px; overflow:hidden; text-align:left} .new2023 .powerpro ul p.product_price{margin-bottom:0;} .new2023 .powerpro ul p.product_name{ white-space: normal; word-break: keep-all;} .new2023 .powerpro ul p.product_price{margin-top:2px;} .new2023 .powerpro ul li img{border:1px solid #e5e5e5; width:100%} /*.new2023 .adlabel{ font-family: 'Malgun Gothic', sans-serif; font-size: 12px; font-weight:normal; color:#666; margin-left:5px;} */ .new2023 .titarea{display:flex;} .new2023 .titarea .ad_info_btn{margin-left:5px; position:relative; top:1px;} .new2023 h1{text-align:left; margin-bottom:5px; margin-left:0;} .refreshbtn{display:flex; align-items: center ;justify-content: center; font-size:15px; border:1px solid #e6e6ea; margin:10px auto 20px; line-height: 45px; max-width:80%; padding: 0 27px; border-radius: 22px; font-weight:400;} .refreshbtn p span{color:#888;} .refreshbtn p span.tttt{color:#0076c1;} .refreshbtn img{width:18px; height:18px; margin-right: 2px; position:relative; top:-1px;} .ad-banner { position: relative; margin-bottom: 5px; cursor: pointer; } .listtab .cate_view { border-top:1px solid #e6e6e6 !important; } @media screen and (max-width: 768px){ } @media screen and (max-width: 480px){ } @media screen and (max-width: 320px){ .footer_menuicon p{font-size:12px;} .bestpro_text{margin:5px 0 0 15px;} .rec_service li a{padding-left:15px;} .rec_service li a h3{font-size:13px;} .rec_service li img{margin-right:6px;} .category_icon_total li a p{font-size:12px;} h5{font-size:12px;} h3{font-size:14px;} .form_area label select{width:31%;} .form_area label.add select{ background-position: 91% 50%;} .iyua_compose{border-bottom: 1px solid #e5e5e5; } .iyua_compose li{width:100%; padding:10px 20px; border-bottom:0;} .iyua_compose li img{float:right; } .iyua_compose li h3{float:left; text-align:left; margin-top:13px;} .iyua_compose li img{width:25%;} .iyua_compose_area .couponway {border-bottom:0;} .iyua_compose_area .couponway li{ padding:8px 0 0; border-radius:50%; height:85px; background:#f5f5f5;border:1px solid #e5e5e5; width:85px; margin:0 3px;text-align:center;} .iyua_compose_area .couponway li h3{float:none; text-align:center; margin-top:0px;} select.ebook_pay_option{width:49%;} select.ebook_pay_option.ebook_gift_option{width:99%;} /*20200210_유료회원수정*/ .point_texxt p input#use_pt{width:85px;} .form_area200210 select{font-size:12px;} .form_area .ekpaycard li.addcard a{width: 248px;height: 155px;padding: 24px 0;} .form_area .ekpaycard li.card a{width: 248px;height: 155px;} .form_area .ekpaycard li.card .cardtype{font-size: 15px;margin-bottom: 16px;} .form_area .ekpaycard li.card .cardNum{font-size: 18px;margin-top: 7px;} .form_area .ekpaycard .slick-prev{left:0;width: 11px; height: 30px;} .form_area .ekpaycard .slick-next{right:0;width: 11px; height: 30px;background-position:100% 0;} .coupon_box .cardmanage .card .qpay_reg_btn{width:210px;} .coupon_box .cardmanage .card .cardtype{margin-bottom: 15px;font-size: 14px;} .coupon_box .cardmanage .card .cardmgnet img{width:38px;} .coupon_box .cardmanage .card .cardNum{font-size: 15px;} .coupon_box .cardmanage .card .c_delete{font-size:12px;} .mship_buy_btn_2021 .addcard{margin: 2vh auto;width: 218px;height: 128px;} .mship_buy_btn_2021 .addcard .addtt{font-size: 14px;margin-top: 2px;} .mship_buy_btn_2021 .addcard .stt{font-size:12px;} .mship_buy_btn_2021 .card{width: 218px;} .mship_buy_btn_2021 .card a{width: 218px;height: 128px;} .mship_buy_btn_2021 .card .cardtype{font-size: 15px;margin-bottom: 12px;} .mship_buy_btn_2021 .card .cardmgnet img{width: 42px;} .mship_buy_btn_2021 .card .cardNum{font-size: 16px;margin-top: 7px;} .mship_buy_btn_2021 .card .slick-prev{left: -20px;width: 11px; height: 30px;} .mship_buy_btn_2021 .card .slick-next{right: -20px;width: 11px; height: 30px;background-position:100% 0;} }