@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{min-width:320px;background-color:#fff;-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;color:#000}
a{color:#005a96;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {border: 0 none;}

.ir{
	display: block;
	overflow: hidden;
	color: transparent;
	white-space: nowrap;
}
/*.screen-out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}*/
.screen-out{
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}
.hide{display:none}

body {
	background: #fff140;
}

.kabang-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* 페럴렉스 */
.particle {
	position: absolute;
}

.kabang-main {
	position: relative;
	z-index: 10;
	padding-top: 70px;
}
.kabang-main .jumbotron {
	margin: 0 auto;
}

.section2 {
	padding: 90px 14px 0;
}
.section2 .inner {
	position: relative;
	max-width: 375px;
	margin: 0 auto;
	padding: 90px 0 80px;
	border-radius: 20px;
	background-color: #f8f8f8;
}
.section2 .eyes {
	position: absolute;
	top: -50px;
	left: 50%;
	width: 172px;
	height: 108px;
	margin-left: -86px;
	padding: 23px 0 0 0;
	background: url(https://og.kakaobank.io/view/d908de34-bc51-453f-bfe8-a3a920293ccf) no-repeat 0 0;
	background-size: 172px 108px;
	text-align: center;
	box-sizing: border-box;
}
.section2 .open-event {
	margin: 0 auto;
}
.section2 .reward {
	margin: 45px auto 0;
}
.section2 .event-time {
	width: 284px;
	margin: 50px auto 0;
	padding-top: 50px;
	border-top: 1px solid #e6e6e6;
}
.section2 .event-time .txt {
	margin: 0 auto;
}
.section3 {
	margin-top: 80px;
}
.section3 .how-to {
	margin: 0 auto;
}
.section3 .screen {
	position: relative;
	width: 240px;
	height: 480px;
	margin: 47px auto 0;
	border-radius: 26px;
}
.section3 .step1 {
	position: relative;
}
.section3 .step1 .account {
	position: absolute;
	top: 38px;
	left: 60px;
	border-radius: 25px;
	transform-origin: center;
	-webkit-transform-origin: center;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
}
.section3 .step2 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 26px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.section3 .step2 .dimmed-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #aaa;
	border-radius: 26px;
	opacity: 0;
}
.section3 .step2 .scene {
	position: absolute;
	top: 100%;
	left: 0;
}
.section3 .step2 .btn-add {
	position: absolute;
	top: 270px;
	left: 36px;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	border-radius: 5px;
}
.section3 .step3 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.section3 .step3 .scene {
	position: absolute;
	top: 120px;
	left: 100%;
}
.section3 .step3 .btn-take {
	position: absolute;
	top: 90px;
	left: 10px;
	transform-origin: center;
	-webkit-transform-origin: center;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	border-radius: 15px;
}
.section3 .step4 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
	border-radius: 26px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.section3 .step4 .scene {
	position: absolute;
	left: 0;
	top: 100%;
	width: 240px;
	height: 412px;
	background: url(https://og.kakaobank.io/view/525c4321-a29c-4171-a55e-90d6b2ea565b);
	background-size: 240px 412px;
	/*-webkit-backface-visibility: hidden;*/
	/*-moz-backface-visibility: hidden;*/
}
.section3 .step4 .dimmed-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #aaa;
	border-radius: 26px;
	opacity: 0;
}
.section3 .step4 .button {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	height: 48px;
	background: url(https://og.kakaobank.io/view/57a31cd9-32ae-47a4-84a5-ebf5660f6b23);
	background-size: 240px 48px;
	opacity: 0;
}
.section3 .step4 .txt-money {
	position: absolute;
	top: 127px;
	left: 65px;
	width: 110px;
	height: 26px;
	background: url(https://og.kakaobank.io/view/f2cf6af9-023e-4708-9ad7-46a14a62837f);
	background-size: 110px 26px;
}
.section3 .step4 .won {
	position: absolute;
	top: 127px;
	left: 0;
	width: 100%;
	text-align: center;
	background: #fff;
}
.section3 .step4 .won .num {
	display: inline-block;
}
.section3 .step4 .won1 {
	opacity: 0;
}
.section3 .step4 .txt-won {
	display: inline-block;
	width: 20px;
	height: 26px;
	background: url(https://og.kakaobank.io/view/a8c84c26-f39b-473c-b3c1-a8b7b33aa8a7);
	background-size: 20px 26px;
}
.section3 .step4 .won1 .num1 {
	width: 10px;
	height: 26px;
	background: url(https://og.kakaobank.io/view/922b2e7f-9e4c-401b-9b89-9c309077b961);
	background-size: 10px 26px;
}
.section3 .step4 .won100 {
	opacity: 0;
}
.section3 .step4 .won100 .num100 {
	width: 46px;
	height: 26px;
	background: url(https://og.kakaobank.io/view/5d024dec-5a2c-46a2-83c0-29ee34aefab7);
	background-size: 46px 26px;
}
.section3 .step4 .won10000 {
	opacity: 0;
}
.section3 .step4 .won10000 .num10000 {
	width: 90px;
	height: 26px;
	background: url(https://og.kakaobank.io/view/1459cee2-0c03-447e-be25-63b4c3b47bb6);
	background-size: 90px 26px;
}
.section3 .step4 .success {
	position: absolute;
	top: 137px;
	left: 24px;
	width: 193px;
	height: 206px;
	background: url(https://og.kakaobank.io/view/0ff7b9a8-6334-46f3-b1e6-646cb85c1e16);
	background-size: 193px 206px;
	opacity: 0;
	text-align: center;
}
.section3 .step4 .success .circle {
	position: absolute;
	top: 20px;
	left: 50%;
	z-index: 10;
	width: 42px;
	height: 42px;
	margin-left: -21px;
	border-radius: 50%;
	background: #fff140;
}
.section3 .step4 .success svg {
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 20;
}
.section3 .step4 .success .check-path {
	fill:none;
}
.check-path.is-active {
	fill:none; stroke:#000; stroke-width:4px; stroke-dasharray: 60;
	animation: check 0.3s linear forwards 1;
	-webkit-animation: check 0.3s linear forwards 1;
}
@-webkit-keyframes check {
	0% {
		stroke-dasharray: 60;
		stroke-dashoffset: 60;
	}
	33% {
		stroke-dasharray: 65;
		stroke-dashoffset: 0;
	}
	66% {
		stroke-dasharray: 60;
		stroke-dashoffset: 15;
	}
	100% {
		stroke-dasharray: 55;
		stroke-dashoffset: 0;
	}
}
@keyframes check {
	0% {
		stroke-dasharray: 60;
		stroke-dashoffset: 60;
	}
	33% {
		stroke-dasharray: 65;
		stroke-dashoffset: 0;
	}
	66% {
		stroke-dasharray: 60;
		stroke-dashoffset: 15;
	}
	100% {
		stroke-dasharray: 55;
		stroke-dashoffset: 0;
	}
}
.section3 .hand {
	position: absolute;
	top: 80px;
	left: 120px;
	opacity: 0;
}

.section4 .screen {
	margin: 80px auto 0;
}

.section5 {
	padding: 80px 0 85px;
}
.section5 .link-detail {
	margin: 0 auto;
	position: relative;
}
.section5 .link-detail .eyes {
	position: absolute;
	top: 62px;
	left: 10px;
}
.section5 .sns-share {
	padding: 60px 0 0 0;
	text-align: center;
}
.section5 .sns-share .link {
	display: inline-block;
	margin: 0 0 0 15px;
}
.section5 .sns-share .link:first-child {
	margin-left: 0;
}

.kabang-footer {
	padding: 50px 0 130px;
	background: #243d9f;
}
.kabang-footer .inner {
	position: relative;
	z-index: 10;
	max-width: 375px;
	margin: 0 auto;
	padding: 0 25px;
}
.kabang-footer .list-info {
	margin-top: 29px;
	font-size: 15px;
	line-height: 1.73;
	color: #d3d8eb;
}
.kabang-footer .list-info .tit {
	display: block;
	margin: 40px 0 0 20px;
	font-weight: bold;
}
.kabang-footer .list-info .item {
	padding-left: 20px;
	background: url(https://og.kakaobank.io/view/e57ab1ed-a367-4e5a-a0cc-c7fd6e868f8e) no-repeat 0 0;
	background-size: 10px 26px;
}
.kabang-footer .list-info .tel {
	font-weight: bold;
	color: #fff140;
	text-decoration: underline;
}
.kabang-footer .list-info .desc-serial {
	margin-top: 40px;
	font-weight: bold;
}
.kabang-footer .btn-wrap {
	display: block;
	position: fixed;
	bottom: -70px;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 70px;
	padding: 0 12px;
	box-sizing: border-box;
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
}
.kabang-footer .btn-wrap .link-join {
	display: block;
	width: 100%;
	height: 70px;
	padding: 20px 0 0;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #0d194b;
}
.kabang-footer .btn-wrap .txt {
	margin: 0 auto;
}
.kabang-footer .btn-wrap.active {
	transform: translateY(-82px);
	-webkit-transform: translateY(-82px);
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.popup .popup-inner {
	position: fixed;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	border-radius: 20px;
	background-color: #fff140;
}
.popup .desc {
	margin: 0 auto;
}
.popup .link-get {
	display: block;
	width: 282px;
	height: 64px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff140;
}
.popup .link-get .txt {
	margin: 0 auto;
}
.popup .btn-close {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
}
#finishedEventPopup .popup-inner,
#kabangAppPopup .popup-inner {
	width: 300px;
	height: 160px;
	margin: -80px 0 0 -150px;
	padding: 45px 0 0 0;
}
#finishedEventPopup .eyes,
#kabangAppPopup .eyes {
	position: absolute;
	top: -30px;
	left : 87px;
}
#alreadyPopup .desc,
#completePopup .desc {
	margin-bottom: 30px;
}
#alreadyPopup .popup-inner,
#completePopup .popup-inner {
	width: 310px;
	height: 386px;
	margin: -193px 0 0 -155px;
	padding: 53px 0 0 0;
	border-radius: 20px;
	background-color: #ffffff;
}
#rejoinPopup .popup-inner {
	width: 300px;
	height: 260px;
	margin: -130px 0 0 -150px;
	padding: 55px 0 0 0;
	background-color: #ffffff;
}

/* sprite image */
/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.sprite-group-6 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -624px 0px;
	width: 240px;
	height: 480px;
}
.sprite-img-00-02 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -1108px -376px;
	width: 90px;
	height: 90px;
}
.sprite-img-01-1 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -866px 0px;
	width: 240px;
	height: 480px;
}
.sprite-img-01-2 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -1200px -376px;
	width: 76px;
	height: 38px;
}
.sprite-img-02-1 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: 0px -622px;
	width: 240px;
	height: 480px;
}
.sprite-img-02-3 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -1108px -326px;
	width: 168px;
	height: 48px;
}
.sprite-img-03-1 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -1108px 0px;
	width: 240px;
	height: 324px;
}
.sprite-img-03-2 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -1200px -416px;
	width: 76px;
	height: 33px;
}
.sprite-img-06 {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: 0px 0px;
	width: 340px;
	height: 620px;
}
.sprite-img-popupclose {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -1278px -326px;
	width: 20px;
	height: 20px;
}
.sprite-img-reward {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -342px 0px;
	width: 280px;
	height: 451px;
}
.sprite-img-title {
	background-image: url(https://og.kakaobank.io/view/9ff98baf-7f26-4ee8-8e2f-75a5ffb5ff9a);
	background-position: -242px -622px;
	width: 310px;
	height: 253px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.sprite-group-6 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-00-02 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-01-1 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-01-2 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-02-1 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-02-3 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-03-1 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-03-2 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-06 {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-popupclose {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-reward {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
	.sprite-img-title {
		background-image: url(https://og.kakaobank.io/view/7857b7af-448d-40c1-a189-d9e1cc2b499c);
		background-size: 1348px 1102px;
	}
}

/* sprite svg */
.sprite-ico-120-share-01 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 41.52046783625731% 84.41558441558442% no-repeat;
	width: 65px;
	height: 65px;
}

.sprite-ico-120-share-02 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 50.948905109489054% 84.23326133909288% no-repeat;
	width: 64px;
	height: 64px;
}

.sprite-img-bt {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 81.31782945736434% 84.78701825557809% no-repeat;
	width: 104px;
	height: 34px;
}

.sprite-img-particle-01 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 57.72187281621244% 78.78787878787878% no-repeat;
	width: 33.5px;
	height: 32px;
}

.sprite-img-particle-02 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 66.94560669456067% 78.78787878787878% no-repeat;
	width: 32px;
	height: 32px;
}

.sprite-img-particle-03 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 68.20405310971348% 64.50304259634889% no-repeat;
	width: 33.5px;
	height: 34px;
}

.sprite-img-particle-04 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 57.601115760111576% 85.25252525252525% no-repeat;
	width: 32px;
	height: 32px;
}

.sprite-img-particle-05 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 62.403913347309576% 78.78787878787878% no-repeat;
	width: 33.5px;
	height: 32px;
}

.sprite-img-particle-06 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 62.06415620641562% 85.25252525252525% no-repeat;
	width: 32px;
	height: 32px;
}

.sprite-img-particle-07 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 68.20405310971348% 71.39959432048681% no-repeat;
	width: 33.5px;
	height: 34px;
}

.sprite-img-particle-08 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 66.52719665271967% 85.25252525252525% no-repeat;
	width: 32px;
	height: 32px;
}

.sprite-img-popupbt {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 94.79638009049773% 84.10462776659959% no-repeat;
	width: 86px;
	height: 30px;
}

.sprite-img-popupclose2 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 92.48275862068965% 77.13717693836978% no-repeat;
	width: 24px;
	height: 24px;
}

.sprite-img-popuptext-01 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 54.095238095238095% 31.023102310231025% no-repeat;
	width: 224px;
	height: 224px;
}

.sprite-img-popuptext-02 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 52.11009174311926% 69.89010989010988% no-repeat;
	width: 204px;
	height: 72px;
}

.sprite-img-popuptext-03 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 99.9047619047619% 0 no-repeat;
	width: 224px;
	height: 224px;
}

.sprite-img-popuptext-04 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 0 100% no-repeat;
	width: 204px;
	height: 72px;
}

.sprite-img-popuptext-05 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 99.9047619047619% 61.70798898071625% no-repeat;
	width: 224px;
	height: 164px;
}

.sprite-img-textbtn {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 55.85054080629302% 0 no-repeat;
	width: 240.5px;
	height: 94px;
}

.sprite-img-txt-01 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 0 0 no-repeat;
	width: 284px;
	height: 190px;
}

.sprite-img-txt-02 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 0 37.84860557768924% no-repeat;
	width: 284px;
	height: 25px;
}

.sprite-img-txt-03 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 0 74.91289198606272% no-repeat;
	width: 284px;
	height: 240px;
}

.sprite-img-txt-06 {
	background: url("https://og.kakaobank.io/view/8d18f856-a7b5-4d06-b951-c94e068f063e") 86.98175787728026% 78.06841046277665% no-repeat;
	width: 146px;
	height: 30px;
}