#속눈썹영양제 #데일리홈케어 #듀얼브러쉬
아름다운 눈매의 완성
바를수록 건강해지는
NEW 어니스트 아이래쉬 세럼
신제품 출시 기념 25% 할인
#윤광피부 #생기보습 #밸런스케어 #항산화시험완료
피부가 좋아하는 주황빛 유효성분
벤튼 당근 라인
크림 & 오일토너 & 멀티오일
오늘부터 당근으로 피부 케어 시작하세요!
정직하게, 단호하게, 편안하게, 순하게
우리가 피부를 대하는 자세
기획단계에서 부터 유해 논란 성분을 원천 배제하는 자연주의 화장품
벤튼 피부, 시간을 거스르다
2011년부터 한결같이 이어온
[ 배송비 없는 진짜 무료샘플 ]
피부가 민감하여 선뜻 구매가 망설여지셨던 분들,
평소 벤튼의 제품을 사용해보고 싶으셨던 분들
부담없이 다양한 제품들을 체험해 보세요.
- COMPANY 주식회사 벤튼
- C.E.O 이장원
- C.P.O 이장원
- CALL CENTER 1899-6805
- 마케팅제휴문의 070-4288-1667
- E-mail help@bentoncosmetic.com
- MALL ORDER LICENSE 제 2016-서울동작-0701 호 [사업자정보확인]
- BUSINESS LICENSE 463-88-00529
- ADDRESS (우)06928 서울 동작구 노량진로 104 리더스타워 15층 (지번:노량진동 41-9)
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.color-b {
background: #5273a5;
}
#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/0908_p_intro.jpg);
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: 10;
opacity: 1;
width: 100%;
height: 100%;
background-size:cover;
}

@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:66px; height:66px; border-radius:66px; bottom:190px; right:9px; z-index: 9999999; background:black; animation: colorchange 1s infinite;}
@keyframes colorchange {
50% {background:#006838;}
}
.fixBanner-quick img { width:66px;}/*
.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: #275259;
}
/*버튼 초록컬러로 변경시 #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;
}