@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/NanumBarunGothic.eot');
    src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NanumBarunGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** bootstrap **/
.container {margin-right: auto;margin-left: auto;padding-left:15px;padding-right:15px;}
.row {margin-left: -15px;margin-right: -15px;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;position:relative;min-height: 1px;padding-left: 15px;padding-right: 15px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}

.heartbox .col-lg-1, .heartbox .col-lg-2, .heartbox .col-lg-3, .heartbox .col-lg-4, .heartbox .col-lg-5, .heartbox .col-lg-6, .heartbox .col-lg-7, .heartbox .col-lg-8, .heartbox .col-lg-9, .heartbox .col-lg-10, .heartbox .col-lg-11, .heartbox .col-lg-12 {width:100%;margin-bottom: 15px;}
/** E:bootstrap **/

.list_insta { padding-bottom: 50px; text-align: center; }
.list_insta a { display: block; float: left; width: 100%; }
.list_insta img { margin-bottom: 10px; }
.list_insta h3 { margin-bottom: 30px; }


/** layout **/
@media only screen and (min-width:320px) {	
	#foundbf_wrap {padding-top:52px}
}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
}

@media only screen and (min-width:1px) and (max-width:1079px) {
	.sec_top {margin-top:28px;}
	.foundbf_title {position:fixed; z-index:99; font-size:12px; font-weight:bold; background-color:#fd4d4d;width:100%;color:#ffffff; padding:4px;}
	.foundbf_title .mobile_out {display:none;}
	.foundbf_title .title_sub02 {position:absolute; right:10px;}
	.foundbf_project {margin-top:60px; text-align: center;}
	.text_red {color:#fe6060;}
	.big_num {font-weight: bold;}
	.campain_title {letter-spacing: -4px; color:#454545; font-size: 50px; font-weight: bold;line-height: 1;}
	.campain_period {color:#454545;font-size: 20px; margin-top:30px; line-height: 32px; letter-spacing: -1px;}
	.campain_purpose {color:#454545; font-size: 16px; margin-top:20px; font-weight: bold; line-height:30px;}
	.campain_purpose .text_red .text_circle {display:inline-block;background:url('../img/heartbox/icon_circle.png') center 2px no-repeat;background-size:2.5px}
	
	.sec_top .heartbox_img {background-image: url('../img/heartbox/heartbox_m_01.jpg'); background-repeat: no-repeat; background-size:360px 344px; height:344px; background-position: center; }
	
	.sec01_title {font-family:'nanum-square-b','malgun gothic',sans-serif; color:#454545; font-size: 22px; font-weight: bold;line-height:35px;}
	.sec01_content {color:#666666; font-size:15px; margin-top:20px; line-height:25px;}
	.sec_01 .heartbox_img {background-image: url('../img/heartbox/heartbox_m_02_1905.jpg'); background-repeat: no-repeat; background-size:360px 344px; height:344px; background-position: center; }
	
	.sec01_content > p {margin-bottom:20px;}
	
	.sec02_title {font-family:'nanum-square-b','malgun gothic',sans-serif; color:#454545; font-size: 22px; font-weight: bold;}
	.sec02_content {color:#666666; font-size:15px; margin-top:20px; line-height:25px;}
	.sec_02 .heartbox_img {background-image: url('../img/heartbox/heartbox_m_03_1905.jpg'); background-repeat: no-repeat; background-size:360px 344px; height:344px; background-position: center; }
	.sec02_content .sub_content > ul {list-style:disc;margin-left:20px;margin-bottom:10px;}
	.sec02_content .sub_content > ul > li {margin-bottom:20px;}
	
	.donate_txt .btn_area .txt {text-align:center;margin-bottom:20px;font-size:16px;font-family:'nanum-square-b','malgun gothic',sans-serif;color:#454545;line-height: 25px;word-break: keep-all}
	
	/* button */
	.btn_area {text-align: center}
	.btn_area .btn_join_heartbox {margin: 0 auto;display:block;padding:10px 0;line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:20px;font-weight: bold;color: #fff;text-align: center;max-width:320px;width:100%;background:#ff7a0e; line-height: 30px;letter-spacing: -1.5px;}
	.btn_area .btn_join_heartbox:hover, .btn_area .btn_join_foundbf:active {background:#d86100}
	.btn_area .btn_join_heartbox .info {display:block;font-size:18px;font-weight:normal}

	.sec_03 {margin-top:50px; margin-bottom:50px;}
	.sec_03 .row {margin-left:0px !important; margin-right: 0px !important;}
	
	.sec_top{padding:0px}
	.sec_top .container {padding:0px}
	.movie_heartbox .movie {padding:20px 0 40px;text-align:center;height:250px;}
	.movie_heartbox .movie > iframe {width:100%; height:100%}
	.movie_heartbox .sec_top .heartbox_img {display:none}
	.movie_heartbox .sec_top .campain_purpose {line-height:24px}
	.movie_heartbox .campain_purpose .text_red .text_circle {background:transparent}
	
	.sec_04 .container{margin: 0px;padding:0px;}
	.sec_04 .txt_area {margin: 0 auto;}
}


@media only screen and (min-width:1000px) {
	.sec_top {margin-top:60px;}
	.foundbf_title {position:absolute;z-index:100000; font-size:12px; font-weight:bold; background-color:#fd4d4d;width:100%;color:#ffffff; padding:10px;}
}

@media only screen and (min-width:1080px) {
	#foundbf_wrap {word-break: keep-all;}
	/* bootstrap */
	.heartbox .col-lg-12 {width: 100%}
	.heartbox .col-lg-11 {width: 91.66666667%}
	.heartbox .col-lg-10 {width: 83.33333333%}
	.heartbox .col-lg-9 {width: 75%}
	.heartbox .col-lg-8 {width: 66.66666667%}
	.heartbox .col-lg-7 {width: 58.33333333%}
	.heartbox .col-lg-6 {width: 50%}
	.heartbox .col-lg-5 {width: 41.66666667%}
	.heartbox .col-lg-4 {width: 33.33333333%}
	.heartbox .col-lg-3 {width: 25%}
	.heartbox .col-lg-2 {width: 16.66666667%}
	.heartbox .col-lg-1 {width: 8.33333333%}
	
	.heartbox .col-lg-offset-12 {margin-left: 100%}
	.heartbox .col-lg-offset-11 {margin-left: 91.66666667%}
	.heartbox .col-lg-offset-10 {margin-left: 83.33333333%}
	.heartbox .col-lg-offset-9 {margin-left: 75%}
	.heartbox .col-lg-offset-8 {margin-left: 66.66666667%}
	.heartbox .col-lg-offset-7 {margin-left: 58.33333333%}
	.heartbox .col-lg-offset-6 {margin-left: 50%}
	.heartbox .col-lg-offset-5 {margin-left: 41.66666667%}
	.heartbox .col-lg-offset-4 {margin-left: 33.33333333%}
	.heartbox .col-lg-offset-3 {margin-left: 25%}
	.heartbox .col-lg-offset-2 {margin-left: 16.66666667%}
	.heartbox .col-lg-offset-1 {margin-left: 8.33333333%}
	.heartbox .col-lg-offset-0 {margin-left: 0%}
	
	#heartbox_wrap {background-image: url('../img/heartbox/heartbox_bg_1905.jpg');background-repeat:no-repeat; background-position: center top;}
	.container {width:1080px;padding-left:0px !important; padding-right:0px !important;}
	.pc_out {display:none;}
	
	.foundbf_title {font-size:15px; font-weight:bold; background-color:#fd4d4d;width:100%;color:#ffffff; padding:17px;}
	.foundbf_title .title_sub02 {position:absolute; right:20px; margin-top:-12px; text-align: right;}
	.foundbf_project {margin-top:200px;}
	.text_red {color:#fe6060;}
	.bf_text {color:#ff8800;font-weight: bold;}
	.big_num {font-weight: bold;}
	.campain_title {letter-spacing: -8px; color:#454545; font-size: 100px; font-weight: bold;line-height: 1;}
	.campain_period {color:#454545;font-size: 37px; margin-top:85px; line-height: 58px; letter-spacing: -2px;}
	.campain_purpose {color:#454545; font-size: 28px; margin-top:50px; font-weight: bold; line-height:52px;}
	
	
	.campain_purpose .text_red .text_circle {display:inline-block;background:url('../img/heartbox/icon_circle.png') center 2px no-repeat}
	
	.sec_01 {margin-top:170px;margin-left: -50px;}
	.sec01_title {font-family:'nanum-square-b','malgun gothic',sans-serif; color:#454545; font-size:30px; font-weight: bold;line-height:1.6;}
	.sec01_content {color:#666666; font-size:17px; margin-top:40px; line-height:35px; max-width: 600px;word-break: keep-all}
	.sec01_content > p {margin-bottom:20px;}
	
	.sec_02 {margin-top: 200px;}
	.sec_02 .txt_area {margin-left:53%;}
	.sec02_title {font-family:'nanum-square-b','malgun gothic',sans-serif; color:#454545; font-size: 30px; font-weight: bold;}
	.sec02_content {color:#666666; font-size:17px; margin-top:40px; line-height:35px;}
	.sec02_content .sub_content > ul {list-style:disc;margin-left:20px;margin-bottom:10px;}
	.sec02_content .sub_content > ul > li {margin-bottom:20px;}

	.sec_03 {margin-top:70px; margin-bottom:150px;text-align: center;}
	
	.donate_txt .btn_area .txt {margin-bottom:20px;font-size:25px;font-family:'nanum-square-b','malgun gothic',sans-serif;color:#454545;line-height: 45px;}
	/* button */
	.btn_area {text-align: center}
	.btn_area .btn_join_heartbox {margin: 0 auto;display:block;padding:10px 0;line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:20px;font-weight: bold;color: #fff;text-align: center;max-width:320px;width:100%;background:#ff7a0e; line-height: 30px;letter-spacing: -1.5px;}
	.btn_area .btn_join_heartbox:hover, .btn_area .btn_join_foundbf:active {background:#d86100}
	.btn_area .btn_join_heartbox .info {display:block;font-size:18px;font-weight:normal}
	
	.sec_04 {margin-top:150px; margin-bottom:150px}
	.sec_04 .container {width:100%;max-width:1344px}
	/* list_insta .col-lg-4 > iframe { max-width:300px !important;margin: 0 auto !important;} */
	.list_insta {max-width: 1210px;width:100%;margin:0 auto}
	.list_insta .col-lg-4 > iframe .HeaderText {margin-left: 20px !important;}
	.sec_04 {margin-bottom:100px;}
	.gallery {z-index: 1999999;}
	
	#heartbox_wrap.movie_heartbox {background-position:center 80px}
	.movie_heartbox .sec_top {background:url('../img/heartbox/heartbox_bg_movie.jpg') center 92px no-repeat}
	.movie_heartbox .campain_title,.movie_heartbox .campain_purpose {text-align:center}
	.movie_heartbox .campain_title {font-size:70px}
	.movie_heartbox .campain_purpose {margin-top:10px;font-size:18px;}
	
	.movie_heartbox .foundbf_project {margin:0;margin-top:140px}
	.movie_heartbox .campain_purpose .text_red .text_circle {background:transparent}
	.movie_heartbox .movie {padding:36px 0 60px;text-align:center}
	.movie_heartbox .movie iframe {width:835px;height:456px}
}
@media only screen and (min-width:1281px) {
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
@media only screen and (max-width:320px) {
}