@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css);

/*spoqahan-sans-neo*/
@font-face {
    font-family: "SpoqaHanSansNeo";
    font-weight: 300;
    src: url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoL.woff2") format("woff2"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoL.woff") format("woff"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoL.ttf") format("truetype");
}

@font-face {
    font-family: "SpoqaHanSansNeo";
    font-weight: 400;
    src: url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoR.woff2") format("woff2"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoR.woff") format("woff"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoR.ttf") format("truetype");
}

@font-face {
    font-family: "SpoqaHanSansNeo";
    font-weight: 500;
    src: url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoM.woff2") format("woff2"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoM.woff") format("woff"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoM.ttf") format("truetype");
}

@font-face {
    font-family: "SpoqaHanSansNeo";
    font-weight: 700;
    src: url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoB.woff2") format("woff2"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoB.woff") format("woff"),
        url("/assets/common/fonts/spoqahan-sans-neo/SpoqaHanSansNeoB.ttf") format("truetype");
}

/*MaruBuri*/
@font-face {
    font-family: 'MaruBuriSemiBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: 'MaruBuriBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf) format("truetype");
}


body {overflow-x:hidden;}
iframe{border: 0; margin: 0; padding: 0;}
#wrap{max-width: 1920px; min-width: 1350px; overflow:hidden;}

/*reset, common °¡Á®¿Ã°æ¿ì Çì´õ ǪÅÍ Àç¼³Á¤*/
.emergency_relief_cnts_top { height: 30px; }
#footer {margin-bottom:134px; width: 100%; height: auto; background: #fffbf7; border-top: 2px solid #ed425a;}
#footer .inner {width: 1000px; margin: 0 auto; position: relative; min-height: 72px; padding-top: 22px;}

/* white-gnb */
#wrap{max-width: 1920px; min-width: 1350px;}
.emergency_relief_cnts_top {height: 30px; background:#fff; border-bottom-color: #dadada;}
.emergency_relief_cnts_top ul.util_right .save_user {color: #7f7f7f; font-size: 12px; line-height: 19px;}
.emergency_relief_cnts_top ul.util_right .save_user strong {color: #7f7f7f;}
.emergency_relief_cnts_top ul.util_right li a{color:#7f7f7f;}
.CampaignList ul {padding: 6px 14px !important;}
#footer {width: 100%; height: auto; background: #fffbf7; border-top: 2px solid #ed425a;}
#footer .inner {width: 1000px; margin: 0 auto; position: relative; min-height: 72px; padding-top: 22px;}
.CampaignList ul li {margin-bottom: 7px;}

.email-popup{overflow:hidden;}

/*º»¹®*/
.div_sec{font-family:'SpoqaHanSansNeo'; font-weight:400;}
.div_sec .screen_out {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.img_bg{position:relative; top:0; left:50%; transform:translateX(-50%); display:block; max-width:none;}
img.btn_blank{width:100%; height:100%;}
.div_inner{width:1350px; margin:0 auto; height:100%; text-align:center;}
.div_sec .div_inner{position:absolute; top:0; left:50%; right:0; bottom:0; margin-left:-675px; width:1350px; text-align:center;}

.div_sec1{position:relative; width: 1350px; margin: 0 auto;}
.div_sec1 .a1_txt01{position:absolute; top:152px; left:241px; font-family: 'MaruBuriBold'; font-size:36px; color:#6a3500; letter-spacing:-0.025em; line-height:1.3;}
.div_sec1 .a1_txt02{position:absolute; top:216px; left:140px; font-family: 'MaruBuriSemiBold'; font-size:100px; color:#6a3500; letter-spacing:-0.075em; line-height:1.3;}
.div_sec1 .a1_txt03{position:absolute; top:532px; left:218px;}
.div_sec1 .div_movie{position: absolute; bottom: 100px; left: 50%; margin-left: -525px; display: block; width: 1050px; box-shadow: 1px 13px 23px 0px rgba(23, 16, 0, 0.29);}
.div_sec1 .div_movie .load_movie{position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;}
.div_sec1 .div_movie .load_movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.div_sec3{position: relative;  width: 1350px; margin: 0 auto;}
.div_sec3 .a3_txt01{position:absolute; top:86px; left:0; width:100%; font-size:24px; letter-spacing:-0.05em; line-height:1.75; color:#ffffff; text-align:center;}
.div_sec3 .a3_txt02{position:absolute; top:684px; left:0; width:100%; font-size:24px; letter-spacing:-0.05em; line-height:1.75; color:#ffffff; text-align:center;}
.div_sec3 .a3_txt02 span{font-weight:700;}
.div_sec3 .a3_txt03{position:absolute; top:868px; left:0; width:100%; font-size:45px; letter-spacing:-0.05em; line-height:1.5; color:#ffffff; text-align:center; text-shadow: 0px 0px 6px rgba(18, 18, 18, 0.92);}
.div_sec3 .a3_txt03 span{font-weight:700;}
.div_sec3 .a3_graph{position:absolute; top:244px; left:50%; margin-left:-480px; width:960px;}

.div_sec4{position: relative;  width: 1350px; margin: 0 auto;}
.div_sec4 .a4_txt01{position:absolute; top:90px; right:252px; filter: drop-shadow(0px 7px 18px rgba(157, 145, 123, 0.38));}
.div_sec4 .a4_txt01 img{display:block;}
.div_sec4 .a4_txt02{position:absolute; top:177px; right:195px; filter: drop-shadow(0px 7px 18px rgba(157, 145, 123, 0.38));}
.div_sec4 .a4_txt02 img{display:block;}
.div_sec4 .a4_txt03{position:absolute; top:264px; right:295px; filter: drop-shadow(0px 7px 18px rgba(157, 145, 123, 0.38));}
.div_sec4 .a4_txt03 img{display:block;}
.div_sec4 .a4_txt04{position:absolute; top:356px; left:715px; font-size:24px; letter-spacing:-0.05em; line-height:1.75; color:#222222;}
.div_sec4 .a4_txt04 span{font-weight:700;}

.div_sec5{position: relative;  width: 1350px; margin: 0 auto;}
.div_sec5 .a5_txt01{position:absolute; top:90px; left:0; width:100%; font-size:24px; font-weight:300; letter-spacing:-0.05em; line-height:1.75; color:#ffffff; text-align:center;}
.div_sec5 .a5_txt02{position:absolute; top:196px; left:0; width:100%; font-size:24px; font-weight:300; letter-spacing:-0.05em; line-height:1.75; color:#ffffff; text-align:center;  text-shadow: 0px 0px 6px rgba(18, 18, 18, 0.92);}
.div_sec5 .a5_txt02 span{font-weight:700;}
.div_sec5 .a5_txt03{position:absolute; top:299px; left:0; width:100%; font-size:45px; font-weight:700; letter-spacing:-0.05em; line-height:1.466; color:#ffffff; text-align:center; text-shadow: 0px 0px 6px rgba(18, 18, 18, 0.92);}
.div_sec5 .a5_btn{position:absolute; top:796px; left:50%; width:520px; height:100px; transform:translateX(-50%); display: flex; align-items: center; justify-content: center; background:#da291c; border-radius:10px;}
.div_sec5 .a5_btn span{font-size:30px; font-weight:700; letter-spacing:-0.05em; color:#ffffff; padding-right: 42px; background: url(/webPub/sc_2024/sign4child5/images/btn_arrow.png) no-repeat; background-position: right center;}

.div_sec6{position: relative;  width: 1350px; margin: 0 auto;}
.div_sec6 .a6_txt01{position:absolute; top:81px; left:210px; font-size:24px; letter-spacing:-0.05em; line-height:1.75; color:#000000;}
.div_sec6 .a6_txt02{position:absolute; top:227px; left:210px; font-size:30px; font-weight:700; letter-spacing:-0.05em; line-height:1.4; color:#000000;}
.div_sec6 .a6_txt03{position:absolute; top:337px; left:210px; font-size:24px; letter-spacing:-0.05em; line-height:1.666; color:#000000;}
.div_sec6 .a6_txt03 span{font-weight:700;}
.div_sec6 .a6_txtWrap{position:absolute; top:491px; left:210px; width:0px; height:92px; background:#da291c; transition:.5s .5s; overflow:hidden;}
.div_sec6 .a6_txtWrap.on{width:720px;}
.div_sec6 .a6_txtWrap span.a6_txt04{display:block; width:720px; height:92px; font-size:44px; font-weight:700; letter-spacing:-0.05em; line-height:92px; color:#ffffff; text-align:center;}
.div_sec6 .a6_txt05{position:absolute; top:814px; left:715px; font-size:22px; letter-spacing:-0.05em; line-height:1.2; color:#000000;}
.div_sec6 .a6_txt06{position:absolute; top:869px; left:715px; font-size:22px; font-weight:700; letter-spacing:-0.05em; line-height:1.636; color:#000000;}
.div_sec6 .a6_txt07{position:absolute; top:968px; left:715px; font-size:30px; font-weight:700; letter-spacing:-0.05em; line-height:1.2; color:#000000;}

.div_sec9{position: relative;}

.sns_area{ padding:47px 0 62px; /*border-top:3px solid #f8f6f3;*/}
.sns_area h3{
	font-weight: normal;
	display: inline-block;
    font-size: 16px;
    color: #4e4e4e;
    vertical-align: middle;
	margin-right:8px;
}

.sns_area > .div_inner > a{
	display: inline-block;
    margin-left: 14px;
    vertical-align: middle;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.copyright {
   margin-top: 0;
   padding-bottom:0; 
}

/*¼­¸íÇϱâ*/
.petition-sign-div{margin: 15px 60px 10px; padding: 60px 90px; width: 1230px; background:#fff;}
.petition-sign-div h2{ margin-bottom: 50px; font-family: 'NanumSquareNeo'; font-weight: 700; font-size:30px; color:#222; line-height:44px;} 

.petition-sign-div table tr th{
	width: 257px;
	text-align: left;
}
.petition-sign-div .input-email:after{
	right: 149px;
}
.petition-sign-div .agree-list-wrap{
	margin-top: 0;
	border-top: none;
}
.petition-sign-div .agree-list-wrap .agree-detail-row td{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 25px;
}
.petition-sign-div tr.al-first th{
	padding-bottom: 17px;
}
.petition-sign-div .agree-list-wrap .pt-none,
.petition-sign-div .agree-list-wrap .agree-detail-row .pt-none{
	padding-bottom: 0;
}
.petition-sign-div .agree-list-wrap .agree-detail-row:last-child th { padding-top: 16px; padding-bottom: 24px; }
.petition-sign-div .btn-group button {margin-top:15px; width:300px; height:100px; font-family: 'NanumSquareNeo'; font-size:30px; font-weight:700; letter-spacing: 0; background:#d91616; border-radius:8px;}
.petition-sign-div label.checkbox{
	margin-right: 0;
}

.petition-sign-table-name-input{max-width:510px;;width:510px;height: 48px;border:1px solid #dddddd;background-color:white;}
.petition-sign-table-name-p {
    margin-top: 13px;
    font-size: 15px;
    color: #da281f;
}
.petition-sign-table-name .petition-sign-table-name-input{
	width: 510px;
}

.sign-camp { display: inline-block; margin-top: 16px; }
.sign-camp span:last-child { padding-left: 18px; font-size: 14px; color: #777777; }

.pt-last{padding-top:6px !important;}
.pt-cklast{padding-top:0px !important;}

.popupWrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}
.popupWrap .popup .submitBtn{margin: 20px auto 30px; display: block; width:149px;height:55px;color:#fff;line-height:55px;background:#da281f;cursor:pointer;font-size:20px; font-family:"Nanum Barun Gothic", sans-serif !important;}
.popupWrap .popBg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.popupWrap .popup{width:550px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff;}
.popupWrap .popup_top{width:550px; border:9px solid #da281f; border-bottom:0; margin-bottom:29px;}
.popupWrap .closeBtn{position:absolute; top:0; right:0; width:25px;height:25px;background:url('/webPub/sc_2018/images/participate/close.png') no-repeat 50% 0;margin-top:24px;margin-right:33px;cursor:pointer;} 
.popupWrap p.title_area01 {padding-top: 40px; text-align: center; font-size: 20px; color:#000; font-family:"Nanum Barun Gothic", sans-serif !important;}
.popupWrap p.title_area02 {padding-top:5px; text-align: center; font-size: 34px; color:#000; font-weight:700; font-family:"Nanum Barun Gothic", sans-serif !important;}
.popupWrap .popup_middle{padding:30px 48px 29px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e6e6e6;}

.popupWrapComp{display:none; position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}
.popupWrapComp .popBg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}

.popupWrapComp .popup{width:732px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff;}
.popupWrapComp .popup_top{position:relative; margin-bottom:24px;}
.popupWrapComp .popup_top span.top_line{display:block; margin-bottom: 2px; height:23px; border:3px solid #da281f; border-bottom:0; }
.popupWrapComp .closeBtn{position:absolute; top:0; right:0; margin-top:26px; margin-right:33px; width:25px;height:25px;background:url('/webPub/sc_2018/images/participate/close.png') no-repeat 50% 0; cursor:pointer;} 
.popupWrapComp p.title_area01{padding-left:33px; font-size: 23px; font-weight:bold; color:#333;}

.popupWrapComp .popupComp_middle{padding-top:45px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e6e6e6;}

.popupComp_middle p.ca01{font-size: 20px; font-weight:800; color: #333; line-height:30px; text-align: center; }
.popupComp_middle p.ca02 {margin-top:8px;font-size: 17px; font-weight:700; color:#333; line-height: 24px; text-align: center; }
.popupComp_middle img{display:block; margin:30px auto 0;}

.popupWrapComp .popup .popBtn{margin:20px 0; text-align:center;}
.popupWrapComp .popup .popBtn a{display:inline-block; width:146px; height:55px; line-height:55px; font-size:16px; font-weight:bold; color:#fff; cursor:pointer;}
.popupWrapComp .popup .red_btn{margin-right:10px; background:#da281f;}
.popupWrapComp .popup .brown_btn{background:#555555;}

.agree-list-wrap { margin-top: 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.agree-list-wrap h1 { display: inline-block; vertical-align: middle; font-family: 'NanumSquare', "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; font-size: 17px; font-weight: 700; color:#333; letter-spacing: -0.04em; }
.agree-list-wrap span { font-weight: normal; }
.agree-list-wrap table tr th { width: 835px; padding: 1.04em 20px; text-align: left; }
.agree-list-wrap table tr td { padding-right: 25px; text-align: right; }
.agree-list-wrap .al-first th { padding-top: 24px; padding-bottom: 24px; }
.agree-list-wrap .agree-detail-row th { padding: 14px 20px; }
.agree-list-wrap .pt-none,
.agree-list-wrap .agree-detail-row .pt-none { padding-top: 0; }
.agree-ul{
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	width: 10px;
	height: 10px;
	background: url('/webPub/sc_2018/images/member/agree-ul.png');
}
.agree-detail-row{
	display: none;
}
.agree-detail-row span{
	padding-right: 15px;
	color: #555;
	letter-spacing: -0.085em;
	font-family: 'Nanum Barun Gothic';
	font-size:16px;
}
.agree-detail-row a{
	position: relative;2
	color: #666666;
	font-size:16px;
}
.agree-detail-row a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #aaaaaa;
}
.agree-detail-row .check-option-list{
	margin-left: 43px;
}
.agree-detail-row .check-option-list .checkbox{
	margin-right: 13px;
}

.agree-list-wrap .checkbox-agree { margin-left: 9px; }
.checkbox-agree{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-right: 35px;
	height: 20px;
}
.checkbox-agree input[type=checkbox]{
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 13px;
	opacity: 0;}
.checkbox-agree .chk{display: block;position: absolute;top: 0;right: 0 ;  margin-top: 3px;width: 26px;height: 13px;background: url('/webPub/sc_2018/images/member/agree-arrow.png') no-repeat;}
.checkbox-agree input[type=checkbox]:checked ~ .chk{background: url('/webPub/sc_2018/images/member/agree-on-arrow.png') no-repeat;}

.participate-textarea {
	overflow-y: scroll;
	margin-top: 6px;
	width:1050px;
	height:110px;
	padding:15px;
}
.table tbody tr th span {font-family: 'Nanum Barun Gothic';    font-size: 15px;letter-spacing: -0.05em;color: #555;}

.table tr td{text-align: left;}
.input-email{max-width:510px;}
.input-email .email3{width:148px;}

.input-number {background: #fff; border: 1px solid #ddd; color: #555; max-width:510px; height: 50px; line-height: 50px;}
.input-number input {width: calc(33.3333% - 12px); float: left;}
.input-number span {float: left;}
.input-number .number1{width:136px;}
.input-number .number1, .input-number .number2, .input-number .number3 {display: inline-block; vertical-align: middle; height: 48px; border:none;}

label.checkbox span { line-height: 20px; font-size: 17px;; font-weight: bold;  font-family: 'NanumSquare'; letter-spacing: -0.04em; color: #333;}

.float_area{position:fixed; bottom:-134px; min-width:1300px; max-width:1920px; width:100%; height:134px; background:#000; z-index:999; transition: 1s;}
.float_area.on{bottom:0;}
.float_area .div_inner{position: relative; width: 1260px; margin:0 auto; height:100%;}
.float_area .div_inner img{display:block;}

.float_area .fb-disflex{display: flex; justify-content:center; align-items: center; margin-left: -58px; padding:12px 0 0 0;}

.float_area .fb-disflex span.in-span02{margin-left:0px; height:52px; font-family: 'S-Core'; font-weight:700; font-size:36px; color:#fff; letter-spacing: -2.5px;}
.float_area .fb-disflex span.in-span03{display: block; margin-left:50px; width: 290px;  padding-top:5px; height:52px; font-family: 'GmarketSansBold'; font-size:43px; color:#da281f; text-align: right;}
.float_area .fb-disflex span.in-span04{margin: 13px 0 0 11px; font-size:21px; color:#fff;}
.float_area .fb-disflex span.in-span05{display:block; margin-left:22px; height:76px;}
.float_area .fb-disflex span.in-span05 .onImg {display:block;width:86px;height:76px;background:url('/webPub/sc_2018/images/participate/petition_float_speaker.png') no-repeat left top;}
.float_area .fb-disflex span.in-span05 .offImg {display:none;width:86px;height:76px;background:url('/webPub/sc_2018/images/participate/petition_float_click.png') no-repeat left top;}
.float_area .fb-disflex span.in-span05.off .onImg  {display:none;}
.float_area .fb-disflex span.in-span05.off .offImg  {display:block;}
.float_area .fb-disflex a.btn_hv03{position:relative; display:block; margin-left:220px; padding: 0 50px 0 0; width:287px; height:47px; line-height:45px; font-family: 'S-Core'; font-weight:500; font-size:23px; color:#eeeeee; background:#000000; border:1px solid #eeeeee; border-radius:25px; transition:0.2s ease;}
.float_area .fb-disflex a.btn_hv03 span{position:absolute; top:-10px; right:-10px; display:block;}
.float_area .fb-disflex a.btn_hv03 span img{display:block;}
/*.float_area .fb-disflex a.btn_hv03:hover span{position:absolute; top:-10px; right:-10px; display:block;}*/
.float_area:hover .fb-disflex a.btn_hv03{color:#000; background:#eeeeee; }
.float_area .fb-notice{display:inline-block; margin-left:56px; font-family: 'S-Core'; font-weight:400; font-size:18px; color:#cdcdcd; letter-spacing: -0.1px;}

.float_area .btn_hv03-wrap{display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.float_area .fb-disflex{justify-content: flex-start; margin-left:0; padding:42px 0 0 72px;}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(1.13);
            transform: scale(1.13);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(1.09);
            transform: scale(1.09);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(1.13);
            transform: scale(1.13);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}