#contents{max-width:100%!important; padding:0!important;} .ie9 .big_thumb{display:block!important; margin:0 auto; width:100%;} .ie9 #m_detail{display:none;} .ie9 .detail_center{display:block!important; width:80%; margin:0 auto;} .ie8 .detail_left_big{display:block!important;} .ie8 .detail_left{width:100%;} .ie8 .detail_right_wrap{width:100%; padding:0;} .detail_zoom_wrap{width:100%; height:100%; position:fixed; top:0; left:0; z-index:4; background-image:url("//thisisnotcoffeeshop.com/img/black_bg.png"); overflow:hidden;} .detail_zoom{width:100%; height:100%; margin:0 auto; cursor:url("//thisisnotcoffeeshop.com/img/zoomout.cur"),auto; overflow:auto; -webkit-overflow-scrolling:touch; padding-right:20px;} .detail_zoom img{display:block!important; margin:0 auto;} .detail_wrap_outer{} .detail_wrap{width:100%; padding:0; position:relative;} .detail_left{width:100%;} .detail_left_big{display:none!important;} .detail_left_big img{width:100%;} .detail_left_big_nav li{} .detail_left_big_nav img{width:100%; cursor:url("//thisisnotcoffeeshop.com/img/zoom.cur"),auto;} .custom_left_button{position:absolute; width:50%; height:100%; z-index:2; left:0; top:0; cursor:w-resize;} .custom_right_button{position:absolute; width:50%; height:100%; z-index:2; right:0; top:0; cursor:e-resize;} /* .slick-next , .slick-prev{width:50px!important; height:50px!important; background-size:50px!important;} */ .detail_right_wrap{width:400px; position:absolute; z-index:3; right:35px; top:130px;} .detail_right{position:relative; top:0; padding:0 0 50px 0;} .detail_tab{margin:15px 0 0 0; clear:both;} .detail_tab_title {} .detail_tab_title a{padding:0 20px 0 0; font-size:13px; font-weight:bold;} .detail_tab_title .active{text-decoration:underline;} .detail_tab_contents{padding:20px 0 20px 0; max-height:180px; overflow-y:auto;} .detail_tab_contents > div{display:none;} .detail_tab_contents .active{display:block;} .s_img{padding:30px 0 30px 0;} .s_img h3{border-bottom:2px solid #000; padding:0 0 10px 0; margin-bottom:20px;} .s_img img{max-width:100%; display:block; margin:0 auto;} .with_item_wrap{overflow:hidden; margin:50px 0 50px 0;} .with_item_wrap h2{font-size:15px; text-align:center; line-height:50px;} .with_item .item{width:200px; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0 -4px 20px 0;} .with_item .item .box{width:95%; margin:0 auto;} .with_item .item img{width:100%;} #NewProductQuantityDummy input{height:18px!important;} .detail_right .btnArea.type1 a{margin-bottom:5px;} #detail_board{width:100%; clear:both; display:table; margin:50px 0 50px 0;} #detail_board > div{float:left; width:49%; } #detail_board > div + div{float:right;} @media only screen and (max-width: 1500px) { .detail_wrap_outer{padding:10px;} .detail_right_wrap{width:100%; position:relative; top:0; right:0;} .custom_left_button , .custom_right_button{display:none;} #contents{width:100%; padding-top:50px!important;} .slick-prev, .slick-next{width:30px!important; height:30px!important; background-size:30px!important;} .detail_left_big{display:block!important;} .detail_left_big_nav{display:none!important;} .detail_left , .detail_right_wrap , .with_item_wrap , #detail_board > div{float:none; width:95%; margin:0 auto; display:block; padding:0;} #detail_board > div + div{float:none;} } /*모바일*/ @media only screen and (max-width: 768px) { .detail_left , .detail_right_wrap , .with_item_wrap {width:100%;} #detail_board > div{width:98%;} } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:4px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:5px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url("//thisisnotcoffeeshop.com/mCSB_buttons.png");background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* Slider */ :focus { outline: -webkit-focus-ring-color auto 0px!important; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none!important; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; position:relative; z-index:0; background-color:#fff; height: 100%; min-height: 1px; } .slick-slide.slick-active{z-index:2;} [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; .slick-prev:before, .slick-next:before{color:#000!important;} /* Slider */ .slick-loading .slick-list { background: #fff url("//thisisnotcoffeeshop.com/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("//thisisnotcoffeeshop.com/fonts/slick.eot"); src: url("//thisisnotcoffeeshop.com/fonts/slick.eot?#iefix") format('embedded-opentype'), url("//thisisnotcoffeeshop.com/fonts/slick.woff") format('woff'), url("//thisisnotcoffeeshop.com/fonts/slick.ttf") format('truetype'), url("//thisisnotcoffeeshop.com/fonts/slick.svg#slick") format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; z-index:3; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { background-image:url("//thisisnotcoffeeshop.com/img/left_arrow.png"); background-size:10px; background-position:center center; background-repeat:no-repeat; left:0; } [dir='rtl'] .slick-prev { right:0; left: auto; } .slick-prev:before { } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 0; background-image:url("//thisisnotcoffeeshop.com/img/right_arrow.png"); background-size:10px; background-position:center center; background-repeat:no-repeat; } [dir='rtl'] .slick-next { right: auto; left: 0; } .slick-next:before { } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none!important; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none!important; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity:1; } #prdReview .board > .btnArea { padding:14px 17px; margin:0 auto; } #prdReview .nodata { padding:14px 0; text-align:center; } /* 상품 후기 리스트 */ .xans-product-review .writeNotiArea { padding:0 14px; background:#fff; } .xans-product-review .writeNotiArea:after { content:""; display:block; clear:both; } .xans-product-review .writeNotiArea p { float:left; margin:7px 0; } .xans-product-review .writeNotiArea div.gRight { float:right; margin:7px 0 0; } .xans-product-review .noAccess { margin:14px 0; font-size:14px; text-align:center; } .xans-product-review .minor { padding:108px 0 28px; text-align:center; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/intro/bg_adult.png") center 14px no-repeat; background-size:80px 80px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } .xans-product-review .minor p { font-size:13px; margin:0 0 14px; } /* 정렬 */ .xans-product-review .boardSort { padding:7px 14px; font-size:13px; background:#f1f1f1; } .xans-product-review .boardSort:after { content:""; display:block; clear:both; } .xans-product-review .boardSort span { float:left; margin:0 14px 0 0; } /* 게시글 */ .xans-product-review { margin:-1px 0 0; font-size:11px; background:#fff; } .xans-product-review > ul > li { overflow:hidden; position:relative; padding:14px 0; min-height:43px; color:#757575; border-bottom:1px solid #d5d5d5; } .xans-product-review > ul > li:first-child { border-top:1px solid #d5d5d5; } .xans-product-review .descriptions { position:relative; margin:0 0 0 7px; padding:0 7px; } .xans-product-review .descriptions a { display:block; color:#757575; font-size:0; } .xans-product-review .descriptions a .summary { display:block; padding:0 15px 10px 0; color:#1b1b1b; font-size:15px; line-height:1.3em; font-weight:normal; } .xans-product-review .descriptions a .id { padding:0 7px 0 0; } .xans-product-review .descriptions a span { position:relative; display:inline-block; padding:0 7px 0 8px; font-size:11px; } .xans-product-review .descriptions a span:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:11px; background:#d6d6d6; } .xans-product-review .descriptions a strong + span:before { display:none; } .xans-product-review .descriptions a strong.summary span { display:none; padding:0 2px 0 0; } /* 상품후기 아코디언형 본문 */ .xans-product-review .contentView { margin:0; padding:0; min-height:0; background:#f9f9f9; color:#757575; font-size:15px; text-align:left; word-wrap:break-word; } .xans-product-review .contentView .view { margin:0; padding:14px; } .xans-product-review .contentView .view.secret { padding:14px 28px; } .xans-product-review .contentView .view.secret .alert { display:block; margin:0 0 14px; padding:0 0 0 31px; color:#353535; font-size:13px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_secret.png") 4px 4px no-repeat; background-size:17px 20px; } .xans-product-review .contentView .view.secret p { position:relative; padding:0 46px 0 0; } .xans-product-review .contentView .view.secret p input[type="password"] { width:100%; } .xans-product-review .contentView .view.secret p input[type="button"] { position:absolute; top:0; right:0; } .xans-product-review .contentView .attach { max-width:100%; text-align:center; } .xans-product-review .contentView .attach img { max-width:100%; margin:0 0 14px; border:1px solid #dedede; } .xans-product-review .contentView p { color:#1b1b1b; } .xans-product-review .contentView .btnArea { max-width:none; margin:0; padding:0 14px 14px; } .xans-product-review .contentView .btnArea a em { color:#508bed; } .xans-product-review .contentView .btnArea .ico.write { position:relative; top:2px; display:inline-block; width:13px; height:13px; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_comment.png"); background-size:13px 13px; } /* 상품후기 아코디언형 코멘트 목록 */ .xans-product-review .contentView .boardComment li { padding:0 0 0 14px; border-top:1px solid #d5d5d5; background:#f1f1f1; } .xans-product-review .contentView .boardComment li .btnArea { padding:0 14px 14px; } .xans-product-review .contentView .boardComment li .btnArea span { padding:0; } .xans-product-review .contentView .boardComment li .btnArea span a { margin:0 3px 0 0; } .xans-product-review .contentView .boardComment li .commentInfo { padding:14px 14px 0; font-size:12px; color:#757575; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_bullet.png") 0 16px no-repeat; background-size:8px 8px; } .xans-product-review .contentView .boardComment li .commentInfo .name { padding:0 8px 0 0; font-weight:normal; } .xans-product-review .contentView .boardComment li .commentInfo span { position:relative; padding:0 8px; } .xans-product-review .contentView .boardComment li .commentInfo span:before { position:absolute; top:1px; left:0; display:inline-block; content:""; width:1px; height:11px; background:#ccc; } .xans-product-review .contentView .boardComment li span img { width:50px; height:10px; vertical-align:baseline; } .xans-product-review .contentView .boardComment p.comment { padding:14px; color:#1b1b1b; } .xans-product-review .contentView .boardComment .replyArea { padding:0 0 0 28px; border-top:0; background:#f1f1f1; background-size:8px 8px; } .xans-product-review .contentView .boardComment .replyArea .commentInfo { border-top:1px solid #d5d5d5; } /* 상품후기 아코디언형 코멘트 작성 */ .xans-product-review .contentView .memoCont { padding:7px 0 0; border-top:1px solid #d5d5d5; } .xans-product-review .contentView .memoCont .label { padding:0 7px 0 0; color:#757575; font-weight:normal; vertical-align:middle; letter-spacing:-1px; } .xans-product-review .contentView .memoCont .label.hide { display:none; } .xans-product-review .contentView .memoCont .info { padding:0 14px; } .xans-product-review .contentView .memoCont .info:after { content:""; display:block; clear:both; } .xans-product-review .contentView .memoCont .info p { position:relative; box-sizing:border-box; width:50%; } .xans-product-review .contentView .memoCont .info p .label { position:absolute; left:0; padding:0; text-align:center; font-size:11px; line-height:29px; } .xans-product-review .contentView .memoCont .info p.name { float:left; padding:0 0 0 30px } .xans-product-review .contentView .memoCont .info p.name .label { width:30px; } .xans-product-review .contentView .memoCont .info p.password { float:right; padding:0 0 0 50px } .xans-product-review .contentView .memoCont .info p.password .label { width:50px; } .xans-product-review .contentView .memoCont .info p.name input[type="text"], .xans-product-review .contentView .memoCont .info p.password input[type="password"] { width:100%; margin:0; } .xans-product-review .contentView .memoCont .info p.password .label { margin:0; } .xans-product-review .contentView .memoCont .admin { margin:10px 0 0; } .xans-product-review .contentView .memoCont .admin a { display:block; text-align:center; } .xans-product-review .contentView .memoCont .comment { margin:14px 14px 0; } .xans-product-review .contentView .memoCont .comment textarea#comment { width:100%; height:50px; margin:0 0 7px 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .xans-product-review .contentView .memoCont .byteRating { margin:5px 0 0; } .xans-product-review .contentView .memoCont .byteRating:after { content:""; display:block; clear:both; } .xans-product-review .contentView .memoCont .rating { float:left; padding:7px 14px; box-sizing:border-box; } .xans-product-review .contentView .memoCont .rating .label { display:inline-block; width:30px; padding:0; line-height:29px; text-align:center; font-size:11px; } .xans-product-review .contentView .memoCont .rating input { margin-right:2px; } .xans-product-review .contentView .memoCont .rating label { margin-right:10px; } .xans-product-review .contentView .memoCont .byte { float:right; text-align:right; } .xans-product-review .contentView .memoCont .submit { text-align:right; padding:0 14px 7px; } .xans-product-review .contentView .memoCont .captcha { overflow:hidden; margin:0 14px; padding:10px 0 10px 114px; border-top:1px solid #ededed; } .xans-product-review .contentView .memoCont .captcha .form { float:left; position:relative; } .xans-product-review .contentView .memoCont .captcha img { position:absolute; left:-30px; margin-right:-30px; } .xans-product-review .contentView .memoCont .captcha img:first-child { left:-114px; margin-right:-114px; } .xans-product-review .contentView .memoCont .captcha .form { width:100%; } .xans-product-review .contentView .memoCont .captcha .form p { margin:14px 0 0; padding:0 0 0 20px; font-size:11px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_important.png") no-repeat 0 50%; background-size:13px 13px; } .xans-product-review .contentView .memoCont .mButton { margin:10px 0 0; } .xans-product-review .contentView .memoCont #captcha { margin:2px 0 0 0; width:100%; } /* 권한 없음 */ .xans-product-review .contentView .memoCont .boardCommentAuthority { padding:14px; text-align:center; background:#fff; } #prdQnA .board > .btnArea { padding:14px 17px; margin:0 auto; } #prdQnA .nodata { padding:14px 0; text-align:center; } /* 상품 문의 리스트 */ .xans-product-qna .writeNotiArea { padding:0 14px; background:#fff; } .xans-product-qna .writeNotiArea:after { content:""; display:block; clear:both; } .xans-product-qna .writeNotiArea p { float:left; margin:7px 0; } .xans-product-qna .writeNotiArea div.gRight { float:right; margin:7px 0 0; } .xans-product-qna .noAccess { margin:14px 0; text-align:center; } .xans-product-qna .minor { padding:108px 0 28px; text-align:center; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/intro/bg_adult.png") center 14px no-repeat; background-size:80px 80px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } .xans-product-qna .minor p { font-size:13px; margin:0 0 14px; } /* 정렬 */ .xans-product-qna .boardSort { padding:7px 14px; font-size:13px; background:#f1f1f1; } .xans-product-qna .boardSort:after { content:""; display:block; clear:both; } .xans-product-qna .boardSort span { float:left; margin:0 14px 0 0; } /* 게시글 */ .xans-product-qna { margin:-1px 0 0; font-size:11px; background:#fff; } .xans-product-qna > ul > li { overflow:hidden; position:relative; padding:14px 0; min-height:43px; color:#757575; border-bottom:1px solid #d5d5d5; } .xans-product-qna > ul > li:first-child { border-top:1px solid #d5d5d5; } .xans-product-qna .descriptions { position:relative; margin:0 0 0 7px; padding:0 7px; } .xans-product-qna .descriptions a { display:block; color:#757575; font-size:0; } .xans-product-qna .descriptions a .summary { display:block; padding:0 15px 10px 0; color:#1b1b1b; font-size:15px; line-height:1.3em; font-weight:normal; } .xans-product-qna .descriptions a .id { padding:0 7px 0 0; } .xans-product-qna .descriptions a span { position:relative; display:inline-block; padding:0 7px 0 8px; font-size:11px; } .xans-product-qna .descriptions a span:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:11px; background:#d6d6d6; } .xans-product-qna .descriptions a strong + span:before { display:none; } .xans-product-qna .descriptions a strong.summary span { display:none; padding:0 2px 0 0; } /* 상품문의 아코디언형 본문 */ .xans-product-qna .contentView { margin:0; padding:0; min-height:0; background:#f9f9f9; color:#757575; font-size:15px; text-align:left; word-wrap:break-word; } .xans-product-qna .contentView .view { margin:0; padding:14px; } .xans-product-qna .contentView .view.secret { padding:14px 28px; } .xans-product-qna .contentView .view.secret .alert { display:block; margin:0 0 14px; padding:0 0 0 31px; color:#353535; font-size:13px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_secret.png") 4px 4px no-repeat; background-size:17px 20px; } .xans-product-qna .contentView .view.secret p { position:relative; padding:0 51px 0 0; } .xans-product-qna .contentView .view.secret p input[type="password"] { width:100%; } .xans-product-qna .contentView .view.secret p input[type="button"] { position:absolute; top:0; right:0; } .xans-product-qna .contentView .attach { max-width:100%; text-align:center; } .xans-product-qna .contentView .attach img { max-width:100%; margin:0 0 14px; border:1px solid #dedede; } .xans-product-qna .contentView p { color:#1b1b1b; } .xans-product-qna .contentView .btnArea { max-width:none; margin:0; padding:0 14px 14px; } .xans-product-qna .contentView .btnArea a em { color:#508bed; } .xans-product-qna .contentView .btnArea .ico.write { position:relative; top:2px; display:inline-block; width:13px; height:13px; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_comment.png"); background-size:13px 13px; } /* 상품문의 아코디언형 코멘트 목록 */ .xans-product-qna .contentView .boardComment li { padding:0 0 0 14px; border-top:1px solid #d5d5d5; background:#f1f1f1; } .xans-product-qna .contentView .boardComment li .btnArea { padding:0 14px 14px; } .xans-product-qna .contentView .boardComment li .btnArea span { padding:0; } .xans-product-qna .contentView .boardComment li .btnArea span a { margin:0 3px 0 0; } .xans-product-qna .contentView .boardComment li .commentInfo { padding:14px 14px 0; font-size:12px; color:#757575; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/ico_bullet.png") 0 16px no-repeat; background-size:8px 8px; } .xans-product-qna .contentView .boardComment li .commentInfo .name { padding:0 8px 0 0; font-weight:normal; } .xans-product-qna .contentView .boardComment li .commentInfo span { position:relative; padding:0 8px; } .xans-product-qna .contentView .boardComment li .commentInfo span:before { position:absolute; top:1px; left:0; display:inline-block; content:""; width:1px; height:11px; background:#ccc; } .xans-product-qna .contentView .boardComment li span img { width:50px; height:10px; vertical-align:baseline; } .xans-product-qna .contentView .boardComment p.comment { padding:14px; color:#1b1b1b; } .xans-product-qna .contentView .boardComment .replyArea { padding:0 0 0 28px; border-top:0; background:#f1f1f1; background-size:8px 8px; } .xans-product-qna .contentView .boardComment .replyArea .commentInfo { border-top:1px solid #d5d5d5; } /* 상품문의 아코디언형 코멘트 작성 */ .xans-product-qna .contentView .memoCont { padding:7px 0 0; border-top:1px solid #d5d5d5; } .xans-product-qna .contentView .memoCont .label { padding:0 7px 0 0; color:#757575; font-weight:normal; vertical-align:middle; letter-spacing:-1px; } .xans-product-qna .contentView .memoCont .label.hide { display:none; } .xans-product-qna .contentView .memoCont .info { padding:0 14px; } .xans-product-qna .contentView .memoCont .info:after { content:""; display:block; clear:both; } .xans-product-qna .contentView .memoCont .info p { } .xans-product-qna .contentView .memoCont .info p.name { float:left; margin-right:3%; width:35%; } .xans-product-qna .contentView .memoCont .info p.password { float:right; width:57%; border-bottom:0; } .xans-product-qna .contentView .memoCont .info p.name input[type="text"] { width:60%; } .xans-product-qna .contentView .memoCont .info p.password input[type="password"] { width:55%; } .xans-product-qna .contentView .memoCont .info p.password .label { margin:0; } .xans-product-qna .contentView .memoCont .admin { margin:10px 0 0; } .xans-product-qna .contentView .memoCont .admin a { display:block; text-align:center; } .xans-product-qna .contentView .memoCont .comment { margin:14px 14px 0; } .xans-product-qna .contentView .memoCont .comment textarea#comment { width:100%; height:50px; margin:0 0 7px 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .xans-product-qna .contentView .memoCont .byteRating { margin:5px 0 0; border-bottom:1px solid #ededed; } .xans-product-qna .contentView .memoCont .byteRating:after { content:""; display:block; clear:both; } .xans-product-qna .contentView .memoCont .rating { float:left; padding:7px 14px; box-sizing:border-box; } .xans-product-qna .contentView .memoCont .rating .label { display:inline-block; width:30px; padding:0; line-height:29px; text-align:center; font-size:11px; } .xans-product-qna .contentView .memoCont .rating input { margin-right:2px; } .xans-product-qna .contentView .memoCont .rating label { margin-right:10px; } .xans-product-qna .contentView .memoCont .byte { float:right; text-align:right; } .xans-product-qna .contentView .memoCont .submit { text-align:right; padding:0 14px 7px; } .xans-product-qna .contentView .memoCont .captcha { overflow:hidden; margin:0 14px; padding:10px 0 10px 114px; border-top:1px solid #ededed; } .xans-product-qna .contentView .memoCont .captcha .form { float:left; position:relative; } .xans-product-qna .contentView .memoCont .captcha img { position:absolute; left:-30px; margin-right:-30px; } .xans-product-qna .contentView .memoCont .captcha img:first-child { left:-114px; margin-right:-114px; } .xans-product-qna .contentView .memoCont .captcha .form { width:100%; } .xans-product-qna .contentView .memoCont .captcha .form p { margin:14px 0 0; padding:0 0 0 20px; font-size:11px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_important.png") no-repeat 0 50%; background-size:13px 13px; } .xans-product-qna .contentView .memoCont .mButton { margin:10px 0 0; } .xans-product-qna .contentView .memoCont #captcha { margin:2px 0 0 0; width:100%; } /* 권한 없음 */ .xans-product-qna .contentView .memoCont .boardCommentAuthority { padding:14px; text-align:center; background:#fff; } @charset "euc-kr"; /* reset */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html , body{ width:100%; font-size:11px; font-family: ‘SUIT Variable’, sans-serif;} body, code { min-width:320px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; } code { background:none; display:block; } ul li { list-style:none; } ol { list-style-position:inside; } img, fieldset{ border:none; } img { vertical-align:middle; } hr.layout { display:none; } em, address { font-style:normal; } ins { text-decoration:none; } a { text-decoration:none; color:#000; } a:active { text-decoration:none; } table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; } table caption { display:none; } th, td { border:0; line-height:18px; } legend { height:0; width:0; display:block; text-indent:-9999em; } label { cursor:pointer; } /* html5 */ object, del, sub, var { margin:0; padding:0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .customSelect { /* Styles For Your Select Box */ } .customSelect.changed { /* You can use this if you want a different style after user has made a selection */ } .customSelectFocus { /* You can use this if you want a different style after user has made a selection */ } .customSelectOpen { /* You can use this if you want a different style after user has made a selection */ } /* We can style the inner box, too */ .customSelectInner { background:url("//thisisnotcoffeeshop.com/canvas-list-nav-item-arrow.gif") no-repeat center right; } /* form */ input[type=text], input[type=password], input[type=number], input[type=tel], textarea { padding:7px; font-weight:inherit; border:1px solid #cccccc; border-radius:2px; outline-style:none; line-height:13px; color:#353535; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } input[type="file"] { overflow:hidden; max-width:100%; } input[type=text], input[type=password], input[type=number], input[type=tel] { height:29px;} textarea, input, select { vertical-align:middle; } textarea { resize:none; line-height:1.2em; } select {font-size:11px; max-width:100%; height:29px; line-height:29px; margin:0; padding:0 35px 0 3px; color:#353535; word-break:break-all; font-weight:inherit; border:1px solid #ccc; background:#fff url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_selectbox.gif") no-repeat right center; background-size:32px 27px; -webkit-border-radius:3px; -webkit-appearance:none; } select{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; appearance: none; } select::-ms-expand { display: none; } select.disabled { color:#bfbfbf; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_selectbox_disabled.gif");} input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; font-size:11px;} input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; } button::-moz-focus-inner { padding:0; border:0; } label { margin:0; display:inline-block; min-height:29px; line-height:29px; vertical-align:middle; } input[type="radio"], input[type="checkbox"] { margin:0 7px 0 0; } textarea.disabled { background-color:#ffffff; color:#bfbfbf; } .ie8 #header_wrap_outer , .ie8 .logo{display:none;} .ie8 #m_header{display:block;} .ie8 #searchBarForm{display:none;} .ie8 #contents{padding:50px 17px 0 17px;} #loading{position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background-color:#fff;} html.active , body.active{height:100%; overflow:hidden; position:fixed;} .bg_mask_wrap{width:100%; height:100%; top:0; left:0; background-color:#000; text-align:center; position:fixed; z-index:10; display:none; opacity:0.7; filter:alpha(opacity=70);} .bg_mask{width:100%; height:100%; display:table;} .bg_mask_contents{width:100%; display:table-cell; vertical-align:middle; line-height:20px;} .bg_mask_contents h2{font-size:25px; line-height:40px;} .bg_mask_contents h2 , .bg_mask_contents p {color:#fff;} #header_wrap_outer{position:fixed; top:0; left:0; width:100%; z-index:3; padding:30px 0 20px 0;} #header_wrap{position:relative;} #header{} #header a:hover{text-decoration:underline;} #header div{position:relative; z-index:2;} .nav{width:100%; display:table; position:absolute; z-index:2; text-align:center;} .nav li{display:inline-block; vertical-align:top; *zoom:1; *display:inline; position:relative; margin-right:35px;} .nav ul{display:inline-block; *zoom:1; *display:inline; vertical-align:bottom; } .nav ul li a{font-size:14px;} .nav ul li:hover > ul{display:block;} .nav .fa-search{position:relative; left:0; top:0;} .logo{font-size:25px; *zoom:1; *display:inline; clear:both; display:block; padding:0 0 30px 0; text-align:center;} .nav ul li ul{display:none; position:absolute; left:0; width:100%; margin:0; padding-top:20px;} .nav ul li ul li{display:block; width:100%; margin:0; line-height:20px; padding:0 10px 0 10px; margin-left:-10px;} .nav ul li ul li a{font-size:12px;} .header_left{position:absolute; left:35px; z-index:3;} .header_left li{display:inline-block; *zoom:1; *display:inline; vertical-align:top;} .header_left a{margin-right:15px;} .header_right{position:absolute; right:35px; z-index:3;} .header_right li{display:inline-block; *zoom:1; *display:inline; vertical-align:top;} .header_right a{margin-left:15px;} .header_right .board{display:inline-block; *zoom:1; *display:inline; vertical-align:middle;} #header .header_right ul li ul{position:absolute; display:none;} #header .header_right ul li ul a{clear:both; display:block; text-align:left; line-height:20px; padding-top:5px;} #header .header_right ul li:hover > ul{display:block;} #searchBarForm{display:inline-block; *zoom:1; *display:inline; vertical-align:middle; width:130px; position:relative;} #searchBarForm a{display:block; top:0; left:0; position:absolute;} #searchBarForm:hover input{border-bottom:1px solid #000!important;} #searchBarForm input{border:0!important; background:none; width:100%; height:18px; font-size:11px; color:#aaa; text-indent:0; padding:0 0 6px 35px!important;} #contents{position:relative; z-index:0; padding:120px 35px 110px 35px; margin:0 auto; max-width:950px;} #mobile_mask{width:100%; height:100%; position:fixed; top:0; left:0; background-color:#fff; opacity:0.5; filter:alpha(opacity=50); display:none; z-index:5;} #mobile_mask.active{display:block;} #mobile_wrap_outer{width:80%; height:100%; position:fixed; top:0; left:0; z-index:6; background-color:#fff; border-right:1px solid #aaa; overflow:auto; display:none;} #mobile_wrap_outer.active{display:block;} #mobile_wrap{width:100%; display:table; } #mobile .mobile{line-height:42px; height:42px;} #m_header{display:none; position:relative; z-index:4;} .m_logo_wrap{position:fixed; top:20px; z-index:1; text-align:center; width:100%;} .m_logo a{font-size:20px;} .fa a{display:block; position:absolute; top:0; left:0; width:100%; height:100%;} #m_header .xi-bars {left:10px;} #m_header .xi-search {left:50px;} #m_header .xi-cart{right:10px;} #m_header .xi-user{right:50px;} #m_header [class*=" xi-"] a , #m_header [class^=xi-] a{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; display:block;} #m_header .xi-bars , #m_header .xi-search , #m_header .xi-cart , #m_header .xi-user{position:absolute; top:10px; z-index:4; cursor:pointer; width:18px; line-height:20px!important; height:20px!important; font-size:15px; padding:10px;} .fa-bars.white , .fa-shopping-bag.white , .fa-search.white , .fa-user-o.white{color:#fff;} .fa-bars.black , .fa-shopping-bag.black , .fa-search.black , .fa-user-o.black{color:#000;} #footer_wrap{text-align:center; line-height:20px; padding:30px 0 30px 0; clear:both;} #footer_wrap .menu a{padding:10px;} #footer_wrap .sns{margin:20px 0 20px 0;} #footer_wrap .sns a{padding:5px;} /*테블릿*/ @media only screen and (max-width: 1024px) { #header_wrap_outer , .nav , #header .header_right{display:none;} #m_header{display:block!important;} #contents{width:auto; padding:50px 17px;} #searchBarForm{display:none;} .header_left , .header_right{padding:0;} .header_left li , .header_right li{display:block;} .header_left li a , .header_right li a{margin:0;} .footer_left , .footer_right{float:none; text-align:center; padding-bottom:10px;} } /*모바일*/ @media only screen and (max-width: 768px) { } @charset "euc-kr"; /* 메인 검색 */ #main .searchWrap { position:relative; height:38px; padding:5px 41px 0 47px; } #main .searchWrap .searchForm { position:relative; padding:0 28px 0 33px; border:1px solid #ccc; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 5px 5px; background-size:20px 20px; } #main .searchWrap .btnDelete { position:absolute; right:3px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; } #main .searchWrap #keyword { width:100%; height:29px; padding:0; border:0; } /* 타이틀 */ #titleArea { position:relative; border-bottom:1px solid #c2c2c2; background-color:#fff; } #titleArea h2 { padding:0 61px 10px 61px; line-height:20px; font-size:15px; color:#2e2e2e; text-align:center; } #titleArea span { position:absolute; top:6px; left:0; } #titleArea a{display:none;} /* 도움말 */ .help { margin:0; padding:0 0 0 22px; color:#757575; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_help.png") 0 2px no-repeat; background-size:14px; } .help p { margin:0 0 8px; } /* 마이쇼핑 메인 */ .myshopMain { padding:14px 7px; font-size:13px; } /* 스와이프 페이지네이트 Prev, Next 숨김 */ .paginate.typeSwipe .prev, .paginate.typeSwipe .next { display:none; } .slinky-menu{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease;background:#AAA}.slinky-menu>ul{left:0;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease}.slinky-menu li,.slinky-menu ul{list-style:none;margin:0}.slinky-menu ul{width:100%}.slinky-menu a{display:block;border:none;color:#FFF;padding:1em}.slinky-menu li ul{display:none;left:100%;position:absolute;top:0}.slinky-menu .header{position:relative}.slinky-menu h2~a.back{left:0;position:absolute;top:0}.slinky-menu h2{font-size:1em;margin:0;text-align:center;color:#FFF;padding:1em}.slinky-menu li{line-height:1}.slinky-menu.pc a:hover{background:#000}.slinky-menu a.next:after{content:'\276f';margin-left:1em;float:right}.slinky-menu a.back:before{content:'\276e';margin-right:1em;float:left} .slinky-menu{background:none;} .slinky-menu li{background-color:#fff; border-bottom:1px solid #ebebeb;} .slinky-menu .header{line-height:44px;} .slinky-menu h2{color:#000; padding:0; font-size:12px;} .slinky-menu h2~a.back{padding:0 15px;} .slinky-menu a{padding:15px;} .slinky-menu.pc a:hover{color:#fff!important;} .slinky-menu li a{color:#000;} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('//ecimg.cafe24img.com/pg155b80412388065/theo20/font/fontawesome-webfont.eot?v=4.7.0');src:url('//ecimg.cafe24img.com/pg155b80412388065/theo20/font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('//ecimg.cafe24img.com/pg155b80412388065/theo20/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('//ecimg.cafe24img.com/pg155b80412388065/theo20/font/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('//ecimg.cafe24img.com/pg155b80412388065/theo20/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('//ecimg.cafe24img.com/pg155b80412388065/theo20/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* iCheck plugin Minimal skin, black ----------------------------------- */ .icheckbox_minimal, .iradio_minimal { display: inline-block; *display: inline; vertical-align: middle; margin-right: 5px; padding: 0; width: 18px; height: 18px; background: url("//thisisnotcoffeeshop.com/img/minimal.png") no-repeat; border: none; cursor: pointer; } .icheckbox_minimal { background-position: 0 0; } .icheckbox_minimal.hover { background-position: -20px 0; } .icheckbox_minimal.checked { background-position: -40px 0; } .icheckbox_minimal.disabled { background-position: -60px 0; cursor: default; } .icheckbox_minimal.checked.disabled { background-position: -80px 0; } .iradio_minimal { background-position: -100px 0; } .iradio_minimal.hover { background-position: -120px 0; } .iradio_minimal.checked { background-position: -140px 0; } .iradio_minimal.disabled { background-position: -160px 0; cursor: default; } .iradio_minimal.checked.disabled { background-position: -180px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal, .iradio_minimal { background-image: url("//thisisnotcoffeeshop.com/img/minimal@2x.png"); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } @charset "euc-kr"; /* 버튼 */ .bhs_button{width:150px; line-height:36px; border:1px solid #000; background-color:#000; color:#fff; text-align:center; display:inline-block; *zoom:1; *display:inline; vertical-align:middle;} .bhs_button:hover{background-color:#fff; color:#000;} .bhs_button.comment_submit{width:75px; line-height:47px;} .bhs_button.big{width:180px;} .bhs_button.small{width:80px; margin-bottom:3px;} .bhs_button.small.top{margin:3px 0 0 0;} .bhs_button.full{width:100%;} .bhs_button.margin-up{margin-top:5px;} .bhs_button.grey{background-color:#ebebeb; color:#000;} .bhs_button.fixed:hover{background-color:#000; color:#fff;} /* 영역&공통 */ .btnArea { margin:10px auto; text-align:center; font-size:0; line-height:0; letter-spacing:-4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top; } .btnArea:after { content:""; display:block; clear:both; } .btnArea > a:first-child, .btnArea > button:first-child { margin-left:0; } .btnArea > a, .btnArea > span, .btnArea > button { position:relative; display:inline-block; letter-spacing:0; text-align:center; cursor:pointer; font-weight:bold; -moz-box-sizing:border-box; box-sizing:border-box; } .btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; } .btnSubmit.pc:hover , .btnEm.pc:hover , .soldout.pc:hover , .btnNormal.pc:hover , .btnStrong.pc:hover , .btnBasic.pc:hover{opacity:0.7; filter:alpha(opacity=70);} /* 주요 버튼 디자인 */ .btnArea .btnSubmit { height:36px; line-height:36px; color:#fff; border:1px solid #4a5164; background:#000; } .btnArea .btnEm { height:36px; line-height:40px;; border:1px solid #d5d5d5; background:#fff; } .btnArea .soldout { cursor:default; } /* 기본 버튼 디자인 */ .btnNormal, .btnStrong, .btnBasic { display:inline-block; height:28px; line-height:26px; margin:0; padding:0 10px; cursor:pointer; vertical-align:middle; font-size:12px;; font-weight:400; border:0; -moz-box-sizing:border-box; box-sizing:border-box; } .btnNormal { color:#1b1b1b; border:1px solid #bcbcbc; background:#fff; } .btnStrong { color:#fff; border:1px solid #4a5164; background:#4a5164; } .btnBasic { color:#1b1b1b; border:1px solid #bcbcbc; background:#f0f0f0; } a.mini, button.mini { height:26px; line-height:24px; font-size:11px; } /* type1 */ .btnArea.type1 > a, .btnArea.type1 > button { width:100%; margin:0; height:38px; margin:0; font-size:13px;; line-height:38px; } /* type2 */ .btnArea.type2 { padding:0 3px; } .btnArea.type2 > a, .btnArea.type2 > button { width:50%; height:40px;; margin:0; font-size:12px;; line-height:40px;; } .btnArea.type2 > a:nth-child(1), .btnArea.type2 > button:nth-child(1) { left:-3px; } .btnArea.type2 > a:nth-child(2), .btnArea.type2 > button:nth-child(2) { right:-3px; } /* type3 */ .btnArea.type3 { padding:0 6px; } .btnArea.type3 > a, .btnArea.type3 > button { width:33.333%; margin:0; height:40px;; margin:0; font-size:12px; line-height:40px;;} .btnArea.type3 > a:nth-child(1), .btnArea.type3 > button:nth-child(1) { left:-6px; } .btnArea.type3 > a:nth-child(3), .btnArea.type3 > button:nth-child(3) { right:-6px; } /* type4 */ .btnArea.type4 { padding:0 6px; } .btnArea.type4 > a, .btnArea.type4 > button { width:25%; height:28px; margin:0; font-size:11px; line-height:25px; font-weight:normal; } .btnArea.type4 > a:nth-child(1), .btnArea.type4 > button:nth-child(1) { left:-5px; } .btnArea.type4 > a:nth-child(2), .btnArea.type4 > button:nth-child(2) { left:5px; } .btnArea.type4 > a:nth-child(3), .btnArea.type4 > button:nth-child(3) { right:-15px; } .btnArea.type4 > a:nth-child(4), .btnArea.type4 > button:nth-child(4) { right:-25px; } /* typeFull */ .btnArea.typeFull { max-width:100%; padding:0 6px; } /* 좌우 영역으로 나눠지는 디자인 */ .btnArea .gLeft { float:left; } .btnArea .gLeft a, .btnArea .gLeft button { margin:0 0 0 5px; } .btnArea .gLeft a:first-child, .btnArea .gLeft button:first-child { margin-left:0; } .btnArea .gRight { float:right; } .btnArea .gRight a, .btnArea .gRight button { margin:0 5px 0 0; } .btnArea .gRight a:last-child, .btnArea .gRight button:last-child { margin-right:0; } /* 가운데 영역 */ .gCenter { text-align:center; } .gCenter a, .gCenter button { margin:0 0 0 2px; } .gCenter a:first-child { margin-left:0; } /* 팝업에서 grid를 사용하지 않는 경우 */ #popup .btnArea > a:nth-child(2), #popup .btnArea > button:nth-child(2) { margin-left:3px; } @charset "euc-kr"; /* 페이지네이트 */ .paginate { text-align:center; background:#fff; } /* 더보기 */ .paginate.typeMoreview { margin:0 auto; width:100%; } .paginate.typeMoreview a { display:block; padding:12px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #d5d5d5; color:#757575; font-weight:bold; background:#f5f5f5; } .paginate.typeMoreview span.icoMore { display:inline-block; margin:0 0 0 8px; width:13px; height:8px; font-size:0; line-height:0; vertical-align:baseline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_more.png") no-repeat 0 50%; background-size:13px auto; } /* Swipe */ .paginate.typeSwipe { color:#757575; } .paginate.typeSwipe button.circle { margin:0 3px 0 4px; width:13px; height:13px; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_swipe.png") no-repeat 0 0; background-size:13px 13px; } .paginate.typeSwipe button.circle.selected { background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_swipe_on.png") no-repeat 0 0; background-size:13px 13px; } .paginate.typeSwipe span { color:#fff; font-size:0; line-height:0; } .paginate.typeSwipe button.prev, .paginate.typeSwipe button.next { width:31px; font-size:15px; line-height:1.2em; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; } .paginate.typeSwipe button.next { background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; } /* 이전, 다음페이지보기(총페이지노출형) */ .paginate.typeTotal { color:#696969; } .paginate.typeTotal > span { margin:0 8px;font-weight:bold; } .paginate.typeTotal p { display:inline-block;vertical-align:middle; } .paginate.typeTotal .prev, .paginate.typeTotal .next { width:7px; height:13px; font-size:15px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; } .paginate.typeTotal .next { background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; } .paginate.typeTotal p span { overflow:hidden; display:block; width:29px; text-indent:-999px; } .paginate.typeTotal strong { color:#508bed; } /* 이전, 다음페이지보기(리스트형) */ .paginate.typeList { padding:7px 0; color:#1b1b1b; } .paginate.typeList ol { margin:0 8px; } .paginate.typeList ol, .paginate.typeList ol li, .paginate.typeList p, .paginate.typeList p a, .paginate.typeList ol li a { display:inline-block; vertical-align:middle; } .paginate.typeList ol li { margin:0 1px 5px; list-style:none; background:#fff;} .paginate.typeList p, .paginate.typeList ol li a { padding:7px 0 2px; width:31px; height:19px; border-radius:2px; } .paginate.typeList ol li .other, .paginate.typeList p, .paginate.typeList ol li a { border:1px solid #d9d9d9; } .paginate.typeList ol li .this { border:1px solid #000; } .paginate.typeList .this { color:#000; } .paginate.typeList .prev, .paginate.typeList .next { margin:0 0 5px; width:31px; font-size:15px; line-height:1.2em; background:#fff url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; } .paginate.typeList .next { background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_next.png"); } .paginate.typeList p span { overflow:hidden; display:block; width:29px; text-indent:-999px; } .paginate.typeList p a { padding:7px 0 2px; width:31px; height:19px; color:#fff; } p.ec-base-help, ul.ec-base-help li { margin:8px 4px; padding:0 0 0 18px; font-size:12px; line-height:1.5; color:#757575; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 3px; background-size:14px auto; } /* admin icon */ .ec-admin-icon.cart { height:26px; cursor:pointer; } .ec-base-product { padding:0; background-color:#fff; } .ec-base-product h2 { max-height:43px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; line-height:43px; padding:0 42px 0 14px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_title_close.gif") no-repeat right 14px top 50%; background-size:13px 8px; cursor:pointer; } .ec-base-product h3 { margin-bottom:14px; } .ec-base-product img { max-width:100%; } .ec-base-product > ul { padding:14px 0 0; } .ec-base-product li { vertical-align:top; } .ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:0 7px; font-size:0; line-height:0; } .ec-base-product [class*="grid"] > li { display:inline-block; margin:0 0 14px; vertical-align:top; text-align:center; font-size:12px; line-height:1.4; } .ec-base-product .thumbnail { position:relative; margin:0 7px 14px; } .ec-base-product .thumbnail a { display:block; } .ec-base-product .thumbnail a img { display:block; width:100%; border:1px solid #ededed; vertical-align:top; } .ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; } .ec-base-product .thumbnail .wish { position:absolute; right:3px; bottom:3px; z-index:10; } .ec-base-product .description { min-height:10px; margin:0 7px; line-height:1em; text-align:left; } .ec-base-product .description .name { line-height:1.3em; word-wrap:break-word; margin:0 0 7px; } .ec-base-product .description .name a { font-size:13px; color:#1b1b1b; } .ec-base-product .description .icon { margin:0 0 7px; } .ec-base-product .description .price { font-size:12px; margin:0 0 7px; } .ec-base-product .description .strike, .ec-base-product .description .mPriceStrike { text-decoration:line-through; } .ec-base-product .description li.cart { margin:0 0 7px; } .ec-base-product .description .color { overflow:hidden; margin:0; } .ec-base-product .description .color .chips { float:left; width:12px; height:10px; margin:0 2px 2px 0; font-size:0; line-height:0; border:1px solid #e3e3e3; } .ec-base-product .description .likeButton button { border:0; background:none; } .ec-base-product .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; } .ec-base-product .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; } .ec-base-product .more_view { margin:7px 4px 0; } .ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; } .ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; } /* typeDesc */ .ec-base-product.typeDesc { margin:0; background:#fff; } .ec-base-product.typeDesc .prdList:after { display:block; content:""; clear:both; } .ec-base-product.typeDesc .prdList > li { margin:0; padding:14px; width:100%; border-top:1px solid #ececec; } .ec-base-product.typeDesc .prdList > li:first-child { padding:0 14px 14px; border-top:0; } .ec-base-product.typeDesc .prdList > li:after { display:block; content:""; clear:both; } .ec-base-product.typeDesc .thumbnail { float:left; margin:0; padding:0; width:87px; } .ec-base-product.typeDesc .thumbnail .wish { right:4px; } .ec-base-product.typeDesc .description { padding:0 0 0 103px; } .ec-base-product.typeDesc .description .price { color:#494949; font-size:13px; } .ec-base-product.typeDesc .description .price.sale { color:#000; font-size:15px; } .ec-base-product.typeDesc .description .color { margin:0 0 10px; } .ec-base-product.typeDesc .description .summary { font-size:11px; color:#757575; margin:0 0 10px; } /* typeGallery */ .ec-base-product.typeGallery { margin:0; } .ec-base-product.typeGallery ul { display:table; table-layout:fixed; padding:0 14px 0 12px; font-size:0; line-height:0; } .ec-base-product.typeGallery li { position:relative; display:inline-block; margin:0 0 2px; padding:0; vertical-align:top; overflow:hidden; font-size:13px; line-height:1.2em; } .ec-base-product.typeGallery .thumbnail { margin:0 2px; } .ec-base-product.typeGallery .thumbnail .wish { top:3px; bottom:auto; } .ec-base-product.typeGallery .description { position:absolute; left:0; margin:0; padding:0 0 0 2px; width:100%; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .ec-base-product.typeGallery .description a { overflow:hidden; display:block; padding:5px 38px 5px 5px; width:100%; height:100%; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:rgba(0,0,0,0.6); } .ec-base-product.typeGallery .description:after { display:block; content:""; position:absolute; top:0; right:12px; width:20px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_arrow_white.png") 0 center no-repeat; background-size:20px 20px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); } .ec-base-product.typeGallery .description a .name { display:inline-block; margin:0; width:100%; } .ec-base-product.typeGallery .description a .name, .ec-base-product.typeGallery .description a p { height:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ec-base-product.typeGallery .description a .price { margin:4px 0 0; font-weight:bold; } .ec-base-product.typeGallery .description a .price span { display:none; } .ec-base-product.typeGallery .description .likeButton { position:absolute; bottom:0; right:5px; background:rgba(255, 255, 255, 0.8); } /* 할인기간 레이어 */ .ec-base-product .layerDiscountPeriod { display:none; position:absolute; z-index:100; left:0; width:100%; padding:11px 7px; box-sizing:border-box; } .ec-base-product .layerDiscountPeriod .inner { border:1px solid #353535; background:#f1f1f1; border-radius:4px; } .ec-base-product .layerDiscountPeriod .inner .title { display:block; padding:10px 14px; font-size:14px; background-color:#353535; color:#fff; } .ec-base-product .layerDiscountPeriod .inner .timeleft { padding:14px; color:#508bed; font-size:13px; font-weight:bold; text-align:center; } .ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d5d5d5; background:#fff; } .ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#353535; } .ec-base-product .layerDiscountPeriod ul li:first-child { border-top:0; } .ec-base-product .layerDiscountPeriod ul li span { position:absolute; top:14px; left:13px; color:#757575; } .ec-base-product .layerDiscountPeriod .btnClose { position:absolute; top:8px; right:4px; display:block; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:50% 50%; } /* 썸네일 아이콘 위치 */ .ec-product-bgLT { background-position:left top; } .ec-product-bgLC { background-position:left center; } .ec-product-bgLB { background-position:left bottom; } .ec-product-bgRT { background-position:right top; } .ec-product-bgRC { background-position:right center; } .ec-product-bgRB { background-position:right bottom; } .ec-product-bgCT { background-position:center top; } .ec-product-bgCC { background-position:center center; } .ec-product-bgCB { background-position:center bottom; } /* grid */ .ec-base-product .grid1 > li { width:100%; } .ec-base-product .grid2 > li { width:50%; } .ec-base-product .grid3 > li { width:33.333%; } .ec-base-product .grid4 > li { width:25%; } .ec-base-product .grid5 > li { width:20%; } @media all and (max-width:480px) { .ec-base-product .prdList.grid1 > li { width:100%; } .ec-base-product .prdList.grid2 > li { width:50%; } .ec-base-product .prdList.grid3 > li { width:33.333%; } .ec-base-product .prdList.grid4 > li { width:25%; } .ec-base-product .prdList.grid5 > li { width:20%; } .ec-base-product .grid1 li .name { font-size:15px; } .ec-base-product .grid2 li .name, .ec-base-product .grid3 li .name { font-size:13px; } .ec-base-product .grid4 li .name { font-size:11px; } } @media all and (min-width:481px) and (max-width:767px) { .ec-base-product .prdList.grid2 > li { width:33.333%; } .ec-base-product .prdList.grid3 > li, .ec-base-product .prdList.grid4 > li, .ec-base-product .prdList.grid5 > li { width:25%; } .ec-base-product [class*="grid"] li .name { font-size:13px; } } @media all and (min-width:768px) { .ec-base-product .prdList.grid2 > li { width:25%; } .ec-base-product .prdList.grid3 > li, .ec-base-product .prdList.grid4 > li, .ec-base-product .prdList.grid5 > li { width:20%; } .ec-base-product [class*="grid"] li .name { font-size:15px; } } #NewProductQuantityDummy{display:none;} .detail_info {} .detail_info td{padding:5px 0 5px 0;} .detail_info th{display:none;} .detail_button{margin-top:10px;} .detail_option{margin:10px 0 10px 0;} .detail_option select{width:100%!important; margin-bottom:5px; max-width:100%!important;} .customSelect{border:0; border:2px solid #aaa; border-radius:5px; background-image:url("//thisisnotcoffeeshop.com/img/select_bg.gif"); background-position:center right; background-repeat:no-repeat; height:30px; padding:10px; line-height:30px;} .customSelect.customSelectHover{border:2px solid #000;} .customSelect.customSelectFocus{border:2px solid #000;} select{width:100%; max-width:345px;} .sns_wrap img{height:15px!important;} img.up , img.down{width:30px; height:26px;} img.up{content:url("//img.echosting.cafe24.com/skin/mobile/common/ico_quantity_up.jpg");} img.down{content:url("//img.echosting.cafe24.com/skin/mobile/common/ico_quantity_down.jpg");} /*fixed_option*/ .fixed_total_wrap_outer{position:fixed; left:0; bottom:0; width:100%; z-index:5;} .fixed_total_wrap{display:none; } .fixed_total{width:461px; margin:0 auto; height:450px; overflow-y:auto; padding:30px 30px 0 30px; background-color:#fff; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb;} .fixed_total > .ec-base-button{position:fixed; bottom:0; background-color:#fff; z-index:3;} .fixed_total > .infoArea{width:100%!important; float:none;} .fixed_total > .xans-product-detail .productSet { position:relative; z-index:1;} .fixed_total > .xans-element-.xans-product.xans-product-detaildesign , .fixed_total >.xans-element-.xans-product.xans-product-detaildesign > table , .fixed_total .sns_wrap{display:none;} .fixed_button_wrap{} .fixed_button{width:520px; margin:0 auto; line-height:40px; text-align:center; color:#fff; margin:0 auto; background-color:#000; border:2px solid #ebebeb;} .fixed_button img{height:7px; vertical-align:middle; padding-left:10px;} /*naver_talk*/ .talk{padding:10px; background-color:#fff; margin:10px 0 10px 0; border:2px solid #000;} .talk:hover{background-color:#000;} .talk:hover span{color:#fff;} .talk a{display:block;} .talk span{color:#000;} .talk .bold{color:#00c73c;} .talk img{height:20px;} /* headingArea */ .xans-product-detail .headingArea { position:relative; line-height:24px;} .xans-product-detail .headingArea h2 { display:inline; font-size:14px; color:#2e2e2e; } .xans-product-detail .headingArea .icon img { margin:0 -3px 0 0; vertical-align:middle; } .xans-product-detail .headingArea .supply { overflow:hidden; float:right; } .xans-product-detail .headingArea .supply span { padding:0 3px 0 0; font-size:16px; font-weight:bold; color:#555; } /* imgArea */ .xans-product-detail .imgArea { float:left; width:50%; } .xans-product-detail .imgArea .keyImg { width:100%; margin:0 auto; position:relative;} .xans-product-detail .imgArea .keyImg .thumbnail { display:block; position:relative; max-width:100%; z-index:1; padding:0 20px 0 20px;} .xans-product-detail .imgArea .keyImg .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; } .xans-product-detail .imgArea .keyImg img { max-width:100%; cursor:pointer; border:1px solid #ebebeb;} .xans-product-detail .imgArea .listImg { overflow:hidden; width:100%; margin:20px auto; } .xans-product-detail .imgArea .listImg ul { min-width:400px; height:77px; margin:0 0 0 2px; font-size:0; line-height:0; } .xans-product-detail .imgArea .listImg li { display:inline-block; margin:0 1px; font-size:12px; line-height:14px; vertical-align:top; } .xans-product-detail .imgArea .listImg li img { width:65px; height:75px; border:1px solid #ececec; cursor:pointer; } .xans-product-detail .imgArea .listImg button { position:absolute; top:0; width:21px; height:77px; font-size:0; line-height:0; color:transparent; background:url("//img.echosting.cafe24.com/skin/base/product/btn_product_detail_ctrl.png") no-repeat; } .xans-product-detail .imgArea .listImg .prev { left:0; background-position:0 0; } .xans-product-detail .imgArea .listImg .next { right:0; background-position:-31px 0; } .xans-product-detail .imgArea .control { overflow:hidden; width:346px; margin:30px auto 0; border:1px solid #d7d5d5; text-align:center; background:#fbfafa; } .xans-product-detail .imgArea .control .prev { float:left; border-right:1px solid #d7d5d5; } .xans-product-detail .imgArea .control .next { float:right; border-left:1px solid #d7d5d5; } .xans-product-detail .imgArea .xans-product-action { margin:20px auto 0; padding-bottom:23px; } .xans-product-detail .likeButton { display:table; margin:20px auto 10px; text-align:center; font-size:14px; } .xans-product-detail .likeButton button { display:inline-block; padding:11px 20px; border:1px solid #b4b4b4; border-bottom-color:#969696; border-radius:2px; color:#737373; line-height:1em; text-align:right; background-color:#fff; } .xans-product-detail .likeButton button span { display:inline-block; height:16px; line-height:18px; vertical-align:middle; font-family:Gulim, sans-serif; } .xans-product-detail .likeButton button img { margin:0 2px 0 0; vertical-align:middle; } .xans-product-detail .likeButton .title { padding:0 9px 0 0; margin:0 8px 0 0; min-width:0; text-align:left; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_bar.gif") no-repeat 100% 3px; } .xans-product-detail .likeButton.selected .title { color:#ef514c; } .xans-product-detail .likeButton.selected .count { color:#353535; } /* infoArea */ .xans-product-detail .infoArea .color { overflow:hidden; width:100%; margin:10px auto; } .xans-product-detail .infoArea .chips { float:left; width:20px; height:5px; margin:0 3px 3px 0; border:1px solid #000; font-size:0; line-height:0; } .xans-product-detail .infoArea p.delivery { padding:10px 0 20px; } .xans-product-detail .infoArea .guideArea { position:relative; } .xans-product-detail .infoArea .guideArea .info { margin:7px 0 0; padding:8px 0 0 11px; border-top:1px solid #e8e8e8; color:#757575; } .xans-product-detail .infoArea .guideArea .sizeGuide { position:absolute; bottom:0; right:0; margin:8px 0 0; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 3px; } .xans-product-detail .infoArea .sizeGuide a { display:inline-block; padding:2px 15px 2px 24px; color:#353535; vertical-align:top; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide_go.gif") no-repeat 100% 6px; } .xans-product-detail .infoArea .sizeGuide a:hover { text-decoration:none; } .xans-product-detail .infoArea table { border:0; font-size:12px; margin:0; line-height:20px;} .xans-product-detail .infoArea th { font-weight:normal; color:#353535; width:115px; padding:7px 0 8px 0; text-align:left; vertical-align:middle;} .xans-product-detail .infoArea td { padding:7px 0 8px 0; vertical-align:middle; } .xans-product-detail .infoArea img { vertical-align:middle; } .xans-product-detail .infoArea td input[type=text] { width:80%; } .xans-product-detail .infoArea select { width:100%; height:24px; font-size:12px; color:#353535; } .xans-product-detail .infoArea td #delivery_cost_prepaid { margin:0 0 5px; } .xans-product-detail .infoArea td.social { padding:4px 0 0; } .xans-product-detail .infoArea td.social img { cursor:pointer; height:20px;} .xans-product-detail .infoArea td .sale { text-decoration:line-through; } .xans-product-detail .infoArea td .period { display:block; margin:7px 0 0; font-size:11px; color:#353535; } .xans-product-detail .infoArea td .mileage li { line-height:1.7em; } .xans-product-detail .infoArea td .delivery label { margin:0 30px 0 0; } .xans-product-detail .infoArea td img.qrcode { border:1px solid #e1e1e1; } .xans-product-detail .infoArea td #span_product_price_text { font-weight:normal; } .xans-product-detail .infoArea td #span_product_coupon_dc_price { color:#070705; } .xans-product-detail .infoArea td.fileInfo { color:#757575; } .xans-product-detail .infoArea td.fileInfo input { width:288px; border:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; } .xans-product-detail .infoArea td.fileInfo .infoDesc { margin:0 0 10px 0; } .xans-product-detail .infoArea td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px; } .xans-product-detail .infoArea td.fileInfo li img { vertical-align:bottom; } .xans-product-detail .delv_price_B strong { font-weight:normal; } .xans-product-detail .btnTooltip { display:inline-block; position:relative; z-index:10; vertical-align:middle; } .xans-product-detail .infoArea .xans-product-option tr th { padding:7px 0 5px 4px; vertical-align:top; } .xans-product-detail .infoArea .xans-product-option tr td { padding:4px 10px 4px 0; } .xans-product-detail .infoArea .xans-product-option tr:first-child th, .xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th { padding-top:14px; border-top:1px solid #e8e8e8; } .xans-product-detail .infoArea .xans-product-option tr:first-child td, .xans-product-detail .infoArea .xans-product-option .xans-product-fileoption td { padding-top:10px; border-top:1px solid #e8e8e8; } .xans-product-detail .infoArea .xans-product-option td.selectButton { text-align:right; } .xans-product-detail .infoArea .xans-product-addoption .txtByte { font-size:11px; vertical-align:middle; letter-spacing:-1px; } .xans-product-detail .infoArea .xans-product-addoption .txtByte strong { color:#000; } /* 상품 옵션 */ .xans-product-detail .infoArea .xans-product-option .value { color:#767479; word-break:break-all; } .xans-product-detail .infoArea .xans-product-option .value .ec-product-value { color:#363437; } .xans-product-detail .infoArea .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 5px 3px 0; vertical-align:top; border:1px solid #d7d7d7; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *display:inline; *zoom:1; } .xans-product-detail .infoArea .xans-product-option .ec-product-button li:last-child { margin-right:0; } .xans-product-detail .infoArea .xans-product-option .ec-product-button li a { display:block; min-width:28px; text-align:center; text-decoration:none; word-break:break-all; } .xans-product-detail .infoArea .xans-product-option .ec-product-button li a span { display:inline-block; padding:6px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li { padding:3px; } .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a { min-width:22px; width:22px; height:22px; } .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; } .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap; } .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span, .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1; } .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("//img.echosting.cafe24.com/skin/base/product/soldout_bg.png") repeat; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#d7d7d7; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#000; background:#555; filter:alpha(opacity=30); opacity:0.3; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected { border:2px solid #495164; } .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected a { margin:-1px; } .xans-product-detail .infoArea .xans-product-option .ec-product-radio > li { display:inline-block; margin:0 0 3px; } .xans-product-detail .infoArea .xans-product-option .ec-product-radio label { margin:0 7px 0 0; } .xans-product-detail .infoArea .xans-product-option .ec-product-radio label input { margin:0 2px 0 0; } .xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-disabled, .xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-soldout { color:#d7d7d7; } /* xans-product-action */ .xans-product-detail .infoArea .xans-product-action {} /* eventArea */ .xans-product-detail .eventArea { color:#353535; } .xans-product-detail .eventArea h3 { padding:0 0 0 9px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:12px; color:#000; line-height:39px; } .xans-product-detail .eventArea .event { padding:27px 10px 46px 9px; color:#353535; line-height:18px; } /* xans-myshop-benefit */ .xans-myshop-asyncbenefit { margin:30px 0; } .xans-myshop-asyncbenefit .member { margin:2px 0 19px; } .xans-myshop-asyncbenefit .member em { font-style:normal; } /* 상품 미리보기 이미지 */ #image_zoom_small { display:block; position:absolute; z-index:999; background:#fff; outline:2px solid #aaa; filter:alpha(opacity=50); opacity:0.5; } #zoom_wrap { position:absolute; top:0; left:103%; z-index:100; display:block;} .image_zoom_large { position:absolute; z-index:99; width:500px; height:500px; overflow:hidden; background:#fff; outline:1px solid #ececec; } .image_zoom_large .image_zoom_large_relative { position:relative; display:block; } .image_zoom_large .image_zoom_large_relative img#zoom_image { position:absolute; z-index:99; max-width:none; } #NaverChk_Button { clear:both; margin:10px 0 0; float:right; } #divNvPointInfo { display:none; position:absolute; z-index:99; width:245px; padding:10px; color:#777; background:#fff; border:1px solid #5B9761; } #divNvPointInfo a { display:block; padding:5px 0 0; color:#1ec228; } #divNvPointInfo a img { vertical-align:middle; } #imgNaverMileageHelp { cursor:pointer; } /* 세트상품 및 추가구성상품 */ .xans-product-detail .productSet { margin:10px 0 0; border:1px solid #d7d5d5; border-bottom:0; } .xans-product-detail .productSet > .title { position:relative; height:40px; line-height:40px; box-sizing:border-box; border-bottom:1px solid #e9e9e9; background-color:#fbfafa; } .xans-product-detail .productSet > .title h3 { margin:0 0 0 9px; font-size:12px; color:#353535; } .xans-product-detail .productSet .product{display:none;} .xans-product-detail .productSet .product > li { position:relative; border-bottom:1px solid #d7d5d5; } .xans-product-detail .productSet .thumbnail { position:absolute; top:19px; left:19px; z-index:1; width:100px; } .xans-product-detail .productSet .thumbnail img { max-width:100%; border:1px solid #ededed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .xans-product-detail .productSet .information { position:relative; padding:19px 19px 0 135px; } .xans-product-detail .productSet .information > p { margin:0 0 10px; } .xans-product-detail .productSet .information .name { padding-right:60px; } .xans-product-detail .productSet .information .price .del { font-weight:normal; } .xans-product-detail .productSet .information .salePrice { color:#000; font-weight:bold; } .xans-product-detail .productSet .information .btnInfo { position:absolute; top:19px; right:19px; z-index:1; display:block; width:57px; height:20px; vertical-align:middle; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/btn_info.gif") no-repeat 0 0; } .xans-product-detail .productSet .information .btnInfo.selected { background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/btn_info_on.gif") no-repeat 0 0; } .xans-product-detail .productSet .information .btnInfo span { overflow:hidden; font-size:0; width:0; height:0; line-height:0; text-indent:120%; } .xans-product-detail .productSet .option { padding:10px 19px 9px 135px; } .xans-product-detail .productSet .option > li { margin:0 0 12px; } .xans-product-detail .productSet .option .name { display:block; margin:0 0 5px; font-weight:normal; } .xans-product-detail .productSet .option input[type=text] { width:80%; } .xans-product-detail .productSet .option .ec-base-qty { margin:7px 0 0; } .xans-product-detail .productSet .option .selectButton { margin:0 0 6px; text-align:right; } .xans-product-detail .productSet .guide { overflow:hidden; position:relative; margin:0 19px; } .xans-product-detail .productSet .guide:after { content:""; display:block; clear:both; } .xans-product-detail .productSet .guide .qty { float:left; display:inline-block; padding:12px 0; color:#757575; } .xans-product-detail .productSet .guide .qty:before { content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #e8e8e8; } .xans-product-detail .productSet .guide .sizeGuide { float:right; height:15px; margin:12px 0; background:url("//img.echosting.cafe24.com/skin/base/product/ico_sizeGuide.gif") no-repeat 0 1px; } .xans-product-detail .productSet .guide .sizeGuide:before { content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #e8e8e8; } .xans-product-detail .productSet .guide .sizeGuide a { display:inline-block; padding:0 15px 0 24px; background:url("//img.echosting.cafe24.com/skin/base/product/ico_sizeGuide_go.gif") no-repeat 100% center; } .xans-product-detail .productSet.additional .title span { color:#757575; font-weight:normal; } .xans-product-detail .productSet.additional .title .toggle { position:absolute; top:8px; right:8px; } .xans-product-detail .productSet.hide .product { display:none; } .xans-product-detail .productSet .ec-base-desc { padding:0 0 10px; border-top:0; border-bottom:1px solid #ddd; } .xans-product-detail .productSet .ec-base-desc dt { width:135px; padding:0 0 0 20px; } /* 수량 */ .ec-base-desc.quantity { margin:10px 0 0; padding:10px 0 0;} .ec-base-desc.quantity dt { width:125px; padding:0 0 0 8px; display:none;} /* 총 상품 */ #totalProducts { margin:21px 0 0; } #totalProducts table { margin:0; } #totalProducts table .left { text-align:left; } #totalProducts table .center { text-align:center; } #totalProducts table .right { padding-right:9px; font-weight:bold; color:#000; text-align:right; font-size:15px;} #totalProducts thead th { height:0; padding:0; font-size:0; line-height:0; } #totalProducts tbody th { vertical-align:middle; } #totalProducts tbody td { padding:9px 0; border-top:1px solid #ebebeb; color:#353535; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; position:relative;} #totalProducts tbody tr td:first-child { padding-left:4px; } #totalProducts tbody tr:first-child td { border-top:1px solid #9a9ba0; } #totalProducts tbody td p { padding:0 10px 0 0; font-weight:bold; line-height:21px; } #totalProducts tbody td p.product span { font-weight:normal; color:#757575; line-height:18px; } #totalProducts tbody td p.product span.soldOut { color:#000; } #totalProducts tbody td img { vertical-align:middle; } #totalProducts tbody td .quantity { display:inline-block; position:relative; width:100%!important; vertical-align:top; } #totalProducts tbody td .quantity input { width:30px; height:25px!important; padding:0; line-height:25px!important; border:1px solid #ccc; border-radius:0; text-align:center; color:#000; margin:1px;} #totalProducts tbody td .quantity img{margin:1px;} #totalProducts tbody td .delete{position:absolute; right:0;} #totalProducts tbody.option_products tr td .quantity input, #totalProducts tbody.add_products tr td .quantity input { height:19px; line-height:19px; } #totalProducts tbody.option_products tr td .quantity .down, #totalProducts tbody.add_products tr td .quantity .down { bottom:0; top:auto; } #totalProducts tbody td .mileage { display:block; white-space:nowrap; } #totalProducts tbody td .mileage_price { } /* 총 상품 금액 */ .totalPrice { margin:10px 0 0; padding:34px 9px 19px; vertical-align:middle; text-align:right;} .totalPrice .total { color:#000; } .totalPrice .total em { font-style:normal; font-size:21px; } /* 배송비 차등부과 레이어 */ .differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; } .differentialShipping h3.title { height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; } .differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; } .differentialShipping .close { position:absolute; right:14px; top:12px; } .differentialShipping .close img { cursor:pointer; } .differentialShipping .content ul { color:#757575; line-height:25px; } .differentialShipping .content li { overflow:hidden; } .differentialShipping .content li strong { float:left; font-weight:normal; } .differentialShipping .content li span { float:right; color:#2e2e2e; } .differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; } .xans-product-detail .shippingFee { position:relative; display:inline-block; } .xans-product-detail .shippingFee .ec-base-tooltip { margin:0 0 0 -180px; width:360px; } .xans-product-detail .shippingFee .ec-base-tooltip table th { width:40px; } .xans-product-detail .shippingFee .ec-base-tooltip table th, .xans-product-detail .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; } /* SNS 상품 홍보 */ .xans-product-customsns, .xans-product-customsns ul, .xans-product-customsns li { display:inline; vertical-align:middle; } .xans-product-customsns img { margin-bottom:2px; } /* 회원등급별 할인가 적용 */ .xans-product-detail .infoArea td > span > ul.discountMember > li { position:relative; float:left; } .xans-product-detail .infoArea td ul.discountMember li a { display:block; margin:0 4px 4px 0; } .xans-product-detail .infoArea td ul li .discount_layer h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; } .xans-product-detail .infoArea td ul li .discount_layer { display:block; left:-140px; min-width:300px;} .xans-product-detail .infoArea td ul li .discount_layer .content { overflow-x:hidden; overflow-y:auto; max-height:400px; } .xans-product-detail .infoArea td ul li .discount_layer thead th { padding:0; width:0; height:0; font-size:0; line-height:0; border-width:0 1px 0 1px; } .xans-product-detail .infoArea td ul li .discount_layer tbody th { width:auto; } /* 세트상품 추가정보 레이어 */ .xans-product-detail .productSet .product { position:relative; } .xans-product-detail .productSet .description { z-index:10; position:absolute; top:38px; right:0; padding:7px 0 0; } .xans-product-detail .productSet .description .xans-product-detail { position:relative; padding:15px; border:1px solid #565960; background:#fff; } .xans-product-detail .productSet .description > h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; } .xans-product-detail .productSet .description p strong { color:#0088d4; } .xans-product-detail .productSet .description thead th { padding:0; height:0; font-size:0; line-height:0; } .xans-product-detail .productSet .description tbody { border:1px solid #d7d5d6; } .xans-product-detail .productSet .description th, .xans-product-detail .productSet .description tr:first-child th, .xans-product-detail .productSet .description tr:first-child td { background:#fbf9fa; border-right:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color:#363636; } .xans-product-detail .productSet .description th, .xans-product-detail .productSet .description td { height:15px; border-bottom:1px solid #e8e8e8; } .xans-product-detail .productSet .description td, .xans-product-detail .productSet .description tr:first-child td { padding:5px 8px; text-align:left; background:#fff; } .xans-product-detail .productSet .description tr:last-of-type th, .xans-product-detail .productSet .description tr:last-of-type td { border-bottom:0; } .xans-product-detail .productSet .description .color td { font-size:0; line-height:0; } .xans-product-detail .productSet .description .chips { display:inline-block; width:28px; height:18px; margin:0 2px 3px 0; border:1px solid #e3e3e3; } .xans-product-detail .productSet .description .btnClose { background:transparent; } .xans-product-detail .productSet .description > .ec-base-tooltip { display:block; top:0; } .xans-product-detail .productSet .description > .ec-base-tooltip > .edge { z-index:20; position:absolute; left:auto; right:40px; display:block; margin:0 0 0 -5px; width:9px; height:6px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_option_arrow.gif") no-repeat 0 0; }