@charset "utf-8"; @import url(//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900); /*@import url(//cdn.jsdelivr.net/npm/xeicon@2/xeicon.min.css);*/ @import url(../font/font.css); @import url("board.css"); .fa,.fa:before,.fa:after,.far,.far:before,.far:after,.fas,.fas:before,.fas:after,*:before,*:after {font-family:'FontAwesome'} #sit_rel, #sit_siblings, #sit_star_sns{display:none} i,em,address,cite{font-style:normal} input, select, textarea, button{appearance:none;border-radius:0; } button, input[type="button"], input[type="submit"]{ -webkit-appearance:none;border-radius:5; } *:focus{outline:none} #header *, #footer *, #index *, #direct *, #rank *, #aside *, #list *, #couponz *, #poplayer *, #consult *, #today *, #member *{margin:0;padding:0;list-style-type:none;box-sizing:border-box;border:0;font-family:'Roboto','Noto Sans KR','NotoSans','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma'} #bbs *, #detail *, #shopinfo , #content *, #group *, #listskin *, #viewskin *{margin:0;padding:0;list-style-type:none;box-sizing:border-box;border:0;font-family:'Roboto','Noto Sans KR','NotoSans','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma'} /**/ #side_menu{position:fixed;top:0;right:0;z-index:4000;height:100%;background:#fff} #side_menu .side_menu_wr{display:none;width:230px;overflow-y:auto;height: 100%;border-left:1px solid #cdcdcd;} #btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#fff;border:1px solid #cdcdcd;border-right:0;font-size:14px} #side_menu .side_menu_shop{padding:10px 20px;border-bottom:1px solid #f3f3f3} #side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:30px;text-align:left;font-weight:bold} #side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24} #side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0} #side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0;min-height:80px;padding-left:70px} #side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px} #side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0} #side_menu .side_menu_shop .op_area .li_empty{padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center} #sct_sortlst{padding-bottom:20px} /**/ #visual .tabs .v1:hover,#visual .tabs .v1.sel{background-color:#932724} #visual .tabs .v2:hover,#visual .tabs .v2.sel{background-color:#90c0e1} #visual .tabs .v3:hover,#visual .tabs .v3.sel{background-color:#69bdbe} #visual .tabs .v4:hover,#visual .tabs .v4.sel{background-color:#c1ac9e} #visual .tabs .v5:hover,#visual .tabs .v5.sel{background-color:#4ab6e6} #visual .tabs .v6:hover,#visual .tabs .v6.sel{background-color:#98c175} #visual .tabs .v7:hover,#visual .tabs .v7.sel{background-color:#989391} #visual .tabs .v8:hover,#visual .tabs .v8.sel{background-color:#82888d} #visual .tabs .v9:hover,#visual .tabs .v9.sel{background-color:#018631} #direct .ba1 div{background :url(../img/bro_type_08.png) right bottom no-repeat #bdcdd9;} #direct .ba2 div{background:url(../img/bro_type_11.png) right bottom no-repeat #b1ccc8; } #direct .ba3 div{background:url(../img/bro_type_03.png) right bottom no-repeat #d3cbc2; } #direct .ba4 div{background:url(../img/bro_type_05.png) right bottom no-repeat#e3e6db; } #direct .ba5 div{background :url(../img/rental_ba_06.png) right bottom no-repeat #bdcdd9;} #direct .ba6 div{background:url(../img/rental_ba_09.png) right bottom no-repeat #b1ccc8; } #direct .ba7 div{background:url(../img/rental_ba_12.png) right bottom no-repeat #d3cbc2; } #direct .ba8 div{background:url(../img/rental_ba_03.png) right bottom no-repeat#e3e6db; } /* #prod .shop_icon_1{background-color:#999999} #prod .shop_icon_2{background-color:#38a7e3} #prod .shop_icon_3{background-color:#5dae86} #prod .shop_icon_4{background-color:#566e9e} #prod .shop_icon_5{background-color:#625aaf} */ #prod .shop_icon_1, #detail .shop_icon_1{background-color:#e22052} #prod .shop_icon_1_1, #detail .shop_icon_1_1{background-color:#4d4d4d} #prod .shop_icon_2, #detail .shop_icon_2{background-color:#0ea9e1} #prod .shop_icon_3, #detail .shop_icon_3{background-color:#49b8af} #prod .shop_icon_4, #detail .shop_icon_4{background-color:#d62285} #prod .shop_icon_4_1, #detail .shop_icon_4_1{background-color:#95be60} #prod .shop_icon_5, #detail .shop_icon_5{background-color:#8a2b87} #prod .shop_icon_5_1, #detail .shop_icon_5_1{background-color:#008493} #event .ev1 div{background-color:#e3e6db;background-image:url(../img/ev1.png);background-repeat:no-repeat;background-position:100% 100%} #event .ev2 div{background-color:#d9d9d7;background-image:url(../img/ev2.png);background-repeat:no-repeat;background-position:100% 100%} #event .ev3 div{background-color:#d0dae0;background-image:url(../img/ev3.png);background-repeat:no-repeat;background-position:100% 100%} /**/ #blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5)} #ktleft{display:none;position:fixed;z-index:999999;top:0px;left:0px;width:260px;min-height:1000px;background:#9a9a9a;overflow:hidden} #ktleft .title{height:70px; line-height:70px; padding:0px 15px;border-bottom:0px solid #1a98d5;background:#fff;overflow:hidden} #ktleft .title a{float:left;display:block;padding:15px 10px;width:33.33%;line-height:20px;text-align:center} #ktleft .title a i{display:block;font-size:20px;color:#1a98d5} #ktleft .title a span{display:block;font-size:12px;color:#1a98d5} #ktleft .title img{width:auto; height:28px; } #ktleft .menu{background:#1a98d5;border-bottom:1px solid rgba(255,255,255,0.5);overflow:hidden} #ktleft .menu a{float:left;display:block;position:relative;padding:15px 0;width:33.33%;line-height:20px;text-align:center} #ktleft .menu a:before{content:"";position:absolute;top:0;right:0;width:1px;height:70px;background:#1a98d5} #ktleft .menu a i{display:block;font-size:20px;color:#fff} #ktleft .menu a span{display:block;font-size:12px;color:#fff} #ktleft .dep1{display:block;position:relative;padding:0 15px;line-height:38px;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease-out 0s} #ktleft .dep1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px} #ktleft .dep1 span{font-style:normal;color:#ffa800} #ktleft .dep1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px} #ktleft .dep1 i{display:block;float:right;margin:10px 5px 0 0;font-size:18px;color:#fff;transition:all 0.2s ease-out 0s} #ktleft .dep1.sel{color:#fff;border-bottom:1px solid #7a7a7a;background:#777} #ktleft .dep1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px} #ktleft .dep1.sel i{color:#000;transform:rotate(180deg);transition:all 0.2s ease-in-out 0s} #ktleft .depth2{display:none;background:#373737} #ktleft .depth2 a{display:block;padding:0 20px;line-height:35px;font-size:13px;color:#fff;border-bottom:0px solid #596170;text-decoration:none} #ktleft .depth2 a.sel{color:#81c341} #closeleft{position:fixed;z-index:99999;left:200px;top:10px} #closeleft:before{content:"\e9af";font-family:xeicon;display:block;width:50px;line-height:50px;font-size:24px;color:#777;text-align:center;transform:rotate(180deg);transition:all 0.2s} #closeleft:before:hover{transform:rotate(-180deg)} #main #quick{position:absolute;z-index:999999999999999;top:770px;left:50%;margin-left:-720px;width:100px;transition:all 0.3s} #main #today{position:absolute;z-index:999999999999999;top:770px;right:50%;margin-right:-740px;width:120px;transition:all 0.3s} #main #quick.fixed{position:fixed;top:25px} #main #today.fixed{position:fixed;top:23px} #prod .nocontent{min-height:300px;line-height:300px} #main #bestpro, #main #colorpro, #main #graypro {clear:both; display:block;} .buybanA {padding:15px 15px;} .buybanA img{width:100%; height:auto;} .intbrandA img{max-width:100%; height:auto;} .tconsultbtA2{display:none;} @media all and (min-width:1180px) { html,body{background:#fff} #ktplay{width:100%;height:100%} #ktplay .bboard{min-height:590px; } #ktplay .wrap{position:relative;margin:0 auto;width:1200px; display:block;} #ktplay .wrap:before, #ktplay .wrap:after{clear:both;display:block;content:"";line-height:0} #ktplay .latest_wr{position:relative;margin:20px auto;width:1200px;*zoom:1} #ktplay .latest_wr:before, #ktplay .latest_wr:after{clear:both;display:table;content:"";line-height:0} /**/ #header{position:relative;z-index:1000;transition:all 0.4s ease-in-out} #header .top{position:relative;z-index:1050;height:30px;border-bottom:1px solid #eee;background:#fff} #header .header{position:relative;z-index:1040;height:90px;background:#fff;overflow:hidden;} #header .wrap h1{position:absolute;z-index:1050;top:30px;left:0;margin-top:0;opacity:1;transition:all 0.4s ease-in-out} #header .wrap .tconsultbtA2 {display:none;} #header .wrap button{display:none;position:absolute;} #header .lnb, #header .lib{margin-top:0;opacity:1;transition:all 0.4s ease-in-out} #header .lib{float:left;margin-left:-10px} #header .lib ul{overflow:hidden} #header .lib li{float:left;margin-right:1px} #header .lib li a{display:block;padding:0 12px;line-height:30px;font-size:13px;font-weight:300;color:#333} #header .lib li a:hover, #header .lib li.sel a{color:#000;background:#dbdbdb} #header .lnb{float:right;margin-right:-10px} #header .lnb ul{overflow:hidden} #header .lnb li{float:left} #header .lnb li a{display:block;padding:0 10px;line-height:38px;font-size:12px;font-weight:300;color:#333} #header .lnb li a:hover{color:#000;background:#dbdbdb} #header .lnb .mlose{display:none} #header .searchbox{position:relative;margin:20px auto;width:300px} #header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #333;background:#fff} #header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none} #header .searchbox button i{font-size:17px;font-weight:700;color:#1a98d5} #header .telephone{position:absolute;top:30px;right:0;text-align:right;line-height:38px; } #header .telephone:after{clear:both;display:table;content:"";line-height:0} #header .telephone .tit{position:relative;padding:0 3px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#777} #header .telephone .phone{font-size:28px; font-weight:300;color:#000} #header .telephone .time{display:none !important;padding:2px 10px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;border-radius:30px} #header .telephone .telnumA {float:left; display:inline-block; padding-right:20px;} /* 200207 #header .telephone a.buygo{float:left;display:inline-block; background:#7388b5; border-radius:3px; font-size:14px;height:30px; line-height:30px; color:#fff; font-weight:normal; padding:0px 20px;} #header .telephone a.buygo:hover{background:#323c91;} #header .telephone a.buygo i{display:inline-block; margin-left:8px; font-size:16px;} */ #header .telephone a.buygo{float:left;display:inline-block; background:#ebebeb; border-radius:10px; font-size:14.5px; font-weight:700; letter-spacing:-1px;height:38px; line-height:38px; color:#0d2ea0; font-weight:normal; padding:1px 45px 0 14px;} #header .telephone a.buygo:hover{background:#0d2ea0;} #header .telephone a.buygo i{position:absolute; right:12px; top:11px; font-size:18px; font-family: 'Material Icons' !important; text-indent:-9999999px;} #header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)} #header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)} #header.fixed .lnb, #header.fixed .lib{margin-top:-10px;opacity:0} /**/ #gnbshop{position:absolute;z-index:1020;top:90px;left:0;width:100%;height:50px;border-top:1px solid #eee;border-bottom:0px solid #4d4d4d;background:#fff;overflow:hidden;transition:all 0.3s;box-shadow:0px 0px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); } #gnbshop .gnbshop{margin:0 auto;position:relative;width:1200px;transition:all 0.4s ease-in-out} #gnbshop .depth1{margin:0 0px 0 0px;overflow:hidden} #gnbshop .depth1 *{transition:all 0.2s ease-in-out} #gnbshop .depth1 > li{float:left;position:relative;width:14.4%;height:50px} #gnbshop .depth1 > li > a{display:block;position:relative;margin:0 10px;line-height:50px;font-size:17px;font-weight:500;letter-spacing:-0px;text-align:center;color:#222} #gnbshop .depth1 > li:hover{background:#fafafa} #gnbshop .depth1 > li:hover > a{color:#1a98d5} #gnbshop .depth1 > li.el{width:14%;background:#f8af00;} #gnbshop .depth1 > li.el > a{color:#fff;} #gnbshop .depth1 > li.el:hover{background:#0b2581} #gnbshop .depth1 > li.el:hover > a{color:#fff} #gnbshop .depth1 > li.el2{width:12%;background:#fff;margin-left:2%;} #gnbshop .depth1 > li.el2 > a{color:#000;} #gnbshop .depth1 > li.el2:hover{background:#f5f5f5;} #gnbshop .depth1 > li.el2:hover > a{color:#1a98d5} #gnbshop .depth1 > li > a.sel{color:#1a98d5} #gnbshop .depth1 > li > a.sel:hover{color:#cf121b} #gnbshop .depth1 > li > a i{position:absolute;z-index:1;top:50px;left:50%;display:block;margin-left:-0%;width:0%;height:1px;background:#1a98d5} #gnbshop .depth1 > li:hover > a i{margin-left:-40%;width:80%} #gnbshop .depth1 > li > a.sel i{left:50%;margin-left:-50%;width:100%;background:#0d3387} #gnbshop .depth1 > li > a.sel:hover i{left:50%;margin-left:-50%;width:100%;background:#cf121b} #gnbshop .depth2{position:absolute;top:210px;left:0;width:100%;transition:all 0.5s} #gnbshop .depth2 li a{display:block;line-height:25px;font-size:13px;text-align:center;color:#555} #gnbshop .depth2 li a:hover{color:#000} #gnbshop:hover .depth2{top:70px;transition:all 0.4s} /* #gnbshop.sel{height:240px;background:#fff}*/ #gnbshop .mobile{display:none} #gnbshop #allmenu{display:none; position:absolute !important;z-index:10;top:0px;left:0;float:none;width:auto;height:56px} #gnbshop #allmenu a{display:block;margin:0;width:30px;height:50px;font-size:20px;color:#1a98d5;overflow:hidden} #gnbshop #allmenu a:hover{color:#20409a} #gnbshop #allmenu a span{display:none} #gnbshop #allmenu:hover{background:none} /* #allbg{position:fixed;z-index:1000;top:0px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none}*/ /**/ #category{display:none;position:absolute;z-index:4000;top:128px;left:50%;margin:0 0 0 -580px;width:1160px;border-top:0;background:#fff} #category h3{border:0;background:#1a98d5} #category button{display:block;color:#fff;background:none} #category button i{float:left;display:block;padding:0 20px 0 15px;line-height:36px;font-size:20px} #category button span{float:left;display:block;line-height:36px;font-size:14px;font-weight:400} #category a:hover{color:#1a98d5} #category .category{padding:20px 10px;border:1px solid #1a98d5;border-top:0;*zoom:1} #category .category:before, #category .category:after{clear:both;display:table;content:"";line-height:0} #category .cg1{float:left;width:20%;min-height:200px} #category .cg1 > a{display:block;margin:0 10px 10px 10px;padding:10px;font-weight:400;color:#777;text-align:center;background:#f3f3f3} #category .cg2{padding:0 20px} #category .cg2 > a{display:block;line-height:25px;color:#6d6d6d} /**/ #footer{position:relative;min-height:200px;background:#868686; } .footpd {padding-bottom:190px !important;} #footer .footer{position:relative;margin:0 auto;width:1200px} #footer .footer h2{position:absolute;top:90px;left:0} #footer .footer h2 img{width:115px; height:auto;} #footer .footer ul{overflow:hidden} #footer .footer li{float:left} #footer .footer li a{display:block;padding:0 10px;line-height:65px;font-size:14px;color:#fafafa} #footer .footer li a:hover{color:#fff} #footer .footer p{position:absolute;top:13px;right:0;line-height:20px;font-size:14px;color:#c0c0c0; text-align:right;} #footer .footer p strong{padding-left:10px;font-size:24px;color:#fff; font-weight:300; } #footer .footer p span{font-size:12px;} #footer .footer address{display:block;padding:20px 0 10px 200px;color:#c0c0c0} #footer .footer address span{font-size:13px; display:inline-block; margin-right:10px;} #footer .footer address strong{font-size:13px; font-weight:normal;} #footer .footer cite{display:block;padding:0 0 0 200px;font-size:12px;color:#b4b4b4;text-transform:uppercase} #footer .footer .comfirwin {display:block;padding:0 0 20px 200px;font-size:12px;color:#c9c9c9; padding-top:10px;} #footer .footer .comfirwin a{display:inline-block;color:#c9c9c9; margin-left:10px; } #footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294} #footer .phone{display:none !important} #footer .gotop{position:fixed;z-index:9999999999;bottom:25px;right:10px;display:none} #footer .gotop a{display:block;width:50px;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#676767;overflow:hidden} /**/ #sortgrid{border-bottom:1px solid #eee} #sortgrid .sort{float:right} #sortgrid .sort h3{position:absolute;font-size:0;line-height:0;overflow:hidden} #sortgrid .sort ul{padding:20px 0;zoom:1} #sortgrid .sort ul:after{display:block;visibility:hidden;clear:both;content:""} #sortgrid .sort li{float:left} #sortgrid .sort li a{display:block;padding:0 16px;line-height:20px;font-size:14px;font-weight:500;color:#999;border-right:1px solid #eee} #sortgrid .sort li a:hover{color:#1a98d5} #sortgrid .sort li:last-child a{border-right:0} #sortgrid .path{position:absolute;top:-37px;right:0} #sortgrid .path a{font-size:14px;color:#555;transition:all 0.3s} #sortgrid .path a:hover{color:#000} #sortgrid .path a:before{padding:0 8px;color:#bbb} #sortgrid .grid{display:none;float:right;margin:0 0;padding:0;list-style:none;zoom:1} #sortgrid .grid:after{display:block;visibility:hidden;clear:both;content:""} #sortgrid .grid li{float:left;position:relative} #sortgrid .grid button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;border-right:1px solid #dfdfdf;font-size:15px} #sortgrid .grid button.sct_lst_list{border-left:1px solid #dfdfdf} #sortgrid .grid button .icon{display:block} /**/ #preview{position:relative;z-index:3000;background:#eee} #preview .bx-controls-auto{float:left;position:relative} #preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;width:40px;height:30px;font-size:1px;text-align:center;speak:none} #preview .bx-controls-direction a:hover{z-index:2} #preview .bx-controls-direction a:before{position:absolute;top:0px;display:block;width:30px;height:30px;line-height:32px;font-size:12px;font-weight:800;color:#fff;background:#555;transition:all 0.3s} #preview .bx-controls-direction a:hover:before{width:50px;color:#000;background:#fff} #preview .bx-prev{left:0} #preview .bx-prev:before{content:"\e93d";font-family:xeicon;left:0} #preview .bx-next{right:0} #preview .bx-next:before{content:"\e940";font-family:xeicon;right:0} #preview ul li a, #preview ul li {display:block;margin:0 auto; text-align:center;} #preview .preview img{max-width:100%;height:auto} /**/ #visual{position:relative;overflow:hidden} #visual .visual li{text-align:center} #visual .visual li img{display:inline-block;width:auto;max-width:100%;height:auto} #visual .bx-viewport{z-index:10} #visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-30px;width:80px;height:60px;font-size:1px;text-align:center;transition:all 0.3s} #visual .bx-controls-direction a:hover{z-index:200} #visual .bx-controls-direction a:before{position:absolute;top:0;display:block;width:80px;height:60px;line-height:62px;font-size:18px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s} #visual .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5} #visual .bx-controls-direction a.disabled{display:none} #visual .bx-prev{left:-20px} #visual .bx-prev:before{content:"\e93d";font-family:xeicon;border-top-right-radius:60px;border-bottom-right-radius:60px} #visual .bx-prev:hover{left:-0px} #visual .bx-next{right:-20px} #visual .bx-next:before{content:"\e940";font-family:xeicon;border-top-left-radius:60px;border-bottom-left-radius:60px} #visual .bx-next:hover{right:-0px} #visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center} #visual .bx-pager-item{display:inline;margin-right:5px} #visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out} #visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out} /**/ #index{margin:50px 0 0 0} #index .ca00{padding:0px 0;background:#f1f7f7}#index .ca00 .item{border:0px solid #fff} #index .ca00 .wrap {padding:55px 0;} #index .ca10{padding:0px 0;background:#ffffff} #index .ca10 .wrap {padding:55px 0;} #index .ca20{padding:0px 0;background:#f1f1ee}#index .ca20 .item{border:0px solid #fff} #index .ca20 .wrap {padding:55px 0;} #index .ca30{padding:0px 0;background:#ffffff} #index .ca30 .wrap {padding:55px 0;} #index .ca40{padding:0px 0;background:#faf4f9}#index .ca40 .item{border:0px solid #fff} #index .ca40 .wrap {padding:55px 0;} #index .ca50{padding:0px 0;background:#ffffff} #index .ca50 .wrap {padding:55px 0;} #index .ca60{padding:0px 0;background:#efefef}#index .ca60 .item{border:0px solid #fff} #index .ca60 .wrap {padding:55px 0;} #index .ca70{padding:0px 0;background:#ffffff} #index .ca70 .wrap {padding:55px 0;} #index .ca80{padding:0px 0;background:#f0e8f2}#index .ca80 .item{border:0px solid #fff} #index .ca80 .wrap {padding:55px 0;} #index .ca90{padding:0px 0;background:#ffffff} /**/ #direct{padding:50px 0} #direct h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px} #direct ul{margin:0 -10px;overflow:hidden} #direct li{float:left;width:25%;max-height:285px;} #direct li div{display:block; position:relative; margin:0 10px;padding:20px;transition:all 0.2s ease-in-out} #direct li div:hover{background-color:#eee} #direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #direct li b{display:inline-block; color:#081f91;font-weight: bold} #direct li i{margin:10px 0;width:15px;height:5px;background:#00499c;border-radius: 30px;} #direct li strong{margin-bottom:15px;font-size:24px; line-height:28px;font-weight:300;letter-spacing:-1px; color:#000;} #direct li span{margin-bottom:90px;font-size:15px; line-height:19px; height:57px;letter-spacing:-0.5px; color:#23292d;} #direct li em{ color:#6470b6; font-size:12px; line-height:15px; display:block; font-weight:500; margin-top: 20px;} #direct li em.new_strong{ color:#000; font-size:14px; line-height:15px; display:block; font-weight:500; margin-top: 10px;} #direct li em.new{ color:#616161; font-size:12px; line-height:15px; display:block; font-weight:500; margin-top: 25px;} /**/ #prod{ } #prod h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px} #prod ul{margin:0 -10px;overflow:hidden} #prod li{float:left;position:relative;width:25%} #prod li.bestbanA{display:none;} #colorpro #prod li.bestbanA{width:75%; display:block;} #colorpro #prod li.bestbanA .imgA{ ;min-height:430px;text-align:center;overflow:hidden} #colorpro #prod li.bestbanA .imgA2 {display:none;} #prod p{position:absolute;top:20px;right:0} #prod p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200} #prod p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%} #prod li .item{background-color:#e3e3e3} #prod li:hover .item{background-color:#fafafa} #prod li:nth-child(3n+1) .item{background-color:#d6e2ea} #prod li:hover:nth-child(3n+1) .item{background-color:#eaf2f7} #prod li:nth-child(3n+2) .item{background-color:#d6eae4} #prod li:hover:nth-child(3n+2) .item{background-color:#ecf6f3} #prod li:hover .sns{display:block} #prod .item{margin:0 10px 20px 10px;min-height:430px;background-color:#d6e2ea;transition:all 0.2s ease-in-out} #prod a {display:block;} #prod .img{padding:20px 10px;text-align:center;overflow:hidden} #prod a .img img{position:relative;z-index:1;transition:transform 0.5s; max-width:100%; height:auto;} #prod a:hover .img img{transform:scale(1.1)} #prod .selnum{position:relative;z-index:2;padding:0 20px;padding-bottom:10px;overflow:hidden; color:#000;font-size:13px;} #prod .selnum strong {color:#2946aa; font-size:16px;} #prod .txt{position:relative;z-index:2;padding:0 20px;padding-bottom:15px;overflow:hidden} #prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700} #prod .txt .model{display:block;margin:5px 0;height:20px;line-height:20px;font-size:18px;font-weight:500;color:#000;overflow:hidden;transition:all 0.2s ease-in-out; word-break:keep-all;} #prod .txt .model:hover{color:#000} #prod .txt .sbj{display:block;margin:5px 0;height:22px;line-height:22px;font-size:18px;font-weight:500;color:#000;overflow:hidden;transition:all 0.2s ease-in-out; word-break:keep-all;} #prod .txt .sbj:hover{color:#000} #prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #prod .cost{padding:0 20px} #prod .cost strong{font-size:22px;font-weight:700} #prod .cost .tit{float:left;display:block;width:85px;line-height:24px;font-size:14px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px} #prod .cost .price{float:right;line-height:24px;color:#000;font-size:18px; } #prod .cost .prime{padding-bottom:5px;overflow:hidden; } #prod .cost .reduced{overflow:hidden} #prod .cost .reduced .tit{} #prod .cost .reduced .price{color:#333} #prod .ico{position:absolute;z-index:2;top:0px;left:0px; width:100%;} #prod .sit_icon{ padding:0px 10px; margin:0px;} #prod .sit_icon li{float:left; width:18.5%;padding-left:1px; } #prod .sit_icon li:first-child {padding-left:0px;} #prod .sit_icon li.el{width:26%;} #prod .shop_icon{display:block;width:100%;height:32px;line-height:32px;font-size:15px;font-weight:400;text-align:center;border-radius:0%; letter-spacing:-1px;} #prod .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%} #prod .sns a{display:inline-block;margin:2px;padding:10px 0;width:40px;height:40px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.2s ease-in-out} #prod .sns a img{width:18px} #prod .sns .share-facebook:hover{background:#415b92} #prod .sns .share-twitter:hover{background:#35b3dc} #prod .sns .share-googleplus:hover{background:#d5503a} /**/ #detail{position:relative;top:-1px;background:#d5e2ea} #detail .detail{margin:0 auto;padding:20px 0;width:1140px;*zoom:1} #detail .detail:before, #detail .detail:after{clear:both;display:table;content:"";line-height:0} #detail .fr{width:440px} #detail .group{padding:30px 0 50px 0/*padding:30px;border:1px solid #ccc*/} #detail .subject{padding:10px 0;border-bottom:1px solid #999} #detail .subject strong{font-size:34px;color:#2b2b2b; font-weight:500;} #detail .subject h3{padding-bottom:15px;line-height:40px;font-size:34px;font-weight:500;color:#2b2b2b} #detail .subject p{font-size:18px;color:#474747} #detail .subject p#sit_desc {font-size:16px; color:#000;} #detail .subject p#sit_alt {font-size:14px; color:#646f76; word-break:keep-all; margin-top:10px; margin-bottom:10px;} #detail .commodity{padding:20px 0} #detail .commodity ul{} #detail .commodity li{overflow:hidden} #detail .commodity li label{float:left;font-size:14px} #detail .commodity li strong{float:right} #detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300} #detail .commodity li label, #detail .commodity li strong{display:block;line-height:30px} #detail .commodity .price{font-size:24px; color:#212121;} #detail .option{padding:10px 0;border-top:1px solid #eee} #detail .option h4{padding:5px 0 15px 0} #detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden} #detail .option div label{float:left;display:block;width:15%} #detail .option div.get_item_options > label{font-size:15px;font-weight:bold} #detail .option div span{float:left;display:block;width:85%} #detail .option select{width:100%;height:35px;border:1px solid #cdcdcd} #detail .option h3{font-size:15px} #detail .seloption h4{display:none} #detail .seloption .sit_opt_list, #detail .seloption .sit_spl_list{position:relative;padding:20px 0 50px 0; border-bottom:1px solid #999} #detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px} #detail .seloption .opt_count{position:absolute;width:100%;bottom:15px;right:0;margin-top:-15px} #detail .selprice{padding:20px 0;text-align:right;font-size:24px;font-weight:700;color:#57839e;overflow:hidden} #detail .selprice span{font-size:15px;font-weight:400} #detail .selprice .price{font-size:24px} #detail .selbtn{overflow:hidden} #detail .selbtn button{float:left;width:100%;height:45px;font-size:16px;font-weight:500;border:0} #detail .selbtn a{float:right;display:block;width:15%;height:45px;line-height:45px;font-size:15px;font-weight:500;text-align:center} #detail .selbtn button i, #detail .selbtn a i{font-size:16px;font-weight:300} #detail .selbtn .btn_order{color:#fff;background:#0d2ea0} #detail .selbtn .btn_order:hover{background:#00186c} #detail .selbtn .btn_buy{color:#fff;background:#003e9e} #detail .selbtn .btn_buy:hover{background:#0052d0} #detail .selbtn .btn_counsel{float:right;color:#fff;background:#666} #detail .selbtn .btn_counsel:hover{background:#777} #detail .selbtn .btn_cart{color:#fff;background:#009b48} #detail .selbtn .btn_cart:hover{background:#00af51} #detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff} #detail .selbtn .btn_wish:hover{color:#d50c0c;border:1px solid #d50c0c} #detail .selbtn .btn_alm{color:#fff;border:0;background:#d50c0c} #detail .selimage{text-align:center} #detail .selimage a{display:none} #detail .selimage a.visible{display:block} #detail .selthumb{} #detail .selthumb ul{} #detail .selthumb li{} #detail .selthumb li a{} #detail #sit_opt_added button {float:left;width:30px;height:30px;font-size:0.92em;color:#494949;border:1px solid #aaa;background:#fff} #detail #sit_opt_added button:hover{color:#000} #detail #sit_opt_added .num_input {float:left;border:0;height:30px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa} #detail #sit_opt_added .sit_opt_del{ float:right;font-size:15px; border:1px solid #aaa; margin-left:1px; } #detail #sit_opt_added .sit_opt_del:hover{color:#be334a} #detail #sit_opt_added .sit_opt_prc{ float:left;width:120px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700} #detail .sit_icon{ display:block;padding:0px 0px 15px 0; margin:0px;} #detail .sit_icon:after {clear:both;display:table;content:"";line-height:0} #detail .sit_icon li{float:left; width:20%;padding-left:1px; } #detail .sit_icon li:first-child {padding-left:0px;} #detail .shop_icon{display:block;width:100%;height:32px;line-height:32px;font-size:16px;font-weight:500;text-align:center;border-radius:0%; letter-spacing:-1px;} /**/ #shopinfo{margin:0 auto;width:1200px; font-size:14px;} #shopinfo .fixed{position:fixed;top:0;z-index:10;width:1200px} #shopinfo .shoptab{padding:40px 0 20px;} #shopinfo .shoptab ul.tab_tit.tab_tit{*zoom:1} #shopinfo .shoptab ul.tab_tit:before, #shopinfo .shoptab ul.tab_tit:after{clear:both;display:table;content:"";line-height:0} #shopinfo .shoptab li{float:left;width:25%} #shopinfo .shoptab li a, #shopinfo .shoptab li button{display:block;width:100%;line-height:50px;font-size:17px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa} #shopinfo .shoptab li:first-child a, #shopinfo .shoptab li:first-child button{border-left:1px solid #ccc} #shopinfo .shoptab li button.selected {background:#85a7bc; border-color:#85a7bc; color:#fff;} #shopinfo .shoptab .sel a{color:#000;background:#e8f7ff} #sit_tab ul.tab_con{margin:0 auto;width:1200px; padding: 20px 0;} #sit_dvex h3{font-size:24px; font-weight:300; margin-bottom:10px;} #sit_dvex #sit_ex h3{margin-top:30px;} #sit_dvex .sit_dvr_cont {background:#f1f7f7; padding:30px; color:#454545;line-height:1.6; } #sit_dvex .sit_ex_cont {background:#faf6f4; padding:30px; color:#454545; line-height:1.6; } #sit_dvex .sit_ex_cont p b {color:#000; font-size:18px; font-weight:normal; display:block; margin-bottom:5px;} #shopinfo #dtinfo{margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */ #shopinfo #dtinfo img{max-width:100%;height:auto} #shopinfo #dtinfo .v_pc{} #shopinfo #dtinfo .v_mb{display:none} /**/ #rank{padding:50px 0;background:#fff} #rank h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px} #rank ul{margin:0 -10px;overflow:hidden} #rank li{float:left;position:relative;width:20%} #rank li:hover .item{border:1px solid #777;background-color:#fff} #rank li:hover .sns{display:block} #rank p{position:absolute;top:20px;right:0} #rank p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200} #rank p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%} #rank .item{margin:0 10px;padding:0 15px;border:1px solid #dbdbdb;background-color:#fff;transition:all 0.2s ease-in-out} #rank .img{padding:15px 0;text-align:center} #rank .img img{width:auto;max-width:100%;height:auto} #rank .txt{padding:2px 0;min-height:40px;overflow:hidden} #rank .txt a{display:block;font-size:13px;font-weight:500;letter-spacing:-1px;color:#333;transition:all 0.2s ease-in-out} #rank .txt a:hover{color:#000} #rank .txt span{display:block;padding:5px 0;font-size:11px;letter-spacing:-1px;color:#777} #rank .cost{padding-bottom:20px} #rank .cost strong{font-size:20px;font-weight:700} #rank .cost .tit{float:left;display:block;padding:0 10px;line-height:21px;font-size:12px;border:1px solid #aaa} #rank .cost .price{float:right;line-height:21px} #rank .cost .prime{padding-bottom:5px;overflow:hidden} #rank .cost .reduced{overflow:hidden} #rank .cost .reduced .tit{color:#de511b;border-color:#de511b} #rank .cost .reduced .price{color:#de511b} #rank .rank{position:absolute;top:0;left:10px;width:30px;height:30px;line-height:30px;font-size:14px;font-weight:700;text-align:center;color:#fff;border-radius:0%;background:#999} #rank .rn1{background:#df0000} /**/ #review{padding:50px 0;background:#fff} #review h2{padding-bottom:40px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px} #review h2 span {display:inline-block; padding-left:10px; font-weight:300;} #review ul{margin:0 -10px;overflow:hidden} #review li{float:left;width:25%} #review li a{display:block;position:relative;margin:0 10px;min-height:350px;background-color:#f3f3f3} #review li a:hover .img div{background-size:110% auto} #review li a:hover .txt{color:#000} #review .img div{width:270px;height:270px;overflow:hidden; margin:0 auto;} #review .img img{width:270px;height:270px;transition:transform 0.5s} #review .img img:hover{transform:scale(1.1)} #review .txt{padding:0 20px;min-height:82px;color:#777;transition:all 0.3s ease-in-out} #review .txt em{display:block;line-height:18px; overflow:hidden; height:18px;font-size:14px;font-weight:500; word-break:keep-all; margin-bottom:2px;} #review .txt strong{display:block;line-height:22px; overflow:hidden; height:22px;font-size:18px;font-weight:500; word-break:keep-all;} #review .txt span{display:block;margin:10px 0 10px 0px;height:18px; line-height:18px;font-size:14px;font-weight:400;overflow:hidden} #review .star{padding:0 20px 20px 20px} #review .star strong{float:left;padding-right:10px;font-size:13px} #review .star img{width:40%} #review .bx-controls{position:absolute;top:5px;right:-10px} #review .bx-controls-auto{float:left;position:relative} #review .bx-controls-direction a{position:relative;z-index:1;float:left;display:block;margin-right:10px;width:40px;height:40px;text-align:center;speak:none} #review .bx-controls-direction a:hover{z-index:2} #review .bx-controls-direction a:before{position:absolute;top:0;left:0;display:block;width:40px;height:40px;line-height:36px;font-size:16px;font-weight:600;border:1px solid #4c4c4c;background:#fff} #review .bx-controls-direction a.disabled{display:none} #review .bx-prev:before{content:"\e93d";font-family:xeicon} #review .bx-next:before{content:"\e940";font-family:xeicon} /**/ #event{padding:20px 0} #event ul{margin:0 -10px;overflow:hidden} #event li{float:left;width:33.33%} #event li div{margin:0 10px;padding:30px;min-height:220px;transition:all 0.2s ease-in-out} #event li div:hover{background-color:#eee} #event li a{display:block} #event li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #event li i{margin:0 0 20px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.5)} #event li strong{font-size:20px;font-weight:600;letter-spacing:-1px} #event li span{display:block;padding:10px 40% 50px 0;line-height:16px;font-size:13px} /**/ #contain{padding:50px 0 0 0;background:#fff} #article{position:relative;border-top:1px solid #ccc} #article > .wrap{padding-bottom:0px; } #article > .wrap > h2{display:block;padding:60px 0 20px 0;font-size:30px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#57839e;border-bottom:1px solid #88a4b6} #article > .wrap > h2 .bt_storetot {position:absolute; right:0px; top:60px; display:inline-block; font-size:16px; font-weight:300; line-height:40px; padding:0px 80px 0 20px; border-radius:5px; border:1px solid #e9e9e9; background:url(../img/storetot_arr.jpg) right 20px center no-repeat #f7f7f7; } #article > .wrap > h2 .bt_storetot span{font-weight:600;} /**/ #aside{position:absolute;z-index:1000;top:293px;right:-170px;width:150px} /**/ #quick{position:absolute;z-index:900;top:293px;left:50%;margin-left:-720px;width:100px;transition:all 0.5s ease-in-out} #quick a{display:block;position:relative} #quick a:before{content:'';position:absolute;top:0;left:0;display:block;width:100px;height:95px;border:1px solid #eee;border-top:0} #quick.fixed{position:fixed;top:20px} #today{position:absolute;z-index:900;top:293px;right:50%;margin-right:-740px;width:120px;transition:all 0.5s ease-in-out} #today h3{padding:5px 0;font-size:12px;letter-spacing:-1px;text-align:center;color:#151515;background:#ebebeb;} #today #stv{min-height:500px;border:1px solid #ccc;border-top:0;background:#fff} #today #stv .stv_item{padding:0px 0;text-align:center;border-bottom:1px solid #ccc} #today #stv .prd_img{padding:0 0 0px 0} #today #stv .prd_model{padding:0 10px; margin-bottom:2px;font-size:12px;letter-spacing:-0.5px; height:14px; line-height:14px; text-align:center; /*white-space:nowrap;text-overflow:ellipsis;*/overflow:hidden} #today #stv .prd_name{padding:0 10px; margin-bottom:10px;font-size:12px;letter-spacing:-0.5px; height:14px; line-height:14px; text-align:center; /*white-space:nowrap;text-overflow:ellipsis;*/overflow:hidden} #today #stv .prd_cost{padding:0 5px;font-size:11px} #today #stv .li_empty{padding:0 5px;font-size:12px;text-align:center} #today #stv_ul{padding:0px 0} #today #stv_pg{position:absolute;bottom:0;left:0;width:100%;line-height:30px;background:#f3f3f3} #today #up{z-index:10;height:30px} #today #down{z-index:10;height:30px} #today.fixed{position:fixed;top:20px} /**/ #poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)} #poplayer .poplayer{position:absolute;z-index:5000;top:5%;left:50%;margin:0 0 0 -300px;padding:30px;width:600px;border:10px solid #4f535d;background:#fff} #poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center} #poplayer .product{padding-bottom:5px;border-top:2px solid #ccc} #poplayer .product table{width:100%;border-collapse:collapse} #poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa} #poplayer .product thead{display:none} #poplayer .product a strong{display:block} #poplayer .product a span{display:block;font-size:12px} #poplayer .policy{padding-bottom:5px} #poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e} #poplayer .policy ul{padding-bottom:5px} #poplayer .policy ul li{font-size:12px} #poplayer .policy ul ul{padding:0 0 5px 10px} #poplayer .policy .agree{line-height:30px;text-align:center} #poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px} #poplayer .policy .agree label{padding-right:10px;font-size:12px} #poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll} #poplayer .form .overflow{overflow:hidden} #poplayer .form .overflow .input{float:left;width:50%} #poplayer .form .input{position:relative;padding:0 0 5px 13%} #poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px} #poplayer .form .input label strong{display:none} #poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee} #poplayer .form .input input, #poplayer .form .input textarea{width:100%;border:1px solid #eee} #poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px} #poplayer .form .input .t_area{padding:5px;height:80px} #poplayer .button{padding-top:10px;text-align:center} #poplayer .button button{padding:0 20px} #poplayer .button .btn_submit{color:#fff;background:#003e9e} /**/ #consult .consult h3{margin-bottom:0px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center; } #consult .product{padding:20px 0; background:#d5e2ea;} #consult .product dl{overflow:hidden} #consult .product dt{float:left;width:20%} #consult .product dd{float:left;width:80%} #consult .product dd a{display:block;padding:20px 0} #consult .product dd a strong{display:block;font-size:22px} #consult .product dd a strong em{font-style:normal; display:inline-block; margin-left:20px;} #consult .product dd a span{display:block;font-size:15px;margin-top:5px;} #consult .product .cost{font-size:16px;font-weight:700} #consult .product .cost span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300} #consult .policy h4{padding-bottom:10px;font-size:16px;letter-spacing:-1px;color:#333} #consult .policy ul{padding-bottom:10px} #consult .policy ul li{font-size:14px} #consult .policy ul ul{padding:0 0 5px 10px} #consult .policy .area{padding:20px;border-bottom:1px solid #eee} #consult .policy .agree{padding:15px 0;text-align:center} #consult .policy .agree strong{position:relative;top:2px;padding:0 20px;font-size:15px;letter-spacing:-1px} #consult .policy .agree label{padding-right:10px;font-size:13px} #consult .form{border-top:1px solid #ccc} #consult .form .input{position:relative} #consult .form .input label{position:absolute;top:0;left:20px;display:block;line-height:60px;font-size:14px} #consult .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee} #consult .form .input input, #consult .form .input textarea{width:100%;border:1px solid #eee;} #consult .form .input .t_txt{padding:0 10px;height:40px;line-height:40px;font-size:14px} #consult .form .input .t_area{padding:10px;height:80px;font-size:14px} #consult .form .input .txt{display:block;padding:18px 0 18px 20%;border-bottom:1px solid #eee;min-height:60px;line-height:24px;font-size:14px} #consult .form .input:last-child .txt{border-bottom:0} #consult .button{padding-top:20px;text-align:center;margin-bottom:20px;} #consult .button a, #consult .button input, #consult .button button{padding:0 40px; height:46px; line-height:46px; font-size:1.3em; } #consult .button .btn_ok{color:#fff;background:#009b48} #consult .button .btn_submit{color:#fff;background:#003e9e} #consult .button .btn_del{color:#fff;background:#f76800} #consult .button .btn_cancel{color:#fff;background:#777} #consult .sort{margin:0 0 30px 0;*zoom:1} #consult .sort:before, #consult .sort:after{clear:both;display:table;content:"";line-height:0} #consult .sort ul{height:37px;border-bottom:1px solid #313131} #consult .sort li{float:left;margin-right:3px} #consult .sort li:first-child a{margin:0} #consult .sort li *{transition:all 0.2s ease-in-out} #consult .sort li a{display:inline-block;position:relative;padding:0 17px;line-height:35px;font-size:13px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #consult .sort li a i{display:none} #consult .sort li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #consult .sort li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff} #consult .sort li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #consult .sort li a.sel:hover{color:#014fbb} #consult .sort li a.sel:hover i{margin-left:-0%;width:0%} #consult .table table{width:100%;border-collapse:collapse} #consult .table caption{display:none} #consult .table th{line-height:45px;font-size:12px;background:#f0f0f0} #consult .table tr:hover{background:#fff} #consult .table td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd} #consult .table a strong{display:block;font-weight:600} #consult .table a span{display:block;font-size:12px} #group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0} #group .txt h2{padding:90px 0 5px 0;font-size:36px;font-weight:500;color:#fff} #group .txt p{font-size:20px;font-weight:300;color:#fff} #group .wrap{padding:40px 0;border-top:1px solid #aaa} #group .group{float:left;width:50%} #group .group:nth-of-type(odd) .latest{margin:0 0 0 30px} #group .group:nth-of-type(even) .latest{margin:0 30px 0 0} #group .latest{position:relative;min-height:300px} #group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee} #group .latest li{position:relative} #group .latest li a{display:block;padding:0 10px;line-height:30px;font-size:14px;border-bottom:1px solid #eee} #group .latest li span{position:absolute;top:0;right:10px;display:block;line-height:30px} #group .latest .nocontent{padding:100px 0} #group .latest .more{position:absolute;top:20px;right:10px} #group .latest .more i{font-size:15px;font-weight:100;color:#999} .ctt_privacy {font-size:1.15em;} /*MX 추가 201123*/ #direct li div {display: block;position: relative;margin: 0 10px;padding: 20px;transition: all 0.2s ease-in-out;background-color: transparent !important;border: 1px solid #ececec;} #index .ca00 {padding: 0px 0;background: #001235;} #bestpro #prod h2{color: white;} #index .ca20 {padding: 0px 0;background: #f8f8f8;} #prod .shop_icon_1, #detail .shop_icon_1 {background-color: #de0b42;} #prod .shop_icon_4_1, #detail .shop_icon_4_1 {background-color: #0d2ea0;} #prod .shop_icon_5, #detail .shop_icon_5, #prod .shop_icon_2, #detail .shop_icon_2,#prod .shop_icon_5_1, #detail .shop_icon_5_1,#prod .shop_icon_3, #detail .shop_icon_3 {background-color: transparent;color: #848484;} #prod .shop_icon_4, #detail .shop_icon_4 {background-color: #f7cd00;} #prod .shop_icon_1_1, #detail .shop_icon_1_1 {background-color: #656565;} #prod .txt .sbj {display: block; margin: 5px 0; height: 22px; line-height: 22px; font-size: 18px; font-weight: 700; color: #000; overflow: hidden; transition: all 0.2s ease-in-out; word-break: keep-all;} #prod .txt .model { display: block; margin: 5px 0; height: 20px;line-height: 20px;font-size: 18px;font-weight: 300;color: #000;overflow: hidden;transition: all 0.2s ease-in-out;word-break: keep-all;} #prod .selnum {position: relative;z-index: 2;padding: 0 20px;padding-bottom: 4px;overflow: hidden;color: #000;font-size: 12px;} #prod .selnum strong {color: #2946aa;font-size: 15px;} #prod .sit_icon li {float: left;width: 18.5%;padding-left: 0;} #review li a {display: block;position: relative;margin: 0 10px;min-height: 350px;background-color: #f8f8f8;} #footer {position: relative;min-height: 200px;background: #151a39;} #footer .line {position: absolute;top: 65px;left: 0;display: block;width: 100%;height: 1px;background: #353639;} } @media all and (min-width:749px) and (max-width:1179px) { html,body{background:#fff} #ktplay{width:100%;height:100%} #ktplay .wrap{position:relative;padding:0 20px;*zoom:1} #ktplay .wrap:before, #ktplay .wrap:after{clear:both;display:table;content:"";line-height:0} /**/ #header{position:relative;z-index:3000;top:0;left:0;width:100%;background:#fff;transition:all 0.4s ease-in-out} #header .top{height:30px;border-bottom:1px solid #eee} #header .header{height:90px;background:#fff} #header .wrap h1{position:absolute;z-index:1050;top:30px;left:0;margin-top:0;opacity:1;transition:all 0.4s ease-in-out} #header .wrap .tconsultbtA2 {display:none;} #header .wrap button{display:none;position:absolute;} #header .lnb, #header .lib{margin-top:0;opacity:1;transition:all 0.4s ease-in-out} #header .lib{float:left;margin-left:-10px} #header .lib ul{overflow:hidden} #header .lib li{float:left;margin-right:1px} #header .lib li a{display:block;padding:0 12px;line-height:30px;font-size:13px;font-weight:300;color:#333} #header .lib li a:hover, #header .lib li.sel a{color:#000;background:#dbdbdb} #header .lnb{float:right;margin-right:-10px} #header .lnb ul{overflow:hidden} #header .lnb li{float:left} #header .lnb li a{display:block;padding:0 10px;line-height:30px;font-size:12px;font-weight:300;color:#333} #header .lnb li a:hover{color:#000;background:#dbdbdb} #header .lnb .mlose{display:none} #header .searchbox{position:relative;margin:20px auto;width:300px} #header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #333;background:#fff} #header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none} #header .searchbox button i{font-size:17px;font-weight:700;color:#1a98d5} #header .telephone{position:absolute;top:30px;right:0;text-align:right;line-height:30px; } #header .telephone:after{clear:both;display:table;content:"";line-height:0} #header .telephone .tit{position:relative;padding:0 3px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#777} #header .telephone .phone{font-size:28px; font-weight:300;color:#000} #header .telephone .time{display:none !important;padding:2px 10px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;border-radius:30px} #header .telephone .telnumA {float:left; display:inline-block; padding-right:20px;} #header .telephone a.buygo{float:left;display:inline-block; background:#ebebeb; border-radius:3px; font-size:14px;height:30px; line-height:30px; color:#0d2ea0; font-weight:normal; padding:0px 20px;} #header .telephone a.buygo:hover{background:#0d2ea0;} #header .telephone a.buygo i{display:inline-block; margin-left:8px; font-size:16px;} #header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)} #header.fixed .lnb, #header.fixed .lib{margin-top:-10px;opacity:0} /**/ #gnbshop{position:absolute;z-index:3000;top:90px;left:0;width:100%;height:50px;border-top:1px solid #eee;border-bottom:0px solid #4d4d4d;background:#fff;overflow:hidden;transition:all 0.3s;box-shadow:0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); } #gnbshop .gnbshop{position:relative;transition:all 0.4s ease-in-out} #gnbshop .depth1{margin:0 0 0 0px;overflow:hidden} #gnbshop .depth1 *{transition:all 0.2s ease-in-out} #gnbshop .depth1 > li{float:left;position:relative;width:14.4%;height:50px} #gnbshop .depth1 > li > a{display:block;position:relative;margin:0 10px;line-height:50px;font-size:15px;font-weight:500;letter-spacing:-0px;text-align:center;color:#222} #gnbshop .depth1 > li:hover{background:#fafafa} #gnbshop .depth1 > li:hover > a{color:#1a98d5} #gnbshop .depth1 > li.el{width:14%;background:#ebebeb;} #gnbshop .depth1 > li.el > a{color:#0d2ea0;} #gnbshop .depth1 > li.el:hover{background:#0b2581} #gnbshop .depth1 > li.el:hover > a{color:#fff} #gnbshop .depth1 > li.el2{width:12%;background:#fff;margin-left:2%;} #gnbshop .depth1 > li.el2 > a{color:#000;} #gnbshop .depth1 > li.el2:hover{background:#f5f5f5;} #gnbshop .depth1 > li.el2:hover > a{color:#1a98d5} #gnbshop .depth1 > li > a i{position:absolute;z-index:1;top:50px;left:50%;display:block;margin-left:-0%;width:0%;height:1px;background:#1a98d5} #gnbshop .depth1 > li:hover > a i{margin-left:-40%;width:80%} #gnbshop .depth1 > li > a.sel i{left:50%;margin-left:-50%;width:100%;background:#0d3387} #gnbshop .depth1 > li > a.sel:hover i{left:50%;margin-left:-50%;width:100%;background:#cf121b} #gnbshop .depth2{position:absolute;top:210px;left:0;width:100%;transition:all 0.5s} #gnbshop .depth2 li a{display:block;line-height:25px;font-size:13px;text-align:center;color:#555} #gnbshop .depth2 li a:hover{color:#000} #gnbshop:hover .depth2{top:70px;transition:all 0.4s} /* #gnbshop.sel{height:240px;background:#fff} */ #gnbshop .mobile{display:none} #gnbshop #allmenu{display:none;position:absolute !important;z-index:10;top:0px;left:20px;float:none;width:auto;height:50px} #gnbshop #allmenu a{display:block;margin:0;width:30px;height:50px;font-size:20px;color:#1a98d5;overflow:hidden} #gnbshop #allmenu a:hover{color:#20409a} #gnbshop #allmenu a span{display:none} #gnbshop #allmenu:hover{background:none} #allbg{position:fixed;z-index:2000;top:0px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none} /**/ #category{display:none;position:absolute;z-index:4000;top:128px;left:50%;margin:0 0 0 -580px;width:1160px;border-top:0;background:#fff} #category h3{border:0;background:#1a98d5} #category button{display:block;color:#fff;background:none} #category button i{float:left;display:block;padding:0 20px 0 15px;line-height:36px;font-size:20px} #category button span{float:left;display:block;line-height:36px;font-size:14px;font-weight:400} #category a:hover{color:#1a98d5} #category .category{padding:20px 10px;border:1px solid #1a98d5;border-top:0;*zoom:1} #category .category:before, #category .category:after{clear:both;display:table;content:"";line-height:0} #category .cg1{float:left;width:20%;min-height:200px} #category .cg1 > a{display:block;margin:0 10px 10px 10px;padding:10px;font-weight:400;color:#777;text-align:center;background:#f3f3f3} #category .cg2{padding:0 20px} #category .cg2 > a{display:block;line-height:25px;color:#6d6d6d} /**/ #footer{position:relative;min-height:200px;background:#868686;padding:0px 20px 0px 20px;} .footpd {padding-bottom:190px !important;} #footer .footer{position:relative;margin:0 auto; } #footer .footer h2{position:absolute;top:90px;left:0} #footer .footer h2 img{width:115px; height:auto;} #footer .footer ul{overflow:hidden} #footer .footer li{float:left} #footer .footer li a{display:block;padding:0 10px;line-height:65px;font-size:14px;color:#fafafa} #footer .footer li:first-child a {padding-left:0px;} #footer .footer li a:hover{color:#fff} #footer .footer p{position:absolute;top:0;right:0;line-height:65px;font-size:14px;color:#c0c0c0} #footer .footer p strong{padding-left:10px;font-size:24px;color:#fff; font-weight:300; } #footer .footer address{display:block;padding:20px 0 10px 160px;color:#c0c0c0} #footer .footer address span{font-size:13px; display:inline-block; margin-right:10px;} #footer .footer address strong{font-size:13px; font-weight:normal;} #footer .footer cite{display:block;padding:0 0 0 160px;font-size:12px;color:#b4b4b4;text-transform:uppercase} #footer .footer .comfirwin {display:block;padding:0 0 0 160px;font-size:12px;color:#c9c9c9; padding-top:10px;} #footer .footer .comfirwin a{display:inline-block;color:#c9c9c9; margin-left:10px; } #footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294} #footer .phone{position:fixed;z-index:90000;bottom:0;left:0;width:80%;overflow:hidden;display:none} #footer .phone a{float:left;display:block;padding:0 10px;width:50%;height:50px;line-height:50px;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box;overflow:hidden} #footer .phone .ph1{color:#fff;background:#02aaff} #footer .phone .ph2{color:#fff;background:#777} #footer .gotop{position:fixed;z-index:90000;bottom:0;right:0;width:20%;display:none} #footer .gotop a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#ababab;overflow:hidden} /**/ #sortgrid{border-bottom:1px solid #eee} #sortgrid .sort{float:right} #sortgrid .sort h3{position:absolute;font-size:0;line-height:0;overflow:hidden} #sortgrid .sort ul{padding:20px 0;zoom:1} #sortgrid .sort ul:after{display:block;visibility:hidden;clear:both;content:""} #sortgrid .sort li{float:left} #sortgrid .sort li a{display:block;padding:0 16px;line-height:20px;font-size:14px;font-weight:500;font-family:'Noto Sans KR';color:#999;border-right:1px solid #eee} #sortgrid .sort li a:hover{color:#1a98d5} #sortgrid .sort li:last-child a{border-right:0} #sortgrid .path{position:absolute;top:-37px;right:0} #sortgrid .path a{font-size:14px;color:#555;transition:all 0.3s} #sortgrid .path a:hover{color:#000} #sortgrid .path a:before{padding:0 8px;color:#bbb} #sortgrid .grid{display:none;float:right;margin:0 0;padding:0;list-style:none;zoom:1} #sortgrid .grid:after{display:block;visibility:hidden;clear:both;content:""} #sortgrid .grid li{float:left;position:relative} #sortgrid .grid button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;border-right:1px solid #dfdfdf;font-size:15px} #sortgrid .grid button.sct_lst_list{border-left:1px solid #dfdfdf} #sortgrid .grid button .icon{display:block} /**/ #preview{position:relative;background:#eee} #preview ul li a {display:block;margin:0 auto; text-align:center;} #preview .bx-controls-auto{float:left;position:relative} #preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;width:40px;height:30px;font-size:1px;text-align:center;speak:none} #preview .bx-controls-direction a:hover{z-index:2} #preview .bx-controls-direction a:before{position:absolute;top:0px;display:block;width:30px;height:30px;line-height:32px;font-size:12px;font-weight:800;color:#fff;background:#555;transition:all 0.3s} #preview .bx-controls-direction a:hover:before{width:50px;color:#000;background:#fff} #preview .bx-prev{left:0} #preview .bx-prev:before{content:"\e93d";font-family:xeicon;left:0} #preview .bx-next{right:0} #preview .bx-next:before{content:"\e940";font-family:xeicon;right:0} #preview ul li a {display:block;margin:0 auto; text-align:center;} #preview .preview img{max-width:100%;height:auto} /**/ #visual{position:relative;overflow:hidden} #visual ul li img{display:block;width:auto;max-width:100%;height:auto} #visual .bx-viewport{z-index:10} #visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;width:80px;height:60px;font-size:1px;text-align:center;transition:all 0.3s} #visual .bx-controls-direction a:hover{z-index:200} #visual .bx-controls-direction a:before{position:absolute;top:-30px;display:block;width:80px;height:60px;line-height:62px;font-size:18px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s} #visual .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5} #visual .bx-controls-direction a.disabled{display:none} #visual .bx-prev{left:-20px} #visual .bx-prev:before{content:"\e93d";font-family:xeicon;border-top-right-radius:60px;border-bottom-right-radius:60px} #visual .bx-prev:hover{left:-0px} #visual .bx-next{right:-20px} #visual .bx-next:before{content:"\e940";font-family:xeicon;border-top-left-radius:60px;border-bottom-left-radius:60px} #visual .bx-next:hover{right:-0px} #visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center} #visual .bx-pager-item{display:inline;margin-right:5px} #visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out} #visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out} /**/ #index{margin:50px 0 0 0} #index .ca00{padding:0px 0;background:#f1f7f7}#index .ca00 .item{border:0px solid #fff} #index .ca10{padding:0px 0;background:#ffffff} #index .ca20{padding:0px 0;background:#faf6f4}#index .ca20 .item{border:0px solid #fff} #index .ca30{padding:0px 0;background:#ffffff} #index .ca40{padding:0px 0;background:#faf4f9}#index .ca40 .item{border:0px solid #fff} #index .ca50{padding:0px 0;background:#ffffff} #index .ca60{padding:0px 0;background:#efefef}#index .ca60 .item{border:0px solid #fff} #index .ca70{padding:0px 0;background:#ffffff} #index .ca80{padding:0px 0;background:#f0e8f2}#index .ca80 .item{border:0px solid #fff} #index .ca90{padding:0px 0;background:#ffffff} /**/ #direct{} #direct h2{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px} #direct ul{overflow:hidden} #direct li{float:left;width:50%} #direct li div{display:block;position:relative; margin:0 10px 20px 10px;padding:20px;transition:all 0.2s ease-in-out} #direct li div:hover{background-color:#eee} #direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #direct li b{display:inline-block; color:#081f91;font-weight: bold} #direct li i{margin:10px 0;width:15px;height:5px;background:#00499c;border-radius: 30px;} #direct li strong{margin-bottom:15px;font-size:24px; line-height:27px;font-weight:300;letter-spacing:-1px; color:#000;} #direct li span{margin-bottom:30px;font-size:15px; line-height:19px; height:57px;letter-spacing:-0.5px; color:#23292d;} #direct .wrap{padding:0 10px} #direct li em{ color:#6470b6; font-size:12px; line-height:15px; display:block; font-weight:500; margin-top: 20px;} #direct li em.new_strong{ color:#000; font-size:14px; line-height:15px; display:block; font-weight:500; margin-top: 10px;} #direct li em.new{ color:#616161; font-size:12px; line-height:15px; display:block; font-weight:500; margin-top: 25px;} /**/ #prod{padding:0} #prod h2{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px} #prod ul{overflow:hidden} #prod li{float:left;position:relative;width:50%} #prod p{position:absolute;top:20px;right:20px} #prod p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200} #prod p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%} #prod li:nth-child(odd) .item{background-color:#d6e2ea} #prod li:nth-child(even) .item{background-color:#e3e3e3} #prod li:hover:nth-child(odd) .item{background-color:#eaf2f7} #prod li:hover:nth-child(even) .item{background-color:#fafafa} #prod li:hover .sns{display:block} #prod .wrap{padding:0 10px} #prod .item{margin:0 10px 20px 10px;min-height:430px;background-color:#d6e2ea;transition:all 0.2s ease-in-out} #prod .img{padding:20px 0;text-align:center;overflow:hidden} #prod .img img{position:relative;z-index:1;transition:transform 0.5s} #prod .img img:hover{transform:scale(1.1)} #prod .selnum{position:relative;z-index:2;padding:0 20px;padding-bottom:10px;overflow:hidden; color:#000;font-size:13px;} #prod .selnum strong {color:#2946aa; font-size:16px;} #prod .txt{position:relative;z-index:2;padding:0 20px;padding-bottom:15px;overflow:hidden} #prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700} #prod .txt .model{display:block;margin:5px 0;height:20px;line-height:20px;font-size:18px;font-weight:500;color:#000;overflow:hidden;transition:all 0.2s ease-in-out; word-break:keep-all;} #prod .txt .model:hover{color:#000} #prod .txt .sbj{display:block;margin:5px 0;height:22px;line-height:22px;font-size:18px;font-weight:500;color:#000;overflow:hidden;transition:all 0.2s ease-in-out; word-break:keep-all;} #prod .txt .sbj:hover{color:#000} #prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #prod .cost{padding:0 20px} #prod .cost strong{font-size:22px;font-weight:700} #prod .cost .tit{float:left;display:block;width:85px;line-height:24px;font-size:14px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px} #prod .cost .price{float:right;line-height:24px;color:#000;font-size:18px; } #prod .cost .prime{padding-bottom:5px;overflow:hidden; } #prod .cost .reduced{overflow:hidden} #prod .cost .reduced .tit{} #prod .cost .reduced .price{color:#333} #prod .ico{position:absolute;z-index:2;top:0px;left:0px; width:100%;} #prod .sit_icon{ padding:0px 10px; margin:0px;} #prod .sit_icon li{float:left; width:18.5%;padding-left:1px; } #prod .sit_icon li:first-child {padding-left:0px;} #prod .sit_icon li.el{width:26%;} #prod .shop_icon{display:block;width:100%;height:32px;line-height:32px;font-size:16px;font-weight:500;text-align:center;border-radius:0%; letter-spacing:-1px;} #prod .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%} #prod .sns a{display:inline-block;margin:2px;padding:10px 0;width:40px;height:40px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.2s ease-in-out} #prod .sns a img{width:18px} #prod .sns .share-facebook:hover{background:#415b92} #prod .sns .share-twitter:hover{background:#35b3dc} #prod .sns .share-googleplus:hover{background:#d5503a} #prod li.bestbanA{display:none;} #colorpro #prod li.bestbanA{display:block; width:50%; } #colorpro #prod li.bestbanA .item {background:url(../img/colorpro_ban.jpg) bottom right -130px no-repeat !important; background-size:cover; position:relative;} #colorpro #prod li.bestbanA .imgA{display:none;} #colorpro #prod li.bestbanA .imgA2 {display:block; height:100%;} #colorpro #prod li.bestbanA .imgA2 img{position:absolute; left:20px; bottom:50px} /**/ #detail{background:#d5e2ea} #detail .detail{padding:20px 0;*zoom:1} #detail .detail:before, #detail .detail:after{clear:both;display:table;content:"";line-height:0} #detail .fl{width:48%} #detail .fr{width:48%} #detail .group{padding:60px 30px/*padding:30px;border:1px solid #ccc*/} #detail .subject{padding:10px 0;border-bottom:1px solid #999} #detail .subject strong{font-size:15px;color:#777} #detail .subject h3{padding-bottom:15px;line-height:45px;font-size:30px;font-weight:500;color:#2b2b2b} #detail .subject p{font-size:18px;color:#474747} #detail .subject p#sit_desc {font-size:16px; color:#000;} #detail .subject p#sit_alt {font-size:14px; color:#646f76; word-break:keep-all; margin-top:10px; margin-bottom:10px;} #detail .commodity{padding:15px 0} #detail .commodity li{overflow:hidden} #detail .commodity li label{float:left;font-size:14px} #detail .commodity li strong{float:right} #detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300} #detail .commodity li label, #detail .commodity li strong{display:block;line-height:30px} #detail .commodity .price{font-size:24px} #detail .option{padding:10px 0;border-top:1px solid #eee} #detail .option h4{padding:5px 0 15px 0} #detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden} #detail .option div label{float:left;display:block;width:15%} #detail .option div.get_item_options > label{font-size:15px;font-weight:bold} #detail .option div span{float:left;display:block;width:85%} #detail .option select{width:100%;height:35px;border:1px solid #cdcdcd} #detail .option h3{font-size:15px} #detail .seloption h4{display:none} #detail .seloption .sit_opt_list{position:relative;padding:15px 0;padding-right:220px;border-bottom:1px solid #999} #detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px} #detail .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px} #detail .selprice{padding:15px 0;text-align:right;font-size:24px;font-weight:700;color:#57839e;overflow:hidden} #detail .selprice span{font-size:15px;font-weight:400} #detail .selprice .price{font-size:24px} #detail .selbtn{overflow:hidden} #detail .selbtn button{float:left;width:100%;height:45px;font-size:16px;font-weight:500;border:0} #detail .selbtn a{float:right;display:block;width:15%;height:45px;line-height:45px;font-size:15px;font-weight:500;text-align:center} #detail .selbtn button i, #detail .selbtn a i{font-size:16px;font-weight:300} #detail .selbtn .btn_order{color:#fff;background:#57839e} #detail .selbtn .btn_order:hover{background:#6396b5} #detail .selbtn .btn_buy{color:#fff;background:#003e9e} #detail .selbtn .btn_buy:hover{background:#0052d0} #detail .selbtn .btn_counsel{float:right;color:#fff;background:#666} #detail .selbtn .btn_counsel:hover{background:#777} #detail .selbtn .btn_cart{color:#fff;background:#009b48} #detail .selbtn .btn_cart:hover{background:#00af51} #detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff} #detail .selbtn .btn_wish:hover{color:#d50c0c;border:1px solid #d50c0c} #detail .selbtn .btn_alm{color:#fff;border:0;background:#d50c0c} #detail .selimage{text-align:center} #detail .selimage a{display:none} #detail .selimage a.visible{display:block} #detail .selimage img{width:auto;max-width:100%;height:auto} #detail .selthumb{} #detail .selthumb ul{} #detail .selthumb li{} #detail .selthumb li a{} #detail #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em} #detail #sit_opt_added button:hover{color:#000} #detail #sit_opt_added .num_input {float:left;border:0;height:30px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa} #detail #sit_opt_added .sit_opt_del{ float:right;font-size:15px; border:1px solid #aaa; margin-left:1px; } #detail #sit_opt_added .sit_opt_del:hover{color:#be334a} #detail #sit_opt_added .sit_opt_prc{ float:left;width:120px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700} #detail .sit_icon{ display:block;padding:0px 0px 15px 0; margin:0px;} #detail .sit_icon:after {clear:both;display:table;content:"";line-height:0} #detail .sit_icon li{float:left; width:20%;padding-left:1px; } #detail .sit_icon li:first-child {padding-left:0px;} #detail .shop_icon{display:block;width:100%;height:32px;line-height:32px;font-size:16px;font-weight:500;text-align:center;border-radius:0%; letter-spacing:-1px;} /**/ #shopinfo .fixed{position:fixed;left:0;right:0;top:0;z-index:10;width:100%} #shopinfo .shoptab{padding:20px 0} #shopinfo .shoptab ul.tab_tit.tab_tit{*zoom:1} #shopinfo .shoptab ul.tab_tit:before, #shopinfo .shoptab ul.tab_tit:after{clear:both;display:table;content:"";line-height:0} #shopinfo .shoptab li{float:left;width:25%} #shopinfo .shoptab li a, #shopinfo .shoptab li button{display:block;width:100%;line-height:50px;font-size:17px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa} #shopinfo .shoptab li:first-child a, #shopinfo .shoptab li:first-child button{border-left:1px solid #ccc} #shopinfo .shoptab li button.selected {background:#85a7bc; border-color:#85a7bc; color:#fff;} #shopinfo .shoptab .sel a{color:#000;background:#e8f7ff} #sit_tab ul.tab_con{margin:0 auto;width:100%; padding: 20px;} #sit_dvex h3{font-size:24px; font-weight:300; margin-bottom:10px;} #sit_dvex #sit_ex h3{margin-top:30px;} #sit_dvex .sit_dvr_cont {background:#f1f7f7; padding:30px; color:#454545;line-height:1.6; } #sit_dvex .sit_ex_cont {background:#faf6f4; padding:30px; color:#454545; line-height:1.6; } #sit_dvex .sit_ex_cont p b {color:#000; font-size:18px; font-weight:normal; display:block; margin-bottom:5px;} #shopinfo #dtinfo{margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */ #shopinfo #dtinfo img{max-width:100%;height:auto} #shopinfo #dtinfo .v_pc{} #shopinfo #dtinfo .v_mb{display:none} /**/ #rank{padding:50px 0;background:#fff} #rank h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px} #rank ul{margin:0 -10px;overflow:hidden} #rank li{float:left;position:relative;width:20%} #rank li:hover .item{border:1px solid #777;background-color:#fff} #rank li:hover .sns{display:block} #rank p{position:absolute;top:20px;right:0} #rank p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200} #rank p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%} #rank .item{margin:0 10px;padding:0 15px;border:1px solid #dbdbdb;background-color:#fff;transition:all 0.2s ease-in-out} #rank .img{padding:15px 0;text-align:center} #rank .img img{width:auto;max-width:100%;height:auto} #rank .txt{padding:2px 0;min-height:40px;overflow:hidden} #rank .txt a{display:block;font-size:13px;font-weight:500;letter-spacing:-1px;color:#333;transition:all 0.2s ease-in-out} #rank .txt a:hover{color:#000} #rank .txt span{display:block;padding:5px 0;font-size:11px;letter-spacing:-1px;color:#777} #rank .cost{padding-bottom:20px} #rank .cost strong{font-size:20px;font-weight:700} #rank .cost .tit{float:left;display:block;padding:0 10px;line-height:21px;font-size:12px;border:1px solid #aaa} #rank .cost .price{float:right;line-height:21px} #rank .cost .prime{padding-bottom:5px;overflow:hidden} #rank .cost .reduced{overflow:hidden} #rank .cost .reduced .tit{color:#de511b;border-color:#de511b} #rank .cost .reduced .price{color:#de511b} #rank .rank{position:absolute;top:0;left:10px;width:30px;height:30px;line-height:30px;font-size:14px;font-weight:700;text-align:center;color:#fff;border-radius:0%;background:#999} #rank .rn1{background:#df0000} /**/ #review{padding:50px 0;background:#efefef} #review h2{padding-bottom:40px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px} #review ul{margin:0 -10px;overflow:hidden} #review li{float:left;width:25%} #review li a{display:block;position:relative;margin:0 10px;min-height:350px;background-color:#fff} #review li a:hover .img div{background-size:110% auto} #review li a:hover .txt{color:#000} #review .img div{width:270px;height:270px;overflow:hidden; margin:0 auto;} #review .img img{width:270px;height:270px;transition:transform 0.5s} #review .img img:hover{transform:scale(1.1)} #review .txt{padding:0 20px;min-height:82px;color:#777;transition:all 0.3s ease-in-out} #review .txt em{display:block;line-height:18px; overflow:hidden; height:18px;font-size:14px;font-weight:500; word-break:keep-all; margin-bottom:2px;} #review .txt strong{display:block;line-height:22px; overflow:hidden; height:22px;font-size:18px;font-weight:500; word-break:keep-all;} #review .txt span{display:block;margin:10px 0 10px 0px;height:18px; line-height:18px;font-size:14px;font-weight:400;overflow:hidden} #review .star{padding:0 20px 20px 20px} #review .star strong{float:left;padding-right:10px;font-size:13px} #review .star img{width:40%} #review .bx-controls{position:absolute;top:5px;right:20px} #review .bx-controls-auto{float:left;position:relative} #review .bx-controls-direction a{position:relative;z-index:1;float:left;display:block;margin-right:10px;width:40px;height:40px;text-align:center;speak:none} #review .bx-controls-direction a:hover{z-index:2} #review .bx-controls-direction a:before{position:absolute;top:0;left:0;display:block;width:40px;height:40px;line-height:36px;font-size:16px;font-weight:600;border:2px solid #4c4c4c;background:#efefef} #review .bx-controls-direction a.disabled{display:none} #review .bx-prev:before{content:"\e93d";font-family:xeicon} #review .bx-next:before{content:"\e940";font-family:xeicon} /**/ #event{padding:20px 0} #event ul{margin:0 -10px;overflow:hidden} #event li{float:left;width:33.33%} #event li div{margin:0 10px;padding:30px;min-height:220px;background-size:75% auto;transition:all 0.2s ease-in-out} #event li div:hover{background-color:#eee} #event li a{display:block} #event li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #event li i{margin:0 0 20px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.5)} #event li strong{font-size:20px;font-weight:600;letter-spacing:-1px} #event li span{display:block;padding:10px 40% 0 0;line-height:16px;font-size:13px} /**/ #contain{padding:50px 0 0 0;background:#fff} #article{position:relative;border-top:1px solid #ccc} #article > .wrap{padding-bottom:0px} #article > .wrap > h2{display:block;padding:60px 0 20px 0;font-size:30px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#57839e;border-bottom:1px solid #88a4b6} #article > .wrap > h2 .bt_storetot {position:absolute; right:0px; top:60px; display:inline-block; font-size:16px; font-weight:300; line-height:40px; padding:0px 80px 0 20px; border-radius:5px; border:1px solid #e9e9e9; background:url(../img/storetot_arr.jpg) right 20px center no-repeat #f7f7f7; } #article > .wrap > h2 .bt_storetot span{font-weight:600;} /**/ #aside{position:absolute;z-index:1000;top:293px;right:-170px;width:150px} /**/ #quick, #today{display:none} /**/ #poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)} #poplayer .poplayer{position:absolute;z-index:5000;top:5%;left:50%;margin:0 0 0 -300px;padding:30px;width:600px;border:10px solid #4f535d;background:#fff} #poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center} #poplayer .product{padding-bottom:5px;border-top:2px solid #ccc} #poplayer .product table{width:100%;border-collapse:collapse} #poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa} #poplayer .product thead{display:none} #poplayer .product a strong{display:block} #poplayer .product a span{display:block;font-size:12px} #poplayer .policy{padding-bottom:5px} #poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e} #poplayer .policy ul{padding-bottom:5px} #poplayer .policy ul li{font-size:12px} #poplayer .policy ul ul{padding:0 0 5px 10px} #poplayer .policy .agree{line-height:30px;text-align:center} #poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px} #poplayer .policy .agree label{padding-right:10px;font-size:12px} #poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll} #poplayer .form .overflow{overflow:hidden} #poplayer .form .overflow .input{float:left;width:50%} #poplayer .form .input{position:relative;padding:0 0 5px 13%} #poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px} #poplayer .form .input label strong{display:none} #poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee} #poplayer .form .input input, #poplayer .form .input textarea{width:100%;border:1px solid #eee} #poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px} #poplayer .form .input .t_area{padding:5px;height:80px} #poplayer .button{padding-top:10px;text-align:center} #poplayer .button button{padding:0 20px} #poplayer .button .btn_submit{color:#fff;background:#003e9e} /**/ #consult .consult h3{margin-bottom:0px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center; } #consult .product{padding:20px 0; background:#d5e2ea;} #consult .product dl{overflow:hidden} #consult .product dt{float:left;width:20%} #consult .product dd{float:left;width:80%} #consult .product dd a{display:block;padding:20px 0} #consult .product dd a strong{display:block;font-size:20px} #consult .product dd a strong em{font-style:normal; display:inline-block; margin-left:20px;} #consult .product dd a span{display:block;font-size:15px; margin-top:5px;} #consult .product .cost{font-size:16px;font-weight:700} #consult .product .cost span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300} #consult .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e} #consult .policy ul{padding-bottom:5px} #consult .policy ul li{font-size:12px} #consult .policy ul ul{padding:0 0 5px 10px} #consult .policy .area{padding:20px;border-bottom:1px solid #eee} #consult .policy .agree{padding:15px 0;text-align:center} #consult .policy .agree strong{position:relative;top:2px;padding:0 20px;font-size:15px;letter-spacing:-1px} #consult .policy .agree label{padding-right:10px;font-size:13px} #consult .form{border:1px solid #b9cfdd} #consult .form .input{position:relative} #consult .form .input label{position:absolute;top:0;left:20px;display:block;line-height:40px;font-size:12px} #consult .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee} #consult .form .input input, #consult .form .input textarea{width:100%;border:1px solid #eee} #consult .form .input .t_txt{padding:0 5px;height:30px;line-height:30px} #consult .form .input .t_area{padding:5px;height:80px} #consult .form .input .txt{display:block;padding:10px 0 10px 20%;border-bottom:1px solid #eee} #consult .form .input:last-child .txt{border-bottom:0} #consult .button{padding-top:20px;text-align:center} #consult .button a, #consult .button input, #consult .button button{padding:0 30px;height:40px; line-height:40px; font-size:1.1em;} #consult .button .btn_ok{color:#fff;background:#009b48} #consult .button .btn_submit{color:#fff;background:#003e9e} #consult .button .btn_del{color:#fff;background:#f76800} #consult .button .btn_cancel{color:#fff;background:#777} #consult .sort{margin:0 0 30px 0;*zoom:1} #consult .sort:before, #consult .sort:after{clear:both;display:table;content:"";line-height:0} #consult .sort ul{height:37px;border-bottom:1px solid #313131} #consult .sort li{float:left;margin-right:3px} #consult .sort li:first-child a{margin:0} #consult .sort li *{transition:all 0.2s ease-in-out} #consult .sort li a{display:inline-block;position:relative;padding:0 17px;line-height:35px;font-size:13px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #consult .sort li a i{display:none} #consult .sort li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #consult .sort li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff} #consult .sort li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #consult .sort li a.sel:hover{color:#014fbb} #consult .sort li a.sel:hover i{margin-left:-0%;width:0%} #consult .table table{width:100%;border-collapse:collapse} #consult .table caption{display:none} #consult .table th{line-height:45px;font-size:12px;background:#f0f0f0} #consult .table tr:hover{background:#fff} #consult .table td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd} #consult .table a strong{display:block;font-weight:600} #consult .table a span{display:block;font-size:12px} /**/ #group{padding:0 20px} #group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0} #group .txt h2{padding:90px 0 5px 0;font-size:36px;font-weight:500;color:#fff} #group .txt p{font-size:20px;font-weight:300;color:#fff} #group .wrap{padding:30px 0;border-top:1px solid #aaa} #group .group{float:left;width:50%} #group .group:nth-of-type(odd) .latest{margin:0 0 0 30px} #group .group:nth-of-type(even) .latest{margin:0 30px 0 0} #group .latest{position:relative;min-height:300px} #group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee} #group .latest li a{display:block;padding:10px;font-size:14px;border-bottom:1px solid #eee} #group .latest .nocontent{padding:100px 0} #group .latest .more{position:absolute;top:20px;right:10px} #group .latest .more i{font-size:15px;font-weight:100;color:#999} .ctt_privacy {font-size:1.15em;} #direct .ba1 div{background :url(../img/3.png) right bottom no-repeat #bdcdd9; background-size:auto 80%;} #direct .ba2 div{background:url(../img/2.png) right bottom no-repeat #b1ccc8; background-size:auto 80%;} #direct .ba3 div{background:url(../img/1.png) right bottom no-repeat #d3cbc2;background-size:auto 80%; } #direct .ba4 div{background:url(../img/4.png) right bottom no-repeat#e3e6db; background-size:auto 80%;} #direct .ba5 div{background :url(../img/rental_ba_06.png) right bottom no-repeat #bdcdd9;background-size:auto 40%;min-height:270px} #direct .ba6 div{background:url(../img/rental_ba_09.png) right bottom no-repeat #b1ccc8; background-size:auto 40%;min-height:270px} #direct .ba7 div{background:url(../img/rental_ba_12.png) right -30px bottom -20px no-repeat #d3cbc2; background-size:auto 40%;min-height:270px} #direct .ba8 div{background:url(../img/rental_ba_03.png) right bottom no-repeat#e3e6db; background-size:auto 60%;min-height:270px} } @media all and (max-width:748px) { html,body{background:#fff} #ktplay{width:100%;min-width:320px;height:100%} #ktplay .wrap{position:relative;padding:0 0px;*zoom:1} #ktplay .wrap:before, #ktplay .wrap:after{clear:both;display:table;content:"";line-height:0} /**/ #header{position:relative;z-index:3000;top:0;left:0;padding-bottom:0px;width:100%;background:#fff;transition:all 0.4s ease-in-out} #header .top{border-bottom:1px solid #eee;background:#fff} #header .header button{position:absolute;top:0;width:60px;height:60px;font-weight:300;background:transparent} #header .header button i{font-size:28px;color:#0d2ea0} #header .header .btn-menu{left:0} #header .header .btn-page{right:0;display:none;} #header .header{background:#fff} #header .wrap h1{height:60px;text-align:center;opacity:1;transition:all 0.4s ease-in-out} #header .wrap h1 a{display:block;position:relative;top:20px} #header .wrap h1 img{width:auto; height:26px;} #header .wrap .tconsultbtA2 {display:block; position:absolute; right:15px; top:18px; color:#fff;background:#0d2ea0; font-size:12px; line-height:24px; height:24px; padding:0px 10px; border-radius:30px;} #header .lnb, #header .lib{display:none} #header .lib{float:left;margin-left:-10px} #header .lib ul{overflow:hidden} #header .lib li{float:left;margin-right:1px} #header .lib li a{display:block;padding:0 12px;line-height:35px;font-size:13px;font-weight:300;color:#333} #header .lib li a:hover, #header .lib li.sel a{color:#000;background:#dbdbdb} #header .lnb{float:right;margin-right:-10px} #header .lnb ul{overflow:hidden} #header .lnb li{float:left} #header .lnb li a{display:block;padding:0 10px;line-height:35px;font-size:12px;font-weight:300;color:#333} #header .lnb li a:hover{color:#000;background:#dbdbdb} #header .lnb .mlose{display:block} #header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)} #header.fixed .lnb, #header.fixed .lib{margin-top:-10px;opacity:0} #header .searchbox{position:relative;padding:0 10px;overflow:hidden} #header .searchbox input{padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border:0;border-bottom:1px solid #333;background:#fff;border-radius:0} #header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none} #header .searchbox button i{font-size:17px;font-weight:700;color:#1a98d5} #header .telephone{display:none} #header .telephone span{float:left;display:block;padding:0 5px;line-height:40px;font-size:13px;font-weight:300;letter-spacing:-1px} #header .telephone strong{position:relative;top:5px;font-size:24px;font-weight:800;color:#20409a} /**/ #gnbshop{display:none} /**/ #category{display:none} /**/ #sortgrid{border-bottom:1px solid #eee} #sortgrid .sort{text-align:center} #sortgrid .sort h3{position:absolute;font-size:0;line-height:0;overflow:hidden} #sortgrid .sort ul{padding:10px 0;zoom:1} #sortgrid .sort ul:after{display:block;visibility:hidden;clear:both;content:""} #sortgrid .sort li{display:inline} #sortgrid .sort li a{display:inline-block;padding:0 11px;line-height:20px;font-size:12px;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-1px;color:#999;border-right:1px solid #eee} #sortgrid .sort li a:hover{color:#1a98d5} #sortgrid .sort li:last-child a{border-right:0} #sortgrid .path, #sortgrid .grid{display:none} /**/ #footer{position:relative;background:#868686} #footer .footer{padding:30px 0;position:relative;text-align:center} #footer .footer a{color:#fafafa} #footer .footer a img{width:auto; height:28px;} #footer .footer ul{padding:20px 0;overflow:hidden} #footer .footer li{display:inline-block} #footer .footer li a{display:inline-block;padding:0 4px;font-size:12px;letter-spacing:-1px} #footer .footer li a:hover{color:#fff} #footer .footer p{color:#afafb0} #footer .footer p strong{padding-left:10px;font-size:30px;color:#fff} #footer .footer p a{font-size:30px} #footer .footer p .time {color:#d5d5d5;} #footer .footer address{display:block;padding:20px 30px;color:#aaa} #footer .footer address br{display:none} #footer .footer address span{font-size:12px} #footer .footer address strong{font-size:12px} #footer .footer cite{display:block;font-size:12px;color:#888;text-transform:uppercase} #footer .footer .comfirwin {display:block;padding:0 20px 40px 20px;font-size:12px;color:#c9c9c9; padding-top:10px; letter-spacing:-1px;} #footer .footer .comfirwin a{display:inline-block;color:#c9c9c9; margin-left:10px; } #footer .line{position:absolute;top:65px;left:0;display:none;width:100%;height:1px;background:#535355} #footer .phone{position:fixed;z-index:90000;bottom:0;left:0;width:86%;overflow:hidden;display:none} #footer .phone a{float:left;display:block;padding:0 10px;width:50%;height:50px;line-height:50px;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box;overflow:hidden} #footer .phone .ph1{color:#fff;background:#0d2ea0} #footer .phone .ph2{color:#fff;background:#333} #footer .phone i{display:inline-block; margin-right:5px;} #footer .gotop{position:fixed;z-index:90000;bottom:0;right:0;width:14%;display:none} #footer .gotop a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#949494;overflow:hidden} /**/ #preview{position:relative;background:#eee} #preview .bx-controls-auto{float:left;position:relative} #preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;width:40px;height:30px;font-size:1px;text-align:center;speak:none} #preview .bx-controls-direction a:hover{z-index:2} #preview .bx-controls-direction a:before{position:absolute;top:0px;display:block;width:30px;height:30px;line-height:32px;font-size:12px;font-weight:800;color:#fff;background:#555;transition:all 0.3s} #preview .bx-controls-direction a:hover:before{width:30px;color:#000;background:#fff} #preview .bx-prev{left:0} #preview .bx-prev:before{content:"\e93d";font-family:xeicon;left:0} #preview .bx-next{right:0} #preview .bx-next:before{content:"\e940";font-family:xeicon;right:0} #preview ul li a {display:block;margin:0 auto; text-align:center;} #preview .preview img{max-width:100%;height:auto} /**/ #visual{position:relative;overflow:hidden} #visual ul li img{display:block;width:auto;max-width:100%;height:auto} #visual .bx-viewport{z-index:10} #visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-20px;width:40px;height:40px;font-size:1px;text-align:center;transition:all 0.3s;text-indent:-99999px;} #visual .bx-controls-direction a:hover{z-index:200} #visual .bx-controls-direction a:before{position:absolute;top:0;display:block;width:40px;height:40px;line-height:42px;font-size:15px;font-weight:800;color:#000;background:transparent; text-indent:0; transition:all 0.3s} #visual .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5} #visual .bx-controls-direction a.disabled{display:none} #visual .bx-prev{left:-10px} #visual .bx-prev:before{content:"\e93d";font-family:xeicon;border-top-right-radius:60px;border-bottom-right-radius:60px} #visual .bx-prev:hover{left:-10px} #visual .bx-next{right:-10px} #visual .bx-next:before{content:"\e940";font-family:xeicon;border-top-left-radius:60px;border-bottom-left-radius:60px} #visual .bx-next:hover{right:-10px} #visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center} #visual .bx-pager-item{display:inline;margin-right:5px} #visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out} #visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out} /**/ #index .ca00{padding:0px 0 10px 0;background:#f1f7f7}#index .ca00 .item{border:0px solid #fff} #index .ca10{padding:0px 0 10px 0;background:#ffffff} #index .ca20{padding:0px 0 10px 0;background:#efefef}#index .ca20 .item{border:0px solid #fff} #index .ca30{padding:0px 0;background:#ffffff} #index .ca40{padding:0px 0;background:#faf4f9}#index .ca40 .item{border:0px solid #fff} #index .ca50{padding:0px 0;background:#ffffff} #index .ca60{padding:0px 0;background:#efefef}#index .ca60 .item{border:0px solid #fff} #index .ca70{padding:0px 0;background:#ffffff} #index .ca80{padding:0px 0;background:#f0e8f2}#index .ca80 .item{border:0px solid #fff} #index .ca90{padding:0px 0;background:#ffffff} /**/ #direct{padding-bottom:10px;} #direct h2{padding:10px 10px 0px 15px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px} #direct ul{overflow:hidden} #direct li{float:left;width:100%} #direct li div{display:block;position:relative;margin:0 15px 10px 15px;padding:15px;background-size:30% auto;transition:all 0.2s ease-in-out} #direct li div:hover{background-color:#eee} #direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #direct li b{display:inline-block; color:#081f91;font-weight: bold} #direct li i{margin:5px 0;width:10px;height:5px;background:#00499c;border-radius: 30px;} #direct li strong{margin-bottom:15px;font-size:18px; line-height:23px;font-weight:300;letter-spacing:-1px;color:#000;} #direct li span{margin-bottom:5px;font-size:14px; line-height:18px; height:54px;letter-spacing:-1px; color:#23292d;} #direct li.ba7 span{height:128px;} #direct li.ba8 span{height:auto;} #direct li em{ color:#6470b6; font-size:12px; line-height:15px; display:block; font-weight:500; margin-top: 10px;} #direct li em.new_strong{ color:#000; font-size:14px; line-height:15px; display:block; font-weight:500; margin-top: 5px;} #direct li em.new{ color:#616161; font-size:12px; line-height:15px; display:block; font-weight:500; margin-top: 10px;} /**/ #prod{padding:0 0 10px 0;} #prod h2{padding:10px 10px 0px 10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px} #prod ul{overflow:hidden} #prod li{float:left;position:relative;width:50%} #prod p{position:absolute;top:20px;right:20px} #prod p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200} #prod p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%} #prod li:nth-child(odd) .item{background-color:#d6e2ea} #prod li:nth-child(even) .item{background-color:#e3e3e3} #prod li:hover:nth-child(odd) .item{background-color:#eaf2f7} #prod li:hover:nth-child(even) .item{background-color:#fafafa} #prod li:hover .sns{display:block} #prod .wrap{padding:0 10px} #prod .item{margin:0 5px 10px 5px;min-height:325px;background-color:#d6e2ea;transition:all 0.2s ease-in-out} #prod .img{padding:20px 0px 10px 0px;text-align:center;overflow:hidden} #prod .img img{position:relative;z-index:1;transition:transform 0.5s; max-width:80%; height:auto;} #prod .img img:hover{transform:scale(1.1)} #prod .selnum{position:relative;z-index:2;padding:0 10px;padding-bottom:10px;overflow:hidden; color:#000;font-size:13px;} #prod .selnum strong {color:#2946aa; font-size:16px;} #prod .txt{position:relative;z-index:2;padding:0 10px;padding-bottom:15px;overflow:hidden} #prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700} #prod .txt .model{display:block;margin:5px 0;height:18px;line-height:18px;font-size:16px;font-weight:500;color:#000;overflow:hidden;transition:all 0.2s ease-in-out; word-break:keep-all;} #prod .txt .model:hover{color:#000} #prod .txt .sbj{display:block;margin:5px 0;height:18px;line-height:18px;font-size:16px;font-weight:500;color:#000;overflow:hidden;transition:all 0.2s ease-in-out; word-break:keep-all;} #prod .txt .sbj:hover{color:#000} #prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #prod .cost{padding:0 10px} #prod .cost strong{font-size:20px;font-weight:700} #prod .cost .tit{float:left;display:block;max-width:60px;line-height:24px; padding:0px 5px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px} #prod .cost .price{float:right;line-height:24px;color:#000;font-size:13px; letter-spacing:-0.5px; } #prod .cost .price strong {font-size:18px; } #prod .cost .prime{padding-bottom:5px;overflow:hidden; } #prod .cost .reduced{overflow:hidden} #prod .cost .reduced .tit{} #prod .cost .reduced .price{color:#333} #prod .ico{position:absolute;z-index:2;top:0px;left:0px; width:100%;} #prod .sit_icon{ padding:0px 5px; margin:0px;} #prod .sit_icon li{float:left; width:22%;padding-left:1px; } #prod .sit_icon li:first-child {padding-left:0px;} #prod .sit_icon li.el{width:28%;} #prod .shop_icon{display:block;width:100%;height:32px;line-height:32px;font-size:12px;font-weight:400;text-align:center;border-radius:0%; letter-spacing:-1px;} #prod .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%} #prod .sns a{display:inline-block;margin:2px;padding:10px 0;width:40px;height:40px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.2s ease-in-out} #prod .sns a img{width:18px} #prod .sns .share-facebook:hover{background:#415b92} #prod .sns .share-twitter:hover{background:#35b3dc} #prod .sns .share-googleplus:hover{background:#d5503a} #prod li.bestbanA{display:none;} #colorpro #prod li.bestbanA{display:block; width:50%; } #colorpro #prod li.bestbanA .item {background:url(../img/colorpro_bg2.jpg) left -40px bottom no-repeat !important; background-size:auto 100% !important; position:relative;} #colorpro #prod li.bestbanA .imgA{display:none;} #colorpro #prod li.bestbanA .imgA2 {display:block; height:100%;} #colorpro #prod li.bestbanA .imgA2 img{position:absolute; left:6px; bottom:15px; width:auto; height:34px;} /**/ #detail{background:#d5e2ea} #detail .detail{*zoom:1} #detail .detail:before, #detail .detail:after{clear:both;display:table;content:"";line-height:0} #detail .fl{width:100%} #detail .fr{width:100%} #detail .group{padding:10px 30px 30px 30px/*padding:30px;border:1px solid #ccc*/} #detail .subject{padding:10px 0;border-bottom:1px solid #999} #detail .subject strong{font-size:12px;color:#777} #detail .subject h3{padding-bottom:5px;line-height:40px;font-size:24px;font-weight:500;color:#2b2b2b} #detail .subject p{font-size:15px;color:#474747} #detail .subject p#sit_desc {font-size:15px; color:#000;} #detail .subject p#sit_alt {font-size:13px; color:#646f76; word-break:keep-all; margin-top:10px; margin-bottom:10px;} #detail .commodity{padding:15px 0} #detail .commodity li{overflow:hidden} #detail .commodity li label{float:left;font-size:14px} #detail .commodity li strong{float:right} #detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300} #detail .commodity li label, #detail .commodity li strong{display:block;line-height:30px} #detail .commodity .price{font-size:17px} #detail .option{padding:10px 0;border-top:1px solid #eee} #detail .option h4{padding:5px 0 15px 0} #detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden} #detail .option div label{float:left;display:none;width:15%} #detail .option div.get_item_options > label{font-size:15px;font-weight:bold} #detail .option div span{float:left;display:block;width:100%} #detail .option select{width:100%;height:35px;border:1px solid #cdcdcd; background:#fff;} #detail .option h3{font-size:15px} #detail .seloption h4{display:none} #detail .seloption .sit_opt_list{position:relative;padding:15px 0 50px 0;border-bottom:1px solid #999} #detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px} #detail .seloption .opt_count{position:absolute;bottom:15px;right:0; width:100%;} #detail .selprice{padding:15px 0;text-align:right;font-size:17px;font-weight:700;color:#57839e;overflow:hidden} #detail .selprice span{font-size:15px;font-weight:400} #detail .selprice .price{font-size:24px} #detail .selbtn{overflow:hidden} #detail .selbtn button{float:left;width:100%;height:45px;font-size:16px;font-weight:500;border:0} #detail .selbtn a{float:right;display:block;width:15%;height:45px;line-height:45px;font-size:15px;font-weight:500;text-align:center} #detail .selbtn button i, #detail .selbtn a i{font-size:16px;font-weight:300} #detail .selbtn .btn_order{color:#fff;background:#57839e} #detail .selbtn .btn_order:hover{background:#6396b5} #detail .selbtn .btn_buy{color:#fff;background:#003e9e} #detail .selbtn .btn_buy:hover{background:#0052d0} #detail .selbtn .btn_counsel{float:right;color:#fff;background:#666} #detail .selbtn .btn_counsel:hover{background:#777} #detail .selbtn .btn_cart{color:#fff;background:#009b48} #detail .selbtn .btn_cart:hover{background:#00af51} #detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff} #detail .selbtn .btn_wish:hover{color:#d50c0c;border:1px solid #d50c0c} #detail .selbtn .btn_alm{color:#fff;border:0;background:#d50c0c} #detail .selimage{text-align:center} #detail .selimage a{display:none} #detail .selimage a.visible{display:block} #detail .selimage img{width:auto;max-width:100%;height:auto} #detail .selthumb{} #detail .selthumb ul{} #detail .selthumb li{} #detail .selthumb li a{} #detail #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #aaa;background:#fff;color:#666;font-size:0.92em} #detail #sit_opt_added button:hover{color:#000} #detail #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;text-align:center} #detail #sit_opt_added .sit_opt_del{float:right;border:0;font-size:15px} #detail #sit_opt_added .sit_opt_del:hover{color:#be334a} #detail #sit_opt_added .sit_opt_prc{display:block;float:left; width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700} #detail .sit_icon{ display:block;padding:0px 0px 15px 0; margin:0px;} #detail .sit_icon:after {clear:both;display:table;content:"";line-height:0} #detail .sit_icon li{float:left; width:22%;padding-left:1px; } #detail .sit_icon li:first-child {padding-left:0px;} #detail .sit_icon li.el{width:28%;} #detail .shop_icon{display:block;width:100%;height:28px;line-height:28px;font-size:13px;font-weight:500;text-align:center;border-radius:0%; letter-spacing:-1px;overflow:hidden;} /**/ #shopinfo .fixed{position:fixed;left:0;right:0;top:0;z-index:10;width:100%} #shopinfo .shoptab{padding:20px 0 0px 0px;} #shopinfo .shoptab ul.tab_tit.tab_tit{*zoom:1} #shopinfo .shoptab ul.tab_tit:before, #shopinfo .shoptab ul.tab_tit:after{clear:both;display:table;content:"";line-height:0} #shopinfo .shoptab ul.tab_tit{width:100%; display:table;} #shopinfo .shoptab li{display:table-cell; width:auto; vertical-align:center;} #shopinfo .shoptab li a, #shopinfo .shoptab li button{display:block;width:100%;line-height:40px;font-size:13px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa} #shopinfo .shoptab li:first-child a, #shopinfo .shoptab li:first-child button{border-left:1px solid #ccc} #shopinfo .shoptab li button.selected {background:#85a7bc; border-color:#85a7bc; color:#fff;} #shopinfo .shoptab .sel a{color:#000;background:#e8f7ff} #sit_tab ul.tab_con{margin:0 auto;width:100%; padding:10px 0;} #sit_tab ul.tab_con img{max-width:100%;height:auto} #sit_dvex h3{font-size:20px; font-weight:300; margin-bottom:10px;} #sit_dvex #sit_ex h3{margin-top:30px;} #sit_dvex .sit_dvr_cont {background:#f1f7f7; padding:15px; color:#454545;line-height:1.6; } #sit_dvex .sit_ex_cont {background:#faf6f4; padding:15px; color:#454545; line-height:1.6; } #sit_dvex .sit_ex_cont p b {color:#000; font-size:16px; font-weight:normal; display:block; margin-bottom:5px;} #shopinfo #dtinfo{margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */ #shopinfo #dtinfo img{max-width:100%;height:auto} #shopinfo #dtinfo .v_pc{display:none} #shopinfo #dtinfo .v_mb{} /**/ #sit_inf{padding:0 0px} /**/ #rank{background:#fff} #rank h2{padding:0 0 20px 0;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px} #rank ul{overflow:hidden} #rank li{float:left;position:relative;width:100%} #rank li:hover .item{border:1px solid #777;background-color:#fff} #rank li:hover .sns{display:block} #rank p{position:absolute;top:20px;right:10px} #rank p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200} #rank p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%} #rank .item{margin:0 0 10px 0;padding:0 15px;border:1px solid #dbdbdb;background-color:#fff;transition:all 0.2s ease-in-out} #rank .img{padding:15px 0;text-align:center} #rank .img img{width:auto;max-width:100%;height:auto} #rank .txt{padding:2px 0;min-height:40px;overflow:hidden} #rank .txt a{display:block;font-size:13px;font-weight:500;letter-spacing:-1px;color:#333;transition:all 0.2s ease-in-out} #rank .txt a:hover{color:#000} #rank .txt span{display:block;padding:5px 0;font-size:11px;letter-spacing:-1px;color:#777} #rank .cost{padding-bottom:20px} #rank .cost strong{font-size:20px;font-weight:700} #rank .cost .tit{float:left;display:block;padding:0 10px;line-height:21px;font-size:12px;border:1px solid #aaa} #rank .cost .price{float:right;line-height:21px} #rank .cost .prime{padding-bottom:5px;overflow:hidden} #rank .cost .reduced{overflow:hidden} #rank .cost .reduced .tit{color:#de511b;border-color:#de511b} #rank .cost .reduced .price{color:#de511b} #rank .rank{position:absolute;top:0;left:0;width:50px;height:50px;line-height:50px;font-size:14px;font-weight:700;text-align:center;color:#fff;border-radius:0%;background:#999} #rank .rn1{background:#df0000} /**/ #review{background:#fff; padding:0px 10px 10px 10px;} #review h2{padding:20px 80px 20px 20px;font-size:18px;font-weight:500;letter-spacing:-1px; word-break:keep-all;} #review h2 span{display:block;font-weight:300; font-size:14px; } #review ul{overflow:hidden} #review li {padding:0px 0px; margin-right:0px !important;} #review li a{display:block;position:relative;margin:0 5px;min-height:270px;background-color:#f3f3f3} #review li a strong{display:block;padding-bottom:10px;font-size:16px;font-weight:600}s #review li a span{display:block;font-size:13px;font-weight:400} #review li a:hover .img div{background-size:110% auto} #review li a:hover .txt{color:#000} #review .wrap{padding:10px 0} #review .img{padding:0px 10px} #review .img div{ width:100%; margin:0 auto;height:auto;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;transition:all 0.3s ease-in-out;overflow:hidden} #review .img div img{max-width:100%; height:auto;} #review .txt{padding:0 20px;min-height:60px;color:#777;transition:all 0.3s ease-in-out} #review .txt em{display:block;line-height:16px; overflow:hidden; height:16px;font-size:13px;font-weight:500; word-break:keep-all; margin-bottom:2px;} #review .txt strong{display:block;line-height:20px; overflow:hidden; height:20px; margin-bottom:5px;font-size:15px;font-weight:600; word-break:keep-all;} #review .txt span{display:block;margin:5px 0 5px 0px;height:18px; line-height:18px;font-size:13px;font-weight:400;overflow:hidden} #review .star{padding:0 20px 20px 20px} #review .star strong{float:left;padding-right:10px;font-size:12px} #review .star img{width:40%} #review .bx-controls{position:absolute;top:40px;right:0px} #review .bx-controls-auto{float:left;position:relative} #review .bx-controls-direction a{position:relative;z-index:1;float:left;display:block;margin-right:8px;width:30px;height:30px;text-align:center;speak:none} #review .bx-controls-direction a:hover{z-index:2} #review .bx-controls-direction a:before{position:absolute;top:0;left:0;display:block;width:30px;height:30px;line-height:28px;font-size:14px;font-weight:600;border:1px solid #4c4c4c;background:#fff} #review .bx-controls-direction a.disabled{display:none} #review .bx-prev:before{content:"\e93d";font-family:xeicon} #review .bx-next:before{content:"\e940";font-family:xeicon} /**/ #event{padding:20px 0} #event ul{overflow:hidden} #event li{float:left;width:100%} #event li div{margin:0 0 10px 0;padding:20px;min-height:120px;background-size:50% auto;transition:all 0.2s ease-in-out} #event li div:hover{background-color:#eee} #event li a{display:block} #event li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #event li i{margin:0 0 10px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.5)} #event li strong{font-size:17px;font-weight:600;letter-spacing:-1px} #event li span{display:block;padding:10px 20% 10px 0;line-height:16px;font-size:13px} /**/ #contain{padding:0 10px;background:#fff} #article{position:relative} #article:before{content:''} #article > .wrap{padding-bottom:50px} #article > .wrap > h2{display:block;margin:10px 0;padding:0 20px 0px 20px;line-height:20px;font-size:20px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#57839e;border-left:5px solid #ccc} #article > .wrap > h2 .bt_storetot {display: block;position:absolute; left:0px; width:100%;bottom:15px; font-size:13px; font-weight:300; line-height:30px; padding:0px 60px 0 25px; border-radius:5px; border:1px solid #e9e9e9; background:url(../img/storetot_arr.jpg) right 15px center no-repeat #f7f7f7; } #article > .wrap > h2 .bt_storetot span{font-weight:600;} #article .listlocal{right:10px} /**/ #aside{position:absolute;top:233px;right:-170px;width:150px} #quick, #today{display:none} /**/ #poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)} #poplayer .poplayer{position:absolute;z-index:5000;top:0;left:0;padding:10px;border:2px solid #4f535d;background:#fff} #poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center} #poplayer .product{padding-bottom:5px;border-top:2px solid #ccc} #poplayer .product table{width:100%;border-collapse:collapse} #poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa} #poplayer .product thead{display:none} #poplayer .product a strong{display:block} #poplayer .product a span{display:block;font-size:12px} #poplayer .policy{padding-bottom:5px} #poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e} #poplayer .policy ul{padding-bottom:5px} #poplayer .policy ul li{font-size:12px} #poplayer .policy ul ul{padding:0 0 5px 10px} #poplayer .policy .agree{line-height:30px;text-align:center} #poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px} #poplayer .policy .agree label{padding-right:10px;font-size:12px} #poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll} #poplayer .form .input{position:relative;padding:0 0 5px 13%} #poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px} #poplayer .form .input label strong{display:none} #poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee} #poplayer .form .input input, #poplayer .form .input textarea{width:100%;border:1px solid #eee} #poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px} #poplayer .form .input .t_area{padding:5px;height:80px} #poplayer .button{padding-top:10px;text-align:center} #poplayer .button button{padding:0 20px} #poplayer .button .btn_submit{color:#fff;background:#003e9e} /**/ #consult .consult h3{ padding:10px 0;font-size:24px;letter-spacing:-1px;text-align:center; } #consult .product{padding:20px 0px; background:#d5e2ea;} #consult .product dl{overflow:hidden} #consult .product dt a{display:block;margin:0 auto;width:150px} #consult .product dd{ padding:0px 20px;} #consult .product dd a{display:block;padding:20px 0} #consult .product dd a strong{display:block;font-size:20px} #consult .product dd a strong em{font-style:normal; display:block; margin-bottom:10px;} #consult .product dd a span{display:block;font-size:14px;} #consult .product .cost{font-size:16px;font-weight:700} #consult .product .cost span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300} #consult .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e} #consult .policy ul{padding-bottom:5px} #consult .policy ul li{font-size:12px} #consult .policy ul ul{padding:0 0 5px 10px} #consult .policy .area{padding:10px 0;border-bottom:1px solid #eee} #consult .policy .agree{padding:10px 0;text-align:center} #consult .policy .agree strong{display:block;font-size:15px;letter-spacing:-1px} #consult .policy .agree label{padding-right:10px;font-size:13px} #consult .form{border:1px solid #b9cfdd} #consult .form .input{position:relative} #consult .form .input label{position:absolute;top:5px;left:10px;display:block;line-height:40px;font-size:12px} #consult .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee} #consult .form .input input, #consult .form .input textarea{width:100%;border:1px solid #eee} #consult .form .input .t_txt{padding:0 5px;height:30px;line-height:30px} #consult .form .input .t_area{padding:5px;height:80px} #consult .form .input .txt{display:block;padding:10px 10px 10px 20%;border-bottom:1px solid #eee;min-height:50px;line-height:30px} #consult .form .input:last-child .txt{border-bottom:0} #consult .form .input_el .txt{display:block;padding:35px 10px 10px 10px;border-bottom:1px solid #eee} #consult .button{padding-top:20px;text-align:center} #consult .button a, #consult .button input, #consult .button button{padding:0 20px; height:40px; line-height:40px;} #consult .button .btn_ok{color:#fff;background:#009b48; font-size:1.1em;} #consult .button .btn_submit{color:#fff;background:#003e9e; font-size:1.1em;} #consult .button .btn_del{color:#fff;background:#f76800; font-size:1.1em;} #consult .button .btn_cancel{color:#fff;background:#555; font-size:1.1em;} #consult .sort{margin:0 0 30px 0;*zoom:1} #consult .sort:before, #consult .sort:after{clear:both;display:table;content:"";line-height:0} #consult .sort ul{height:37px;border-bottom:1px solid #313131} #consult .sort li{float:left;margin-right:3px} #consult .sort li:first-child a{margin:0} #consult .sort li *{transition:all 0.2s ease-in-out} #consult .sort li a{display:inline-block;position:relative;padding:0 17px;line-height:35px;font-size:13px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3} #consult .sort li a i{display:none} #consult .sort li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131} #consult .sort li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff} #consult .sort li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa} #consult .sort li a.sel:hover{color:#014fbb} #consult .sort li a.sel:hover i{margin-left:-0%;width:0%} #consult .table table{width:100%;border-collapse:collapse} #consult .table caption{display:none} #consult .table th{line-height:45px;font-size:12px;background:#f0f0f0} #consult .table tr:hover{background:#fff} #consult .table td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd} #consult .table a strong{display:block;font-weight:600} #consult .table a span{display:block;font-size:12px} /**/ #group{padding:0 10px} #group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0} #group .txt h2{padding:90px 0 5px 0;font-size:30px;font-weight:500;color:#fff} #group .txt p{padding:0 20px;font-size:15px;font-weight:300;color:#fff} #group .wrap{padding:0 0 20px 0;border-top:0px solid #aaa} #group .group{float:left;width:100%} #group .latest{position:relative;min-height:300px} #group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee} #group .latest li a{display:block;padding:10px;font-size:14px;border-bottom:1px solid #eee} #group .latest .nocontent{padding:100px 0} #group .latest .more{position:absolute;top:20px;right:10px} #group .latest .more i{font-size:15px;font-weight:100;color:#999} #direct .ba1 div{background :url(../img/3.png) right bottom no-repeat #bdcdd9; background-size:auto 80%;} #direct .ba2 div{background:url(../img/2.png) right bottom no-repeat #b1ccc8; background-size:auto 80%;} #direct .ba3 div{background:url(../img/1.png) right bottom no-repeat #d3cbc2;background-size:auto 80%; } #direct .ba4 div{background:url(../img/4.png) right bottom no-repeat#e3e6db; background-size:auto 80%;} #direct .ba5 div{background :url(../img/rental_ba_06.png) right bottom no-repeat #bdcdd9;background-size:auto 55%;} #direct .ba6 div{background:url(../img/rental_ba_09.png) right bottom no-repeat #b1ccc8; background-size:auto 50%;} #direct .ba7 div{background:url(../img/rental_ba_12.png) right bottom no-repeat #d3cbc2; background-size:auto 35%;} #direct .ba8 div{background:url(../img/rental_ba_03.png) right bottom no-repeat#e3e6db; background-size:auto 60%;} } /*공통클래스속성*/ .nocontent{padding:50px 0;font-size:15px,'dotum','돋움','gulim','굴림','Tahoma','sans-serif';text-align:center} .none{display:none !important} .skip{display:none !important} .hidden{visibility:hidden} .block{display:block} .both{clear:both} .holiday{display:none;position:absolute;z-index:5000;top:50px;left:50%;margin-left:-285px !important;cursor:pointer} .btn_mod{position:fixed;z-index:9000;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.7)} .btn_mod a{display:block;height:40px;line-height:40px;font-size:15px;font-weight:500;color:#fff;text-align:center} .tal{text-align:left !important} .tac{text-align:center !important} .tar{text-align:right !important} .fl{float:left} .fr{float:right} .left{text-align:left !important} .center{text-align:center} .right{text-align:right !important;white-space:normal;word-break:break-all} .check label{position:absolute !important;z-index:1;top:-95px;left:5px;display:block;width:21px;height:21px;background:url(../img/common/check.png) no-repeat;text-indent:-9999em;overflow:hidden} .blue{color:#43579f !important} .black{color:#000 !important} .red{color:#de511b !important} .orange{color:#ff6c2b !important} .gray{color:#888 !important} .green{color:#00a19c !important} .navy{color:#57839e !important} .bold{font-weight:800 !important} .price .bold{color:#c00} .bd0{border:0 !important} .fot15{font-size:15px !important;font-weight:800} .finish{padding:10px 0;font-size:18px;text-align:center;color:#000;background:#fff000} /*공통속성*/ .bd0{border:0 !important} .bdt0{border-top:0 !important} .bdb0{border-bottom:0 !important} .bdb1{border-bottom:1px solid #ccc !important} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt7{margin-top:7px} .mt8{margin-top:8px} .mt9{margin-top:9px} .mt10{margin-top:10px} .mt11{margin-top:11px} .mt12{margin-top:12px} .mt13{margin-top:13px} .mt14{margin-top:14px} .mt15{margin-top:15px} .mt16{margin-top:16px} .mt17{margin-top:17px} .mt18{margin-top:18px} .mt19{margin-top:19px} .mt20{margin-top:20px} .mr1p{margin-right:1% !important} .mr2p{margin-right:2% !important} .mr3p{margin-right:3% !important} .mr4p{margin-right:4% !important} .mr5p{margin-right:5% !important} .mr6p{margin-right:6% !important} .mr7p{margin-right:7% !important} .mr8p{margin-right:8% !important} .mr9p{margin-right:9% !important} .mr10p{margin-right:10% !important} .mr11p{margin-right:11% !important} .mr12p{margin-right:12% !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .mb55{margin-bottom:55px !important} .pl07{padding-left:7px !important} .pl10{padding-left:10px !important} .pl11{padding-left:11px !important} .pl12{padding-left:12px !important} .pl13{padding-left:13px !important} .pl14{padding-left:14px !important} .pl15{padding-left:15px !important} .pl16{padding-left:16px !important} .pl17{padding-left:17px !important} .pl18{padding-left:18px !important} .pl19{padding-left:19px !important} .pl20{padding-left:20px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .w1p{width:1% !important} .w2p{width:2% !important} .w3p{width:3% !important} .w4p{width:4% !important} .w5p{width:5% !important} .w6p{width:6% !important} .w7p{width:7% !important} .w8p{width:8% !important} .w9p{width:9% !important} .w10p{width:10% !important} .w11p{width:11% !important} .w12p{width:12% !important} .w13p{width:13% !important} .w14p{width:14% !important} .w15p{width:15% !important} .w16p{width:16% !important} .w17p{width:17% !important} .w18p{width:18% !important} .w19p{width:19% !important} .w20p{width:20% !important} .w21p{width:21% !important} .w22p{width:22% !important} .w23p{width:23% !important} .w24p{width:24% !important} .w25p{width:25% !important} .w26p{width:26% !important} .w27p{width:27% !important} .w28p{width:28% !important} .w29p{width:29% !important} .w30p{width:30% !important} .w31p{width:31% !important} .w32p{width:32% !important} .w33p{width:33% !important} .w34p{width:34% !important} .w35p{width:35% !important} .w36p{width:36% !important} .w37p{width:37% !important} .w38p{width:38% !important} .w39p{width:39% !important} .w40p{width:40% !important} .w41p{width:41% !important} .w42p{width:42% !important} .w43p{width:43% !important} .w44p{width:44% !important} .w45p{width:45% !important} .w46p{width:46% !important} .w47p{width:47% !important} .w48p{width:48% !important} .w49p{width:49% !important} .w50p{width:50% !important} .w51p{width:51% !important} .w52p{width:52% !important} .w53p{width:53% !important} .w54p{width:54% !important} .w55p{width:55% !important} .w56p{width:56% !important} .w57p{width:57% !important} .w58p{width:58% !important} .w59p{width:59% !important} .w60p{width:60% !important} .w68p{width:68% !important} .w70p{width:70% !important} .w80p{width:80% !important} .w90p{width:90% !important} .w100p{width:100% !important} .w10{width:10px !important} .w20{width:20px !important} .w30{width:30px !important} .w40{width:40px !important} .w50{width:50px !important} .w60{width:60px !important} .w70{width:70px !important} .w75{width:75px !important} .w80{width:80px !important} .w85{width:85px !important} .w90{width:90px !important} .w95{width:95px !important} .w100{width:100px !important} .w110{width:110px !important} .w120{width:120px !important} .w125{width:125px !important} .w130{width:130px !important} .w140{width:140px !important} .w150{width:150px !important} .w160{width:160px !important} .w170{width:170px !important} .w180{width:180px !important} .w190{width:190px !important} .w200{width:200px !important} .w210{width:210px !important} .w220{width:220px !important} .w230{width:230px !important} .w240{width:240px !important} .w250{width:250px !important} .w260{width:260px !important} .w270{width:270px !important} .w280{width:280px !important} .w290{width:290px !important} .w300{width:300px !important} .w310{width:310px !important} .w320{width:320px !important} .w330{width:330px !important} .w340{width:340px !important} .w350{width:350px !important} .w360{width:360px !important} .w370{width:370px !important} .w380{width:380px !important} .w390{width:390px !important} .w400{width:400px !important} .w500{width:500px !important} .w600{width:600px !important} .w700{width:700px !important} .w800{width:800px !important} .w900{width:900px !important} .w1p{width:1% !important} .w2p{width:2% !important} .w3p{width:3% !important} .w4p{width:4% !important} .w5p{width:5% !important} .w6p{width:6% !important} .w7p{width:7% !important} .w8p{width:8% !important} .w9p{width:9% !important} .w10p{width:10% !important} .w11p{width:11% !important} .w12p{width:12% !important} .w13p{width:13% !important} .w14p{width:14% !important} .w15p{width:15% !important} .w16p{width:16% !important} .w17p{width:17% !important} .w18p{width:18% !important} .w19p{width:19% !important} .w20p{width:20% !important} .w21p{width:21% !important} .w22p{width:22% !important} .w23p{width:23% !important} .w24p{width:24% !important} .w25p{width:25% !important} .w26p{width:26% !important} .w27p{width:27% !important} .w28p{width:28% !important} .w29p{width:29% !important} .w30p{width:30% !important} .w31p{width:31% !important} .w32p{width:32% !important} .w33p{width:33% !important} .w34p{width:34% !important} .w35p{width:35% !important} .w36p{width:36% !important} .w37p{width:37% !important} .w38p{width:38% !important} .w39p{width:39% !important} .w40p{width:40% !important} .w41p{width:41% !important} .w42p{width:42% !important} .w43p{width:43% !important} .w44p{width:44% !important} .w45p{width:45% !important} .w46p{width:46% !important} .w47p{width:47% !important} .w48p{width:48% !important} .w49p{width:49% !important} .w50p{width:50% !important} .w51p{width:51% !important} .w52p{width:52% !important} .w53p{width:53% !important} .w54p{width:54% !important} .w55p{width:55% !important} .w56p{width:56% !important} .w57p{width:57% !important} .w58p{width:58% !important} .w59p{width:59% !important} .w60p{width:60% !important} .w68p{width:68% !important} .w70p{width:70% !important} .w80p{width:80% !important} .w90p{width:90% !important} .w100p{width:100% !important} .h10{height:10px !important} .h15{height:15px !important} .h20{height:20px !important} .h25{height:25px !important} .h30{height:30px !important} .h35{height:35px !important} .h40{height:40px !important} .h45{height:45px !important} .h50{height:50px !important} .h100{height:100px !important} .h150{height:150px !important} .h200{height:200px !important} .h250{height:250px !important} .h300{height:300px !important} /* DatePicker Container */ .ui-datepicker{margin:5px auto;width:216px;height:auto;font:9pt Arial,sans-serif;background:#fff;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .5)} .ui-datepicker a{text-decoration:none} .ui-datepicker table{width:100%} .ui-datepicker-title{text-align:center} .ui-datepicker-prev{float:left;background-position:center -30px} .ui-datepicker-next{float:right;background-position:center 0px} .ui-datepicker thead{border-bottom:1px solid #bbb;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));background-image:-webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);background-image:-o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);background-image:-ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);background-image:linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );} .ui-datepicker th{padding:5px 0;color:#666666;font-size:6pt;text-transform:uppercase;text-shadow:1px 0px 0px #fff;filter:dropshadow(color=#fff, offx=1, offy=0);} .subonl {display:none;} .onlFixed {position: fixed !important; display:; bottom: 0px !important; width:100% !important; z-index:9999999998; } .gnbFixed {position: fixed !important; top: 0px !important; width:100% !important; z-index:9999999999; } @media all and (max-width:748px) { .onlFixed {position: relative !important;} .gnbFixed {position: relative !important;} } #bestpro #prod li .item{background-color: #d6e2ea !important;} #colorpro #prod li .item{background-color: #d6eae4 !important;} #graypro #prod li .item{background-color: #f2e6dc !important;} #adtop_web {display:block;} #adtop_mob {display:none;} #main_web {display:block;} #main_mob {display:none;} @media all and (max-width:748px) { #adtop_web {display:none;} #adtop_mob {display:block;} #main_web {display:none;} #main_mob {display:block;} } /* 상품 상세보기 - 사용후기 */ .tit_no{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none} .sit_use_li {position:relative;border-bottom:1px solid #eee !important;} .sit_use_li:after {display:block;visibility:hidden;clear:both;content:""} .sit_use_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:100%;border:0;background:transparent;text-align:left;padding-right:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .sit_use_li_title b{font-weight:normal;margin-right:2px} .sit_use_dl {margin:0;padding:0 ;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em} .sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""} .sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .sit_use_dl dd {float:left;margin:0 10px 0 0 !important;color:#888;} .sit_use_dl dd img{width:80px;height:auto;vertical-align:top;margin-top:22px !important;} .sit_use_con {display:none;;padding:0 0 20px} .sit_use_p {margin:10px 0 ;line-height:1.7em;font-weight: 300;} .sit_use_cmd {text-align:right} .sit_use_cmd a.btn01{padding: 5px;} #sit_use_wbtn {margin:20px 0 ;text-align:right;} #sit_use_write {} #sit_use_write #is_subject {width:100%} #sit_use_write ul {margin:5px 0 0} #sit_use_write li {margin:0 0 5px} #sit_use_write li label {display:inline-block;width:80px} #sit_use_write_star {margin:0;padding:0;list-style:none} .sit_use_reply{position:relative;background:#f3f3f3;padding:20px 20px 20px 70px;margin-top:20px} .use_reply_icon{position:absolute;top:20px;left:20px;;padding:0 5px;background:#333;color:#fff;font-size:0.92em} #sit_use_wbtn a{vertical-align:middle;font-weight:700} /* 상품 상세보기 - 상품문의 */ #sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none;} .sit_qa_li{position:relative;border-bottom:1px solid #eee;margin-top:-1px} .sit_qa_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:100%;border:0;background:transparent;text-align:left;padding-right:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .sit_qa_li_title img{vertical-align:middle} .sit_qa_li_title b{font-weight:normal;margin-right:2px} .sit_qa_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em} .sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""} .sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .sit_qa_dl dd {float:left;margin:0 10px 0 0;color:#888;} .sit_qa_dl dd.sit_qaa_yet,.sit_qa_dl dd.sit_qaa_done{display:inline-block;width:50px;text-align:center;font-weight:bold;margin:0} .sit_qa_dl dd.sit_qaa_done{color:#2060ff} .sit_qa_con {display:none} .sit_qa_p {;background:#f6f6f6;line-height:1.8em;} .sit_qa_p strong {display:inline-block;margin:0 0 10px;} .sit_qa_qaq{margin-bottom:10px;padding:20px ;border-bottom:1px dotted #e3e3e3} .sit_qa_qaa{padding:20px} .sit_qa_con textarea {display:none} .sit_qa_cmd {text-align:right;padding:20px 0} .sit_qa_cmd a.btn01{padding:5px;} .sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center} .sit_qa_pw span {display:block;margin:0 0 5px} #sit_qa_wbtn {margin:20px 0 ;text-align:right} #sit_qa_wbtn a{vertical-align:middle;font-weight:700} #sit_qa_w {display:none} @media (max-width: 640px){ .sit_use_dl,.sit_qa_dl{position:relative;line-height:20px;} .sit_use_li{padding:15px 0; font-size:14px;} .sit_qa_li_title,.sit_use_li_title{line-height:20px;padding:0 0 5px; font-size:16px;} #sit_use .sit_use_star {float:right; } #sit_use .sit_use_star img {margin-top:0px !important;} #sit_use .sit_use_p {line-height:1.3;} .sit_use_dl dd img{margin:0} } /* 사용후기 모음 */ #sps_sch {margin:20px} #sps_sch a {display:inline-block;padding:0 8px;height:50px;line-height:50px;vertical-align:top;border-radius:3px;color:#999;font-weight:300;;text-decoration:underline;text-align:center} #sps_sch .sch_wr{position:relative;display:inline-block} #sps_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""} #sps_sch select{} #sps_sch .sch_input{height:50px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px} #sps_sch .sch_btn{height:50px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px} #sps {zoom:1} #sps ol {margin:20px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none;} #sps li {position:relative;padding:10px;border-bottom:1px solid #eee;background:#fff;margin: 0 0 } #sps li:after {display:block;visibility:hidden;clear:both;content:""} .sps_img{position:absolute;top:10px;left:10px;} .sps_img img{border-radius:50%;} .sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sps dl {margin:5px 0 ; color: #888; font-size: 0.917em;overflow:hidden} #sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sps dd {float:left;margin:0 10px 0 0 ;line-height:18px;height:18px } #sps dd img {position:relative;top:-2px} .sps_section {margin-left:80px;display:block;} .sps_section .is_use_reply{background:url('../mobile/shop/img/use_reply.png') no-repeat;text-indent:30px;line-height:1.5em} .sps_section p {padding:0;width:100%} .sps_con_full {padding:0;height:auto !important} .sps_con_btn {margin:5px 0 0;} .sps_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;} .sps_reply{margin-top:10px;padding-top:10px;border-top:1px dotted #bbb;position:relative} .sps_reply .sps_img {;width:50px;text-align:center} .sps_reply .sps_section h2{background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em;} .sps_reply .sps_section{margin-left:70px;min-height:50px} #sps_empty{text-align:center;color:#777;padding:50px 0} /* 상품문의 모음 */ #sqa_sch {margin:20px} #sqa_sch a {display:inline-block;padding:0 8px;height:50px;line-height:50px;vertical-align:top;border-radius:3px;color:#999;font-weight:300;;text-decoration:underline;text-align:center} #sqa_sch .sch_wr{position:relative;display:inline-block} #sqa_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""} #sqa_sch select{} #sqa_sch .sch_input{height:50px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px} #sqa_sch .sch_btn{height:50px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px} #sqa {zoom:1;} #sqa ol {margin:20px;padding:0;border-top:1px solid #e9e9e9;list-style:none;} #sqa li {position:relative;padding:10px;border-bottom:1px solid #eee;background:#fff;} #sqa li:after {display:block;visibility:hidden;clear:both;content:""} .sqa_img {position:absolute;top:10px;left:10px;} .sqa_img img{border-radius:50%;} .sqa_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sqa dl {margin:5px 0 10px; color: #888; font-size: 0.917em;overflow:hidden;} #sqa dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sqa dd {float:left;margin:0 10px 0 0;} #sqa dd img {position:relative;top:-2px} .sqa_section {margin-left:80px;display:block} .sqa_section h2{font-weight:bold;margin:5px 0} .sqa_section .sqa_con {background:#f3f3f3;line-height:1.7em} .sqa_section p {padding:0;width:100%} .sqa_con_full {padding:0;height:auto !important} .sqa_con_btn {margin:5px 0 0} .sqa_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;} #sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px 40px;position:relative} .sqa_con .qa_alp{position:absolute;top:10px;left:15px;font-size:1.75em;color:#bbb} #sqa_empty{text-align:center;color:#777;padding:50px 0} #sqa .sit_qaa_yet,#sqa .sit_qaa_done{display:inline-block;text-align:center;font-weight:bold;margin:0;font-size:11px;background:#f3f3f3;color:#999;padding:0 10px;line-height:30px} #sqa .sit_qaa_done{background:#2060ff;color:#fff} .storemapArea {max-width:1200px; overflow:hidden;margin:0 auto;} .storemapArea:after {display:block;visibility:hidden;clear:both;content:""} .storemapArea .mapArea {float:left; width:40%;overflow:hidden;} .storemapArea .boardArea {float:left; width:60%;overflow:hidden; padding-top:30px; padding-left:25px;} #renappcomA {max-width:1200px; font-size:18px;overflow:hidden;margin:30px auto;background:#f9f9f9; padding:60px 20px; text-align:center;} #renappcomA h3 {font-size:2em; font-weight:300; color:#0d2ea0;} #renappcomA h3 i{display:inline-block;font-size:1.3em; margin-bottom:10px;} #renappcomA .expA {color:#565656; margin-top:20px; line-height:1.8;} #renappcomA .expA2 {color:#565656; margin-top:10px; line-height:1.8;} #renappcomA .telA {display:inline-block; border-top:1px solid #212121; border-bottom:1px solid #212121; padding:10px 0;color:#000; margin-top:20px;} #renappcomA .telA i{display:inline-block; margin-left:10px; font-size:1.1em; } #renappcomA .telA strong{display:inline-block; margin-left:5px; font-size:1.1em; } #renappcomA .btnA{display:block; margin-top:40px;} #renappcomA .btnA a{font-size:0.85em; color:#fff; display:inline-block; background:#878787; padding:0px 10px; height:26px; line-height:26px;} @media all and (max-width:960px) { .storemapArea .mapArea {display:none;} .storemapArea .boardArea {width:100%;padding-left:0px;padding-top:0px;} #renappcomA {width:100%; font-size:15px;overflow:hidden;margin:20px auto;background:#f9f9f9; padding:40px 20px; text-align:center;} #renappcomA h3 {font-size:1.6em; font-weight:300; line-height:1.3;color:#0d2ea0; word-break:keep-all;} #renappcomA h3 i{display:inline-block;font-size:1.5em; margin-bottom:10px;} #renappcomA .expA {color:#565656; margin-top:20px; line-height:1.5;word-break:keep-all;} #renappcomA .expA2 {color:#565656; margin-top:15px; line-height:1.4;} #renappcomA .telA {display:inline-block; border-top:1px solid #212121; border-bottom:1px solid #212121; padding:10px 0;color:#000; margin-top:20px;} #renappcomA .telA i{display:inline-block; margin-left:10px; font-size:1.1em; } #renappcomA .telA strong{display:inline-block; margin-left:5px; font-size:1.1em; } #renappcomA .btnA{display:block; margin-top:40px;} #renappcomA .btnA a{font-size:0.85em; color:#fff; display:inline-block; background:#878787; padding:0px 10px; height:26px; line-height:26px;} } @media all and (max-width:380px) { #prod .shop_icon{display:block;width:100%;height:26px;line-height:26px;font-size:10px;font-weight:400;text-align:center;border-radius:0%; letter-spacing:-1px;} } .pb0 {padding-bottom:0px !important;} #colorpro #prod li .item {background-color: #fafafa !important;border: 1px solid #ececec;} #graypro #prod li .item{background-color: #fff !important; border: 1px solid #ececec;} #bestpro #prod li .item {background-color: #f8f8f8 !important;} #index .ca00 {padding: 0px 0;background: #001235;} #bestpro #prod h2{color: white;} #index .ca20 {padding: 0px 0;background: #f8f8f8;} #prod .shop_icon_1, #detail .shop_icon_1 {background-color: #de0b42;} #prod .shop_icon_4_1, #detail .shop_icon_4_1 {background-color: #0d2ea0;} #prod .shop_icon_5, #detail .shop_icon_5, #prod .shop_icon_2, #detail .shop_icon_2,#prod .shop_icon_5_1, #detail .shop_icon_5_1,#prod .shop_icon_3, #detail .shop_icon_3 {background-color: transparent;color: #848484;} #prod .shop_icon_4, #detail .shop_icon_4 {background-color: #f7cd00;} #prod .shop_icon_1_1, #detail .shop_icon_1_1 {background-color: #656565;} #prod .sit_icon li {float: left;width: 18.5%;padding-left: 0;} #direct ul div{ border: 1px solid #ececec!important; background-color: transparent!important;} #bestreview { background: #f8f8f8!important;} #footer { background: #001235;} #index .ca00{ background-image: url(https://rental.brother-partner.com/mx-landing/mx_main_background.png); background-size: cover; overflow: hidden;} #color-change{ animation: color-change 3s infinite; } @keyframes color-change { 0%{color:#1a98d5;} 20%{color:#42b700;} 40%{color:#d50c0c} 60%{color:#6c0cd5} 80%{color:#f15e22} }