@charset "utf-8"; @import url("../font/font.css"); @import url("board.css"); /* input[type="radio"]: {padding:5px 10px !important; border:solid 3px #efefef !important; border-radius:20px !important; text-align:center !important} input[type="radio"]:checked+label{ font-weight: bold; font-size:10px; color:#fff !important; border:dashed 1px #aaa !important; border-radius:20px !important; text-align:center !important; content:"0"; text-shadow:0 1px 10px 0 #fff} option:checked {background:yellow;} */ @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); #sit_rel, /*#sit_siblings,*/ #sit_star_sns{display:none} i,em,address,cite{font-style:normal} input, select, textarea, button{appearance:;border-radius:0;} *:focus{outline:none} #header *, #footer *, #index *, #direct *, #rank *, #aside *, #list *, #couponz *, #poplayer *, #consult *, #today *, #member *{margin:0;padding:0;box-sizing:border-box;font-size:14px;border:0;list-style-type:none;font-family:'FontAwesome','LatoWeb','NotoSans','NanumSquare', sans-serif,'Tahoma'} .btn, #bbs *, #detail *, #shopinfo *, #content *, #group *, #listskin *, #viewskin *{font-family:'FontAwesome','LatoWeb','NotoSans','NanumSquare', sans-serif,'Tahoma'} ::marker {display:none; color:#fff} /* 상품검색 */ #ssch_frm {margin:50px auto;max-width:1260px;padding:0 5px;zoom:1; border:0; border-bottom:solid 3px #000; background:#fff} #ssch_frm h2{margin:10px;color:#888;line-height:30px; display:none} #ssch_frm h2 span{font-size:1.333em;color:#000} #ssch_frm h2 strong{color:#d50c0d} #ssch_frm form{margin:0 10px 20px} #ssch_frm .ssch_scharea{min-height:50px; border:0; margin:50px auto; text-align:center} #ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""} #ssch_frm .ssch_scharea label{display:inline-block;margin:0 8px 0 0} #ssch_frm .ssch_left{width:800px; margin:0px auto; position:relative; left:50%; margin-left:-400px} #ssch_frm .ssch_right{float:right;margin-bottom:10px; width:0%; display:none} #ssch_frm .ssch_input{height:50px;border:3px solid #cbcbcb;padding:0 10px; border-radius:50px} #ssch_frm .btn_submit{width: 50px;height: 50px; border-radius:50px; margin-top:0px} #ssch #ssch_cate ul {margin-top:-30px; text-align:center} #ssch_frm #ssch_cate ul li {width:20%; height:60px; border:0; font-size:14px; padding:0; text-align:center !important} #ssch_frm .sct_ct {display:none} #ssch_frm p{padding:15px;background: #effaf4; margin-top: 10px;clear: both; color: #62ba8b;; display:none} @media (max-width: 970px){ #ssch_frm .ssch_left{float:none;display:inline-block;} #ssch_frm .ssch_right{display:none} #ssch_frm .ssch_right span{display:block;margin:10px 0} #ssch_frm .ssch_left{width:50%; margin:0px auto; text-align:center; margin-left:-700px} #ssch_frm .btn_submit{position:relative; top:-50px; left:150px} #ssch #ssch_cate ul li {width:33%; height:40px; text-align:center; letter-spacing:-2px} } @media (max-width: 640px){ #ssch_frm {margin:50px auto;max-width:1260px;padding:0 5px;zoom:1; border:0; border-bottom:solid 3px #000; background:#fff; margin-top:-140px} #ssch_frm .ssch_left .ssch_input{width:100%} #ssch_frm h2 span{font-size:1.083em} #ssch_frm .ssch_left{width:300px; margin:0px auto; position:relative; left:50%; margin-left:-360px} #ssch_frm .btn_submit{position:relative; top:-50px; left:135px} #ssch #ssch_cate ul {margin-top:-30px;} #ssch #ssch_cate ul li {width:33%; height:40px; text-align:center; font-size:12px;} #ssch #ssch_sort {width:100%; text-align:center} } /**/ #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} /**/ #main_bn .tabs .v1:hover,#main_bn .tabs .v1.sel{background-color:#fff} #main_bn .tabs .v2:hover,#main_bn .tabs .v2.sel{background-color:#fff} #main_bn .tabs .v3:hover,#main_bn .tabs .v3.sel{background-color:#fff} #main_bn .tabs .v4:hover,#main_bn .tabs .v4.sel{background-color:#fff} #main_bn .tabs .v5:hover,#main_bn .tabs .v5.sel{background-color:#fff} #main_bn .tabs .v6:hover,#main_bn .tabs .v6.sel{background-color:#fff} #main_bn .tabs .v7:hover,#main_bn .tabs .v7.sel{background-color:#fff} #main_bn .tabs .v8:hover,#main_bn .tabs .v8.sel{background-color:#fff} #main_bn .tabs .v9:hover,#main_bn .tabs .v9.sel{background-color:#fff} #direct .ba1 a{background-color:#bdcdd9;background-image:url(../img/ba1.png);background-repeat:no-repeat;background-position:100% 100%} #direct .ba2 a{background-color:#b1ccc8;background-image:url(../img/ba2.png);background-repeat:no-repeat;background-position:100% 100%} #direct .ba3 a{background-color:#d3cbc2;background-image:url(../img/ba3.png);background-repeat:no-repeat;background-position:100% 100%} #direct .ba4 a{background-color:#e3e6db;background-image:url(../img/ba4.png);background-repeat:no-repeat;background-position:100% 100%} /*#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{background-color:#ffa000; border-radius:5px; padding:0 2px} #prod .shop_icon_2{background-color:#4d87a3} #prod .shop_icon_3{background-color:#0072ff} #prod .shop_icon_4{background-color:#b4ff00} #prod .shop_icon_5{background-color:#7800ff} #prod .shop_icon_6{background-color:#da0000} #prod .shop_icon_7{background-color:#570055} #prod .shop_icon_8{background-color:#2a2a2a} #prod .shop_icon_9{background-color:#1d3271} #prod .shop_icon_10{background-color:#407038} #prod .shop_icon_11{background-color:#2d004a} #prod .shop_icon_12{background-color:#2d004a} #prod .shop_icon_13{background-color:#232584} #prod .shop_icon_14{background-color:#3e3b1b} #prod .shop_icon_15{background-color:#3e3b1b} #prod .shop_icon_16{background-color:#315853} #prod .shop_icon_17{background-color:#ffe600; color:#0e0e0e; font-weight:700 !important} #prod .shop_icon_18{background-color:#ffe600; color:#0e0e0e; font-weight:700 !important} #prod .shop_icon_19{background-color:#8200fa} #prod .shop_icon_20{background-color:#e06616} #prod .shop_icon_21{background-color:#db0000} #prod .shop_icon_22{background-color:#3a66fb} #prod .shop_icon_23{background-color:#0e0e0e} #prod .shop_icon_24{background-color:#7dddfe} #prod .shop_icon_25{background-color:#4043f4} /* 이벤트 링크 */ .event_item {width:100%; background:#efefef; margin-bottom:-100px} #sev {text-align:center; width:1260px; margin:0 auto; padding:60px 0; height:auto; transition:all 0.2s ease-in-out;} #sev header {margin:0 0 0px; display:none} #sev header:after {display:block;visibility:hidden;clear:both;content:""} #sev h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em; display:none} #sev h2:after {display:block;visibility:hidden;clear:both;content:""} #sev ul:after {display:block;visibility:hidden;clear:both;content:""} #sev>ul {margin:0, padding:0} #sev .ev_li {float:left;padding:0} #sev .ev_li .sev_img img {height:auto} #sev .ev_li .ev_li_wr a strong {display:none} #sev .ev_prd .ev_prd_model {display:block;color:#000;font-size:1.1em;margin-bottom:5px} #sev .ev_prd .ev_prd_img {float:left; width:300px} #sev .ev_prd .ev_prd_img img:hover {transform:scale(1.3); border:0 !important; transition:transform 1s; border-radius:250px; /*box-shadow:0 1px 20px 0 #aaa*/} #sev .ev_prd .ev_txt_wr {float:left;margin-left:0px} #sev .ev_prd .ev_prd_price {font-weight:bold;display:block;font-size:1.25em;font-weight:bold} #sev .ev_prd .sev_more {color:#3a8afd;background:#fff;display:block;text-align:center} #sev .ev_li ul li {background:#fff; float:left; text-align:center} #sev .ev_li ul li:hover {box-shadow:0 1px 5px 0 #aaa} #sev .ev_li ul li:nth-child(1) {background:#fff;width:600px; height:auto; margin-right:6px; border-radius:10px} #sev .ev_li ul li:nth-child(1) img {width: 397px; height:auto; text-align:center; margin-left:100px; padding:30px} #sev .ev_li ul li:nth-child(1) .ev_txt_wr a {background:#141d3e; height:150px; width:600px; color:#fff; text-align:center; font-size:20px; padding:50px 110px 0 110px; letter-spacing:-2px; font-weight:400; border-radius:0 0 10px 10px} #sev .ev_li ul li:nth-child(1) .ev_txt_wr .ev_prd_price {color:#fff; font-size:24px; font-weight:900; margin-top:-70px} #sev .ev_li ul li:nth-child(2) {background:#afaaa5;width:624px; height:270px; float:left; margin-bottom:6px; border-radius:10px} #sev .ev_li ul li:nth-child(2) img {width:270px; height:auto; margin-left:-30px; border-radius:10px 0 0 10px} #sev .ev_li ul li:nth-child(2) .ev_txt_wr a {position:relative; top:-210px; left:110px; float:right; background:#; height:250px; width:350px; color:#fff; text-align:center; font-size:20px; padding:50px; letter-spacing:-2px; font-weight:400} #sev .ev_li ul li:nth-child(2) .ev_txt_wr .ev_prd_price {color:#000; font-size:24px; font-weight:900; margin:-130px 0 0 390px; text-align:left} #sev .ev_li ul li:nth-child(3) {background:#afaaa5;width:624px; height:270px; border-radius:10px} #sev .ev_li ul li:nth-child(3) img {width:270px; height:auto; margin-left:354px; border-radius:0 10px 10px 0} #sev .ev_li ul li:nth-child(3) .ev_txt_wr a {position:relative; top:-210px; left:0px; float:right; background:#; height:250px; width:350px; color:#fff; text-align:center; font-size:20px; padding:50px; letter-spacing:-2px; font-weight:400} #sev .ev_li ul li:nth-child(3) .ev_txt_wr .ev_prd_price {color:#000; font-size:24px; font-weight:900; margin:-130px 0 0 105px; text-align:left;} @media (max-width:969px) { .event_item {position:relative; width:100% !important; background:#afaaa5;} #sev {text-align:center; width:90%; height:auto; padding:20px 0} #sev .ev_li ul li:nth-child(1) {background:#fff;width:100%; height:400px; border-radius:10px} #sev .ev_li ul li:nth-child(1) img {width: 110%; height:auto; text-align:center; margin:0 10px} #sev .ev_li ul li:nth-child(1) .ev_txt_wr {width:100%; color:#000; font-size:18px; height:120px; margin-top:10px} #sev .ev_li ul li:nth-child(1) .ev_txt_wr a {width:100%; background:rgba(255,255,255,.1); color:#000; font-size:18px; height:120px; margin-top:-80px} #sev .ev_li ul li:nth-child(1) .ev_txt_wr .ev_prd_price {float:right; color:#000; position:relative; top:40px; left:-125px} #sev .ev_li ul li:nth-child(2) {background:#afaaa5;width:100%; height:auto; float:left; margin-bottom:6px; margin-top:50px; display:none} #sev .ev_li ul li:nth-child(2) img {width:45%; height:auto; margin-left:0px; border-radius:10px} #sev .ev_li ul li:nth-child(2) .ev_txt_wr {width:50%} #sev .ev_li ul li:nth-child(2) .ev_txt_wr a {position:relative; top:0px; left:-60px; float:left; background:#; height:auto; width:100%; color:#fff; text-align:center; font-size:20px; padding:50px; letter-spacing:-2px; font-weight:400} #sev .ev_li ul li:nth-child(2) .ev_txt_wr .ev_prd_price {color:#000; font-size:24px; font-weight:900; margin:0px 0 0 0px; text-align:left} #sev .ev_li ul li:nth-child(3) {background:#afaaa5;width:100%; height:auto; border-radius:10px; display:none} #sev .ev_li ul li:nth-child(3) img {width:45%; height:auto; margin-left:0px; border-radius:10px} #sev .ev_li ul li:nth-child(3) .ev_txt_wr {width:50%} #sev .ev_li ul li:nth-child(3) .ev_txt_wr a {} #sev .ev_li ul li:nth-child(3) .ev_txt_wr .ev_prd_price {} /* .event_item {position:relative; width:100%; background:#afaaa5; padding-top:0px; height:770px;} #sev {text-align:center; width:100%; padding:60px 0 0 0; height:auto} #sev .ev_li ul li {background:#fff; float:left; text-align:center; padding:15px 0} #sev .ev_li ul li:hover {box-shadow:0 1px 5px 0 #aaa} #sev .ev_li ul li:nth-child(1) {background:#afaaa5;width:100%;} #sev .ev_li ul li:nth-child(1) img {width:60%; height:auto; margin-left:-90px; padding:0; border-radius:30px} #sev .ev_li ul li:nth-child(1) .ev_txt_wr {width:35%; position:relative; color:#fff; text-align:center; padding:0px; letter-spacing:-1px; font-size:14px; background:#afaaa5; margin:-41% 0 0 60%; font-weight:600} #sev .ev_li ul li:nth-child(1) .ev_txt_wr .ev_prd_price {color:#000; font-weight:900; margin:-20% 0 0 55%; position:relative;} #sev .ev_li ul li:nth-child(2) {background:#afaaa5;width:100%;} #sev .ev_li ul li:nth-child(2) img {width:60%; height:auto; margin-left:195px; padding:0; border-radius:30px} #sev .ev_li ul li:nth-child(2) .ev_txt_wr {width:60%; position:relative; height:80px; color:#fff; text-align:center; padding:0px; letter-spacing:-1px; font-size:14px; background:#afaaa5; position:relative; top:-140px; left:-95px; font-weight:600} #sev .ev_li ul li:nth-child(2) .ev_txt_wr .ev_prd_price {color:#000; font-weight:900; margin:-80px 0 0 -60px; position:relative;} #sev .ev_li ul li:nth-child(3) {background:#afaaa5;width:100%; margin-top:-55px} #sev .ev_li ul li:nth-child(3) img {width:60%; height:auto; margin-left:-90px; padding:0; border-radius:30px;} #sev .ev_li ul li:nth-child(3) .ev_txt_wr {width:45%; height:30px; position:relative; color:#fff; text-align:center; padding:0px; letter-spacing:-1px; font-size:14px; background:#afaaa5; position:relative; top:-150px; left:20px; font-weight:600} #sev .ev_li ul li:nth-child(3) .ev_txt_wr .ev_prd_price {color:#000; font-weight:900; margin:-80px 0 0 240px; position:relative;} */ } #event .ev1 div{background-color:#;background-image:url(../img/ev1.png0);background-repeat:no-repeat;background-position:100% 100%} #event .ev2 div{background-color:#;background-image:url(../img/ev2.png0);background-repeat:no-repeat;background-position:100% 100%} #event .ev3 div{background-color:#;background-image:url(../img/ev3.png0);background-repeat:no-repeat;background-position:100% 100%} /**/ #blind{position:absolute;z-index:1;top:0px;left:0; width:100%;height:100%;background:rgba(0,0,0,0.5);} #ktleft{display:none;position:absolute;z-index:99999;top:0px;left:-260px;width:260px;min-height:1000px;background:#3a98d5;overflow:hidden;} #ktleft .title{height:70px;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 .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 .depth1{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 .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px} #ktleft .depth1 span{font-style:normal;color:#ffa800} #ktleft .depth1 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 .depth1 i{display:block;float:right;margin:10px 5px 0 0;font-size:18px;color:#fff;transition:all 0.2s ease-out 0s} #ktleft .depth1.sel{color:#fff;border-bottom:1px solid #7a7a7a;background:#777} #ktleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px} #ktleft .depth1.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:"\e870";display:block;width:50px;line-height:50px;font-size:24px;font-family:Linearicons-Free;color:#777;text-align:center;transform:rotate(180deg);transition:all 0.2s} #closeleft:before:hover{transform:rotate(-180deg)} #main #quick{position:absolute;z-index:1000;top:770px;left:50%;margin-left:-690px;width:100px;transition:all 0.3s; display:none} #main #today{position:absolute;z-index:1000;top:770px;right:50%;margin-right:-690px;width:100px;transition:all 0.3s; display:none} #main #quick.fixed, #main #today.fixed{position:fixed;top:20px} #prod .nocontent{min-height:300px;line-height:300px} #onlineform_m{display:none;position:fixed;top:0;left:0;z-index:90001;width:100%;height:100%;background:rgba(0,0,0,0.8)} #onlineform_m .wrap{position:absolute;top:50%;left:50%;width:80%;max-width:400px;padding:20px!important;background:#fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)} #onlineform_m .tit{position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #333} #onlineform_m h3{font-weight:600;font-size:20px;color:#222;text-align:center} #onlineform_m .tit button{position:absolute;bottom:25px;right:0;border:none;background:none;font-size:16px} #onlineform_m .inpm{margin-bottom:5px} #onlineform_m .inpm:after{display:block;content:'';clear:both} #onlineform_m .inpm label{float:left;width:20%;font-size:14px;line-height:30px} #onlineform_m .frm_input{float:left;width:80%;height:38px !important;border-radius:3px;padding:0 5px;height:30px;font-size:14px;color:#333;border:1px solid #ccc;box-shadow:none} #onlineform_m .w22{width:22%} #onlineform_m .w28{width:28%;margin-left:1%} #onlineform_m .agree{margin:5px 0;text-align:center;font-size:12px} #onlineform_m .subBtn{display:block;width:100%;padding:15px 0;border:none;background:#0052d0;text-align:center;font-weight:600;font-size:14px;color:#fff} @media all and (min-width:1180px) { html,body{background:url(/web/upload/all_bg.jpg)} #ktplay{width:100%;height:100%} #ktplay .bboard{min-height:590px} #ktplay .wrap{position:relative;margin:0 auto;width:1260px;*zoom:1} #ktplay .wrap:before, #ktplay .wrap:after{clear:both;display:table;content:"";line-height:0} #ktplay .latest_wr{position:relative;margin:20px auto;width:1260px;*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; margin-bottom:100px; background:url(/web/upload/all_bg.jpg)} #header .top{position:relative;z-index:1050;height:40px;border-bottom:1px solid #eee;background:#fff} #header .header{position:relative;z-index:1040;height:160px;background:#fff} #header .wrap h1 a img {position:absolute;z-index:1050;top:95px;left:0;margin-top:0;opacity:1;transition:all 0.4s ease-in-out; width:200px !important} #header .wrap button{display:none} #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; border-left:solid 1px #ddd} #header .lib li{float:left;margin-right:1px; border-right:solid 1px #ddd} #header .lib li a{display:block;padding:0 12px;line-height:40px;font-size:16px;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:40px;font-size:16px;font-weight:300;color:#333} #header .lnb li a:hover{color:#000;background:#dbdbdb} #header .lnb .mlose{display:none} #header .searchbox{position:relative;margin:30px auto;width:300px} #header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;background:#fff; border:2px solid #616161; border-radius:20px;} #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:#888; margin-top:53px; font-weight:100} #header .telephone{position:absolute;top:10px;right:0;text-align:right} #header .telephone .tit{position:relative;padding:0 10px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#777} #header .telephone .phone{font-size:24px;font-family:"Arial", "sans-serif";font-weight:600;color:#525252} #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.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:210px;left:0;width:100%;height:50px;border-top:1px solid #eee; border-bottom:0px solid #4d4d4d;overflow:hidden;transition:all 0.3s; border-top:solid 1px#ddd; border-bottom:solid 1px#ddd; background:#fff} #gnbshop .gnbshop{margin:0 auto;position:relative;width:1260px;transition:all 0.4s ease-in-out; } #gnbshop .depth1{margin:0 -30px 0 50px;overflow:hidden; } #gnbshop .depth1 *{transition:all 0.2s ease-in-out; background:rgba(255,255,255,.2);} #gnbshop .depth1 > li{float:left;position:relative;padding:0 15px;height:280px} #gnbshop .depth1 > li:nth-child(6){position:relative; left:25%} #gnbshop .depth1 > li:nth-child(7){margin-left:-10.5%} #gnbshop .depth1 > li:nth-child(8){margin-left:10.5%} #gnbshop .depth1 > li.community {margin-left:0%} #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; letter-spacing:-2px} #gnbshop .depth1 > li:hover{background:#fafafa} #gnbshop .depth1 > li: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:14px;text-align:center;color:#0e0e0e} #gnbshop .depth2 li a:hover{color:rgba(24,83,111,1)} #gnbshop:hover .depth2{top:70px;transition:all 0.4s} #gnbshop.sel{height:280px;background:#fff} #gnbshop .mobile{display:none} #gnbshop #allmenu{position:absolute !important;z-index:10;top:10px;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); display:none} /**/ #category{display:none;position:absolute;z-index:4000;top:210px;left:50%;margin:0 0 0 -620px;width:1260px;border-top:0;background:#fff; box-shadow:0 1px 30px 0 #777; border-radius:10px} #category h3{border:0;background:#ddd;height:50px; line-height:50px;border:1px solid #999; border-bottom:0; border-radius:10px 10px 0 0} #category button{display:block;color:#fff;background:none; padding:10px} #category button i{float:left;display:block;padding:10px 20px 20px 15px;line-height:56px;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 #999;border-top:0;*zoom:1; border-radius:0 0 10px 10px} #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:#000; margin-top:100px; padding-bottom:130px} #footer .footer{position:relative;margin:0 auto;width:1260px} #footer .footer h2 a.blog_logo {position:absolute;top:100px; margin-right:0px} #footer .footer h2 a.f_logo {position:absolute;top:100px;left:170px; width:170px !important} #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:0;right:0;line-height:65px;font-size:14px;color:#afafb0} #footer .footer p strong{padding-left:10px;font-size:20px;color:#fff} #footer .footer address{display:inline-block;padding:30px 100px 20px 350px;color:#aaa;vertical-align:top;} #footer .footer address span{font-size:13px; padding-right:10px} #footer .footer address strong{font-size:13px} #footer .footer .tail_escrow {display:inline-block;margin-top:10px;width:71px;height:70px;background-image:url('../img/kcp.png');background-repeat:no-repeat;background-size:cover;vertical-align:bottom; display:none} #footer .footer cite{display:block;padding:0 0 0 350px;font-size:12px;color:#888;text-transform:uppercase} #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:90000;bottom:20px;right:20px;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} #footer .m-kakao {display:none !important;} /**/ #sortgrid{border-bottom:1px solid #eee; position:relative; left:-50px; top:80px; border:solid 1px #efefef; height:40px; line-height:40px; z-index:999} #sortgrid .sort{float:right} #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{float:left;} #sortgrid .sort li a{display:block;padding:0 16px;line-height:20px;font-size:14px;font-weight:500;font-family:'NotoSans';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;font-family:'LatoWeb','NotoSans','Malgun Gothic'; display:none} #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 ul li a img{display:block;margin:0 auto} #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;font-family:Linearicons-Free;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:"\e875";left:0} #preview .bx-next{right:0} #preview .bx-next:before{content:"\e876";right:0} /**/ #main_bn{position:relative;overflow:hidden; margin-top:-40px} #main_bn ul li img{display:block;width:100%;max-width:100%;height:auto} #main_bn .bx-viewport{z-index:10} #main_bn .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-30px;width:80px;height:60px;font-size:1px;font-family:Linearicons-Free;text-align:center;transition:all 0.3s} #main_bn .bx-controls-direction a:hover{z-index:200} #main_bn .bx-controls-direction a:before{position:absolute;top:0;display:block;width:60px;height:60px;line-height:62px;font-size:18px;font-weight:800;color:#000;background:#;transition:all 0.3s} #main_bn .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5} #main_bn .bx-controls-direction a.disabled{display:none} #main_bn .bx-prev{left:20px} #main_bn .bx-prev:before{content:"\e875";border-radius:60px} #main_bn .bx-prev:hover{left:-0px} #main_bn .bx-next{right:20px} #main_bn .bx-next:before{content:"\e876";border-radius:60px} #main_bn .bx-next:hover{right:-0px} #main_bn .bx-pager{position:absolute;z-index:100;top:75%;left:0;width:100%;text-align:center} #main_bn .bx-pager-item{display:inline;margin-right:5px} #main_bn .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} #main_bn .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:50px 0;background:#}#index .ca00 .item{border:0px solid #fff;} #index .ca10{padding:50px 0;background:#ffffff} #index .ca20{padding:150px 0;background:#fff}#index .ca20 .item{border:0px solid #fff} #index .ca30{padding:0px 0;background:#ffffff;} #index .ca40{padding:50px 0;background:#fff}#index .ca40 .item{border:0px solid #fff} #index .ca50{padding:50px 0;background:#ffffff} #index .ca60{padding:50px 0;background:#fff}#index .ca60 .item{border:0px solid #fff} #index .ca70{padding:50px 0;background:#ffffff} #index .ca80{padding:50px 0;background:#fff}#index .ca80 .item{border:0px solid #fff} #index .ca90{padding:50px 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%} #direct li a{display:block;margin:0 10px;padding:20px;transition:all 0.2s ease-in-out} #direct li a:hover{background-color:#eee} #direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #direct li i{margin:10px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.3)} #direct li em{margin-bottom:4px;font-size:11px;text-transform:uppercase} #direct li strong{margin-bottom:60px;font-size:24px;font-weight:500;letter-spacing:-1px} #direct li span{margin-bottom:17px;font-size:13px} /**/ #prod{padding:0; margin-top:-30px} #prod h2{margin-top:50px;line-height:48px;font-size:30px;font-weight:600;letter-spacing:-1px; color:#ff0000; text-align:center} #prod h2 a {font-size:24px; font-weight:600; /*color:#ff0000*/} #prod h2 span {color:#aaa; margin-bottom:50px} #prod .wrap {text-align:center;} #prod .wrap .ind_txt {position:relative; text-align:center; font-size: 15px; color:#0e0e0e; margin-top:-30px} #prod ul{margin:0 -10px;overflow:hidden; margin-top:90px} #prod li{float:left;position:relative;width:25%} #prod .more_list a {position:relative;display:block; text-align:right; padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200; margin:-20px 30px -50px 0;} #prod .more_list a:hover {font-weight:900; color:#4d87a3} #prod .more_list 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:#fff} #prod li:hover .item{background-color:#fff} #prod li:nth-child(3n+1) .item{background-color:#fff} #prod li:hover:nth-child(3n+1) .item{background-color:#fff} #prod li:nth-child(3n+2) .item{background-color:#fff} #prod li:hover:nth-child(3n+2) .item{background-color:#fff} #prod li:hover .sns{display:block} #prod .item{margin:0 0px 0px 0px;min-height:480px;background-color:#efefef;transition:all 0.2s ease-in-out; text-align:center} #prod .item:hover {background:#f9f9f9} #prod .img{padding:0px 0;text-align:center;overflow:hidden; padding:0px} #prod .img img{position:relative;z-index:1;transition:transform 0.5s; border:solid 1px #efefef; border-radius:5px;; width:80%; height:80%} #prod .img img:hover{transform:scale(1.1); border:0 !important;} #prod .txt_m{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden;} #prod .txt_m strong{font-size:18px;letter-spacing:-2px;color:#000; font-weight:100px} #prod .txt_m a{display:block;margin:5px 0 15px 0;height:20px;line-height:18px;font-size:18px; letter-spacing:-1px; font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out; } #prod .txt_m a:hover{color:#000} #prod .txt_m span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; position:relative; top:-10px; } #prod .cost_m{padding:0 30px;} #prod .cost_m strong{font-size:20px;font-weight:700;} #prod .cost_m .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px} #prod .cost_m .price{float:right;line-height:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777} #prod .cost_m .prime{padding-bottom:5px;overflow:hidden;} #prod .cost_m .prime .tit {border:solid 3px #ddd; border-radius:30px} #prod .cost_m .reduced{overflow:hidden; margin-top:10px} #prod .cost_m .reduced .tit{border:solid 3px #ddd} #prod .cost_m .reduced .price{color:#333} #prod .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden; margin-top:20px} #prod .txt strong{font-size:18px;letter-spacing:-1px;color:#000; font-weight:500} #prod .txt a{display:block;margin:15px 0;height:20px;line-height:18px;font-size:18px; letter-spacing:-2px; font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out;} #prod .txt a:hover{color:#000} #prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; position:relative; top:-45px; } #prod .cost{padding:0 30px; position:relative; top:-30px;} #prod .cost strong{font-size:20px;font-weight:700;} #prod .cost .tit{float:left;display:block;width:85px;line-height:21px;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:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777} #prod .cost .price_s {float:right;line-height:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777; text-decoration: line-through;font-style: italic} #prod .cost .prime{padding-bottom:5px;overflow:hidden;} #prod .cost .prime .tit {border:solid 3px #ddd; ;border-radius:30px} #prod .cost .reduced{overflow:hidden} #prod .cost .reduced .tit{border:solid 3px #ddd} #prod .cost .reduced .price{color:#333} #prod .item .ico{display:block; width:100%; margin:10px auto; padding:0 33px} #prod .shop_icon{margin-right:1px;width:45px;height:20px;line-height:20px;font-size:11px;font-weight:400;text-align:center;border-radius:3px; z-index:99999; letter-spacing:-1px; padding:0;} #prod .ico .sit_icon { } #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} .listcategory {border:0; background:#fff; text-align:center;} .listcategory h2 {display:none} .listcategory ul {border:0; position:relative; top:-70px; display:block} .listcategory ul li {height:40px; line-height:40px; margin-right:10px; float:left; padding:0px 10px; border:solid 0px #ddd; border:solid 1px #efefef} .listcategory ul li:hover {} .sort {display:none} #sortgrid {border:0} /**/ #detail{position:relative;top:0px;background:#fff} #detail .detail{margin:0 auto;padding:20px 0;width:1100px;*zoom:1} #detail .detail:before, #detail .detail:after{clear:both;display:table;content:"";line-height:0} #detail .fr{width:600px} #detail .group{padding:0px 0; /*padding:30px;border:1px solid #ccc*/} #detail .subject{padding:10px 0;border-bottom:1px solid #999; letter-spacing:-2px} #detail .subject strong{font-size:16px;color:#777} #detail .subject h3{line-height:32px;font-size:30px;font-weight:500;color:#2b2b2b; margin-bottom:20px} #detail .subject p{font-size:18px;color:#474747} #detail .commodity{padding:20px 0px 20px 0; color:#888; text-align:left !important} #detail .commodity ul{} #detail .commodity li{overflow:hidden; padding:3px 0} #detail .commodity li label{width:150px !important; float:left;font-size:14px; color:#000} #detail .commodity li strong{float:left; } #detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;} #detail .commodity li label, #detail .commodity li strong{display:block;line-height:30px; font-weight:400 !important; letter-spacing:-1px;} #detail .commodity .price{font-size:24px} #detail .commodity li .m_qty {position:relative; top:-10px; left:0px} #detail .option{padding:10px 0;border-top:0px solid #eee} #detail .option h4{padding:5px 0 15px 0} #detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden; border:0px solid #eee; padding:0px} #detail .option div label{float:left;display:block;width:20%; text-align:center; display:none} #detail .option div span{float:left;display:block;width:100%; padding-left:0px; } #detail .option select{width:100%;height:35px;border:1px solid #cdcdcd; padding-left:20px; content:""} #detail .option h3{font-size:15px} #detail .seloption h4{display:none} #detail .seloption .sit_opt_list{position:relative;padding:30px 20px;padding-right:220px;border-bottom:0px solid #999; height:100px; background:#f9f9f9; margin-bottom:20px} #detail .seloption .sit_spl_list {position:relative;padding:30px 20px;padding-right:220px;border-bottom:0px solid #999; height:100px; background:#f9f9f9} #detail .seloption .opt_name{line-height:20px;font-size:16px;color:#57839e;font-weight:500;letter-spacing:-1px; width:500px; margin:-15px 0 15px 0} #detail .seloption .opt_count{position:absolute;margin-top:0px} #detail .selprice{padding:20px 0;text-align:right;font-size:16px;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; border:solid 0px #ddd; padding:10px 0} #detail .selbtn button{float:left;width:48%;height:62px;font-size:16px;font-weight:500;border:0} #detail .selbtn a{float:right;display:block;width:15%;height:52px;line-height:52px;font-size:15px;font-weight:500;text-align:center} #detail .selbtn button i, #detail .selbtn a i{font-size:20px;font-weight:900} #detail .selbtn .send_tel {color:#000;background:#f9f9f9; border:solid 1px #ddd; float:left; font-size:18px; width:41%; height:52px; line-height:52px; margin-right:9px} #detail .selbtn .send_tel:hover {height:52px; background:#df6f2d; color:#fff; text-shadow:0 1px 5px 0 #000} #detail .selbtn .btn_order{color:#fff;background:#24409a; float:left; font-size:18px; width:41%; height:52px; line-height:52px;} #detail .selbtn .btn_order:hover{background:#df6f2d} #detail .selbtn .btn_buy{color:#000;background:#fff} #detail .selbtn .btn_buy:hover{background:#0052d0; color:#fff} #detail .selbtn .btn_counsel{float:left;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; margin-top:0px; background:#} #detail .selimage a{display:none} #detail .selimage a.visible{display:block} #detail .selthumb{background:rgba(255,255,255,.2); border-top:dashed 0px #aaa; padding:20px} #detail .selthumb ul{} #detail .selthumb li{padding:5px; border-radius:10px; border:solid 1px #aaa} #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{border:0;font-size:15px; float:right; margin:-70px 15px 0 0} #detail #sit_opt_added .sit_opt_del:hover{color:#be334a} #detail #sit_opt_added .sit_opt_prc{display:block;float:left; width:460px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700;} #sit_tot_price {height:60px; line-height:60px; border-top:solid 1px #ddd} #sit_tot_price strong {color:#2c4196; font-size:24px} /**/ #shopinfo{margin:0 auto;width:1260px} #shopinfo .fixed{position:;top:0;z-index:10;width:1260px} #shopinfo .shoptab{padding:20px 0} #shopinfo .shoptab ul{*zoom:1} #shopinfo .shoptab ul:before, #shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0} #shopinfo .shoptab li{float:left;width:25%} #shopinfo .shoptab li a{display:block;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{border-left:1px solid #ccc} #shopinfo .shoptab .sel a{color:#000;background:#e8f7ff} #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:block} #shopinfo #dtinfo .v_mb{display:block} /**/ #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} #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:120px;color:#777;transition:all 0.3s ease-in-out} #review .txt strong{display:block;line-height:20px;font-size:16px;font-weight:600} #review .txt span{display:block;padding:5px 0;height:80px;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: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;font-family:Linearicons-Free;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:"\e875"} #review .bx-next:before{content:"\e876"} /**/ #event{padding:20px 0; background:#efefef; margin-bottom:-140px} #event ul{margin:0 -10px;overflow:hidden} #event li{float:left;width:30.33%; margin:0 10px;padding:30px;} #event li div{min-height:250px;transition:all 0.2s ease-in-out} #event li div:hover{background-color:#eee} #event li *{display:block; color:#0e0e0e;} #event li i{margin:0 0 20px 0;width:15px;height:2px;background:#0e0e0e} #event li strong{font-size:20px;font-weight:600;letter-spacing:-1px} #event li span{display:block;padding:10px 0% 50px 0;line-height:20px;font-size:14px} #event li:nth-child(2) {border-left:solid 1px #fff; border-right:solid 1px #fff;} #event li ul li {} #event li.ev2 .lat ul {margin-top:20px} #event li.ev2 .lat ul li {width:100%; border:0; float:left; height:32px; line-height:32px; padding:0; color:#555 !important; border-bottom:dashed #fff 1px} #event li.ev2 .lat ul li:hover {color:#000; font-weight:900} #event li.ev2 .lat ul li:nth-child(2) {margin-top:0px} #event li.ev2 .lat ul li span {width:30px; height:15px !important; line-height:15px; background:#009cff; padding:0; float:right; color:#fff; text-align:center; font-size:10px; margin:-25px 10px 0 0} #event li.ev2 .lat ul li a {font-size: 14px; color: #0e0e0e} #event li.ev3 ul li:nth-child(2) {border:0} #event li.ev3 ul {position:relative; top:-70px; left:-30px} /**/ #contain{} #article{position:relative;border-top:0px solid #ccc; min-width:1260px;} #contain #article #ctt {} #article > .wrap{padding-bottom:0px;} #article > .wrap > h2{display:block; padding:70px 0 0px 0; font-size:30px; font-family:'NotoSans'; font-weight:500; letter-spacing:-1px; color:#57839e; border-bottom:1px solid #88a4b6;} /**/ #aside{position:absolute;z-index:1000;top:293px;right:-170px;width:150px} /**/ #quick{position:absolute;z-index:900;top:293px;left:50%;margin-left:-740px;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:100px;transition:all 0.5s ease-in-out} #today h3{padding:5px 0;font-size:12px;letter-spacing:-1px;text-align:center;color:#fff;background:#02aaff} #today #stv{min-height:500px;border:1px solid #ccc;border-top:0;background:#fff} #today #stv .stv_item{padding:10px 0;text-align:center;border-bottom:1px solid #ccc} #today #stv .prd_img{padding:0 0 5px 0} #today #stv .prd_name{padding:0 5px;font-size:12px;letter-spacing:-1px;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:20px 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); text-align:center} #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} #consult .policy .agree{padding:10px 0;text-align:center !important} #consult .policy .agree strong{display:block;font-size:15px;letter-spacing:-1px} #consult .policy .agree label{padding-right:10px;font-size:13px} #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 {width:800px; margin:0 auto} #consult .consult h3{margin-bottom:20px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center;border-bottom:1px solid #6286a1} #consult .product{padding-bottom:20px} #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 span{display:block;font-size:15px} #consult .product .cost{font-size:24px;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; color:#555; font-size:10px} #consult .policy .area .po1 {font-size:0.6em; color:#999; zoom:0.85; padding:0px 160px} #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{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;font-size:15px;line-height:40px} #consult .form .input select{padding:0 5px;height:40px;line-height:40px;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:40px;line-height:40px} #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;font-size:15px} #consult .form .input:last-child .txt{border-bottom:0} #consult .button{margin-top:0px;text-align:center; } #consult .button a, #consult .button input, #consult .button button{padding:0 30px} #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:0px 0 5px 0;font-size:30px;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:60%} #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} } @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 a img {position:absolute;z-index:3000;top:50px;left:20px;margin-top:0;opacity:1;transition:all 0.4s ease-in-out; width:180px} #header .wrap button{display:none} #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:0px auto;width:300px} #header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;background:#fff; border:2px solid #616161; border-radius:20px;} #header .searchbox button{position:absolute;top:40px;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:10px;right:20px;text-align:right} #header .telephone a img {width:45%; z-index:1} #header .telephone .tit{position:relative;padding:0 10px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#777} #header .telephone .phone{font-size:24px;font-family:"Arial", "sans-serif";font-weight:600;color:#525252} #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.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 .wrap .main-menu-mobile {position:absolute; top:134px; z-index:99999; display:none} #allmenu a {display:none !important} /**/ #gnbshop{position:absolute;z-index:3000;top:120px;left:0;width:100%;height:50px;border-top:1px solid #eee;border-bottom:0px solid #4d4d4d;overflow:hidden;} #gnbshop .gnbshop{position:relative;transition:all 0.4s ease-in-out} #gnbshop .depth1{margin:0 0 0 60px;overflow:hidden} #gnbshop .depth1 *{transition:all 0.2s ease-in-out} #gnbshop .depth1 > li{float:left;position:relative;width:16%;height:240px} #gnbshop .depth1 > li > a{display:block;position:relative;margin:0 10px;line-height:50px;font-size:16px;font-weight:500;letter-spacing:-0px;text-align:center;color:#222; letter-spacing:-2px} #gnbshop .depth1 > li:hover{background:#fafafa} #gnbshop .depth1 > li: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{position:absolute !important;z-index:10;top:10px;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);display:none} /**/ #category{display:none;position:absolute;z-index:4000;top:128px;left:50%;margin:0 0 0 -580px;width:1160px;border-top:0;} #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} #footer .footer{position:relative} #footer .footer h2 img{position:absolute;top:90px;left:20px; width:110px} #footer .footer ul{padding:0 20px;overflow:hidden} #footer .footer li{float:left} #footer .footer li a{display:block;padding:0 10px;line-height:65px;font-size:13px;color:#fafafa} #footer .footer li a:hover{color:#fff} #footer .footer p{position:absolute;top:0;right:20px;line-height:65px;font-size:13px;color:#afafb0} #footer .footer p strong{padding-left:10px;font-size:20px;color:#fff} #footer .footer address{display:inline-block;padding:20px 10px 20px 140px;color:#fff} #footer .footer address span{font-size:12px;color:#fff} #footer .footer address strong{font-size:12px} #footer .footer .tail_escrow {display:inline-block;width:35.5px;height:35px;background-image:url('../img/kcp.png');background-repeat:no-repeat;background-size:cover;vertical-align:text-bottom;} #footer .footer cite{display:block;padding:0 0 0 250px;font-size:12px;color:#888;text-transform:uppercase} #footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294} #footer .phone{position:fixed;z-index:90000;bottom:0px;left:0;width:80%;overflow:hidden;display:none; border-top:solid 0px #ddd; margin-top:-10px} #footer .phone a{float:left; display:block; padding:0 0px; width:35%; height:50px; line-height:50px; font-size:14px; font-weight:400; text-align:center; box-sizing:border-box; overflow:hidden} #footer .phone .ph1{background:#fff;} #footer .phone .ph2{background:#fff;} #footer .phone img {width:100%} #footer .m-kakao{position:fixed;z-index:90000;bottom:0;right:0;width:20%;display:none} #footer .m-kakao a{display:block;height:50px;line-height:50px;font-size:14px;font-weight:500;text-align:center;color:#331a19;background:#fffa16;overflow:hidden} #footer .m-kakao a img {width:auto; height:20px;} /**/ #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:'NotoSans';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;font-family:'LatoWeb','NotoSans','Malgun Gothic'} #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 img{display:block;margin:0 auto;width:auto;max-width:80%;height:auto} #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;font-family:Linearicons-Free;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:"\e875";left:0} #preview .bx-next{right:0} #preview .bx-next:before{content:"\e876";right:0} /**/ #main_bn{position:relative;overflow:hidden} #main_bn ul li img{display:block;width:auto;max-width:100%;height:auto} #main_bn .bx-viewport{z-index:10} #main_bn .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;width:80px;height:60px;font-size:1px;font-family:Linearicons-Free;text-align:center;transition:all 0.3s} #main_bn .bx-controls-direction a:hover{z-index:200} #main_bn .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} #main_bn .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5} #main_bn .bx-controls-direction a.disabled{display:none} #main_bn .bx-prev{left:-20px} #main_bn .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px} #main_bn .bx-prev:hover{left:-0px} #main_bn .bx-next{right:-20px} #main_bn .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px} #main_bn .bx-next:hover{right:-0px} #main_bn .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center} #main_bn .bx-pager-item{display:inline;margin-right:5px} #main_bn .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} #main_bn .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:#fff}#index .ca20 .item{border:0px solid #fff} #index .ca30{padding:0px 0;background:#ffffff} #index .ca40{padding:0px 0;background:#fff}#index .ca40 .item{border:0px solid #fff} #index .ca50{padding:0px 0;background:#ffffff} #index .ca60{padding:0px 0;background:#fff}#index .ca60 .item{border:0px solid #fff} #index .ca70{padding:0px 0;background:#ffffff} #index .ca80{padding:0px 0;background:#fff}#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 a{display:block;margin:0 10px 20px 10px;padding:20px;transition:all 0.2s ease-in-out} #direct li a:hover{background-color:#eee} #direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #direct li i{margin:10px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.3)} #direct li em{margin-bottom:4px;font-size:11px;text-transform:uppercase} #direct li strong{margin-bottom:60px;font-size:24px;font-weight:500;letter-spacing:-1px} #direct li span{margin-bottom:17px;font-size:13px} #direct .wrap{padding:0 10px} /**/ #prod h2{margin-top:0px;line-height:48px;font-size:30px;font-weight:600;letter-spacing:-1px; color:#ff0000; text-align:center} #prod h2 a {font-size:20px; font-weight:600; color:#ff0000} #prod h2 span {color:#aaa; margin-bottom:50px} #prod .wrap {text-align:center;} #prod .wrap .ind_txt {position:relative; text-align:center; color:#777; margin-bottom:30px; font-weight:500} #prod{padding:0; margin-top:30px} #prod ul{overflow:hidden; margin-top:20px} #prod li{float:left;position:relative;width:40%; padding-bottom:50px} #prod li:nth-child(odd) {margin-right:8px; } #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:#fff} #prod li:nth-child(even) .item{background-color:#fff} #prod li:hover:nth-child(odd) .item{background-color:#fff} #prod li:hover:nth-child(even) .item{background-color:#fff} #prod li:hover .sns{display:block} #prod .wrap{padding:0 10px} #prod .item{margin:0;background-color:#d6e2ea;transition:all 0.2s ease-in-out; width:100%; text-align:center} #prod .img{padding:0px 0;text-align:center} #prod .img img{position:relative;z-index:1;transition:transform 0.5s; width:100%; height:auto; border:solid 1px #ddd; border-radius:5px} #prod .img img:hover{transform:scale(1.1)} #prod .txt_m{position:relative;z-index:2;padding:0 0px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden; text-align:center; width:100%} #prod .txt_m strong{width:100%} #prod .txt_m a{display:block; margin:15px 0; padding:0; font-size:16px; letter-spacing:-2px; font-weight:600; color:#333; width:100%} #prod .txt_m a:hover{color:#000} #prod .txt_m span{display:block;font-size:11px;color:#777;position:relative; top:-10px; padding:0 20px } #prod .cost_m{padding:0 30px;} #prod .cost_m strong{font-size:20px;font-weight:700;} #prod .cost_m .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px} #prod .cost_m .price{float:right;line-height:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777; position:relative; left:-15px; top:0px} #prod .cost_m .prime{padding-bottom:5px;overflow:hidden;} #prod .cost_m .prime .tit {border:solid 3px #ddd; border-radius:30px; display:none} #prod .cost_m .reduced{overflow:hidden; margin-top:10px; width:100%} #prod .cost_m .reduced .tit{border:solid 3px #ddd; display:none} #prod .cost_m .reduced .price{color:#333} #prod .txt{position:relative;z-index:2;padding:10px 10px 0 10px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden; letter-spacing:-1px; text-align:center; font-weight:900px} #prod .txt strong{letter-spacing:-1px;color:#777;font-weight:700;} #prod .txt a{display:block;margin:5px 0;line-height:20px;font-weight:500;color:#333;transition:all 0.2s ease-in-out} #prod .txt a:hover{color:#000} #prod .txt span{display:block;font-size:13px;color:#777; width:100%; word-break:normal; line-height:14px; display:block; padding:0 20px 10px 20px} #prod .cost{padding:0 30px} #prod .cost strong{font-size:20px;font-weight:700} #prod .cost .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px; display:none; color:#ddd} #prod .cost .price{float:right;line-height:18px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777} #prod .cost .price_s {float:right;line-height:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777; text-decoration: line-through;font-style: italic} #prod .cost .prime{padding-bottom:5px;overflow:hidden} #prod .cost .reduced{overflow:hidden} #prod .cost .reduced .tit{display:none !important; margin:0px} #prod .cost .reduced .price{color:#0e3c52; text-align:center; width:100%; padding-top:10px} #prod .item .ico{display:block; width:100%; margin:10px auto; padding:0 0px} #prod .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:6px;font-weight:700;text-align:center;border-radius:3px; z-index:99999; letter-spacing:-1px; padding:0} #prod .ico .sit_icon { } #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{padding:0; text-align:center} #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:100px;right:20px} #prod p a{position:absolute;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:#fff} #prod li:nth-child(even) .item{background-color:#fff} #prod li:hover:nth-child(odd) .item{background-color:#fff} #prod li:hover:nth-child(even) .item{background-color:#fff} #prod li:hover .sns{display:block} #prod .wrap{padding:0 10px} #prod .item{margin:0 10px 20px 10px;min-height:480px;background-color:#;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 .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden} #prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700} #prod .txt a{display:block;margin:5px 0;height:40px;line-height:20px;font-size:18px;font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out} #prod .txt a: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 30px} #prod .cost strong{font-size:20px;font-weight:700} #prod .cost .tit{float:left;display:block;width:85px;line-height:21px;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:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777} #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:20px;left:30px} #prod .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:11px;font-weight:700;text-align:center;border-radius:0%} #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 .ca10 ul li {width:50%} /**/ #detail{background:#fff} #detail .detail{padding:20px 0;*zoom:1} #detail .detail:before, #detail .detail:after{clear:both;display:table;content:"";line-height:0} #detail .fl{width:33%; text-align:center} #detail .fr{width:58%} #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:20px;line-height:24px;font-size:22px;font-weight:500;color:#2b2b2b} #detail .subject p{font-size:16px;color:#474747} #detail .commodity{padding:15px 0;} #detail .commodity li{height:50px; line-height:50px; background:#; padding:10px; border-bottom:dashed 1px #ddd} #detail .commodity li:nth-child(2n) {background:#} #detail .commodity li label{width:100px !important; float:left;font-size:14px} #detail .commodity li strong{float:left; line-height:15px; width:100%} #detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:13px;font-weight:300} #detail .commodity li label, #detail .commodity li strong{line-height:16px; letter-spacing:-1px; font-size:13px; width:200px} #detail .commodity .price{font-size:22px; margin-bottom:10px} #detail .commodity li .m_qty {height:14px; font-size:13px; position:relative; top:-0px} #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:40px;overflow:hidden; padding:0; border:0} #detail .option div label{float:left;display:block;width:15%; display:none; border:0} #detail .option div span{float:left;display:block;width:100%} #detail .option select{width:100%;height:40px;border:1px solid #cdcdcd; padding-left:10px; background:#fff} #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:20px;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; margin-left:-10px;} #detail .selbtn button{float:left;width:40%;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 .send_tel {color:#000;background:#f9f9f9; float:left; font-size:16px; width:23.5%; height:40px; line-height:40px; border:solid 1px #ddd} #detail .selbtn .send_tel:hover {background:#df6f2d; color:#fff} #detail .selbtn .btn_order{font-size:16px; font-weight:300; background:#0052d0; color:#fff; width:23.5%; height:40px; line-height:40px; margin-left:-150px} #detail .selbtn .btn_order:hover{background:#df6f2d} #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;border-top:1px solid #aaa;border-bottom:1px solid #aaa;text-align:center} #detail #sit_opt_added .sit_opt_del{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} /**/ #shopinfo .fixed{position:;left:0;right:0;top:0;z-index:10;width:100%} #shopinfo .shoptab{padding:20px} #shopinfo .shoptab ul{*zoom:1} #shopinfo .shoptab ul:before, #shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0} #shopinfo .shoptab li{float:left;width:25%} #shopinfo .shoptab li a{display:block;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{border-left:1px solid #ccc} #shopinfo .shoptab .sel a{color:#000;background:#e8f7ff} #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:block} #shopinfo #dtinfo .v_mb{display:block} /**/ #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} #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:120px;color:#777;transition:all 0.3s ease-in-out} #review .txt strong{display:block;line-height:20px;font-size:16px;font-weight:600} #review .txt span{display:block;padding:5px 0;height:80px;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: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;font-family:Linearicons-Free;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:"\e875"} #review .bx-next:before{content:"\e876"} /**/ #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:'NotoSans';font-weight:500;letter-spacing:-1px;color:#57839e;border-bottom:1px solid #88a4b6} /**/ #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:20px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #ccc} #consult .product{padding-bottom:20px} #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 span{display:block;font-size:15px} #consult .product .cost{font-size:24px;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 #ccc} #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} #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} } @media all and (max-width:748px) { html,body{} #ktplay{width:100%;height:auto} #ktplay .wrap{position:relative;padding:0 3px;*zoom:1} #ktplay .wrap:before, #ktplay .wrap:after{clear:both;display:table;content:"";line-height:0} #ktleft{display:none;position:absolute;z-index:99999;top:0px;left:-260px;width:260px;min-height:1000px;background:#3a98d5;overflow:hidden; display:none} /**/ #header{position:relative;z-index:10;top:0;left:0;padding-bottom:10px;width:100%;background:#fff;transition:all 0.4s ease-in-out;} #header .top{background:#fff} #header .top button{position:absolute;top:0;width:50px;height:80px; line-height:80px; font-weight:300;background:transparent} #header .top button i{font-size:20px;color:#aaa} #header .top .btn-menu{left:0} #header .top .btn-search{right:0;} #header .header{background:#fff; } #header .wrap {position:relative; top:50px; border-bottom:1px solid #eee;} #header .wrap h1{height:80px;text-align:center;opacity:1;transition:all 0.4s ease-in-out} #header .wrap h1 a{display:block;position:relative;top:22px} #header .wrap h1 img{width:130px} #header .lnb, #header .lib{display:block; position:absolute; top:-50px; margin:0 auto} #header .lib{width:100%; background:url("/web/upload/elin_mobile_img/top_banner_bg.gif") repeat-x 0 0; margin-left:-3px;} #header .lib ul{overflow:hidden; margin:0 auto; text-align:center} #header .lib li{float:left;margin-right:1px; width:33%} #header .lib li a{display:block;padding:0 12px;line-height:50px;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; display:none} #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:absolute;padding:0 10px;overflow:hidden; z-index:99999; display:none} #header .searchbox img{display:none} #header .searchbox input{padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border:0;background:#fff;border:2px solid #616161; border-radius:20px;} #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:10px;font-size:24px;font-weight:800;color:#20409a} /**/ #gnbshop{display:none} /**/ #category{display:none} #gnbshop #allmenu {display:block !important} /**/ #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:'NotoSans';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:#333} #footer .footer{padding:30px 0 85px;position:relative;text-align:center} #footer .footer h2{display:flex;gap:20px;justify-content:center;height:60px;text-align:center;opacity:1;transition:all 0.4s ease-in-out} #footer .footer a{color:#fafafa} #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 address{display:block;padding:20px 30px;color:#aaa; text-align:left} #footer .footer address span{font-size:12px; display:block} #footer .footer address br {display:none} #footer .footer address strong{font-size:12px} #footer .footer .tail_escrow {display:block;width:71px;height:70px;margin:0 auto 20px auto;background-image:url('../img/kcp.png');background-repeat:no-repeat;background-size:cover;vertical-align:text-bottom; display:none} #footer .footer cite{display:block;font-size:12px;color:#888;text-transform:uppercase} #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:100%;overflow:hidden;display:block!important; border-top:solid 1px #ddd;background:#fff; padding:10px; float:left} #footer .phone a{text-align:center} #footer .phone .ph1{color:#000;background:#f9f9f9; float:left; font-size:16px; width:50%; height:40px; line-height:40px; border:solid 1px #ddd; } #footer .phone .ph1 i {color:#000} #footer .phone .ph2{font-size:16px; font-weight:300; float:right; background:#0052d0; color:#fff; width:47%; height:40px; line-height:40px; background:#0052d0} #footer .phone .ph2 i {color:#fff} #footer .m-kakao{position:fixed;z-index:90000;bottom:0;right:0;width:20%;display:none} #footer .m-kakao a{display:block;height:50px;line-height:50px;font-size:0px;font-weight:500;text-align:center;color:#331a19;background:#fffa16;overflow:hidden} #footer .m-kakao a img {width:auto; height:24px;} /**/ #preview{position:relative;background:#eee} #preview ul li a img{display:block;margin:0 auto;width:auto;max-width:80%;height:auto} #preview .bx-controls-auto{float:left;position:relative} #preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-10px 0 0 0;width:30px;height:20px;font-size:1px;font-family:Linearicons-Free;text-align:center;speak:none} #preview .bx-controls-direction a:hover{z-index:2} #preview .bx-controls-direction a:before{position:absolute;top:0;display:block;width:30px;height:20px;line-height:22px;font-size:11px;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:"\e875";left:0} #preview .bx-next{right:0} #preview .bx-next:before{content:"\e876";right:0} /**/ #main_bn{overflow:hidden; margin-top:40px} #main_bn ul li img{display:block;width:auto;max-width:100%;height:auto; zoom:200%} #main_bn .bx-controls{display:none} #main_bn .bx-viewport{z-index:10} #main_bn .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-20px;width:60px;height:40px;font-size:1px;font-family:Linearicons-Free;text-align:center;transition:all 0.3s} #main_bn .bx-controls-direction a:hover{z-index:200} #main_bn .bx-controls-direction a:before{position:absolute;top:0;display:block;width:60px;height:40px;line-height:42px;font-size:15px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s} #main_bn .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5} #main_bn .bx-controls-direction a.disabled{display:none} #main_bn .bx-prev{left:-20px} #main_bn .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px} #main_bn .bx-prev:hover{left:0} #main_bn .bx-next{right:-20px} #main_bn .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px} #main_bn .bx-next:hover{right:0} #main_bn .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center} #main_bn .bx-pager-item{display:inline;margin-right:5px} #main_bn .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} #main_bn .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;background:#fff}#index .ca00 .item{border:0px solid #fff} #index .ca10{padding:0px 0;background:#fff} #index .ca20{padding:0px 0;background:#fff}#index .ca20 .item{border:0px solid #fff} #index .ca30{padding:0px 0;background:#fff} #index .ca40{padding:0px 0;background:#fff}#index .ca40 .item{border:0px solid #fff} #index .ca50{padding:0px 0;background:#fff} #index .ca60{padding:0px 0;background:#fff}#index .ca60 .item{border:0px solid #fff} #index .ca70{padding:0px 0;background:#fff} #index .ca80{padding:0px 0;background:#fff}#index .ca80 .item{border:0px solid #fff} #index .ca90{padding:0px 0;background:#fff} /**/ #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 a{display:block;margin:0 5px 20px 5px;padding:9px;background-size:40% auto;transition:all 0.2s ease-in-out} #direct li a:hover{background-color:#eee} #direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)} #direct li i{margin:5px 0;width:10px;height:2px;background:#555;background:rgba(0,0,0,0.3)} #direct li em{margin-bottom:4px;font-size:8px;text-transform:uppercase} #direct li strong{margin-bottom:20px;font-size:16px;font-weight:500;letter-spacing:-1px} #direct li span{margin-bottom:10px;font-size:12px} /**/ #prod h2{margin-top:0px;line-height:48px;font-size:30px;font-weight:600;letter-spacing:-1px; color:#ff0000; text-align:center} #prod h2 a {font-size:20px; font-weight:600; color:#ff0000} #prod h2 span {color:#aaa; margin-bottom:50px} #prod .wrap {text-align:center;} #prod .wrap .ind_txt {position:relative; text-align:center; color:#777; margin-bottom:30px; font-weight:500} #prod{padding:0; margin-top:30px} #prod ul{overflow:hidden; margin-top:20px} #prod li{float:left;position:relative;width:48.7%; padding-bottom:50px} #prod li:nth-child(odd) {margin-right:8px; } #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:#fff} #prod li:nth-child(even) .item{background-color:#fff} #prod li:hover:nth-child(odd) .item{background-color:#fff} #prod li:hover:nth-child(even) .item{background-color:#fff} #prod li:hover .sns{display:block} #prod .wrap{padding:0 10px} #prod .item{margin:0;background-color:#d6e2ea;transition:all 0.2s ease-in-out; width:100%; text-align:center} #prod .img{padding:0px 0;text-align:center} #prod .img img{position:relative;z-index:1;transition:transform 0.5s; width:100%; height:auto; border:solid 1px #ddd; border-radius:5px} #prod .img img:hover{transform:scale(1.1)} #prod .txt_m{position:relative;z-index:2;padding:0 0px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden; text-align:center; width:100%} #prod .txt_m strong{width:100%} #prod .txt_m a{display:block; margin:15px 0; padding:0; font-size:16px; letter-spacing:-2px; font-weight:600; color:#333; width:100%} #prod .txt_m a:hover{color:#000} #prod .txt_m span{display:block;font-size:11px;color:#777;position:relative; top:-10px; padding:0 20px } #prod .cost_m{padding:0 30px;} #prod .cost_m strong{font-size:20px;font-weight:700;} #prod .cost_m .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px} #prod .cost_m .price{float:right;line-height:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777; position:relative; left:-15px; top:0px} #prod .cost_m .prime{padding-bottom:5px;overflow:hidden;} #prod .cost_m .prime .tit {border:solid 3px #ddd; border-radius:30px; display:none} #prod .cost_m .reduced{overflow:hidden; margin-top:10px; width:100%} #prod .cost_m .reduced .tit{border:solid 3px #ddd; display:none} #prod .cost_m .reduced .price{color:#333} #prod .txt{position:relative;z-index:2;padding:10px 10px 0 10px;font-family:'LatoWeb','NotoSans','Malgun Gothic';overflow:hidden; letter-spacing:-1px; text-align:center; font-weight:900px} #prod .txt strong{letter-spacing:-1px;color:#777;font-weight:700;} #prod .txt a{display:block;margin:5px 0;line-height:20px;font-weight:500;color:#333;transition:all 0.2s ease-in-out} #prod .txt a:hover{color:#000} #prod .txt span{display:block;font-size:13px;color:#777; width:100%; word-break:normal; line-height:14px; display:block; padding:0 20px 10px 20px} #prod .cost{padding:0 30px} #prod .cost strong{font-size:20px;font-weight:700} #prod .cost .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px; display:none; color:#ddd} #prod .cost .price{float:right;line-height:18px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777} #prod .cost .price_s {float:right;line-height:21px;font-family:'LatoWeb','NotoSans','Malgun Gothic';color:#777; text-decoration: line-through;font-style: italic} #prod .cost .prime{padding-bottom:5px;overflow:hidden} #prod .cost .reduced{overflow:hidden} #prod .cost .reduced .tit{display:none !important; margin:0px} #prod .cost .reduced .price{color:#0e3c52; text-align:center; width:100%; padding-top:10px} #prod .item .ico{display:block; width:100%; margin:10px auto; padding:0 0px} #prod .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:6px;font-weight:700;text-align:center;border-radius:3px; z-index:99999; letter-spacing:-1px; padding:0} #prod .ico .sit_icon { } #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} .listcategory {width:100%; border:0; background:#fff; text-align:center !important} .listcategory h2 {display:none} .listcategory ul {width:100%; border:0; text-align:center; margin-bottom:0; margin:5px} .listcategory ul li {height:30px; width:47%; margin:5px; padding:5px; border:solid 1px #ddd; border-radius:20px; letter-spacing:-2px; float:left; font-size:14px} .listcategory ul li:hover {font-weight:900} /**/ #detail{background:#} #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:60px 10px; /*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:20px;font-size:20px;font-weight:500;color:#2b2b2b; letter-spacing:-2px} #detail .subject p{font-size:15px;color:#474747} #detail .commodity{padding:15px 0;} #detail .commodity li{height:50px; line-height:50px; background:#; padding:10px; border-bottom:dashed 1px #ddd} #detail .commodity li:nth-child(2n) {background:#} #detail .commodity li label{width:100px !important; float:left;font-size:14px} #detail .commodity li strong{float:left; line-height:15px; width:100%} #detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:13px;font-weight:300} #detail .commodity li label, #detail .commodity li strong{line-height:16px; letter-spacing:-1px; font-size:13px; width:200px} #detail .commodity .price{font-size:22px; margin-bottom:10px} #detail .commodity li .m_qty {height:14px; font-size:13px; position:relative; top:-0px} #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:40px;overflow:hidden; border:0px solid #eee; padding:0px} #detail .option div label{float:left;display:block;width:0%; text-align:center; display:none} #detail .option div span{float:left;display:block;width:100%; padding-left:0px; border:none; border-bottom:solid 0px #ddd} #detail .option select{width:100%;height:40px;border:1px solid #cdcdcd; padding-left:10px; border-radius:0px; background:#fff} #detail .option h3{font-size:15px} #detail .seloption h4{display:none} /* #detail .seloption .sit_opt_list{position:relative;padding:15px 0;padding-right:80px;border-bottom:1px solid #999} */ #detail .seloption .sit_opt_list{position:relative;padding:20px 20px;padding-right:220px;border-bottom:0px solid #999; height:60px; background:#f9f9f9; margin-bottom:10px} #detail .seloption .sit_spl_list {position:relative;padding:20px 20px;padding-right:80px;border-bottom:0px solid #999; height:60px; background:#f9f9f9} #detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px; width:210px} #detail .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px} #sit_tot_price {height:60px; line-height:60px; border-top:solid 1px #ddd} #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; margin-left:-10px;} #detail .selbtn button{float:left;width:48%;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 .send_tel {color:#000;background:#f9f9f9; float:left; font-size:16px; width:50%; height:40px; line-height:40px; border:solid 1px #ddd} #detail .selbtn .send_tel:hover {background:#df6f2d; color:#fff} #detail .selbtn .btn_order{font-size:16px; font-weight:300; background:#0052d0; color:#fff; width:47%; height:40px; line-height:40px; margin-left:-150px} #detail .selbtn .btn_order:hover{background:#df6f2d} #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{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} /**/ #shopinfo .fixed{position:;left:0;right:0;top:0;z-index:10;width:100%} #shopinfo .shoptab{padding:10px} #shopinfo .shoptab ul{*zoom:1} #shopinfo .shoptab ul:before, #shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0} #shopinfo .shoptab li{float:left;width:20%} #shopinfo .shoptab li:last-child{width:40%} #shopinfo .shoptab li a{display:block;margin-bottom:5px;line-height:50px;font-size:13px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa} #shopinfo .shoptab li:first-child a{border-left:1px solid #ccc} #shopinfo .shoptab .sel a{color:#000;background:#e8f7ff} #shopinfo #dtinfo{margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} #shopinfo #dtinfo img{max-width:100%;height:auto} #shopinfo #dtinfo .v_pc{display:block} #shopinfo #dtinfo .v_mb{display:block} /**/ #sit_inf{padding:0 10px} /**/ #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:#efefef} #review h2{padding:20px 10px;font-size:22px;font-weight:500;letter-spacing:-1px} #review h2 span{display:block;font-weight:300} #review ul{overflow:hidden} #review li a{display:block;position:relative;margin:0 5px;min-height:350px;background-color:#fff} #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:20px} #review .img div{height:160px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;transition:all 0.3s ease-in-out;overflow:hidden} #review .txt{padding:0 20px;min-height:130px;color:#777;transition:all 0.3s ease-in-out} #review .txt strong{display:block;line-height:20px;font-size:16px;font-weight:600} #review .txt span{display:block;padding:5px 0;height:80px;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:13px} #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:4px;width:30px;height:30px;font-family:Linearicons-Free;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:26px;font-size:14px;font-weight:600;border:2px solid #4c4c4c;background:#efefef} #review .bx-controls-direction a.disabled{display:none} #review .bx-prev:before{content:"\e875"} #review .bx-next:before{content:"\e876"} /**/ #event{padding:20px 0} #event ul{overflow:hidden} #event li{float:left;width:100%; background:#f9f9f9; border-top:solid 1px #efefef} #event li:nth-child(2){background:#fff} #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 0% 10px 0;line-height:16px;font-size:13px} #event li ul li {background:#fff; } #event li.ev2 .lat {margin:-20px 0 0 0px; padding:0px; margin:0} #event li.ev2 .lat .lat_title {margin:0 0 20px 0} #event li.ev2 .lat ul li {; line-height:40px; height:40px; border-bottom:dashed 1px #ddd; } #event li.ev2 .lat ul li span {width:30px; height:15px !important; background:#009cff; padding:0; float:right; position:relative; right:0px; top:-25px; color:#fff; text-align:center} #event li.ev2 .lat ul li:nth-child(2) {margin-top:0px} #event li.ev3 ul li:nth-child(2) {border:0} #event li.ev3 div ul {position:relative; top:0px; list-style:none} #event li.ev3 div ul li {; float:left; width:40%; margin-right:10px} #event li.ev3 li{background:none} /**/ #contain{padding:0 0px;background:#fff; margin-top:60px} #article{position:relative} #article:before{content:''} #article > .wrap{padding-bottom:10px} #article > .wrap > h2{display:block;margin:10px 0;padding:0 0 0 20px;line-height:20px;font-size:24px;font-family:'NotoSans';font-weight:500;letter-spacing:-1px;color:#57839e;border-left:5px solid #ccc; text-align:center} #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 {padding:20px} #consult .consult h3{margin-bottom:20px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #ccc} #consult .product{padding-bottom:20px} #consult .product dl{overflow:hidden} #consult .product dt a{display:block;margin:0 auto;width:150px} #consult .product dd{} #consult .product dd a{display:block;padding:20px 0} #consult .product dd a strong{display:block;font-size:20px} #consult .product dd a span{display:block;font-size:15px} #consult .product .cost{font-size:24px;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 #ccc} #consult .form .input{position:relative} #consult .form .input label{position:absolute;top:5px;left:10px;display:block;line-height:30px;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 23%;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 20px} #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:#555} #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} #captcha {margin-left:25px !important} #captcha_audio {width:80%} /**/ #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} } /*공통클래스속성*/ .nocontent{padding:50px 0;font-size:15px;font-family:'LatoWeb','NotoSans','Malgun Gothic','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);}