var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } function closePop() { if ( document.pop_form.chkbox.checked ){ setCookie( "maindiv", "done" , 1 ); } document.all['layer_popup'].style.visibility = "hidden"; } #mask { width:100% !important; height:100%; position: fixed; left: 0; top: 0; z-index: 800; background-color: #000; display: none; } #boxes .window { position: absolute; left: 30px; top: 30px !important; width: 440px; height: 900px!important; display: none; z-index: 9999; text-align: center; } #boxes .logo_popup { margin-top:40px; } #boxes .txt_popup { padding-top:30px; } #boxes #dialog { width: 300px !important; margin: 0 auto !important; height: 900px!important; background-color: #fff; font-family: 'Nanum Gothic',sans-serif; font-size: 14px; z-index: 999; } #popupfoot { font-size: 16pt; position: absolute; bottom: 500px!important; width: 100%; text-align:center; } #popupfoot a:hover { text-decoration:none; } #popupfoot .btn_wrap { display:inline-block; margin:0 auto; } #popupfoot .btn_lang { display:block; width:180px; margin: 5px 0px; display: inline-block; float: none!important; } #popupfoot .btn_green { background: #cbae92; color: #fff; padding: 10px 0!important; display: block; text-align: center; font-size:14px; text-decoration: none; } #popupfoot .btn_green.color-k { background: #5e8c5d; } #popupfoot .btn_green.color-g { background: #828a81; } #popupfoot .btn_green:hover { background: #333; } #popupfoot .copyright { margin-top:30px; font-size:11px; color: #999; } /* 배경이미지*/ #mask { width:100%; height:100%; background-color:rgba(255,255,255,.1); z-index:900; position:absolute; top:0; left:0; display:block;} #bg_popup { background-image: url(//benton.diskn.com/site2019/images/main/intro_200312.jpg); position: absolute; top: 0px; left: 0px; display: block; z-index: 10; opacity: 1; width: 100%; height: 100%; background-size:cover; }

TOP ↑ @charset "utf-8"; #wrap {} /*최상단 좌측메뉴*/ #left {display:none;position:fixed;left:30px;top:30px;z-index:999;width:140px;background:rgba(255,255,255,0.7);padding:30px; -webkit-transition-property: background-color, opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function: ease; -ms-transition-property: background-color, opacity; -ms-transition-duration:0.5s; -ms-transition-timing-function: ease; -ms-transition-property: background-color, opacity; -ms-transition-duration:0.5s; -ms-transition-timing-function: ease; -o-transition-property: background-color, opacity; -o-transition-duration:0.5s; -o-transition-timing-function: ease; transition-property: background-color, opacity; transition-duration:0.5s; transition-timing-function: ease; } #left:hover {background:rgba(255,255,255,0.9);} #left.fade {opacity:0.5;} /*메인로고메뉴*/ #left_menu .logo {margin:20px auto 50px;} #left_menu .logo img {} #left_menu .logo img:hover {opacity:0.5;} /* 좌측메뉴*/ #left_menu { margin:0px auto 20px;} #left_menu ul { font-size:0; line-height:0; } #left_menu li { position:relative; z-index:10; text-align: left; } #left_menu > li {font-weight:700;text-transform:uppercase;letter-spacing:0.5px;font-size:15px;line-height:20px; font-family: 'Roboto'; } #left_menu li a { display:block; color:#000;} #left_menu li a:hover {color:#777;} /*로그인메뉴*/ #left_menu .login_menu {line-height:16px;font-size:10px;color:#000;letter-spacing:0.8px;text-transform:uppercase;width:140px;font-weight:400;} #left_menu .login_menu a {display:inline-block; } #left_menu .login_menu:nth-child(4) {margin-bottom:20px;} /*콜센터메뉴*/ #left_menu .cs_center {font-size:11px;line-height:16px;color:#111;font-weight:400; } #left_menu .cs_box li {margin:10px auto 20px;font-weight:400;color:#000;font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.2;width:160px; text-align: left;text-indent: 0;} #left_menu .cs_box span {font-size:12px;letter-spacing:0.2px;font-weight:normal; } /*은행정보메뉴*/ #left_menu .bank_box li {margin:10px auto 20px;font-weight:400;color:#000;font-size:12px;line-height:13px;font-weight:700;letter-spacing:0.2px;width:160px; text-align: left;text-indent: 0;} #left_menu .bank_box span {display:inline-block;font-size:11px;letter-spacing:1px;font-weight:normal;} #left_menu .bank_box .name {margin-top:7px;font-weight:normal;} /* 글로벌 메뉴*/ #left_menu .global_btn { margin:10px auto 0px;} #left_menu .global_btn ul {display:block;} #left_menu .global_btn li img {height:12px;margin:3px 0px 0 0;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-0-filter: grayscale(100%);filter: grayscale(100%);} #left_menu .global_btn li:hover img {-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: none;} #left_menu .global_btn li {display:inline-block;line-height:15px;font-size:12px;width:18px;margin:0 7px 0 0;} #left_menu .global_btn li:last-child {margin-right:0;} #left_menu .global_btn span {display:none;} /*좌측 2뎁스 하위 카테고리메뉴*/ #left_menu .category { margin:0px auto;padding: 10px 0 20px 10px;} #left_menu .category ul { z-index:1; font-size:0; line-height:0;} #left_menu .category li { position:relative; z-index:10; line-height:18px;font-size:12px;font-weight:400;width:100px;} #left_menu .category li a { color:#000;padding:0px;letter-spacing:0.8px;} #left_menu .category li a:hover {color:#777;} #left_menu .category li.on > a { } /*좌측 3뎁스 팝업 카테고리메뉴*/ #left_menu li .sub-category { position:absolute; top:-10px;left:100px; z-index:99999999999999990;width:120px; background:#000; overflow:hidden;padding:10px;display:none;} #left_menu li .sub-category ul { } #left_menu li .sub-category li { padding:0px;width:100%;} #left_menu li .sub-category li a {width:100%;line-height:18px;font-size:12px;padding:0px 0px;display:block;color:#fff;font-weight:normal;letter-spacing:0px;} #left_menu li .sub-category li a:hover { color:#777;} #pop_img {position:fixed;left:0;top:0;z-index:99999;background:rgba(0,0,0,0.8);width:100%;height:100%; display:none;} #pop_img .inner {position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-350px;width:600px;text-align:center;padding:20px;background:#fff;} #pop_img .inner img {max-width:100%;margin-bottom:30px;} #pop_img .inner a.go_btn {display:inline-block;background:#000;color:#fff;padding:10px 20px;font-size:14px;line-height:1.4me;font-weight:700;} #pop_img .inner a.x_btn {position:absolute;right:10px;top:10px;font-size:20px;line-height:1.2em;color:#000;} /*sns링크메뉴*/ #snslink {width:140px;overflow:hidden;margin-top:20px;} #snslink a {float:left;margin:0 5px 5px 0;position:relative; width:25px; text-align:center; } #snslink a img {height:25px;} #snslink a .toggle_img {opacity:0;position:absolute;left:0px;top:0px;z-index:99;width:100%;height:100%;} #snslink a:hover .toggle_img {opacity:1;z-index:999;} /*우측메뉴*/ #right {display:none;position:fixed;right:60px;top:55px;z-index:999;width:50px;padding-bottom:20px;text-align:center;} #right #r_search a {width:40px;padding:11px 0;line-height:18px;font-size:18px;text-align:center;background:rgba(255,255,255,0);margin:5px;vertical-align:middle;color:#000;display:block;} #right #r_search a:hover {background:rgba(255,255,255,0.7);} #right #side_on a {width:40px;padding:11px 0;line-height:18px;font-size:18px;text-align:center;background:rgba(255,255,255,0);margin:5px;vertical-align:middle;color:#000;display:block;} #right #side_on a:hover {background:rgba(255,255,255,0.7);} /*메인레이아웃센터*/ #container { margin:0px auto 0px; *zoom:1; overflow:hidden;z-index:10;} #container:after { content:""; display:block; clear:both; } #contents {overflow:hidden;margin:0 auto;display:none;} /*공통레이아웃센터*/ #sub_container { margin:0px 0 ; *zoom:1; overflow:hidden;z-index:10;background:#fff;width:100%;min-height:800px;height:100%;} #sub_container:after { content:""; display:block; clear:both; } /*와이드레이아웃센터*/ #wide_container { margin:0px auto 0px; *zoom:1; overflow:hidden;z-index:10;} #wide_container:after { content:""; display:block; clear:both; } #wide_contents {overflow:hidden;margin:0 auto;} @media screen and (min-width: 320px) { #sub_contents {overflow:hidden;padding:30px 30px 50px 30px;margin:0 auto;} #bottom {position:relative;margin:30px 5% ;padding:5% 0 ;background:rgba(255,255,255,0);z-index:99;color:#000;text-align:center;} #bottom a {color:#000;} #bottom a:hover {color:#aaa;} #bottom:hover a {} #bottom:hover {z-index:99;background:rgba(255,255,255,1);} #bottom .bottom_info {margin:0 auto 0px;overflow:hidden;position:relative;} #bottom .bottom_info ul {text-align:center;font-size:0;line-height:0;width:100%;margin:0 auto;} #bottom .bottom_info ul li {font-size:11px;line-height:18px;color:#000;display:inline-block;margin:0 15px 0 0;} #bottom .bottom_info ul li span {font-size:9px;color:#000;} #bottom .bottom_info ul li a {font-size:11px;color:#555;} #bottom .bottom_info ul li a:hover {color:#aaa;} /* 하단에스크로링크 */ #bottom .bottom_linkmenu {width:100%;overflow:hidden;text-align:center;} #bottom .bottom_linkmenu p {font-size:10px;line-height:18px;color:#000;margin:20px auto 0;} #bottom .bottom_linkmenu .escro {font-size:10px;} #bottom .bottom_linkmenu .escro span {font-weight:700;font-size:11px;} } @media screen and (min-width: 980px) { #sub_contents {overflow:hidden;padding:30px 160px 50px 240px;margin:0 auto;} #bottom {position:relative;margin:30px ;padding:30px 0 ;background:rgba(255,255,255,0);z-index:99;color:#000;text-align:center;} #bottom a {color:#000;} #bottom a:hover {color:#aaa;} #bottom:hover a {} #bottom:hover {z-index:99;background:rgba(255,255,255,1);} #bottom .bottom_info {margin:0 30px 0 30px;overflow:hidden;position:relative;} #bottom .bottom_info ul {text-align:center;font-size:0;line-height:0;width:950px;margin:0 auto;} #bottom .bottom_info ul li {font-size:12px;line-height:18px;color:#000;display:inline-block;margin:0 10px 0 ;} #bottom .bottom_info ul li span {font-size:10px;color:#000;} #bottom .bottom_info ul li a {font-size:11px;color:#555;} #bottom .bottom_info ul li a:hover {color:#aaa;} /* 하단에스크로링크 */ #bottom .bottom_linkmenu {width:100%;overflow:hidden;text-align:center;display:block} #bottom .bottom_linkmenu p {font-size:10px;line-height:18px;color:#000;margin:20px auto 0;} #bottom .bottom_linkmenu .escro {font-size:11px;} #bottom .bottom_linkmenu .escro span {font-weight:700;font-size:12px;} } /* 공통레이아웃 css*/ .ease { -webkit-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function: ease; -ms-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -ms-transition-duration:0.5s; -ms-transition-timing-function: ease; -ms-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -ms-transition-duration:0.5s; -ms-transition-timing-function: ease; -o-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -o-transition-duration:0.5s; -o-transition-timing-function: ease; transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; transition-duration:0.5s; transition-timing-function: ease; } .ease:hover { -webkit-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function: ease; -ms-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -ms-transition-duration:0.5s; -ms-transition-timing-function: ease; -ms-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -ms-transition-duration:0.5s; -ms-transition-timing-function: ease; -o-transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; -o-transition-duration:0.5s; -o-transition-timing-function: ease; transition-property: width, height, background-color, font-size, left, top, right, bottom, border, color, margin, opacity; transition-duration:0.5s; transition-timing-function: ease; } /*해상도높이가 768px이하일경우 고정메뉴는 해제된다*/ @media screen and (max-height:768px) { #left {position:absolute;} } /* Main */ #boardArea { overflow:hidden; margin:50px 0 0; border-top:1px solid #d8d8d8; } #bannerArea { margin:22px 0 0; } #bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; font-family:Arial, "돋움", Dotum, sans-serif; color:#2e2e2e; text-align:center; } /* 탐색경로바 */ .path { overflow:hidden; height:30px; line-height:30px; *zoom:1; display:none;} .path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; } .path ol { float:right; } .path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/common/ico_path.gif") no-repeat 0 10px; } .path li:first-child { background:none; } .path li a { color:#757575; } .path li strong, .path li strong a { color:#2e2e2e; } /* 게시판 전체 공통 */ .xans-board-title .title { margin:30px auto 10px;text-align:center; width:100%;} .xans-board-title .title h2 { padding:10px 0 ; color:#000; font-size:14px; font-weight:700; background:#fff;letter-spacing:5px;text-transform:uppercase;} .xans-board-title .title p { margin:0px auto 20px; color:#939393;text-align:center;display:none;} .xans-board-title p.imgArea { margin:10px auto; text-align:center;} .xans-board-listpackage .boardSort { float:left; margin:0 0 10px; } /* 타이틀 */ .titleArea { margin:30px auto 10px;text-align:center; width:100%;} .titleArea h2 {padding:10px 0 ; color:#000; font-size:14px; font-weight:700; background:#fff;letter-spacing:5px;text-transform:uppercase;} .titleArea p { margin:10px 0; padding:0 0 0 0px; color:#939393; zoom:1; display:none;} .titleArea ul { padding:5px 0; color:#939393; line-height:18px; } .titleArea ul li { padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info.gif") no-repeat 4px 7px; } /* 게시판 메인 */ .boardMain { overflow:hidden; *zoom:1; } .boardMain td img { vertical-align:middle; margin:1px; } .boardMain .board { position:relative; margin:0 0 65px; } .boardMain .leftArea { float:left; width:50%; } .boardMain .leftArea .board { margin:0 23px 65px 0; } .boardMain .rightArea { float:right; width:50%; } .boardMain .rightArea .board { margin:0 0 65px 23px; } .boardMain .board h3 { margin:0 0 13px; height:28px; font-size:16px; color:#2e2e2e; border-bottom:2px solid #626672; } .boardMain .board .more { position:absolute; top:0; right:0; padding:2px; } .boardMain .board .ec-base-table.typeList td { color:#a4a4a4; } .boardMain .board .ec-base-table.typeList td.title a, .boardMain .board .ec-base-table.typeList td.title a:hover { color:#4f4f4f; } .boardMain .board .galleryList { overflow:hidden; } .boardMain .board .galleryList ul { overflow:hidden; margin:0 -10px; } .boardMain .board .galleryList li { float:left; position:relative; width:20%; padding:0 0 12px 0; word-break:break-all; } .boardMain .board .galleryList li span { display:block; margin:0 10px; font-size:11px; color:#a4a4a4; } .boardMain .board .galleryList li .imgLink, .boardMain .board .galleryList li .imgLink:hover { display:block; margin:0 10px 5px; font-size:12px; } .boardMain .board .galleryList li .imgLink img { width:100%; max-height:110px; border:1px solid #ededed; } /* 퀵뷰 모달 */ #modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; } #modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; } #modalContainer #modalContent { width:100%; height:100%; } /* 추가 */ .fixBanner-quick { position:fixed; width:70px; height:70px; border-radius:70px; bottom: 190px; right: 10px; z-index: 9999999; background:black; animation: colorchange 1s infinite;} @keyframes colorchange { 50% {background:#006838;} } .fixBanner-quick img { width:70px;}/* .fixBanner-goTop { position:fixed; bottom: 270px; right: 10px; z-index: 999;} .fixBanner-goTop img { width:70px; height:70px;}*/ .fixBt-top { position:fixed; bottom: 50px; right: 10px; z-index: 999; width:60px; height:60px;/* background: url(//benton.diskn.com/site2019/images/sub/bt-top.png) no-repeat ; background-size: 60px 60px;*/ background: none; outline:none; border: 0; padding: 0; margin: 0; } /* 게시판 전체 공통 */ .ec-base-table table + .message { border: 0px solid #000 !important;} .typeWrite table {border: 1px solid #fff!important;} /* 타이틀 */ .xans-board-title .title { text-align:center;} .xans-board-title .title h2, .xans-product-menupackage .title h2 { font-size: 30px; letter-spacing: 5px; text-transform:uppercase;} .titleArea { text-align:center;} .titleArea h2 { font-size:30px;} .title h2 font { color: #000!important;} /* 좌측메뉴*/ #left_menu > li {font-size:16px; line-height:23px;} #left_menu .login_menu {font-size:11px;} #left_menu .cs_center { font-size:14px; font-weight: 500; color:#555; text-indent: 1px; line-height:18px; } #left_menu li a:hover{color:#bbcd09 !important;} #left_menu .category li {width: 130px !important;} .sub-category, .sub-category a {width: 160px !important; z-index:999!important;} .left_pop_bn {color:#174c2c; font-weight:700;} #left_menu .global_btn li {width: 23px;} #left_menu .global_btn li img { height: 20px; } /* join point */ #joinpoint { position: absolute; top: 0px; left: 38px; width: 68px; height: 26px; line-height: 20px; color: #fff; text-align: center; padding: 0px; background: url("https://benton.diskn.com/site2019/images/sub/gnb_joinpoint_bg.png") no-repeat scroll 50% 0px; z-index: 1000; } #joinpoint .text { display: block; width: 68px; margin: 0; text-align: center; line-height: 20px; font-size: 12px; color: #fff; } /* free smple pop */ #pop_img { background: rgba(0,0,0,0.1) !important; } #pop_img .inner { width: 600px; height: 660px; position: relative; padding: 0px !important; } #pop_img .inner img { margin-bottom: 0 !important; } #pop_img .inner .popInnerBtWrap { display: inline-block; position: absolute; left: 175px; bottom: 0px; width: 255px; } #pop_img .inner a.go_btn { background: #1b624a; } #pop_img .inner a.go_btn:hover { background: #000; } /*상품상세페이지 하단 결제정보 배송정보 테이블 스타일 수정*/ #prdInfo .cont2 h3 { font-size: 12px; border-bottom: 0px solid #eee; padding: 0; margin-bottom: 20px; font-weight: lighter; letter-spacing: 3px; } #prdInfo table {border-color: #000 !important;} #prdInfo table td, #prdInfo table th { font-size: 12px; border-color: #eee !important; } /*상품목록*/ .itemlist ul.prdList .prdicon { padding: 0px 0px 5px 0; } /* 상품상세에 큰 썸네일 아래 리뷰톡톡과 간격 주기 */ .keyImg { margin-bottom: 30px !important; } /* review-custom */ #sub_contents #review-custom { width: 120px; max-width: 1200px; min-width: 1200px; margin: 0 auto; } #sub_contents #review-custom .crema-applied { width: 120px; max-width: 1200px; min-width: 1200px; margin-bottom: 100px !important; margin: 0 auto; } #sub_contents .tabs-review { z-index: 999; width: 1200px !important; height:60px; position: absolute; top: 1400px; text-align: center; } #sub_contents .tabs-review .bt-widget-wrap { overflow: hidden; width: 100%; margin: 0 auto;} #sub_contents .tabs-review .bt-widget-wrap li { float: left; width: 50%; } #sub_contents .tabs-review .bt-widget-wrap li.f-right { float: right; } #sub_contents .tabs-review .bt-widget-wrap li a { width: 598px; height: 48px; line-height: 48px; display: inline-block; background: #fff; color: #000; border: 1px solid #dadada; font-size:16px; text-align: center; } #sub_contents .tabs-review .bt-widget-wrap li a:hover, .bt-widget-wrap li.active a { background: #000 !important; color: #fff !important; border: 1px solid #000 !important; }

글자수

error