@charset "utf-8";
@font-face {
  font-family: 'HYGyunGothic';
  font-style: normal
  font-weight: 600;
  src:  url('/webPub/sc_2018/childabuse/fonts/hygyungothic.eot'); 
	src: 
	url('/webPub/sc_2018/childabuse/fonts/hygyungothic.ttf') format('truetype'), 
	url('/webPub/sc_2018/childabuse/fonts/hygyungothic.woff') format('woff2'), 
	url('/webPub/sc_2018/childabuse/fonts/hygyungothic.woff') format('woff');  
  
}

body {overflow-x:hidden;}
iframe{border: 0; margin: 0; padding: 0;}
#wrap{max-width: 1920px; min-width: 1300px; 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: 1263px;}
.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;}

/*º»¹®*/
.div_sec1, .div_sec2, .div_sec3, .div_sec4, .div_sec5, .div_sec6, .div_sec7 {width:100%;}
.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:1300px; margin:0 auto; height:100%; text-align:center;}

.div_sec1{position:relative; width: 1300px; margin: 0 auto;}
.div_sec1 .a1_txt01{position:absolute; top:195px; left:-1px; overflow:hidden; width:0; transition: .7s;}
.div_sec1 .a1_txt01.on{width:564px;}
.div_sec1 .a1_txt02{position:absolute; top:280px; left:-1px;}

.div_sec2{position:relative;}
.div_sec2 .div_movie{position: absolute; top: 103px; left: 50%; margin-left: -524px; display: block; width: 1050px;}
.div_sec2 .div_movie .load_movie{position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;}
.div_sec2 .div_movie .load_movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.div_sec3{position: relative; width:100%; overflow:hidden; height:1575px; background:url('/webPub/sc_2018/sign4birth/images/area03_bg.jpg')no-repeat; background-size: cover; background-position: center;}
.div_sec3 .a3_txt01{margin: 0 auto; padding-top: 124px; display: block; text-align: center;}
.div_sec3 .a3_txt01 img{display:inline-block;}
.div_sec3 .a3_img01{position:relative; margin: 0 auto; padding-top: 0px; width:574px; display: block; text-align: center;}
.div_sec3 .a3_img01 img{display:block;}
.div_sec3 .a3_img01 .act_img_top{
	position:absolute; top:6px; left:229px;
	-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	-webkit-transform-origin: 38px 116px;
		transform-origin: 38px 116px;
	transition:.8s 1.5s;
}
.div_sec3 .a3_img01.aos-animate .act_img_top{
	-webkit-transform: rotate(-48deg);
		transform: rotate(-48deg);
}

.div_sec3 .s3_wrap{position:relative; margin: 55px auto 0; width:1150px;}
.div_sec3 .slider3_area{}
.div_sec3 .slider3_area .swiper-wrapper{}
.div_sec3 .slider3_area .swiper-wrapper .swiper-slide{opacity:0.5; transition:1s;}
.div_sec3 .slider3_area .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1;}
.div_sec3 .slider3_area .swiper-wrapper .swiper-slide img{margin:0 auto;}

.div_sec3 .swiper-button-next {right: -45px !important; color:#fff !important; margin-top:-47px; width: 59px; height: 114px; background: url(/webPub/sc_2018/sign4birth/images/next_btn.png);}
.div_sec3 .swiper-button-prev{left: -45px !important; color:#fff !important; margin-top:-47px;  width: 59px; height: 114px; background: url(/webPub/sc_2018/sign4birth/images/prev_btn.png);}

.div_sec4{position: relative; width:100%; overflow:hidden; height:984px; background:url('/webPub/sc_2018/sign4birth/images/area04_bg.jpg')no-repeat; background-size: cover; background-position: center;}
.div_sec4 .a4_img01{position:relative; margin: 86px auto 0; padding-top: 0px; width:1274px; display: block; text-align: center;}
.div_sec4 .a4_img01 img{display:block;}

.div_sec5{position: relative; width:100%; overflow:hidden; height:862px; background:url('/webPub/sc_2018/sign4birth/images/area05_bg.jpg')no-repeat; background-size: cover; background-position: center;}
.div_sec5 .div_inner{position:relative;}
.div_sec5 span.a5_img01{position:absolute; top:165px; left:93px; width:634px;}
.div_sec5 span.a5_txt01{position:absolute; top:622px; left:40px; width:718px;}
.div_sec5 span.a5_box01{position:absolute; top:133px; right:-14px; width:520px;}
.div_sec5 span.a5_txt02{position:absolute; bottom:40px; right:8px; width:289px;}
.div_sec5 span img{display:block;}

.div_sec6{position: relative; width:100%; overflow:hidden; height:854px; background:url('/webPub/sc_2018/sign4birth/images/area06_bg.jpg')no-repeat; background-size: cover; background-position: center;}
.div_sec6 .div_inner{position:relative;}

.div_sec6 .a6_txt01{position:absolute; top:130px; left:50%; margin-left:-154px; width: 243px; display: block; text-align: center;}
.div_sec6 .a6_txt01 .cover_a6t1{display:block; overflow:hidden; width:0; transition: .7s .5s;}
.div_sec6 .a6_txt01.aos-animate .cover_a6t1{width:243px;}
.div_sec6 .a6_txt01 img{display:inline-block;}

.div_sec6 .a6_txt02{margin: 0 auto; padding-top: 130px; display: block; text-align: center;}
.div_sec6 .a6_txt02 img{display:inline-block;}

.div_sec6 .a6_txt03{position:absolute; bottom:45px; right:190px; display: block; text-align: center;}
.div_sec6 .a6_txt03 img{display:inline-block;}

.div_sec6 .a6_ani01{position:absolute; top:740px; right:292px; width:320px; display: block; text-align: center;}
.div_sec6 .a6_ani01 .cover_a6a1{display:block; overflow:hidden; width:0; transition: .7s 1.2s;}
.div_sec6 .a6_ani01.aos-animate .cover_a6a1{width:320px;}
.div_sec6 .a6_ani01 img{display:inline-block;}

.div_sec6 .a6_ani02 .cover_a6a2{position:absolute; top:695px; right:580px; width:32px; display: block; text-align: center; opacity:0; transition: .7s 1.2s;}
.div_sec6 .a6_ani02.aos-animate .cover_a6a2{opacity:1; right:264px;}
.div_sec6 .a6_ani02 img{display:inline-block;}

.div_sec7{position: relative; margin: 0 auto; width:1300px;}
.div_sec7 .a7_txt01{position:absolute; top:118px; left:138px;}
.div_sec7 .a7_txt01 img{display:block;}
.div_sec7 .btn_area{position:absolute; bottom:-30px; right:-350px; border-bottom: 30px solid #f5a6a6; border-right: 40px solid #9b2f2f; transition:0.2s;}
.div_sec7 .btn_area:hover{bottom:0px; right:-310px;}
.div_sec7 .btn_area img{display:block;}
.div_sec7 .btn_area .a7_txt02{position:absolute; top:156px; left:220px;}
.div_sec7 .btn_area .a7_txt02 img{display:block;}

.div_sec8{position: relative; width:100%; /*min-height:1131px;*/ overflow:hidden; background:url('/webPub/sc_2018/sign4birth/images/area08_bg.jpg'); background-position: top;}
.div_sec8 .a8_txt01{margin: 0 auto; padding-top: 127px; display: block; text-align: center;}
.div_sec8 .a8_txt01 img{display:inline-block;}

.div_sec8 .active_wrap{margin:100px auto 0; width: 1172px;}
.div_sec8 .htab_area{overflow:hidden; margin:0 auto; width:880px;}
.div_sec8 .htab_area li{float:left; width:220px; height:60px; border-right:1px solid #2f2f2f;}
.div_sec8 .htab_area li:last-child{border-right:0;}
.div_sec8 .htab_area li a{display:block; line-height:60px; font-size:19px; color:#aaa; text-align:center; background:#0e0e0e;}
.div_sec8 .htab_area li.on a{color:#fff; font-weight:bold; background:#444;}

.div_sec8 .active_wrap .hcontent_area{position:relative; /*min-height: 797px;*/ padding: 82px 0;}
.div_sec8 .active_wrap .hcontent_area .month_line{display: inline-block; position: absolute; top: 0px; left: 585px; width: 2px; background: #aaa; height: 100%;}

.div_sec8 .hcontent_area > div{display:none;}
.div_sec8 .hcontent_area > div.on{display:block;}
.div_sec8 .hcontent_area > div ul{overflow:hidden;}
.div_sec8 .hcontent_area > div ul.h_date li {margin-bottom:10px;}
.div_sec8 .hcontent_area > div ul.h_date li.active-right{/*position:absolute; right:0;*/ float:right;}
.div_sec8 .hcontent_area > div ul.h_date li.active-left{/*position:absolute; left:0;*/  float:left;}

/*.div_sec8 .hcontent_area > div.tab01 ul.h_date li.at01{top:50px;}
.div_sec8 .hcontent_area > div.tab01 ul.h_date li.at02{top:150px;}
.div_sec8 .hcontent_area > div.tab01 ul.h_date li.at03{top:350px;}
.div_sec8 .hcontent_area > div.tab01 ul.h_date li.at04{top:550px;}*/

.div_sec8 .hcontent_area > div ul.h_date li span.month_pos {display:inline-block; position:relative; width: 80px; height: 50px; margin-top: 20px; line-height: 50px; font-weight:bold; text-align:left; color:#2c6a7a;}
.div_sec8 .hcontent_area > div ul.h_date li.active-right span.month_pos {float:left; margin-right:46px;}
.div_sec8 .hcontent_area > div ul.h_date li.active-left span.month_pos {float:right; margin-left:46px;}
.div_sec8 .hcontent_area > div ul.h_date li.active-right span.month_pos.inYear {width:136px; margin-right: 20px;}
.div_sec8 .hcontent_area > div ul.h_date li.active-left span.month_pos.inYear {width:136px; margin-left: 20px;}

.div_sec8 .hcontent_area > div ul.h_date li span.month_pos span{display: inline-block; position: absolute; top: 0; left: 39px; width: 3px; height: 100%; background: #1d1d1d;}
.div_sec8 .hcontent_area > div ul.h_date li.active-right span.month_pos.inYear span{left:69px;}
.div_sec8 .hcontent_area > div ul.h_date li.active-left span.month_pos.inYear span{left:65px;}
.div_sec8 .hcontent_area > div ul.h_date li span.month_pos b{position: absolute; left: 0; right: 0; font-family: 'NanumSquare'; font-size: 24px; color: #fff; text-align: center;}
.div_sec8 .hcontent_area > div.tab04 ul.h_date li span.month_pos b{font-size: 20px;}

.div_sec8 .hcontent_area > div ul.h_date li span.box_pos{position:relative; padding:35px 28px; width:500px; background:#262626;}
.div_sec8 .hcontent_area > div ul.h_date li.active-right span.box_pos{float:left;}
.div_sec8 .hcontent_area > div ul.h_date li.active-left span.box_pos{float:right;}

.div_sec8 .hcontent_area > div ul.h_date li span.box_pos .box_title{display:block; font-family: 'NanumSquare'; font-size: 18px; font-weight:bold; color: #da281f; text-align:left; letter-spacing: -1.2px;}
.div_sec8 .hcontent_area > div ul.h_date li span.box_pos .box_cont{display:block; padding-top:16px; font-family: 'Nanum Barun Gothic'; font-size: 15px; color: #aaa; text-align:left; line-height: 24px;}
.div_sec8 .hcontent_area > div ul.h_date li span.box_pos .box_cont a{display:block; padding-left: 15px; text-indent: -15px; color: #aaa;}
.div_sec8 .hcontent_area > div ul.h_date li span.box_pos .box_cont a:hover{text-decoration:underline;     text-underline-position: under;}

.div_sec8 .hcontent_area > div ul.h_date li.active-right span.box_pos .arrow-l{position: absolute; top: 25px; left:-20px; width: 0px; height: 0px; border-bottom: 20px solid #262626; border-left: 20px solid transparent;}
.div_sec8 .hcontent_area > div ul.h_date li.active-right span.box_pos .arrow-r{position: absolute; top: 45px; left:-20px; width: 0px; height: 0px; border-top: 20px solid #262626; border-left: 20px solid transparent;}

.div_sec8 .hcontent_area > div ul.h_date li.active-left span.box_pos .arrow-l{position: absolute; top: 25px; right:-20px; width: 0px; height: 0px; border-bottom: 20px solid #262626; border-right: 20px solid transparent;}
.div_sec8 .hcontent_area > div ul.h_date li.active-left span.box_pos .arrow-r{position: absolute; top: 45px; right:-20px; width: 0px; height: 0px; border-top: 20px solid #262626; border-right: 20px solid transparent;}

.div_sec9{position: relative; padding-bottom:104px; width:100%; overflow:hidden; background:url('/webPub/sc_2018/sign4birth/images/area09_bg.jpg')no-repeat; background-size: 1920px 786px; background-position: top;}
.div_sec9 .a9_txt01{margin: 0 auto; padding-top: 130px; display: block; text-align: center;}
.div_sec9 .a9_txt01 img{display:inline-block;}

.div_sec9 .a9_txt02{margin: 0 auto; padding-top:15px; width: 669px; display: block; text-align: center;}
.div_sec9 .a9_txt02 .cover_a9t2{display:block; overflow:hidden; width:0; transition: .7s .5s;}
.div_sec9 .a9_txt02.aos-animate .cover_a9t2{width:669px;}
.div_sec9 .a9_txt02 img{display:inline-block;}

.s9box_area{margin:60px auto 0; width:1300px;}
.s9box_area .toggle_wrap{margin:10px auto 0; width:1050px;}

.s9box_area .s9box-toggle { margin-top: -2px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2);}
.s9box_area .s9box-toggle button{overflow: visible; position: relative; padding: 0 25px; width: 100%; height: 90px; background: #fff; cursor: pointer;}
.s9box_area .s9box-toggle button:after{content: ''; position: absolute; top: 0; right: 25px; bottom: 0; margin: auto; width: 25px; height: 22px;}
.s9box_area .s9box-toggle button[aria-pressed="false"]:after { background: url('/webPub/sc_2018/sign4birth/images/area09_down.png'); }
.s9box_area .s9box-toggle button[aria-pressed="true"]:after { background: url('/webPub/sc_2018/sign4birth/images/area09_up.png'); }
.s9box_area .s9box-toggle button img{display:block !important;}
.s9box_area .s9box-toggle button span{display: block; padding: 33px 0 0 64px; height: 89px; border-bottom: 1px solid #eee;}

.s9box_area .s9box-contents{overflow: hidden; margin-bottom:20px; width:100%; height: 0px; text-align: left; background: #fff; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2); transition:0.5s;}
.s9box_area .s9box-contents.pt01.s9box-on{height: 230px;}
.s9box_area .s9box-contents p{padding: 25px 50px 25px 88px; font-size: 17px; color: #333333; font-weight: bold; line-height: 30px; word-break: keep-all; }
.s9box_area .s9box-contents p span.br-span{display:block; height:15px;}



.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;
}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}

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

/*¼­¸íÇϱâ*/
.petition-sign-div{margin:100px auto 90px auto;;}
.petition-sign-div h2{ margin-bottom: 50px; font-family: 'SavetheChildren'; font-weight: bold; font-size:30px; color:#333333; 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:63px; width:300px; height:100px; font-family: 'NanumSquare', "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; font-size:30px; 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: 365px;
}

.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:bold; color: #333; line-height:30px; text-align: center; }
.popupComp_middle p.ca02 {font-size: 17px; font-weight:normal; 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;
	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;
}