@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css"); @media screen and (min-width: 980px){ body {margin:0;padding:15px 0;} #behr_colorbox {width:1100px; font-family: "Noto Sans Korean", "NotoSans", sans-serif,"dotum"; overflow: hidden;position: relative; font-size: 12px; line-height: 1.2; text-align: left; margin: 0 auto; z-index: 9999;} #behr_colorbox * {margin:0; padding: 0; vertical-align: top;} #behr_colorbox a {outline: none; text-decoration: none; cursor: pointer;} #behr_colorbox img {border:0;} #behr_colorbox ul {list-style: none;} #behr_colorbox .behr_monitor {width: 820px; border:2px solid #e6e6e5; min-height: 1126px; margin-top: 52px; float: left; margin-left: 15px;} #behr_colorbox .behr_monitor .behr_color_menu {padding:33px 2px 25px;} #behr_colorbox .behr_monitor .behr_color_menu ul {font-size: 0} #behr_colorbox .behr_monitor .behr_color_menu ul li {display: inline-block; width: 11%; font-size: 12px;height: 49px; position: relative; vertical-align: top;} #behr_colorbox .behr_monitor .behr_color_menu ul li a {display: block; text-align: center; position: absolute; top:0; left:0; width: 100%; bottom:0; } #behr_colorbox .behr_inner {width: 790px} #behr_colorbox .behr_nav {position: absolute; top:0; left: 15px; height: 52px;} #behr_colorbox .behr_nav ul {overflow: hidden; position: absolute; bottom:0; left: 0; width: 790px; background: url(../icon/behr.gif) no-repeat 100% 100%} #behr_colorbox .behr_nav ul li {float: left; height: 52px; position: relative;width: 130px;} #behr_colorbox .behr_nav ul li a {display: block; width: 130px; background: #e6e6e5; text-align: center; position: relative; bottom: 0; position: absolute; left:0; border-radius: 6px 6px 0 0; color:#535353; height: 42px;line-height: 42px; font-size:16px;} #behr_colorbox .behr_nav ul li:nth-child(odd) a {background:#f2f2f2;} #behr_colorbox .behr_nav ul li a.active {background: #535353; color:#fff; height: 52px; line-height: 58px; font-size: 18px} #behr_colorbox .behr_selectColor {width: 240px; float: right; margin-right: 15px;} #behr_colorbox .behr_selectColor h3 {height: 52px; background: #535353; color:#fff; font-size: 18px; text-align: center; line-height: 58px; font-weight: 400; border-radius: 5px 5px 0 0} #behr_colorbox .behr_palette {background: #e6e6e5; min-height: 1126px;} #behr_colorbox .behr_palette_guide { font-size: 11px; color: #535353; line-height: 20px; font-weight: 300; padding:12px 11px; border-bottom:1px solid #fff;} #behr_colorbox .behr_colorChart {overflow:hidden; overflow-y:scroll; height: 867px; position: relative;} #behr_colorbox .behr_colorChart.bhallcolors {margin-top: 65px;} #behr_colorbox .loading {position: absolute; top:160px; left:0; width: 820px; bottom:0; z-index: 998; background: rgba(256,256,256,0.8); text-align: center;} #behr_colorbox .loading img {padding-top:45%; } #behr_colorbox .cc_submenu a {cursor: pointer;} #behr_colorbox .behr_colorChart .cc-box {width: 91px; height: 60px; border-radius: 5px; overflow: hidden; display: inline-block; margin:4px; cursor: pointer;transition: transform 0.2s ease} #behr_colorbox .behr_colorChart .cc-box-none {width: 91px; height: 60px; overflow: hidden; display: inline-block; margin:4px;vertical-align: top;} #behr_colorbox .behr_colorChart .cc-box-img {width: 390px; display: inline-block;margin:4px; margin-top: 20px; vertical-align: top;} #behr_colorbox .behr_colorChart .cc-box-img img {width: 100% !important;} #behr_colorbox .behr_colorChart .cc-box-imgbox {margin-bottom: 4px; height: 200px;} #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(2) {margin-left: 0;} #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(5) {margin-right: 0;} #behr_colorbox .behr_colorChart .cc-box .cc-name {display: none;} #behr_colorbox .behr_colorChart .cc-box:hover {transform: scale(1.1); } #behr_colorbox .behr_colorChart .cc-box.active {background-image: url(../icon/chk.png) !important; background-position: 50% 50% !important; background-repeat: no-repeat !important;} #behr_colorbox .behr_colorChart .cc-box.activeb {background-image: url(../icon/chk_b.png) !important; background-position: 50% 50% !important; background-repeat: no-repeat !important;} #behr_colorbox #behr_palette_save .cc-box { position: relative; padding:12px 0; margin:0 12px; border-bottom:1px solid #fff; overflow: hidden; min-height: 67px; box-sizing: border-box; cursor: pointer;} #behr_colorbox #behr_palette_save .cc-box .cc-view {display: block; width: 40px; height: 40px;border-radius: 5px; position: absolute; top:12px; left:0; z-index: 3;} #behr_colorbox #behr_palette_save .cc-box .cc-name {font-size:12px; padding-left: 52px;padding-top: 1px; color: #535353; padding-right: 40px} #behr_colorbox #behr_palette_save .cc-box .cc-name span {display: block; font-size:15px; padding-top: 0px; font-weight: bold;} #behr_colorbox #behr_palette_save .cc-box .palette_del {position: absolute; top:24px; right:15px; cursor: pointer; width: 20px; height: 20px; background: url(../icon/close.png) no-repeat 0 0; overflow: hidden; text-align: left; text-indent: -9999px;} #behr_colorbox #behr_palette_save .cc-box .palette_del:hover {background-position: 0 -20px;} #behr_colorbox .wh-ov {background: #fff; opacity: 0.7; position: fixed; top:0; left:0; bottom:0; right: 0; width: 100%; height: 100%; z-index: 9998; display: none} #detailCanvas {background: url(../icon/detail.jpg) no-repeat 0 0; width: 1050px; height: 850px; z-index: 9999; position: absolute; top:28px; left: 25px; display: none} #detailCanvas a.detailCanvas_close {position: absolute; top:3px; right: 3px; width: 26px; height: 26px; display: block; overflow: hidden; text-indent: -999px; text-align: left; cursor: pointer;} #detailCanvas #detailCanvas_list {position: absolute; top:30px; left: 305px; overflow: hidden; height: 60px; width: 760px; padding-top: 5px; padding-left: 5px;} #detailCanvas #detailCanvas_list .cc-box {float: left; margin-right: 5px;width: 43px; height: 43px; display: block; position: relative; cursor: pointer;border-radius: 5px; margin-bottom: 5px} #detailCanvas #detailCanvas_list .cc-box .cc-view {position: relative;width: 43px; height: 43px; border-radius: 5px; display: block; top:0; left:0;position: absolute;} #detailCanvas #detailCanvas_list .cc-box.active .cc-view {border:4px solid #3f3e3e; top:-4px; left:-4px; z-index: 3;} #detailCanvas #detailCanvas_list .cc-box:hover .cc-view {transform: scale(1.1);} #detailCanvas #detailCanvas_list .cc-box.active:hover .cc-view {transform: scale(1);} #detailCanvas #detailCanvas_list .cc-box .cc-name, #detailCanvas #detailCanvas_list .cc-box .palette_del {display:none;} #detailCanvas #detailCanvas_view {width: 720px; height: 300px; display: block; position: absolute; top:100px; left: 310px;} #detailCanvas #detailCanvas_view .cc-box .cc-view {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: -1;} #detailCanvas #detailCanvas_view .cc-box .cc-name {padding:30px 35px 18px; font-size:30px; color:#fff; font-weight: bold;} #detailCanvas #detailCanvas_view .cc-box .cc-name span {display: block;font-weight: normal; font-size: 22px; color:#fff;} #detailCanvas #detailCanvas_view .cc-box[data-tcol=B] .cc-name, #detailCanvas #detailCanvas_view .cc-box[data-tcol=B] .cc-name span {color:#333;} #detailCanvas #detailCanvas_view .cc-box .palette_del {display: none;} #detailCanvas #detailCanvas_view .cc-box .detailColorvs_buyBtn {display: none; top:135px; left:323px;} #detailCanvas #detailCanvas_view:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas .detailCanvas_btn {display: block;width: 228px; height: 70px; position: absolute; top:419px; cursor: pointer; text-indent: -999px; text-align: left; overflow: hidden; background: url(none.gif); } #detailCanvas .detailCanvas_btn01 {left: 311px;} #detailCanvas .detailCanvas_btn02 {left: 551px;} #detailCanvas .detailCanvas_btn03 {left: 791px;} #detailCanvas .detailCanvas_btn:hover {background: url(../icon/btn_hover.gif) no-repeat 0 0} #detailCanvas .detailCanvas_view {display: block; width: 238px; position: absolute; top:509px; height: 311px;} #detailCanvas .detailCanvas_view01 {left: 311px;} #detailCanvas .detailCanvas_view02 {left: 547px;} #detailCanvas .detailCanvas_view03 {left: 784px;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .cc-view {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: -1;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .cc-name {padding:25px 40px 18px 25px; font-size:20px; color:#fff; font-weight: bold;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .cc-name span {display: block;font-weight: normal; font-size: 15px; color:#fff;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box[data-tcol=B] .cc-name, #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box[data-tcol=B] .cc-name span {color:#333;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .palette_del {display: none; } #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .detailColorvs_buyBtn {display: none; top:166px;left:83px;} #detailCanvas #detailCanvas_color .detailCanvas_view01:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas #detailCanvas_color .detailCanvas_view02:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas #detailCanvas_color .detailCanvas_view03:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas .detailColorvs_buyBtn {cursor: pointer; width: 74px; height: 74px; background: url(../icon/cart.png) no-repeat 0 0; text-align: left; text-indent: -9999px; overflow: hidden; position: absolute; } /*검색결과*/ #behr_colorbox #cc_search_area {display: none; position: absolute; height: 104px; top:54px; left: 17px; width: 820px; background: #fff;} #behr_colorbox #cc_search_area .cc_search {display: block; background: url(../icon/ccsearch.jpg) no-repeat 0 0; width: 583px; height: 50px; position: absolute; top:33px; left:120px;} #behr_colorbox #cc_search_area .cc_search label {display: inline-block; width: 100px; line-height: 50px; font-size: 18px; color:#535353; text-align: center; } #behr_colorbox #cc_search_area .cc_search input {display: inline-block;width:434px; height: 48px; line-height: 48px; border:0; background: #fff; font-size: 14px; color:#535353; padding: 0 20px; box-sizing: border-box; margin-top: 1px;} #behr_colorbox #cckeywordauto {position: absolute; top:92px; left: 120px; width: 583px; text-align: center;} #behr_colorbox #cckeywordauto ul {text-align: center; font-size: 0;} #behr_colorbox #cckeywordauto ul li {display: inline-block; background: #e6e6e5; border-radius: 5px; padding:5px 8px; font-size:14px; color:#535353; margin:0 2px;} #behr_colorbox #cckeywordauto ul li:nth-child(odd) {background: #f2f2f2;} #behr_colorbox #cckeywordauto ul li a {cursor: pointer; font-weight: 100} #ccsearchOutput {background: #535353; color:#fff; padding:0 14px; line-height: 41px; height: 41px; box-sizing: border-box; position: absolute; top:143px; left:20px; right: 20px;} #ccsearchOutput span {vertical-align: bottom; font-size:22px; margin-right: 8px; display: inline-block;} #behr_colorbox.namelist .behr_colorChart .cc-box {width: 130px; height: 60px; display: inline-block; overflow: visible; position: relative; margin:20px 250px 20px 18px; position: relative; transition: none;} #behr_colorbox.namelist .behr_colorChart .cc-box:before {content: ''; display: block; position: absolute; background:#ddd; width: 360px; height: 1px; bottom:-20px; left:0;} #behr_colorbox.namelist .behr_colorChart .cc-box:hover {transform: scale(1);} #behr_colorbox.namelist .behr_colorChart .cc-name { position: absolute; left: 157px; top:6px; display: block; width: 210px; font-size: 16px; color:#535353;} #behr_colorbox.namelist .behr_colorChart .cc-name span {display: block;} #behr_colorbox.namelist .behr_colorChart {margin-top: 78px !important; height: 789px !important;} #behr_colorbox.namelist .loading {top:238px;} #behr_colorbox.all_colors .behr_colorChart {margin-top: 65px;} /*메뉴별 모양*/ #behr_colorbox .behr_color_menu a {color: transparent;} /*1.all colors메뉴*/ #behr_colorbox.all_colors .behr_color_menu a.bh_colornav0 {background: #b1383d;} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav1 {background: #d3533a} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav2 {background: #ffcb3a} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav3 {background: #4f725a} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav4 {background: #006993} /*#behr_colorbox.all_colors .behr_color_menu a.bh_colornav5 {background: #86b9b2}*/ #behr_colorbox.all_colors .behr_color_menu a.bh_colornav5 {background: #7f657e} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav6 {background: #a99884} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav7 {background: #818181} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav8 {background: #f1f1f1} /*2.best coloes 메뉴*/ #behr_colorbox.best_colors .behr_color_menu a.bh_colornav0 {background: #b1383d;} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav1 {background: #d3533a} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav2 {background: #ffcb3a} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav3 {background: #4f725a} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav4 {background: #006993} /*#behr_colorbox.best_colors .behr_color_menu a.bh_colornav5 {background: #86b9b2}*/ #behr_colorbox.best_colors .behr_color_menu a.bh_colornav5 {background: #7f657e} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav6 {background: #a99884} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav7 {background: #818181} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav8 {background: #f1f1f1} /*3. by booms 메뉴*/ #behr_colorbox.by_rooms .behr_monitor .behr_color_menu ul li {width: 98px;} #behr_colorbox.by_rooms .behr_color_menu a {background:#f2f2f2 url(../icon/byroom.png) no-repeat;} #behr_colorbox.by_rooms .behr_color_menu ul li:nth-child(odd) a {background-color:#e6e6e6;} #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav0 {background-position: 0 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav1 {background-position: -99px 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav2 {background-position: -198px 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav3 {background-position: -297px 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav4 {background-position: -396px 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav5 {background-position: -495px 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav6 {background-position: -594px 0 !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav7 {background-position: -693px 0 !important; } /*4. by styles 메뉴*/ #behr_colorbox.by_styles .behr_monitor .behr_color_menu ul li {width: 98px;} #behr_colorbox.by_styles .behr_color_menu a {background:#f2f2f2; position: relative;} #behr_colorbox.by_styles .behr_color_menu ul li:nth-child(odd) a {background-color:#e6e6e6;} #behr_colorbox.by_styles .behr_color_menu a span {color:#535353; line-height: 49px;font-size: 16px; letter-spacing: -0.02em} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav0 span {color:#9f9480;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav1 span {color:#4fb3d0;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav2 span {color:#88a379;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav3 span {color:#848595;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav4 span {color:#81242b;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav5 span {color:#c1a889;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav6 span {color:#64a093;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav7 span {color:#839894;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav0.active {background:#9f9480;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav1.active {background:#4fb3d0;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav2.active {background:#88a379;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav3.active {background:#848595;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav4.active {background:#81242b;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav5.active {background:#c1a889;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav6.active {background:#64a093;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav7.active {background:#839894;} #behr_colorbox.by_styles .behr_color_menu a.active span {color:#fff !important;line-height: 60px;} #behr_colorbox.by_styles .behr_color_menu a.active {height: 60px; margin-top: -5px;border-radius: 5px; } #behr_colorbox.all_colors .behr_color_menu a.active, #behr_colorbox.best_colors .behr_color_menu a.active {background-image: url(../icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 60px; margin-top: -5px; border-radius: 5px; } #behr_colorbox.by_rooms .behr_color_menu ul li a:hover {background-color: #535353; border-radius: 5px; } #behr_colorbox.by_rooms .behr_color_menu ul li a span {position: absolute; top:-20px; text-align: center; color:#535353; width: 100%; left: 0; display:none;} #behr_colorbox.by_rooms .behr_color_menu ul li a:hover span, #behr_colorbox.by_rooms .behr_color_menu ul li a.active span {position: absolute; top:-20px; text-align: center; display: block; color:#535353; width: 100%; left: 0;} #behr_colorbox.by_rooms .behr_color_menu ul li a.active {background-color: #535353; height: 60px; margin-top: -5px; border-radius: 5px;} #behr_colorbox.by_rooms .behr_color_menu a.active:after, #behr_colorbox.by_styles .behr_color_menu a.active:after {position:absolute; content: '';display: block; width: 100%; height: 100%; top:0; left: :0; background-image: url(../icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 60px; margin-top: -5px; border-radius: 5px; } #behr_colorbox.by_styles .behr_color_menu ul li a u {position: absolute; top:-20px; text-align: center; color:#535353; width: 100%; left: 0; display:none; text-decoration: none;} #behr_colorbox.by_styles .behr_color_menu ul li a:hover u, #behr_colorbox.by_styles .behr_color_menu ul li a.active u {position: absolute; top:-20px; text-align: center; display: block; color:#535353; width: 100%; left: 0;} #behr_colorbox .cc_more_btn {position: absolute; left:315px; width: 208px; text-align: center;} #behr_colorbox .cc_more_btn a {display: block; height: 37px; width: 208px; color: #535353; cursor: pointer;} #behr_colorbox .cc_more_btn a i {display: inline-block; width: 35px; height: 35px; border-radius: 50%; background: #f9f9f9; vertical-align: middle; margin:0 10px;} #behr_colorbox .cc_more_btn a span {display: inline-block; vertical-align: top; width: 50px; height: 35px; line-height: 31px; text-align: left;text-transform : capitalize} #behr_colorbox .cc_more_btn a i.red {background:#b1383d } #behr_colorbox .cc_more_btn a i.orange {background:#d3533a } #behr_colorbox .cc_more_btn a i.yellow {background: #ffcb3a} #behr_colorbox .cc_more_btn a i.green {background: #4f725a} #behr_colorbox .cc_more_btn a i.blue {background:#006993 } #behr_colorbox .cc_more_btn a i.mint {background: #86b9b2} #behr_colorbox .cc_more_btn a i.purple {background: #7f657e} #behr_colorbox .cc_more_btn.prev {top:167px;} #behr_colorbox .cc_more_btn.next {top:1118px;} #behr_colorbox .cc_more_btn.prev a i {background-repeat: no-repeat; background-image: url(../icon/a_up.png); background-position: 50% 50%;} #behr_colorbox .cc_more_btn.next a i {background-repeat: no-repeat; background-image: url(../icon/a_down.png); background-position: 50% 50%;} #behr_colorbox.namelist .cc_more_btn {display: none !important} /* 20180327 신령주 추가 */ #behr_colorbox span.cc_zoom {position:absolute; right:-10px; bottom:-5px; display:block; width:21px; height:21px; background:url('../icon/zoomin.png') 0 0 no-repeat;} #behr_colorbox .behr_nav ul li a:hover{background: #535353; color:#fff; height: 52px; line-height: 58px; font-size: 18px} #behr_colorbox.all_colors .behr_color_menu ul.cc_submenu li a:hover {background-image: url(../icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 60px; margin-top: -5px; border-radius: 5px; } #detailCanvas_list span.cc_zoom {display:none;} #behr_colorbox.best_colors .behr_color_menu a:hover {background-image: url(../icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 60px; margin-top: -5px; border-radius: 5px; } #behr_colorbox.by_rooms .behr_color_menu ul li a.active {background:#535353 url(../icon/byroom_on.png) no-repeat;} #behr_colorbox.by_rooms .behr_color_menu ul li a:hover {background:#535353 url(../icon/byroom_on.png) no-repeat; height: 60px; margin-top: -5px; border-radius: 5px;} #behr_colorbox.by_rooms .behr_color_menu ul li a:hover:after {position:absolute; content: '';display: block; width: 100%; height: 100%; top:0; left: :0; background-image: url(../check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 60px; margin-top: -5px; border-radius: 5px; } #behr_colorbox.by_styles .behr_color_menu a.bh_colornav0:hover {background:#9f9480;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav1:hover {background:#4fb3d0;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav2:hover {background:#88a379;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav3:hover {background:#848595;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav4:hover {background:#81242b;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav5:hover {background:#c1a889;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav6:hover {background:#64a093;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav7:hover {background:#839894;} #behr_colorbox.by_styles .behr_color_menu a:hover span {color:#fff !important;line-height: 60px;} #behr_colorbox.by_styles .behr_color_menu a:hover {height: 60px; margin-top: -5px;border-radius: 5px; } #behr_colorbox.by_styles .behr_color_menu a:hover:after {position:absolute; content: '';display: block; width: 100%; height: 100%; top:0; left: :0; background-image: url(../icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 60px; margin-top: -5px; border-radius: 5px; } #behr_colorbox.by_styles .behr_color_menu a {text-transform: capitalize;} #detailCanvas_view span.cc_zoom {display:none;} #behr_colorbox .detailCanvas_view span.cc_zoom {display:none;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .palette_del {position: absolute; top:24px; right:15px; cursor: pointer; width: 20px; height: 20px; background: url(../icon/close.png) no-repeat 0 0; overflow: hidden; text-align: left; text-indent: -9999px; display:block;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .palette_del:hover {background-position: 0 -20px;} .behr_palette .pal_down {display:block; margin:10px auto !important; cursor:pointer;} .behr_palette .pal_up {display:block; margin:0 auto 10px !important; padding-top:10px !important; cursor:pointer;} .behr_palette #behr_palette_save {height:950px; overflow:hidden;} #detailCanvas #detailCanvas_list.h90 {height:96px;} #detailCanvas #detailCanvas_view.h90 {height:260px; top:140px;} } /* #####################모바일############################ */ @media screen and (max-width: 979px){ #behr_colorbox { font-family: "Noto Sans Korean", "NotoSans", sans-serif,"dotum"; overflow: hidden;position: relative; font-size: 12px; min-height:500px; max-height: 100%; z-index: 99999} #behr_colorbox * {margin:0; padding: 0; vertical-align: top;} #behr_colorbox a {outline: none; text-decoration: none; cursor: pointer;} #behr_colorbox img {border:0;} #behr_colorbox ul {list-style: none;} #behr_colorbox .behr_monitor {/* border:1px solid #e6e6e4; */padding-top:80px; overflow: auto; max-width: 100%; max-height: 100%; height: 100%;} #behr_colorbox .behr_monitor .behr_color_menu {padding:8px 3px 7px;background: #ffffff;} #behr_colorbox .behr_monitor .behr_color_menu ul {font-size: 0} #behr_colorbox .behr_monitor .behr_color_menu ul li {display: inline-block; width: 11%; font-size: 12px;height: 30px; position: relative; vertical-align: top;} #behr_colorbox .behr_monitor .behr_color_menu ul li a {display: block; text-align: center; position: absolute; top:0; left:0; width: 100%; bottom:0; } #behr_colorbox .behr_inner {position: fixed;left: 5px;right: 5px;top:0; padding-top:40px; z-index: 9;} #behr_colorbox .behr_nav {position: fixed;left: 5px;right: 5px;top:0; padding-top:5px; background: #ffffff; z-index:10; padding-bottom:0;border-bottom: 1px solid #e6e6e4; z-index: 99999} #behr_colorbox .behr_nav ul:after {content:''; display:block; clear:both;} #behr_colorbox .behr_nav ul li {float: left; height: 36px; position: relative;width:20%;} #behr_colorbox .behr_nav ul li a {display: block; width: 100%; background: #e6e6e5; text-align: center; position: relative; bottom: 0; position: absolute; left:0; border-radius: 6px 6px 0 0; color:#535353; height: 31px;line-height: 31px; font-size:11px;} #behr_colorbox .behr_nav ul li:nth-child(odd) a {background:#f2f2f2;} #behr_colorbox .behr_nav ul li a.active {background: #535353; color:#fff; height: 36px; line-height: 36px; font-size: 11px} #behr_colorbox .behr_selectColor { position: fixed; left: 5px; right: 5px; bottom: 0; height: 48px; /* height:70%; */ z-index: 11; background: #fff;transition: height 0.5s ease; } #behr_colorbox .behr_selectColor.act {height:100%;} #behr_colorbox .behr_selectColor h3 {position: absolute; left:15px; top:15px;width:90px; padding-left:41px; padding-top:13px; color:#fff; font-size:8px; line-height:1; font-weight: 400; margin-bottom:13px; background: url(/colorbox/m2/icon/behr_m.png) no-repeat left bottom; background-size:40px auto;} #behr_colorbox .behr_palette {/* background: #e6e6e5 */; overflow-y:auto;height: 100%;} #behr_colorbox .behr_selectColor_top { position: relative;background: #535353; /* height:46px; */ color:#fff; padding:15px;} #behr_colorbox .behr_palette_guide { font-size:10px; color: #fff;font-weight: 300; padding-top:8px; border-top:1px solid #fff; letter-spacing:-1px; clear:both; margin-top: 15px;} #behr_colorbox .behr_colorChart {overflow:hidden; overflow:auto; width: 100%} #behr_colorbox #behr_palette_save {padding-bottom:103px;} #behr_colorbox #behr_palette_btn {display:block; width:94%;height:50%; background:url(/colorbox/m2/icon/arr_up_m.png) no-repeat 100% 50%; background-size:20px 12px; position: absolute;right:15px;top:0px; } #behr_colorbox #behr_palette_btn.act { background:url(/colorbox/m2/icon/arr_down_m.png) no-repeat 100% 50%;background-size:20px 12px;} #behr_colorbox .behr_colorChart.bhallcolors {margin-top: 65px;} #behr_colorbox .loading {position: fixed; top:42px; left:0; width:100%; bottom:0; z-index: 998; background: rgba(256,256,256,0.8); text-align: center;} #behr_colorbox .loading img {top:50%; position: relative;} #behr_colorbox .cc_submenu a {cursor: pointer;} #behr_colorbox .behr_colorChart .cc-box {width: 11.5%; height: 49px; border-radius: 5px; overflow: hidden; display: inline-block; margin:0.5%; cursor: pointer;} #behr_colorbox .behr_colorChart .cc-box-none {width: 11.5%; height: 49px; overflow: hidden; display: inline-block; margin:0.5%;vertical-align: top;} #behr_colorbox .behr_colorChart .cc-box-img {width: 24%; display: inline-block;margin:0.5%; margin-top: 20px; vertical-align: top;} #behr_colorbox .behr_colorChart .cc-box-img .cc-box, #behr_colorbox .behr_colorChart .cc-box-img .cc-box-none {width: 23%; margin:1%;} #behr_colorbox .behr_colorChart .cc-box-img img {width: 100% !important;} #behr_colorbox .behr_colorChart .cc-box-imgbox {margin-bottom: 4px;} /*#behr_colorbox .behr_colorChart .cc-box-img .cc-box {width:23.5%;}*/ /*#behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(0), #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(2), #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(4), #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(6) {margin-left: 0;} #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(1), #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(3), #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(5), #behr_colorbox .behr_colorChart .cc-box-img .cc-box:nth-of-type(7) {margin-right: 0;}*/ #behr_colorbox .behr_colorChart .cc-box .cc-name {display: none;} /*#behr_colorbox .behr_colorChart .cc-box:hover {transform: scale(1.1); }*/ #behr_colorbox .behr_colorChart .cc-box.active {background-image: url(/colorbox/m2/icon/chk.png) !important; background-position: 50% 50% !important; background-repeat: no-repeat !important;} #behr_colorbox .behr_colorChart .cc-box.activeb {background-image: url(/colorbox/m2/icon/chk_b.png) !important; background-position: 50% 50% !important; background-repeat: no-repeat !important;} #behr_colorbox #behr_palette_save .cc-box { position: relative; padding:12px 0; margin:0 12px; border-bottom:1px solid #e6e6e6; overflow: hidden;height: 74px; box-sizing: border-box;} #behr_colorbox #behr_palette_save .cc-box .cc-view {display: block; width: 150px; height: 47px;border-radius: 5px; position: absolute; top:12px; left:0; z-index: 3;cursor: pointer;} #behr_colorbox #behr_palette_save .cc-box .cc-name {font-size:11px; padding-left: 165px;padding-right: 20px;padding-top: 1px; color: #535353; font-weight: bold;} #behr_colorbox #behr_palette_save .cc-box .cc-name span {display: block; font-size:12px; padding-top: 0px; font-weight:normal;} #behr_colorbox #behr_palette_save .cc-box .palette_del {position: absolute; top:24px; right:0; cursor: pointer; width: 20px; height: 20px; background: url(/colorbox/m2/icon/close_m.png) no-repeat 0 0; overflow: hidden; text-align: left; text-indent: -9999px; background-size:100% auto;} #behr_colorbox .wh-ov {background: #fff; opacity: 0.7; position: fixed; top:0; left:0; bottom:0; right: 0; width: 100%; height: 100%; z-index: 9998; display: none} #detailCanvas {background:#fff; width:100%; height: 100%; z-index: 9999; position: absolute; top:82px; left:0; display: none} #detailCanvas a.detailCanvas_close {position: absolute; top:10px; right:10px; width:35px; height: 35px; display: block; background: url(/colorbox/m2/icon/detailCanvas_close_m.png) no-repeat; background-size:100% 100% ;overflow: hidden; text-indent: -999px; text-align: left; cursor: pointer;} #detailCanvas[data-tcol='W'] a.detailCanvas_close {background: url(/colorbox/m2/icon/detailCanvas_close_m_w.png) no-repeat; background-size:100% 100%} #detailCanvas #detailCanvas_list {position: absolute; top:30px;/* left: 305px; */ overflow: hidden; height: 60px; width: 760px; padding-top: 5px; padding-left: 5px;} #detailCanvas #detailCanvas_list .cc-box {float: left; margin-right: 5px;width: 43px; height: 43px; display: block; position: relative; cursor: pointer;border-radius: 5px;} #detailCanvas #detailCanvas_list .cc-box .cc-view {position: relative;width: 43px; height: 43px; border-radius: 5px; display: block; top:0; left:0;position: absolute;} #detailCanvas #detailCanvas_list .cc-box.active .cc-view {border:4px solid #3f3e3e; top:-4px; left:-4px; z-index: 3;} #detailCanvas #detailCanvas_list .cc-box:hover .cc-view {transform: scale(1.1);} #detailCanvas #detailCanvas_list .cc-box.active:hover .cc-view {transform: scale(1);} #detailCanvas #detailCanvas_list .cc-box .cc-name, #detailCanvas #detailCanvas_list .cc-box .palette_del {display:none;} #detailCanvas #detailCanvas_view {width: 100%; height: 100%; display: block; position: absolute; top:2px; /* left: 310px; */} #detailCanvas #detailCanvas_view .cc-box .cc-view {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: -1;} #detailCanvas #detailCanvas_view .cc-box .cc-name {padding:42px 20px 16px; font-size:28px; color:#fff; font-weight: bold;} #detailCanvas #detailCanvas_view .cc-box .cc-name span {display: block;font-weight: normal; font-size: 21px; color:#fff;} #detailCanvas #detailCanvas_view .cc-box[data-tcol=B] .cc-name, #detailCanvas #detailCanvas_view .cc-box[data-tcol=B] .cc-name span {color:#333;} #detailCanvas #detailCanvas_view .cc-box .palette_del {display: none;} #detailCanvas #detailCanvas_view .cc-box .detailColorvs_buyBtn {display: block;top:38%; left:50%; margin-left:-45px;} #detailCanvas .detailCanvas_btn {display: block;width: 228px; height: 70px; position: absolute; top:419px; cursor: pointer; text-indent: -999px; text-align: left; overflow: hidden; background: url(none.gif); } #detailCanvas .detailCanvas_btn01 {left: 311px;} #detailCanvas .detailCanvas_btn02 {left: 551px;} #detailCanvas .detailCanvas_btn03 {left: 791px;} #detailCanvas .detailCanvas_btn:hover {background: url(/colorbox/m2/icon/btn_hover.gif) no-repeat 0 0} #detailCanvas .detailCanvas_view {display: block; width: 238px; position: absolute; top:509px; height: 311px;} #detailCanvas .detailCanvas_view01 {left: 311px;} #detailCanvas .detailCanvas_view02 {left: 547px;} #detailCanvas .detailCanvas_view03 {left: 784px;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .cc-view {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: -1;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .cc-name {padding:25px 25px 18px; font-size:20px; color:#fff; font-weight: bold;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .cc-name span {display: block;font-weight: normal; font-size: 15px; color:#fff;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box[data-tcol=B] .cc-name, #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box[data-tcol=B] .cc-name span {color:#333;} #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .palette_del {display: none; } #detailCanvas #detailCanvas_color .detailCanvas_view .cc-box .detailColorvs_buyBtn {display: none; top:166px;left:83px;} #detailCanvas #detailCanvas_color .detailCanvas_view01:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas #detailCanvas_color .detailCanvas_view02:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas #detailCanvas_color .detailCanvas_view03:hover .cc-box .detailColorvs_buyBtn {display: block;} #detailCanvas .detailColorvs_buyBtn {cursor: pointer; width: 90px; height: 90px; background: url(/colorbox/m2/icon/cart_m.png) no-repeat;background-size: 100% 100%; text-align: left; text-indent: -9999px; overflow: hidden; position: absolute; } /*검색결과*/ #behr_colorbox #cc_search_area {display: none; background: #fff;} #behr_colorbox #cc_search_area .cc_search {display: block;height: 28px; position: relative; border-radius:5px; overflow:hidden; margin:0 8px; } #behr_colorbox #cc_search_area .cc_search label {display: inline-block; width:; line-height: 28px; font-size: 11px; padding: 0 8px; color:#535353; text-align: center; position: absolute;left: 0; top: 0; bottom: 0; background: #e6e6e6; } #behr_colorbox #cc_search_area .cc_search input {display: inline-block;width:100%; height: 28px; line-height: 28px; border:0; background: #fff; font-size: 11px; color:#535353; padding: 0 35px 0 66px; box-sizing: border-box; border:1px solid #ebebeb; background: url(/colorbox/m2/icon/ccsearch_m.png) no-repeat right top; background-size: auto 100% ;} #behr_colorbox #cckeywordauto { text-align: ;padding:5px 5px 5px 62px; height: 58px;} #behr_colorbox #cckeywordauto ul {text-align:; font-size: 0;} #behr_colorbox #cckeywordauto ul li {display: inline-block; background: #e6e6e5; border-radius: 5px; padding:4px 7px; font-size:11px; color:#535353; margin:0 2px 4px;} #behr_colorbox #cckeywordauto ul li:nth-child(odd) {background: #f2f2f2;} #behr_colorbox #cckeywordauto ul li a {cursor: pointer; font-weight: 100} #ccsearchOutput {background: #535353; color:#fff; padding:0 7px; line-height: 25px; height: 25px; box-sizing: border-box; font-size:11px;} #ccsearchOutput span {vertical-align: bottom; font-size:16px; margin-right: 8px; display: inline-block;} #behr_colorbox.namelist .behr_colorChart {padding-top:95px;} #behr_colorbox.namelist .behr_colorChart .cc-box, #behr_colorbox.namelist .behr_colorChart .cc-box-none {display: inline-block; overflow: visible; position: relative; margin:10px 80px 10px 10px; width:64px; height: 35px;transition: none;} #behr_colorbox.namelist .behr_colorChart .cc-box:before {content: ''; display: block; position: absolute; background:#ddd; width:50px; height: 1px; bottom:-10px; left:0;} #behr_colorbox.namelist .behr_colorChart .cc-box:hover {transform: scale(1);} #behr_colorbox.namelist .behr_colorChart .cc-name { position: absolute; left:110%; top:3px; display: block; width:95px; font-size:8px; color:#535353;} #behr_colorbox.namelist .behr_colorChart .cc-name span {display: block;} #behr_colorbox.namelist.all_colors .behr_colorChart {padding-top : 95px; } #behr_colorbox.namelist .behr_colorChart .cc-box-none {} #behr_colorbox.namelist.all_colors .behr_monitor .behr_color_menu {display:none} #behr_colorbox.namelist .loading {top:92px;} #behr_colorbox.namelist .loading img {padding-top:35%;} #behr_colorbox .behr_colorChart { padding-bottom:120px;} #behr_colorbox.all_colors .behr_colorChart {margin-top:0;padding-top:22px;padding-bottom:128px;} #behr_colorbox.best_colors .behr_colorChart {padding-bottom:50px} #behr_colorbox.namelist.all_colors #cc_search_area {padding:20px 0 0;} /*메뉴별 모양*/ #behr_colorbox .behr_color_menu a {color: transparent;} /*1.all colors메뉴*/ #behr_colorbox.all_colors .behr_color_menu a.bh_colornav0 {background: #b1383d;} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav1 {background: #d3533a} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav2 {background: #ffcb3a} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav3 {background: #4f725a} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav4 {background: #006993} /*#behr_colorbox.all_colors .behr_color_menu a.bh_colornav5 {background: #86b9b2}*/ #behr_colorbox.all_colors .behr_color_menu a.bh_colornav5 {background: #7f657e} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav6 {background: #a99884} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav7 {background: #818181} #behr_colorbox.all_colors .behr_color_menu a.bh_colornav8 {background: #f1f1f1} /*2.best coloes 메뉴*/ #behr_colorbox.best_colors .behr_color_menu a.bh_colornav0 {background: #b1383d;} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav1 {background: #d3533a} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav2 {background: #ffcb3a} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav3 {background: #4f725a} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav4 {background: #006993} /*#behr_colorbox.best_colors .behr_color_menu a.bh_colornav5 {background: #86b9b2}*/ #behr_colorbox.best_colors .behr_color_menu a.bh_colornav5 {background: #7f657e} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav6 {background: #a99884} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav7 {background: #818181} #behr_colorbox.best_colors .behr_color_menu a.bh_colornav8 {background: #f1f1f1} /*3. by booms 메뉴*/ #behr_colorbox.by_rooms .behr_monitor .behr_color_menu ul li {width: 60px;} #behr_colorbox.by_rooms .behr_color_menu a {background:#f2f2f2 url(/colorbox/m2/icon/byroom.png) no-repeat; background-size:auto 25px ;} #behr_colorbox.by_rooms .behr_color_menu ul li:nth-child(odd) a {background-color:#e6e6e6;} #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav0 {background-position: 5px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav1 {background-position: -45px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav2 {background-position: -92px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav3 {background-position: -143px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav4 {background-position: -193px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav5 {background-position: -241px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav6 {background-position: -290px center !important; } #behr_colorbox.by_rooms .behr_color_menu a.bh_colornav7 {background-position: -340px center !important; } /*4. by styles 메뉴*/ #behr_colorbox.by_styles .behr_color_menu ul {width:480px; padding-right:5px; } #behr_colorbox.by_styles .behr_monitor .behr_color_menu ul li {width:60px;} #behr_colorbox.by_styles .behr_color_menu a {background:#f2f2f2; position: relative; text-transform : capitalize} #behr_colorbox.by_styles .behr_color_menu ul li:nth-child(odd) a {background-color:#e6e6e6;} #behr_colorbox.by_styles .behr_color_menu a span {color:#535353; line-height: 31px;font-size: 11px; letter-spacing: -0.02em} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav0 span {color:#9f9480;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav1 span {color:#4fb3d0;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav2 span {color:#88a379;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav3 span {color:#848595;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav4 span {color:#81242b;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav5 span {color:#c1a889;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav6 span {color:#64a093;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav7 span {color:#839894;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav0.active {background:#9f9480;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav1.active {background:#4fb3d0;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav2.active {background:#88a379;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav3.active {background:#848595;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav4.active {background:#81242b;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav5.active {background:#c1a889;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav6.active {background:#64a093;} #behr_colorbox.by_styles .behr_color_menu a.bh_colornav7.active {background:#839894;} #behr_colorbox.by_styles .behr_color_menu a.active span {color:#fff !important;line-height: 36px;} #behr_colorbox.by_styles .behr_color_menu a.active {height: 36px; margin-top: -3px; border-radius: 5px; z-index: 1;} #behr_colorbox.all_colors .behr_color_menu a.active, #behr_colorbox.best_colors .behr_color_menu a.active {background-image: url(/colorbox/m2/icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 15px auto;height: 36px; margin-top: -3px; border-radius: 5px; } #behr_colorbox.by_rooms .behr_color_menu ul {width:480px; padding-right:5px; } #behr_colorbox.by_rooms .behr_color_menu ul li {width:15%} #behr_colorbox.by_rooms .behr_monitor .behr_color_menu, #behr_colorbox.by_styles .behr_monitor .behr_color_menu {overflow-x:auto;} #behr_colorbox.by_rooms .behr_color_menu ul li a:hover {background-color: #535353; border-radius: 5px; } #behr_colorbox.by_rooms .behr_color_menu ul li a:hover span {position: absolute; top:-20px; text-align: center; display: block; color:transparent; width: 100%; left: 0;} #behr_colorbox.by_rooms .behr_color_menu ul li a.active {background-color: #535353; height: 36px; margin-top: -3px; border-radius: 5px;} #behr_colorbox.by_rooms .behr_color_menu a.active:after, #behr_colorbox.by_styles .behr_color_menu a.active:after {position:absolute; content: '';display: block; width: 100%; height: 100%; top:0; left: :0; background-image: url(/colorbox/m2/icon/check.png); background-repeat: no-repeat; background-position: 50% 50%; height: 36px; border-radius: 5px; background-size: 15px auto;} #behr_colorbox .cc_more_btn {position:fixed; left:5px;right:5px; text-align: center; background: #ffffff;} #behr_colorbox .cc_more_btn a {display: inline-block; width: 208px; color: #535353; cursor: pointer;} #behr_colorbox .cc_more_btn a i {display: inline-block; width: 23px; height: 23px; border-radius: 50%; background: #f9f9f9; vertical-align: middle; margin:0 10px;} #behr_colorbox .cc_more_btn a span {display: inline-block; vertical-align: top; width: 50px; text-align: left;text-transform : capitalize} #behr_colorbox .cc_more_btn a i.red {background:#b1383d } #behr_colorbox .cc_more_btn a i.orange {background:#d3533a } #behr_colorbox .cc_more_btn a i.yellow {background: #ffcb3a} #behr_colorbox .cc_more_btn a i.green {background: #4f725a} #behr_colorbox .cc_more_btn a i.blue {background:#006993 } #behr_colorbox .cc_more_btn a i.mint {background: #86b9b2} #behr_colorbox .cc_more_btn a i.purple {background: #7f657e} #behr_colorbox .cc_more_btn.prev {top:85px; padding-bottom:5px;} #behr_colorbox .cc_more_btn.next {bottom:48px; padding:5px 0;} #behr_colorbox .cc_more_btn.prev a i {background-repeat: no-repeat; background-image: url(/colorbox/m2/icon/a_up.png); background-position: 50% 50%;} #behr_colorbox .cc_more_btn.next a i {background-repeat: no-repeat; background-image: url(/colorbox/m2/icon/a_down.png); background-position: 50% 50%;} #behr_colorbox.namelist .cc_more_btn {display: none !important} #behr_colorbox #behr_palette_thumb {padding-left:124px;height:23px; padding-right: 20px; overflow: hidden;} #behr_colorbox #behr_palette_thumb:after {clear:both;} #behr_colorbox #behr_palette_thumb .cc-box .cc-name, #behr_colorbox #behr_palette_thumb .cc-box .palette_del {display:none;} #behr_colorbox #behr_palette_thumb .cc-box .cc-view {display:block; width:20px;height:20px; border-radius:3px;float:left;margin-left:5px; margin-top: 1px; margin-bottom: 5px;} #behr_colorbox #behr_palette_thumb .cc-box.active .cc-view {border:1px solid #fff; margin-top: 0px; margin-left: 4px; margin-right: -1px;} #behr_colorbox #behr_colorcount {position: absolute; text-align: center; display: block; background: #02abd4; color:#fff; width: 22px; height: 16px; font-size:12px; font-weight: bold; left: 102px; top:8px; border-radius: 4px; line-height: 16px; } #behr_colorbox .mbguide {position: fixed; top:50%; left: 50%; margin-left: -150px; margin-top: -62px; z-index: 999;} /* 20180328 신령주 추가 */ /*#behr_colorbox #behr_palette_thumb .cc-box:first-child .cc-view {border:1px solid #ffffff;}*/ #behr_colorbox.by_rooms .behr_color_menu a.active {background:#f2f2f2 url(/colorbox/m2/icon/byroom_on.png) no-repeat; background-size:auto 25px ;} #behr_colorbox #behr_palette_save .cc-box .cc-view span.cc_zoom {position:absolute; right:-10px; bottom:-5px; display:block; width:21px; height:21px; background:url('/colorbox/m2/icon/zoomin.png') 0 0 no-repeat;} #behr_colorbox .le_arr {display:block; width:25px; position:absolute; right:3%; z-index:99; top:59%; display: none;} #behr_colorbox .ri_arr {display:block; width:25px; position:absolute; left:3%; z-index:99; top:59%;display: none;} #behr_colorbox .le_arr > img, #behr_colorbox .ri_arr > img {width:100%;} #detailCanvas a.detail_bb {position: absolute; top:40%; right:10px; width:10%; display: block; cursor: pointer; display: block; width: 38px;height: 38px; color:transparent; overflow: hidden;} #detailCanvas a.detail_bb.detail_l { background: url('/colorbox/m2/icon/big_r.png') no-repeat 0 0; background-size: 100%} #detailCanvas a.detail_bb.detail_r { background: url('/colorbox/m2/icon/big_l.png') no-repeat 0 0;background-size: 100%} #detailCanvas[data-tcol='W'] a.detail_bb.detail_l { background: url('/colorbox/m2/icon/big_r_w.png') no-repeat 0 0; background-size: 100%} #detailCanvas[data-tcol='W'] a.detail_bb.detail_r { background: url('/colorbox/m2/icon/big_l_w.png') no-repeat 0 0; background-size: 100%} #detailCanvas a.detail_bb >img {width:100%;} #detailCanvas a.detail_l {left:10px;} #behr_colorbox .bh_more_next { right: 0;} #behr_colorbox .bh_more_prev { left: 0;} #behr_colorbox .bh_more_next, #behr_colorbox .bh_more_prev {width: 50px;text-align: center;width: 32px;color:#535353;position: absolute; top:45%; display: none;} #behr_colorbox .bh_more_next i {background: url(/colorbox/m2/icon/big_l.png) no-repeat 50% 50%; } #behr_colorbox .bh_more_prev i {background: url(/colorbox/m2/icon/big_r.png) no-repeat 50% 50%; } #behr_colorbox .bh_more_next i, #behr_colorbox .bh_more_prev i {display: block;width: 23px; height: 23px; background-size: 100%; margin:3px auto; } }