/* @charset "utf-8"; */

/*------------------------------------------------------------------------------------------------------------------------------------------
	File	: UI_Style.css
 	Author : YoungSu, Son 2017-06
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position(top, right, bottom, left, z-index), float/clear, overflow, width/height, margin/padding(top, right, bottom, left),
	border(top, right, bottom, left), background(image,position,repeat,color), border-radius, box-shadow,
	font(font-weight, font-style, font-variant, font-size/line-height, font-family), opacity, cursor, box-sizing, etc
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------
                                         * input *
-------------------------------------------------------------------------------------------*/
input {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px; }

input[type=tel],input[type=number] ,input[type=text], input[type=password] {
	height:36px;
	padding:6px;
	color:#333;
	border:1px solid #dfdfdf;
	font-size:14px;
	line-height:15px;
	vertical-align:middle;
	background-color:#ffffff;
	font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
	-webkit-appearance: none; -webkit-border-radius:0;
}
.lnb_wrap nav .lnb .node1.family dl dd.txt .size100p,
input[type=password] {font-family:"Dotum", "Dotumche", "돋움", "돋움체", "Arial";}

/* Placeholder Color */
:-ms-input-placeholder {color:#999;} /* IE 10 + */
::-webkit-input-placeholder {color:#999;} /* Webkit Browser */
:-moz-placeholder {color:#999;}	/* Mozilla Firefox 4 to 18*/
::-moz-placeholder {color:#999;} /* Mozilla Firefox 19+ */

/*------------------------------------------------------------------------------------------
                                         * textarea *
-------------------------------------------------------------------------------------------*/
textarea {width:100%; padding:10px; height:100%; border:1px solid #CDCDCD; vertical-align:middle;
	font-size:16px; line-height:19px; color:#333; resize:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
	transition-timing-function: linear, ease-in;
	font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
}
textarea.gray {color:#ccc;}

/*------------------------------------------------------------------------------------------
                                         * select *
-------------------------------------------------------------------------------------------*/
select {
	min-width:70px;
	min-width:70px\9;
	height:2.5em;
	padding:0 1.5em 0 0.25em;
	padding:0 1.7em 0 0.25em\9;
	border:1px solid #bfbfbf;
	font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
	font-size:1.25em;
	color:#333;
	line-height:2.5em;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-webkit-border-radius:0;
	background:url('/Images/Common/ico_select.gif') right center no-repeat;
	background:none\9;
	background-color:#fff;
}
:root select {padding:6px 6px 6px 15px \0/IE9; font-size:16px \0/IE9; font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";}
select::-ms-expand {display:none;}
input[type=number], input[type=text] + input[type=text],
 input[type=number], input[type=text] + select,
select + select {margin-left:7px;}

/*------------------------------------------------------------------------------------------
                                         * Button *
-------------------------------------------------------------------------------------------*/
/* Button */
button {overflow:visible; padding:0px; border:0px; font-size:16px; font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial"; cursor:pointer; outline:none; background-color:transparent;}
button::-moz-focus-inner {border:0px; padding:0px;}
button>span {position:relative;}

.btn {position:relative; display:inline-block; *display:inline; *zoom:1; font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial"; vertical-align:middle; cursor:pointer; text-align:center;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; opacity:1; white-space:nowrap;}
.btn_wrap {*zoom:1; margin-top:1em; text-align:center;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap .btn {display:inline-block; padding:0 1.875em; background:#72af2d;}
.btn_wrap .btn.size100p {width:100%;}
.btn_wrap .btn.btn_left {display:block; float:left;}
.btn_wrap .btn.btn_right {display:block;  position:absolute; right:20px; top:50%; height:48px; margin-top:-24px;}
.btn_wrap .btn.btn_right.btn_order {position:relative; float:right; top:0; margin-top:0;}
.btn_wrap .btn span {display:inline-block; padding:0.65em 0 0.591em; font-size:1.375em; color:#fff; font-weight:bold; letter-spacing:-1px;}
.btn_wrap .btn span.ico_tasty {padding:0.591em 0 0.591em 2.273em; background:url('/Images/Common/ico_tasty.png') left center no-repeat; background-size:1.364em 1.091em;}
.btn_wrap .btn span.ico_table {padding:0.591em 0 0.591em 1.909em; background:url('/Images/Common/ico_table.png') left center no-repeat; background-size:1em 0.727em; font-weight:400; letter-spacing:0;}

.total_wrap {display:block; position:relative; padding:0 200px 0 2.5em; background:url('/Images/Common/ico_total.png') left center no-repeat; background-size:1.875em 1.5em;}
.total_wrap:after {content:""; clear:both; display:table;}
.total_wrap .info {float:left; width:20%; font-size:1.375em; color:#333; letter-spacing:-1px; text-align:left;  line-height:100px;}
.total_wrap .total_area {float:left; width:80%; line-height:94px;}
.total_wrap .price,.total_wrap .unit {font-size:2.4em; color:#ea5904; line-height:100px; font-weight:bold; letter-spacing:-1px;}
.total_wrap .unit {font-size:1.25em;}

.btn_wrap .input_wrap {display:block; float:left; height:3em;}
.btn_wrap .input_wrap label {font-size:1.125em; color:#666; line-height:3em;}
.btn_wrap .input_wrap a {font-size:1em; color:#666; line-height:3em; text-decoration:underline;}

@media all and (max-width:500px){
	.btn_wrap .btn.btn_table {padding:0 1.5em;}
	.btn_wrap .btn span.ico_table {padding:0.591em 0 0.591em 1.6em;}
}

/*------------------------------------------------------------------------------------------
                                         * Table *
-------------------------------------------------------------------------------------------*/
/* Table Element (TH, TD)*/
th {color:#333; font-size:16px; text-align:center;}
td {color:#333; font-size:16px; text-align:center;}
td a:hover {color:#333;}

table .ellipsis {display:inline-block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}


/*------------------------------------------------------------------------------------------
                                         * Tap *
-------------------------------------------------------------------------------------------*/

/* Tap */
.ui_tap_wrap {/* padding:0 20px; */ background:#fff; z-index:5;}
.ui_tap {*zoom:1; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.ui_tap:after {content:""; display:block; clear:both;}
.ui_tap .item {float:left; display:block; width:33.3333%; border-right:1px solid #cccccc; text-align:center;}
.ui_tap .item:first-child {border-left:1px solid #ccc ;}
.ui_tap .item .link {display:block; font-size:1.375em; color:#333333; line-height:3.091em; background-color:#fff;}
.ui_tap .item.on .link {color:#ffffff; background:#889c58;}

/*------------------------------------------------------------------------------------------
                                         * Board *
-------------------------------------------------------------------------------------------*/
/* boardList */
.boardList {border-top:2px solid #889c58; border-bottom:1px solid #cccccc;}
.boardList .item {position:relative; display:block; padding:0 7.5em 0 0; border-top:1px solid #dfdfdf; background:#ffffff;}
.boardList .item:first-child {border-top:none;}
.boardList .item .link {display:block; width:100%; padding:0 1em; font-size:1.25em; color:#333333; line-height:3.25em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boardList .item .link .ico_notice {display:inline-block; width:46px; /* height:46px; */text-indent:-9999px; background:url('/Images/Story/ico_tit_h2.jpg') left center no-repeat; background-size:43px auto;}
.boardList .item .link .ico_notice img {max-width:100%;}
.boardList .item .date {position:absolute; right:0px; top:0px; display:block; width:6em; font-size:1.25em; color:#999999; line-height:3.25em;}

/* boardView */
.boardView {padding:0 0 10px 0; border-top:2px solid #889c58; background:#ffffff;}
.boardView_header {position:relative; height:4.063em; padding:0 8.750em 0 10px; border-bottom:1px solid #cccccc;}
.boardView_header .tit {display:block; font-size:1.25em; color:#333333; line-height:3.25em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boardView_header .date {position:absolute; right:10px; top:0px; display:block; width:6.500em; padding:0 10px; font-size:1.25em; color:#999999; line-height:3.250em; text-align:center;}

.boardView_con {padding:1.5em 10px; font-size:1.25em; color:#333333; line-height:1.5em; border-bottom:1px solid #f0f0f0;}
.boardView_con img {max-width:100%; text-align:center;}

.boardView_sns {*zoom:1; height:68px; padding:18px 10px;}
.boardView_sns:after {content:""; display:block; clear:both;}
.sns_good {float:left; vertical-align:top;}
.sns_good .link {display:inline-block; padding-left:2em; font-size:1.25em; color:#333333; line-height:1.6em; background:url('/Images/Story/ico_good.png') left center no-repeat; background-size:1.5em 1.4em;}
.sns_good .count {margin-left:0.5em; font-size:1.25em; color:#333333; line-height:1.6em;}

.sns_box {float:right; vertical-align:top;}
.sns_box .item {display:inline-block; margin-left:0.8em;}
.sns_box .item .link {}
.sns_box .item .link img {width:2.8em; height:2.8em;}

.re_view {padding:0 10px;}
.re_view .item .info {*zoom:1;}
.re_view .item .info:after {content:""; display:block; clear:both;}
.re_view .item .info dt {float:left; display:block; width:14%; padding:0 10px 0 0; font-size:1.250em; color:#4a6726; line-height:1.500em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.re_view .item .info dd {float:left; display:block; width:70%; vertical-align:top;}
.re_view .item .info dd .tit {margin-right:10px; font-size:1.25em; color:#72af2d; line-height:1.5em;}
.re_view .item .info dd .txt {font-size:1.25em; color:#666666; line-height:1.5em;}

.boardView_re_write {position:relative; height:3.063em; margin:2.188em 10px 0 10px; padding:0 5em 0 0; border:1px solid #cccccc;}
.boardView_re_write .input_re_write {width:100%; height:2.250em; font-size:1.25em; color:#999999; line-height:1em; border:0 none; vertical-align:middle;}
.boardView_re_write .btn_re_write {position:absolute; right:0px; top:0px; display:block; width:4em; padding:0 1em; font-size:1.250em; color:#4a6726; line-height:2.450em;}

/* paging */
.board_pager_wrap {position:relative; margin-top:30px; text-align:center;}
.board_pager {display:block; overflow:hidden; padding:40px 0 0 0; text-align:center;}
.board_pager .pagerNavi {display:inline-block; *display:inline; *zoom:1; }
.board_pager .pagerNavi ul {float:left; margin:0 10px; }

@media all and (max-width:480px){
	.board_pager .pagerNavi ul {margin:0;}
}

.board_pager .pagerNavi li {float:left;margin-left:-1px;}
.board_pager .pagerNavi li a {width:40px; height:40px; color:#999999; border:1px solid #cdcdcd; border-radius:0; line-height:38px; background:#ffffff;}
.board_pager .pagerNavi li a.on {background:#889c58; color:#fff; border:1px solid #cdcdcd;}
.board_pager .pagerNavi a {display:block; width:25px; height:25px;}
.board_pager .pagerNavi a.btn_pager.nav {display:block; float:left; width:40px; height:40px; background:url('/Images/Common/ico_arrow_prev.png') center no-repeat; text-indent:-9999px;}
.board_pager .pagerNavi a.btn_pager.nav img {display:none;}
.board_pager .pagerNavi a.btn_pager.btn_first {background:url('/Images/Common/ico_arrow_last.png') center no-repeat; text-indent:-9999px;}
.board_pager .pagerNavi a.btn_pager.btn_prev {background:url('/Images/Common/ico_arrow_prev.png') center no-repeat; text-indent:-9999px;}
.board_pager .pagerNavi a.btn_pager.btn_next {background:url('/Images/Common/ico_arrow_next.png') center no-repeat; text-indent:-9999px;}
.board_pager .pagerNavi a.btn_pager.btn_last {background:url('/Images/Common/ico_arrow_first.png') center no-repeat; text-indent:-9999px;}

.board_pager .pagerNavi a span {text-indent:-9999px;}

.board_pager .boardPage {float:left; overflow:hidden; margin:0 5px;}
.board_pager .boardPage li {float:left; margin:0 2px;}
.board_pager .boardPage li a {display:block; min-width:20px; min-width:10px\9; height:20px; font-size:13px; color:#e0dedd; line-height:20px; padding:0 5px;}
.board_pager .boardPage li:hover a,
.board_pager .boardPage li.on a {color:#fdd75f; font-weight:700;;}

.board_pager.mob {display:none; overflow:hidden;}
.board_pager.mob .boardPage {display:inline-block; height:25px; padding:0 2px; font-size:13px; color:#666; line-height:23px;}
.board_pager.mob .boardPage .page {color:#0079c1;}

/*------------------------------------------------------------------------------------------
                                         * ColorBox *
-------------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent {position:relative}
#cboxLoadedContent {overflow:hidden; -webkit-overflow-scrolling: touch;}/*overflow:hidden:동영상팝업스크롤 170516*/
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe {width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent {/*box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;*/;}

#cboxOverlay {background:#000;}
#colorbox {outline:0;}
#cboxContent {margin:0px;/*background:#000;*/;}
.loading #cboxContent {background-color:#fff;}
.cboxIframe {background:#fff;}
#cboxError {padding:50px; border:1px solid #ccc;}
#cboxLoadedContent {/*max-width:300px;*/ margin:0 auto; text-align:center;} /*Test display:inline-block;  popup*/
#cboxTitle {display:none !important; position:absolute; top:0px; left:0; color:#ccc;}
#cboxCurrent {display:none !important; position:absolute; top:0px; right:0px; color:#ccc;}
#cboxLoadingGraphic {background:url('/Images/Common/img_loading.gif') no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {display:none; border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}
#cboxClose {position:absolute; top:14px; right:60px; width:15px; height:13px; text-indent:-9999px; background:url('/Images/Common/btn_lp_close.png') center center no-repeat;}


/*------------------------------------------------------------------------------------------
                                         * Layer Popup - Modal *
-------------------------------------------------------------------------------------------*/
.modal_overlay {display:none; position:fixed; left:0px; top:0px; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.modal_overlay.alpha0 {background-color:rgba(0,0,0,0);}
.modal_wrap {display:inline-table; width:100%; height:100%;}
.modal_wrap .modal_container {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; background-color:#000;}
.modal_wrap .modal_container .modal_content {display:block; position:relative; z-index:10;}
.modal_wrap .btn_modal_close {display:block; position:absolute; top:14px; right:20px; z-index:100; width:15px; height:13px; text-indent:-9999px; background:url('/Images/Common/btn_lp_close.png') center center no-repeat;}

/* No ColorBox */
.overlay {display:none; position:fixed; left:0px; top:0px; z-index:999; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";}
.overlay.on {display:block !important;}


/* Layer Popup - Type */
.lp_wrap.lp_video {display:block; position:relative; padding:24px 0 0 0;}
.lp_wrap.lp_video .lp_header {height:68px; background-color:#FFF;}
.lp_wrap.lp_video .lp_header h2 {padding:9px 0 0 20px; background-image:none;}
.lp_wrap.lp_video #videoPlay {/*width:676px;height:390px*/ width:100%; height:300px;}

.lp_wrap.lp_video a.btn_lp_close {display:block; position:absolute; right:0; top:0; width:18px; height:18px; text-indent:-9999px; background:url('/Images/Common/btn_lp_close.png') center center no-repeat;}

.lp_modal {display:none; position:relative;}
.lp_wrap {min-width:80%;}
.lp_wrap .lp_container {position:relative; text-align:left;}
.lp_wrap .lp_header {/* height:35px;*/ height:60px; background-color:#72af2d;}
.lp_wrap .lp_header h2 {padding-left:10px; font-size:22px; line-height:60px; color:#fff;font-weight:bold}
.lp_wrap .lp_body {background-color:#fff;padding-top:10px; padding-bottom:10px}
.lp_wrap .lp_body .tit {display:block; margin-top:20px;font-size:11px; padding:0 10px; line-height:15px;font-weight:bold}
.lp_wrap .lp_body .tit:first-child {margin-top:0px;}
.lp_wrap .lp_body .lp_list_wrap {margin-top:5px;}
.lp_wrap .lp_body .lp_list_wrap .item > span {display:block; font-size:11px; padding:0 15px 0 25px; text-indent:-10px; line-height:15px;}
.lp_wrap .lp_body .lp_list_wrap .item ul {margin-top:5px;}
.lp_wrap .lp_body .lp_list_wrap .item ul li > span  {display:block; font-size:11px; padding:0 15px 0 35px; text-indent:-10px; line-height:15px;}
.lp_wrap .btn_lp_close {display:block; position:absolute; top:10px; right:10px; width:40px; height:40px; text-indent:-9999px;}
.lp_wrap .btn_lp_close:before,.lp_wrap .btn_lp_close:after {content:""; display:block; position:absolute; top:5px; left:20px; width:2px; height:30px; background-color:#fff; transform:rotate(45deg);}
.lp_wrap .btn_lp_close:after {transform:rotate(-45deg);}

/* LP_table */
#LP_table.lp_wrap {display:none;position:relative; min-height:600px;}
#cboxLoadedContent #LP_table.lp_wrap {display:block;}
.lp_wrap .lp_visual_wrap {position:relative; width:100%; height:auto; padding:10px;  z-index:200;}
.lp_visual_wrap > .bx-wrapper {position:relative;}
.lp_sliderVisual {display:block; overflow:hidden; height:300px;}
.lp_sliderVisual .item {display:block; overflow:hidden; font-size:1.25em; color:#ccc; line-height:1.5em; text-align:center;}
.lp_sliderVisual .item img {max-width:100%;}
.lp_sliderVisual .item .txt {display:block;}
.lp_sliderVisual .item .price_area {display:block;}
.lp_visual_wrap .img_detail {width:100%; height:300px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.lp_visual_wrap .bx-controls { width:100%; text-align:center;}

.lp_visual_wrap .bx-controls .bx-pager {/* display:inline-block; */ display:none; padding:6px 0 0 0;}
.lp_visual_wrap .bx-controls .bx-pager-item {display:inline-block;}
.lp_visual_wrap .bx-controls .bx-pager-item a {display:block; width:12px; height:12px; margin:0 5px; text-indent:-9999px; border-radius:8px; background:#ccc; vertical-align:top;}
.lp_visual_wrap .bx-controls .bx-pager-item a.active {width:50px; background:#72af2d;}
.lp_visual_wrap .bx-controls-direction {display:block; width:100%;}

.lp_visual_wrap .bx-prev {position:absolute; left:0px; top:50%; width:3.750em; height:3.25em; margin-top:-1.625em; text-indent:-9999px; background:url('/Images/Common/btn_img_prev.png') no-repeat; background-size:cover;}
.lp_visual_wrap .bx-next {position:absolute; right:0px; top:50%; width:3.750em; height:3.25em; margin-top:-1.625em; text-indent:-9999px; background:url('/Images/Common/btn_img_next.png') no-repeat; background-size:cover;}

.lp_visual_wrap .tasty_box_info {margin-top:30px; padding:10px 15px;}
.lp_visual_wrap .tasty_box_info .tit {padding:0; font-size:24px; line-height:30px;}
.lp_visual_wrap .price_area {margin:10px 0;}
.lp_visual_wrap .price {font-size:1.125em; color:#ea5904; line-height:1.667em;}
/* 
.tasty_box_info .tit .green {display:block; font-size:1em; color:#72af2d;}
.tasty_box_info .txt {margin-top:10px; font-size:1.375em; color:#666666; line-height:1.455em;}
 */

/* Back To Top */
a.btn_backToTop {display:none; position:fixed; right:20px; bottom:140px; z-index:150; overflow:hidden; width:50px; height:40px; text-indent:-9999px; background:url('/Images/Common/btn_top.png') center center no-repeat; 	background-size:cover;}
@media all and (max-width:1200px) {
	.partner a.btn_backToTop {bottom:108px;}
}
a.btn_backToTop.show {display:block;}

/*------------------------------------------------------------------------------------------
                                         * CSS Radio Buttons in "FormBox_list" *
-------------------------------------------------------------------------------------------*/

/* Radio Css Test */
input[type="radio"] {position:absolute; opacity:0;}

input[type="radio"] + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

input[type="radio"] + label:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
	margin-right:10px;
    border-radius: 50%;
	vertical-align:middle;
	box-shadow: 0 0 0 2px #333;
	background: #fff;
    border: 2px solid #fff;
  }
input[type="radio"]:checked + label:before 
 {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;

    border-radius: 50%;
	vertical-align:middle;
	background-color:#72af2d;
	border: 2px solid #fff;
    box-shadow: #333 0 0 0 2px;
  }

  /* Checkbox Css Test */
input[type="checkbox"] {position:absolute; opacity:0;}

input[type="checkbox"] + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

  }

 input[type="checkbox"] + label:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
	margin-right:5px;   
	vertical-align:middle;
	box-shadow: 0 0 0 2px #333;
	background: #fff;
    border: 2px solid #fff;

  }
 input[type="checkbox"]:checked + label:before 
 {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
	vertical-align:middle;
	 background-color:#72af2d; 
	border: 2px solid #fff;
    box-shadow: #333 0 0 0 2px;
 	background:url('/Images/Common/ico_checked.png') center center no-repeat;
	/*background-size:12px 8px;*/
	cursor:pointer;
  }