* { padding:0; margin:0; color:#000; font-family: Arial,NanumGothic; }
li { list-style:none!important; }
a:hover { text-decoration: none; }
body { margin:0 auto; }
header { z-index: 9999; background:rgba(250, 250, 250, .7); position: fixed; top:0; width:100%; left:0; }
header .container { padding: 0px 70px 0 110px; }
.navbar-default .navbar-nav>li>a { color: #000; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { color: #000; background-color: transparent; }
.navbar-brand { padding: 10px 15px; }
.navbar-default { margin:0; border:none; background: transparent; }
#bs-example-navbar-collapse-1 .navbar-right li { margin: 0 5px; margin-top: 10px; }
#bs-example-navbar-collapse-1 .navbar-right a { padding: 5px 0; font-size: 12px; width: 80px; text-align: center; color: #fff; background: #1ABC9C; border-radius:7px; }
.how { background: #FFF9EA; text-align: center; padding: 100px 0; }
.how h3 { font-size: 34px; font-weight: bold; margin:0; margin-bottom:100px; }
.how .row h3 { font-size:36px; font-weight: normal; margin:36px 0 10px; color: #000; }
.how .row { width:75%; margin:0 auto; }
.how .row p { margin:0; font-size:18px; color: #000; }
.still { background: url(/img/img01.jpg) no-repeat 100% 100%; padding-top:60px; min-height: 1700px; background-size: cover; }
.still h2 { margin:0; color: #000; font-size:56px; text-align: center; font-weight: normal; }
.still .row { background: rgba(250, 250, 250, .7); padding:30px 0; border-radius: 5px; margin:0 auto; text-align: center; }
.still .row .col-md-4 { text-align: center; margin:0 auto; }
.still .row .col-md-4>div { width:100%; display: inline-block; text-align: left; margin-bottom: 20px; }
.still .row .col-md-4>div div { height:121px; }
.still .row .col-md-4 img { margin-bottom: 10px; }
.still .row .col-md-4 p { color: #000; margin:1px 0 0; font-size: 26px; }
.still .row .col-md-4 button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(250, 250, 250, .7); color: #000; padding: 34px 50px 30px; border-radius: 5px; }
.ask { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:rgba(250, 250, 250, .7); color: #000; padding:30px 50px; border-radius: 5px; }
.ask h2 { text-align: center; font-size: 50px; margin-bottom: 36px; margin-top: 0; }
.ask p { font-size: 31px; margin:0; }
.ask a { display: block; text-align: center; line-height: 41px; background: #FF8524; padding: 7px 40px; border: none; height: 55px; width: 193px; outline: none; cursor: pointer; color: #fff; display: block; margin: 0 auto; font-size: 30px; margin-top: 20px; border-radius: 5px; }
.still .row .col-md-4>div img { width:100%; }
/******************************/
.img_bg { padding: 100px 0; background:url("/img/img_bg.jpg"); background-size:cover; }
.form-horizontal { display: block; margin:0 auto; background: rgba(250, 250, 250, .8); padding: 20px 40px; border-radius:5px; }
.form-group .col-sm-9 { position: relative; }
.form-horizontal h2 { margin-bottom:30px; font-size:34px; }
.control-label { font-size: 20px; }
select,
.form-control { display: block; width: 100%; height:48px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #FFC8AC !important; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;;
}
.uploadFile { position: absolute; top: 0; height:48px; width: 95%; opacity: 0; }
.form-group .btn-default { height: 50px; font-size: 24px; width: 100%; color: #fff; background: #FF8524; border:1px solid #FF8524; }
.button { display: block; width:100%; background: #34A7E8; text-align: center; color: #ffffff; padding:8px 0; border-radius: 5px; cursor: pointer; margin-top: 20px; font-size: 23px; }
.banquan { text-align: center; margin:20px auto; font-size:20px; }
.form-horizontal p { margin-top:40px; font-size:21px; }
.still .bottom_img { display:none; }
.no_result { font-size:23px; font-weight:bold; color:#666; margin:20px 0; }

.size01 { font-size:15px!important; }
.size02 { font-size:18px!important; }
.size03 { font-size:21px!important; }
.size04 { font-size:24px!important; }
.size05 { font-size:27px!important; }
.size06 { font-size:30px!important; }
.size07 { font-size:33px!important; }
.size08 { font-size:36px!important; }
.size09 { font-size:39px!important; }
.size10 { font-size:42px!important; }
.size11 { font-size:45px!important; }
.size12 { font-size:48px!important; }
.size13 { font-size:51px!important; }
.size14 { font-size:54px!important; }
.size15 { font-size:57px!important; }
.size16 { font-size:60px!important; }
.size17 { font-size:63px!important; }
.size18 { font-size:66px!important; }
.size19 { font-size:69px!important; }
.size20 { font-size:72px!important; }



 @media (min-width: 768px) {
	.still .row .col-md-4>div {
	 width:auto;
	}

	.movie_p {
	 display: block;
	 
	}

	.movie_m {
	 display: none;
	}
}
.m_btn { display: none; }
.m_user { display: none; }
@media (max-width:768px) {
	 .m_btn {
	 display: block;
	}

	 .m_user {
	 display: block;
	}
	
	 .container {
	 padding:0 15px !important;
	}
	 .ask h2 {
	 margin: 20px 0;
	 font-size: 45px;
	}
	 .ask p {
	 font-size: 27px;
	 margin: 0;
	}
	 .ask a {
	 margin: 20px auto;
	 padding: 4px 30px;
	 line-height: normal;
	 height: auto;
	}
	 .how {
	 padding: 50px 0;
	}
	 .how h3 {
	 margin-bottom:50px;
	 font-size: 28px;
	}
	 .still h2 {
	 font-size:44px;
	}
	 .still .row .col-md-4 p {
	 font-size: 23px;
	}
	 .ask {
	 top: 52%;
	 padding: 5px 15px;
	 width: 290px;
	 text-align:center;
	}
	 .img_bg .container {
	/*padding:0 30px !important;*/
		}
	 .form-horizontal h2 {
	 margin-bottom: 30px;
	 font-size: 24px;
	}
	 .form-group .col-sm-9 {
	 padding-right: 15px;
	}
	 .still .bottom_img {
	 margin-top:-150px;
	 display:block;
	}
	 .still .bottom_img img {
	 width:100%;
	}
	 .still {
	 background: url(/img/img01_m_top.jpg) no-repeat left top #eef3f7;
	 padding-top:160px;
	 min-height: 1100px;
	 background-size: 100% auto;
	}
	 .banquan span {
	 display:block;
	}
	 .banner02 {
	 background:url(/img/birthday_bottom01.jpg) no-repeat center bottom #8b9281!important;
	 background-size: 100% auto !important;
	 height:900px!important;
	}


	.movie_p {
	 display: none;
	 width:100%;
	}
/*
	 .movie_m {
	 display: block;
	}
*/
}
.form { padding: 15px; width: 386px; float: none; }
.form h2 { font-size: 26px; font-weight: 600; text-align: center; padding: 0 30px; line-height: 35px; }
.banner03 { background: url(/img/banner03.jpg) repeat-x center top; height: 900px; padding-top: 220px; }
.banner06 { background: url(/img/main03_02.jpg) repeat-x center top; height: 850px; padding-top: 130px; }
.banner06 h1 { text-align: center; font-weight: 500; border: 10px solid #fff; padding: 30px 0; margin:85px 0 40px 0; }
.banner06 h1 a { font-size: 50px; color: #fff; }
.banner06 p { font-size:28px; color: #fff; text-align: center; padding:0; line-height:40px; }
.banner07 { background: url(/img/main03_03.jpg) repeat-x center top; height: 850px; padding-top: 130px; }
.noPadding div { padding-left: 5px; padding-right: 5px; }
.banner02 { background: url(/img/banner02.jpg) no-repeat center 100%; background-size: cover; height: 1140px; }
.banner02 h1 { text-align: center; font-weight: 500; border: 10px solid #fff; padding: 30px 0; margin:85px 0 40px 0; }
.banner02 h1 a { font-size: 50px; color: #fff; }
.banner02 p { font-size:28px; color: #fff; text-align: center; padding:0; line-height:40px; }



.email {
 height:160px;
 text-align: center;
 background: #66ccf2;
 line-height:160px;
}
.email .input01 {
 width:354px;
 height:52px;
 padding:0 18px;

 margin:0 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border: none;
 font-size:20px;
}
.email .btn {
 width:200px;
 height:52px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #ff683c;
 color: #fff;
 border: none;
 margin:0;
 margin-top:-6px;
 font-size:20px;

}


@media (min-width: 768px) {
 .container {
 width: 750px;
}
}
@media (min-width: 992px) {
		 .container {
		 /*width: 970px;*/
		 width: 1170px;
		}
		 .banner02 .container {
		 padding: 0px;
		}
		 .banner02 p {
		 padding:0 50px;
		}
		 .form {
		 float: left;
		}
		 .banner03 .container {
		 text-align: center;
		 padding: 0px 70px 0 110px !important;
		}


	 .email input {
	  width:22%!important;
	 }
	 .email btn {
	  width:22%!important;
	 }


	 .recomm input {
	  width:42%!important;
	 }
	 .recomm btn {
	  width:22%!important;
	 }
}
@media (min-width: 1200px) {
 .container {
 width: 1210px;
	}

	
 .email input {
  width:22%!important;
 }
 .recomm input {
  width:32%!important;
 }
}
@media (max-width: 768px) {
 .form {
 width:auto;
}
 .noPadding div {
 margin-bottom: 15px;
}
 .noPadding {
 margin-bottom: 0 !important;
}
 .banner03 {
 height:auto;
 padding-top: 100px;
}
 .form h2 {
 font-size:24px;
 padding:0;
}
 .banner02 h1 a {
 font-size: 33px;
}
 .banner02 p {
 font-size: 20px;
}
 .top_wrap {
 height:600px;
 background:url(/img/banner.jpg) no-repeat center top;
}
 .top_wrap img {
 display:none!important;
}
}
@media (max-width:500px) {
 .banner03 {
 background-position-x: -600px;
}
}
.m_btn { position: absolute; right:0px; top:3px; }
.m_menu { position: absolute; right:-15px; top:50px; width:200px; background: #eee; display: none; opacity:0.8; }
.m_menu li { text-align: right; padding-right:15px; }
.m_menu li a { display: block; padding:5px 5px 10px 0; font-size:18px; color:#333; }


/* style new */
.main01 { background:url(/img/bg_main_big01.jpg) repeat-x center top; height:800px; background-size:cover; padding-top:50px; }
.main01_top { height:81px; background:url(/img/bg_top.png) repeat-x left top; text-align:center;
 padding-top:20px;  }


.main01_top span {
 display: inline-block;
 background: url(/img/main_top01.png) no-repeat left top;
 height:41px;
 line-height: 41px;
 color: #fff;
 padding-left: 50px;
 font-size: 30px;
}



.main01 .txt01 { font-size:47px; line-height:120%; width:992px; margin:50px auto 25px auto; }
.main01 .txt02 { font-size:42px; line-height:120%; width:992px; margin:50px auto 25px auto; }
.main01 .txt03 { font-size:37px; line-height:120%; width:992px; margin:50px auto 25px auto; }
.main01 .txt04 { font-size:36px; line-height:120%; width:992px; margin:50px auto 25px auto; }
.main01 .txt05 { font-size:25px; line-height:120%; width:992px; margin:50px auto 25px auto; }
.donate01 { width:992px; overflow:hidden; margin:0 auto; height:507px; background:url(/img/bg_donate.png) repeat; border-radius:25px; padding:25px; }
.donate01 .left { float:left; width:570px; height:100%; position:relative; }
.donate01 .left .per_wrap { position:absolute; left:0; bottom:0; width:100%; height:40px; background:#d1f2eb; overflow:hidden; border-radius:0 0 25px 25px;margin-bottom: 20px; }
.donate01 .left .per_wrap .per { position:absolute; left:0; top:0; height:100%; background:#1abc9c; }
.donate01 .left .per_wrap span { position:absolute; right:10px; top:3px; color:#1abc9c!important; font-weight:bold; font-size:25px; }
.donate01 .left img { border-radius:30px; width:100%; height:460px;    padding-bottom: 40px; }
.donate01 .right { float:right; width:325px; }
.donate01 .right .tab { overflow:hidden; }
.donate01 .right .tab li {
 float: left;
 width:156px;
 height:41px;
 line-height:41px;
 font-size:16px;
 border:1px solid #ff8524;
 border-radius:6px;
 margin-right:10px;
 text-align: center;
 cursor: pointer;
}
.donate01 .right .tab li.end {
 margin:0;
}
.donate01 .right .tab li.on {
 background: #FF8524;
 color: #fff;
}




.donate01 .right .tab02 { overflow:hidden; }
.donate01 .right .tab02 li {
 float: left;
 width:156px;
 height:41px;
 line-height:41px;
 font-size:16px;
 border:1px solid #ff8524;
 border-radius:6px;
 margin-right:10px;
 text-align: center;
 cursor: pointer;
}
.donate01 .right .tab02 li.end {
 margin:0;
}
.donate01 .right .tab02 li.on {
 background: #FF8524;
 color: #fff;
}



.donate01 .right p {
 font-size:30px;
 line-height:120%;
 text-align: center;
}
.donate01 .right .input01 {
 width:240px;
 height:69px;
 line-height:69px;
 border:1px solid #fbc3a5;
 
 padding-left: 10px;
 color: #ff8524;
 font-size:45px;

}
.donate01 .right .main_input_wrap {
	height:100%; overflow:hidden;
}
.donate01 .right .main_input_wrap select {
	float:left;
 width:80px;
 height:69px;
 line-height:69px;
 border:none;
text-align:center;
 font-size:29px;
 margin-right:0!important;
 border:1px solid #fbc3a5!important;
 border-right:none!important;
 border-radius:10px 0 0 10px;

}
.donate01 .right .main_input_wrap input {
	float:left;	
	border-left:none!important;
	border-radius:0 10px 10px 0;
}

.donate01 .right .select_wrap{
 overflow: hidden;
 height:100%;
 margin-top:20px;
 margin-bottom:25px;
}

.donate01 .right select {
 width:108px;
 height:38px;
 float: left;
 margin-right:10px;
}
.donate01 .right .select_wrap span {
 float: left;
 font-size:25px;
}

.btn02 {
 width:100%;
 height:54px;
 line-height:54px;
 display: block;
 text-align: center;
 font-size: 25px;
 background: #e35061;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 color: #fff;
 margin-top:10px;
}
.btn02.green {
 background: #87d37c;
}
.btn02.green2 {
 background: #87d37c;
 font-size: 20px;
}

.btn02.orange2 {
 font-size: 20px;
}


.btn01 {
 width:100%;
 height:54px;
 line-height:54px;
 display: block;
 text-align: center;
 font-size: 25px;
 background: #f4b350;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 color: #fff;
 margin-top:10px;
}
.btn01.green {
 background: #87d37c;
}
.btn01.green2 {
 background: #87d37c;
 font-size: 20px;
}

.btn01.orange2 {
 font-size: 20px;
}
.main_info {
 background: #1abc9c;
 text-align: center;
 height:80px;
 line-height: 80px;
}
.main_info span {
 display: inline-block;
 height:36px;
 line-height: 36px;
 color: #fff;
 font-size:26px;
 padding-left: 42px;
 margin:20px 45px 0 45px;
}
.main_info .info01{
 background: url(/img/ico_info01.gif) no-repeat left top;
}
.main_info .info02{
 background: url(/img/ico_info02.gif) no-repeat left top;
 padding-left: 70px;
}
.main_info .info03{
 background: url(/img/ico_info03.gif) no-repeat left top;
}
.main02 {
 width:741px;
 margin:0 auto;
}
.main02 .list01 {
 overflow: hidden;
 height:100%;
 margin-top:60px;
}

.main02 .list01 li {
 width:355px;
 height: 84px;
 float: left;
 text-align: center;
 border:1px solid #87d37c;
 -webkit-border-radius: 37px;
 -moz-border-radius: 37px;
 border-radius: 37px;
 font-size:21px;
 padding-top:10px;
 text-align:flex;
 margin:23px 5px 0 5px;
}
.h3_wrap {
 text-align: center;
}
h3.h301 {
 font-size:35px;
 border-bottom:1px solid #000;
 display: inline-block;
 padding-bottom:5px;
 margin-top:30px;
}
.main02 p {
 font-size:25px;
 margin-top:45px;
}
.btn_facebook {
 margin-top:50px;
 display: block;
 margin-bottom:60px;
}
.btn_kakao {
 margin-bottom:50px;
 display:block;
}
.btn_kakao { display:none; }
.main03 {
 text-align: center;
}
.main03.b01 {
 background: url(/img/main03_01.jpg) repeat-x center top;

 height:1177px;
}
.main03 h3 {
 font-size:52px;
 padding-top:120px;
 margin:0;
}
.main03 p {
 font-size: 36px;
 margin-top:25px;
}

.main03.b02 {
 background: url(/img/main03_02.jpg) repeat-x center top;
 height:1089px;
}
.main03.b03 {
 background: url(/img/main03_03.jpg) repeat-x center top;
 height:1087px;
}
.main03.b04 {
 background: url(/img/main03_04.jpg) repeat-x center top;
 height:1295px;
}


.main04 {
 background: url(/img/main04.jpg) repeat-x center bottom #f3efe6;
 height:1285px;
}
.main04 ul {
 width:834px;
 margin:0 auto;
 padding-top:60px;
}
.main04 ul li {
 width:246px;
 height: 360px;
 -webkit-border-radius: 13px;
 -moz-border-radius: 13px;
 border-radius: 13px;
 overflow: hidden;
 float: left;
 position: relative;
 margin:28px 16px 0 16px;
}

.main04 ul li.bg01 {
 background: #1fc894;
}
.main04 ul li.bg01 a {
 background: #00a861;
}

.main04 ul li.bg02 {
 background: #ffc82e;
}
.main04 ul li.bg02 a {
 background: #d39500;
}

.main04 ul li.bg03 {
 background: #e8643d;
}
.main04 ul li.bg03 a {
 background: #be3e1e;
}

.main04 ul li.bg04 {
 background: #17a9e3;
}
.main04 ul li.bg04 a {
 background: #007ebc;
}

.main04 ul li.bg05 {
 background: #8f79c8;
}
.main04 ul li.bg05 a {
 background: #7854ac;
}

.main04 ul li.bg06 {
 background: #2b71b6;
}
.main04 ul li.bg06 a {
 background: #184c8e;
}


.main04 ul li img {
 width:100%;
}
.main04 ul li p {
 padding:16px;
 color: #fff;
 font-weight:bold;
 font-size:20px;
 line-height: 120%;
}
.main04 ul li a {
 position: absolute;
 bottom:15px;
 left:15px;
 display: block;
 width:208px;
 height:40px;
 line-height: 40px;
 text-align: center;
 color: #fff;
 font-size:17px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.nobg {
 background: none!important;
}
.adopt {
 width:888px;
 margin:0 auto;
 height:380px;
 margin-top:140px;
}
.adopt .left .left_con {
 float: left;
 width:377px;
 background: #fff;
 height:378px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
}
.adopt .left h3 {
 text-align: center;
 padding:0px 0 15px 0;
}
.adopt .left .input01 {
 width:355px;
 height: 52px;
 line-height:52px;
 margin:0 auto;
 display: block;
 border:1px solid #c8e9c3;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin-bottom:4px;
 color: #000;
 font-size:18px;
 padding-left:14px;
}
.adopt .left .btn {
 height:66px;
 width:355px;
 line-height:56px;
 color: #fff;
 font-size:23px;
 margin:0 auto;
 display: block;
 background: #87d37c;
 margin-top:37px;
}

.adopt .right {
 float: right;
 width:470px;
}
.adopt .right h3 {
 font-size:40px;
}
.adopt .right p {
 font-size:21px;
}






.donate {
 width:888px;
 margin:0 auto;
 height:100%;
 margin-top:60px;
 
}
.donate .left {
 float: left;
 width:377px;

 height:100%;

}
.donate .left .tab {
 overflow: hidden;

 width:377px;
}
.donate .left ul {
 overflow: hidden;

 width:100%;
 margin-bottom:15px;
}
.donate .left ul li {
 width:182px;
 height:39px;
 line-height: 39px;
 float: left;
 margin-right:12px;
 border:2px solid #ff8524;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;

}
.donate .left ul li a {
 display: block;
 text-align: center;
 color: #000;
 font-size:18px;
}
.donate .left ul li.on a {
 background: #ff8524;
 color: #fff;
}
.donate .left ul li.end {
 margin-right: 0;

}
.donate .left .left_con {
 background:#fff;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 padding-bottom:20px;
}
.donate .left .left_con h3 {
 height:80px;
 line-height:80px;
 text-align: center;
 font-size:40px;
 color: #ff8524;

}

.donate .left .left_con .input01 {
 width:353px;
 height:51px;
 line-height: 51px;
 display: block;
 margin:0 auto;
 border:1px solid #ff8524;
 margin-bottom:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding-left:18px;
 font-size:20px;
}
.donate .left .left_con .input02 {
 width:243px;
 height:51px;
 line-height: 51px;
 display: block;
 margin:0 auto;
 border:1px solid #ff8524;
 margin-bottom:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding-left:18px;
 font-size:20px;
}

.donate .left .left_con img {
 margin-left: 12px;
 margin-bottom:5px;
}
.donate .left .left_con select {
 width:353px;
 height:51px;
 line-height: 51px;
 display: block;
 margin:0 auto;
 border:1px solid #ff8524!important;
 margin-bottom:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding-left:18px;
 font-size:20px;
}
.donate .left .left_con .select_wrap {
 overflow: hidden;
}
.donate .left .left_con select.short {
 width:174px;
 float: left;
 margin-left:12px;
}
.donate .left .left_con select.end {
 margin-left:5px;
}

.donate .left .left_con .btn {
 height:66px;
 width:355px;
 line-height:46px;
 color: #fff;
 font-size:23px;
 margin:0 auto;
 display: block;
 background: #ff8524;
 margin-top:32px;


}


.donate .right {
 float: right;
 width:470px;
}
.donate .right h3 {
 font-size:36px;
 letter-spacing: -2px;
 margin-top:0px;
}
.donate .right p {
 font-size:21px;
}


.seed {
 width:888px;
 margin:0 auto;
 height:380px;
 margin-top:90px;
}
.seed .left {
 float: left;
 width:377px;

 height:378px;

}
.seed .left .left_con {
 background:#fff;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 padding-bottom:20px;
 padding-top:25px;
}

.seed .left .left_con ul {
 overflow: hidden;
}
.seed .left .left_con ul li {
 width:105px;
 height:135px;
 float: left;
 border:1px solid #d9d9d9;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 text-align: center;
 margin-left:16px;
 padding:15px 0 0 0;
 font-size:22px;
}
.seed .left .left_con ul li span strong {
 display:block;
}
.seed .left .left_con ul li input {
 display: block;
 width:19px;
 height:19px;
 margin:0 auto 15px auto;
}

.seed .left .left_con .btn {
 height:66px;
 width:355px;
 line-height:46px;
 color: #fff;
 font-size:23px;
 margin:0 auto;
 display: block;
 background: #1abc9c;
 margin-top:37px;
}

.seed .left .left_con a.btn {
 background: #b5b5b5;
 margin-top:10px;
}


.seed .right {
 float: right;
 width:470px;
}
.seed .right h3 {
 font-size:36px;
 letter-spacing: -2px;
 margin-top:20px;
}
.seed .right p {
 font-size:21px;
}

.main01.bg01 {
 background:url(/img/bg_donate01.jpg) repeat-x center top;
 height:900px;
 background-size:cover;
 padding-top:50px;
}

.hiw {
 height:1100px;
 background:url(/img/bg_hiw.jpg) repeat-x center top;


}
.hiw h3 {
 font-size: 75px;
 text-align: center;
 margin:0;
 padding:153px 0 40px 0;
}
.hiw span {
 display: block;
 text-align: center;
}

.project {
 background: #f7f7f7;
 padding-top:75px;
 padding-bottom:80px;
}
.project h3 {
 font-size:40px;
 font-weight:bold;
 text-align: center;
 margin-bottom:35px;
}
.project .search_wrap {
 width:930px;
 margin:0 auto;
 overflow: hidden;
 padding-bottom:80px;
}
.project .search_wrap .input01 {
 float: left;
 width:721px;
 height:52px;
 padding-left:17px;
 border: none;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 font-size:18px;
 font-weight:bold;
}
.project .search_wrap .btn_search {
 width:200px;
 height:52px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 background: #ff683c;
 border:none;
 color: #fff;
 font-size:18px;
 margin-left:6px;

}
.project ul {
 width:956px;
 margin:0 auto;
 overflow: hidden;
}
.project ul li {
 width:293px;
 height:440px;
 overflow: hidden;
 -webkit-border-radius: 13px;
 -moz-border-radius: 13px;
 border-radius: 13px;
 background: #fff;
 border:1px solid #d9d9d9;
 margin:0 12px 35px 12px;
 float: left;
}
.project ul li img {
 width:100%;
 height:216px;
}
.project ul li span {
 display: block;
}
.project ul li span.tit {
 margin:15px 0;
 padding:0 15px;
 font-weight:bold;
 font-size:17px;
}
.project ul li span.per_wrap {
 width:264px;
 margin:0 auto;
 height:15px;
 background: #d1d1d1;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
 overflow: hidden;
}
.project ul li span.per {
 height:15px;
 background: #00a1e9;
}
.project ul li span.info_wrap {
 overflow: hidden;
 padding:0 15px;
 margin-top:15px;
}
.project ul li span.info_wrap .left {
 float: left;
}
.project ul li span.info_wrap .right {
 float: right;
}
.project ul li .btn_wrap {
 text-align: center;
 padding-top:18px;
}

.project ul li a.bottom {
 text-align: center;

 font-weight:bold;
 font-size:19px;
 color: #000;
 border-bottom:1px solid #000;
 display: inline-block;
}

.donate.s02 .left .left_con h3 {
 font-size:29px;
}


.donate.s02 .left .input01 {
 width: 355px;
 height: 69px;
 line-height: 69px;
 background: url(/img/bg_donate_input.gif) no-repeat left top;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
 border: none;
 padding-left: 50px;
 color: #ff8524;
 font-size: 45px;
 margin-top:-10px;
}
.donate.s02 .left p {
 text-align: center;
 font-size:20px;
 margin:15px 0 -15px 0;
}
.main01.s03 {
 height:1380px;
}
.donate.s03 .left .input01.s03 {
 width:210px;
 margin:0 0 5px 12px;
}
.donate.s03 .left .num_wrap {
 overflow: hidden;
}
.donate.s03 .left .num_wrap input {
 float: left;
}
.donate.s03 .left .num_wrap span {
 display: block;
 float: left;

}

.donate.s03 .left textarea {
 width: 353px;
 height: 100px;
 padding-top:12px;
 display: block;
 margin: 0 auto;
 border: 1px solid #ff8524;
 margin-bottom: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding-left: 18px;
 font-size: 20px;
}
.donate.s03 .left textarea.sign {
 height:215px;
}
.donate.s03 .left .agree {
 padding:0 12px;
}
.donate.s03 .left .agree label {
 font-weight:normal;
}
.donate.s03 .left .sign_bottom {
 overflow: hidden;
 padding:5px 12px;
}
.donate.s03 .left .sign_bottom .s_left {
 float: left;
 font-size: 20px;
}
.donate.s03 .left .sign_bottom .s_right {
 float: right;
 display: block;
 width:68px;
 height:25px;
 line-height:25px;
 color: #fff;
 background: #cccccc;
 text-align: center;
 font-size:16px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
}

.check_wrap {
 overflow: hidden;
 padding:0 12px;
 margin-top:12px;
}
.check_wrap .c_left{
 float: left;
}
.check_wrap .c_right{
 float: right;
 font-size:25px;
}
.check_wrap .c_right label {
 font-weight:normal;
}

.thanks {
 background: url(/img/bg_thanks.jpg) repeat-x center top;
 height:885px;
}
.thanks h3 {
 font-size:90px;
 color: #fff;
 text-align: center;
 margin:0;
 padding-top:103px;
}

.thanks p {
 font-size:30px;
 color: #fff;
 text-align: center;
 line-height: 120%;
 margin-top:20px;

}

.learn {
 padding:124px 0;
}
.learn ul {
 text-align: center;
 width:941px;
 margin:0 auto;
 overflow: hidden;
}
.learn ul li {

 width:33%;
 padding-top:115px;
 height:310px;
 float: left;
 position: relative;

}

.learn ul li h3 {
 font-size:27px;
}
.learn ul li p {
 font-size: 18px;
}

.learn ul li a {
 font-size:18px;
 color: #000;
 display: inline-block;
 text-align: center;
 border:1px solid #ff8524;
 padding:5px 45px;
 position: absolute;
 bottom:0;
 left:60px;

}

.learn ul li.l01 {
 background: url(/img/ico_thanks01.gif) no-repeat center top;
}
.learn ul li.l02 {
 background: url(/img/ico_thanks02.gif) no-repeat center top;
}
.learn ul li.l03 {
 background: url(/img/ico_thanks03.gif) no-repeat center top;
}

.p_right {
	font-size:21px;
	padding-left:420px;
	margin-top:-10px;
}
.p_right h3 {
	font-size:36px;	
}
.pay_wrap01 { overflow:hidden; }
.pay_wrap01 select { float:left!important; width:100px!important; font-size:30px!important; height:69px!important; margin:0 0 0 20px!important; }
.pay_wrap01 input { float:left!important; width:230px!important; margin:0 0 0 10px!important; background:none!important; border: 1px solid #ff8524!important; padding:0 0 0 20px!important; }

.sign_tit { display:block; font-size:20px; padding:0 20px; margin-top:20px; }
.description { text-align:center; padding-right:20px; font-size:16px; }

li.s01 { width:377px!important; }



@media screen and (max-width: 800px) {
	.p_right {
	
	padding-left:0;
	
	}
 .main01 {
  width:100%;
  overflow: hidden;
  padding-top:0;
  padding-bottom:50px;
 }
 .main01.bg01 {
  padding-top:0;
 }
 .donate {
  width:100%;
  height:100%;
 }
 .main01 .donate .left {
  width:100%;
  float: none;
 }
 .main01 .donate .right {
  width:90%;
  float: none;
  margin:0 auto;
 }
 .donate .left .left_con {
  width:95%;
  margin:0 auto;
 }
 .donate .left .tab {
  width:100%;
 }
 .donate .left .tab li {
  float: none;
  width:90%;
  margin:0 auto 5px auto!important;
 }


 .donate .left .tab01 {
  width:100%;
 }
 .donate .left .tab01 li {
  float: none;
  width:90%;
  margin:0 auto 5px auto!important;
 }

 .main01.bg01,
 .donate .left,
 .donate .left .left_con {
  height:fit-content;
 }
 .hiw img {
  width:80%;
 }
 .donate .left .left_con select.short,
 .donate .left .left_con .input01
 {
  float: none;
  width:90%;
  margin:0 auto 5px auto!important;
 }
 .donate .left .left_con .input02
 {
  float: none;
  width:90%;
  margin:0 auto 5px auto!important;
 }
 .donate .left .left_con img {
  margin-left:5%;

 }
 .donate .right {
  width:90%;
 }
 .donate .right h3 {
  font-size:28px;
  text-align: center;
  letter-spacing:0;
  padding-top:20px;
 }
 .donate .right p {
  width:100%;
  text-align: center;
 }
 .hiw {
  height:100%;
  padding-bottom:50px;
  background: url(/img/bg_hiw_m.jpg) repeat-x center bottom;
  height:800px;
 }
 .hiw h3 {
  font-size:40px;
  padding-top:30px;
 }
 .project {
  padding-top:30px;
 }
 .project .search_wrap {
  width:90%;
  margin:0 auto;
 }
 .project .search_wrap .input01 {
  float: none;
  width:100%!important;
 }
 .project .search_wrap .btn_search {
  float: none;
  width:100%!important;
  margin-left:0;
  margin-top:5px;
 }
 .project ul {
  width:90%;
  margin:0 auto;
 }
 .project ul li {
  float: none;
  width:100%;
  height: 100%;
  padding-bottom:30px;
  margin:0 0 30px 0;
 }
 .project ul li img {
  width:100%;

 }
 .project ul li span.per_wrap {
  width:95%;
 }
 .donate.s03 .left .num_wrap {
  width:90%;
  margin:0 auto;
 }
 .check_wrap {
  width:90%;
  margin:10px auto 0 auto;
 }
 .check_wrap .c_left {
  width:50%;
 }
 .check_wrap .c_left img {
  width:80%;
 }
 .check_wrap .c_right {
  widthL50%;
 }
 .check_wrap .c_left label {
  display: block;
 }
 .seed {
  width:100%;
  height:100%;
 }
 .seed .left {
  float: none;
  height:100%;
  width:100%;
 }
 .seed .left h3 {
  width:100%;
  text-align: center;
 }
 .seed .left h3 img {
  width:90%;
 }
 .seed .right {
  float: none;
 }
 .seed .left .left_con {
  width:90%;
  margin:0 auto;
  height:70%;
 }
 .seed .left .left_con ul {
 text-align:center;
}
.seed .left .left_con ul li {
  float:none;
  display:inline-block;
 }
 .seed .left .left_con .btn {
  width:90%;
  margin:0 auto;
 }
 .main01 {
  height:100%;
 }
 .main01_top {
  margin-top:50px;
  width:100%;
 }


 .main01 .txt01 {
     width: 100%;
     font-size: 26px;
     text-align: center;
     padding-top: 10px;
     padding-left: 13px;
     padding-right: 13px;
 }
 .donate01 {
  height:100%;
  width:95%;
 }
 .donate01 .left {
  width:100%;
  float: none;
 }
 .donate01 .right {
  width:100%;
  float: none;
 }
 .donate01 .left img {
  border-radius:20px;
 }
 .donate01 .left .per_wrap {
  border-radius: 0 0 18px 18px;
 }
 .donate01 .right .tab li {
  float: none;
  width:100%;
  margin-top:10px!important;
 }

 .donate01 .right .input01 {
  margin:0 auto!important;
  display: block;
 }
 .donate01 .right p {
     font-size: 26px;
     line-height: 37px;
 }
 .donate01 .right .select_wrap {
  text-align: center;
 }
 .donate01 .right .select_wrap select {
  float: none;
  display: inline-block;
 }
 .donate01 .right .select_wrap span {
  float: none;
  display: inline-block;
 }
 .main_info {
  height:100%;
 }
 .main02 .list01 {
  width:90%;
  margin:0 auto;
 }
 .main02 .list01 li {
  width:97%;


 }
 .main02 {
  width:100%;
 }
 .btn_facebook {
  width:100%;
  text-align: center;
 }
 .btn_facebook img {
  width:90%;
 }
 .btn_kakao {
  width:100%;
  text-align: center;
 }
 .btn_kakao img {
  width:90%;
 }
 
 
 .main02 p {
    padding:0 20px;
     font-size: 21px;
     line-height: 30px;     
 }


 .main04 {
  height:100%;
  background: url(/img/main04_m.jpg) repeat-x center bottom #f3efe6;
  padding-bottom:350px;
  background-size:100%;
 }
 .email {
  height:100%;
  line-height: 100%;
  padding:10px 0 20px 0;
 }
 .email input {
  margin-top:10px!important;
  width:90%!important;
 }
 .main04 ul {
  width:100%;
  overflow: hidden;
 }
 .main04 ul li {
  float: none;
  width:90%;
  margin:20px auto 0 auto;
  display:block;
  height:auto;
  padding-bottom:60px;
 
 }
 .main04 ul li a {
  font-size:14px;
  width:90%;
  padding-left:5%;
 }
 .main03 p {
  font-size:26px;
 }
 .main03 h3 {
     font-size: 28px;
     padding-left: 10px;
     padding-right: 10px;
 }
 .adopt {
  width:100%;
  height:100%;
  margin-top:80px;
 }
 .adopt .left {
  width:100%;
  float: none;
 }
 .adopt .left .left_con {
  width:90%;
  margin:0 auto!important;
  float: none;
  padding-top: 5px;
 }
 .adopt .right {
  float: none;
  width:90%;
  margin:0 auto;
 }
 .adopt .right h3 {
  text-align: center;
 }
 .adopt .right p {
  text-align: center;
 }
 .donate .left .left_con .btn {
  width:90%;
 }
 .donate .left .left_con select {
  width:90%;
 }
 .seed {
	 margin-top:80px;}
 .seed .right {
  width:90%;
  margin:0 auto;
 }
 .seed .right h3 {
  text-align: center;
  width:100%!important;
  display: block;
 }
 .seed .right p {
  text-align: center;
 }
 .learn {
  width:100%;
  padding:30px 0;
 }
 .learn ul {
  width:100%;
 }
 .learn ul li {
  float: none;
  width:100%;
  text-align: center;
 }
 .learn ul li a {
  position: static;
 }
 .thanks h3 {
  font-size: 80px;
 }
 .donate.s03 .left textarea {
  width:90%;

 }
 .donate.s03 .left .sign_bottom {
  width:95%;
  margin:0 auto;
 }
 .donate.s03 .left .agree {
  width:95%;
  margin:0 auto;
 }
 
 /* img for mobile main */
 .main03.b01 { background: url(/img/main03_01_m.jpg) repeat-x center top; background-size:cover; }
 .main03.b02 { background: url(/img/main03_02_m.jpg) repeat-x center top; background-size:cover; }
 .main03.b03 { background: url(/img/main03_03_m.jpg) repeat-x center top; background-size:cover; }
 .main03.b04 { background: url(/img/main03_04_m.jpg) repeat-x center top; background-size:cover; }
 .thanks { background: url(/img/bg_thanks_m.jpg) repeat-x center top; background-size:cover; }
 
 .adopt .left .btn,
 .adopt .left .input01 { width:90%; }
 .donate { margin-top:80px; }
 .seed .left .left_con ul li { display:block; width:90%; height:auto; margin-top:10px; }
.seed .left .left_con ul li span strong {
 display:inline;
}

 .seed .left .left_con ul li input {
	float:left;
	margin:6px 10px 0 0;
}
 .seed .left .left_con ul li span {
	float:left;	 
}

.still .row .col-md-4 { width:80%; }
.btn_kakao { display:block; }
.btn_facebook {

 margin-bottom:10px;
}
h3.h301 { width:90%; padding:5px 5px; margin:40px auto 0 auto; word-wrap:break-word;     font-size: 28px;
    line-height: 38px; } 

.donate01 .right .main_input_wrap {
	height:100%; overflow:hidden;
	margin:20px 0 20px 0;
}
.donate01 .right .main_input_wrap select {
	float:left;
 width:30%;
 height:69px;
 line-height:69px;
 border:none;
text-align:center;
 font-size:25px;
 margin-right:0!important;
 border:1px solid #fbc3a5!important;
 border-right:none!important;
 border-radius:10px 0 0 10px;

}
.donate01 .right .main_input_wrap input {
	width:70%!important;
	float:left;	
	border-left:none!important;
	border-radius:0 10px 10px 0;
}


.pay_wrap01 { overflow:hidden; }
.pay_wrap01 select { float:left!important; width:30%!important; font-size:30px!important; height:69px!important; margin:0 10px 0 20px!important; }
.pay_wrap01 input { float:left!important; width:58%!important; margin:0 0 0 0!important; background:none!important; border: 1px solid #ff8524!important; }

li.s01 { width:95%!important; } 

.donate01 .left img { height:340px; }

.donate.s03 .left .input01.s03 { width:180px; font-size:18px; }


.main01_top span { font-size:20px; }

.once {
 display: none;
}

.card {
 display: none;
}
.visa {
 display: block;
}



.logoutbtn {
	background: #c2c2c2;

}