@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;
}

.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 {width:100%;margin-bottom: 15px;}
/** E:bootstrap **/


.foundbf .sec_02 ul a {display:block;width: 100%;height: 212px;}
.foundbf .sec_02 ul a:hover, .foundbf .sec_02 ul a:focus, .foundbf .sec_02 ul a:active {color:#020202}
.foundbf .sec_02 ul a:hover .sec02_banner02 .bf_text, .foundbf .sec_02 ul a:focus .sec02_banner02 .bf_text, .foundbf .sec_02 ul a:active .sec02_banner02 .bf_text{color:#f5a21a}
.foundbf .sec_02 ul a:hover .ban_campain:after {content:'';display:inline-block;width:28px;height:28px;background:url('../img/foundbf/icon_arrow.png') no-repeat;margin-left:10px}

/** 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:999px) {
	#foundbf_wrap  {color:#333333;text-align:center;word-break: keep-all;}
	#foundbf_wrap .sec_top {margin-top:80px;margin-bottom: 70px;}
	.container {width:100%;}
	.bf_text {color:#ffa600;}
	
	.sec_01 {padding:0px;}
	.sec_01 .container {padding:0px;}
	.sec_video {position:relative; width:100%; height:0; padding-top:30px; padding-bottom: 46.25%;overflow:hidden;}
	.bf_video {position:absolute;top:0; left:0; width:100%;height: 100%;}
	
	.sec_top .container {padding-left:20px; padding-right:20px;}
	.sec_top .container .txt_area .sec01_tit {font-size: 40px; line-height:58px; }
	.sec_top .container .txt_area .sec01_tit_sub_top {display:none;}
	.sec_top .container .txt_area .sec01_tit_sub {display:none;}
	.sec_top .container .txt_area .sec01_tit_sub02 {display:none;}
	.sec_top .container .txt_area .sec01_tit_icon {background-image: url('../img/foundbf/icon_title_point@2x.png');position: absolute; margin-left: 18px;background-size:6px 6px;display: inline-block; height: 12px; width: 12px;background-repeat: no-repeat;}
	
	.foundbf .sec_02 .container {padding-left: 0px; padding-right: 0px;}
	.sec_02 .container .txt_area .group_ban {text-align: left; width:60%;padding-left:5px;padding-right:0px;padding-top:5px;}
	.sec_02 .container .txt_area .txt .sec02_tit{padding-left:20px; padding-right:20px; margin-top:75px; font-size: 30px;line-height: 42px;}
	.sec_02 .container .txt_area .txt .sec02_tit_sub {padding-left:20px; padding-right:20px;margin-top:35px; font-size: 15px; line-height:24px;text-align: left; font-family:'nanum-square-b','malgun gothic',sans-serif}	
	.sec_02 .container .btn_area {padding-left:35px; padding-right:35px; margin-top:10px;font-family:'nanum-square-r','malgun gothic',sans-serif}
	
	.sec_02 .container .txt_area .txt > ul { margin-top: 30px;}
	.sec_02 .container .txt_area .ban_img {background-repeat: no-repeat; background-size: 35%;background-position: center; background-position-x:95%; margin-top: 3px;}
	.sec_02 .container .txt_area .sec02_banner01 {background-image: url('../img/foundbf/img_bn_01.jpg'); width:100%;background-color:#efedf5;}
	.sec_02 .container .txt_area .sec02_banner02 {background-image: url('../img/foundbf/img_bn_02.jpg'); width:100%;background-color:#ffd9c4;}
	.sec_02 .container .txt_area .sec02_banner03 {background-image: url('../img/foundbf/img_bn_03.jpg'); width:100%;background-color:#e1e1e1;}
	.sec_02 .container .txt_area .sec02_banner04 {background-image: url('../img/foundbf/img_bn_04.jpg'); width:100%;background-color:#ffdeb6;}
	.sec_02 .container .txt_area .sec02_banner05 {background-image: url('../img/foundbf/img_bn_05.jpg'); width:100%;background-color:#f5ddf0;}
	.sec_02 .container .txt_area .sec02_banner06 {background-image: url('../img/foundbf/img_bn_06.jpg'); width:100%;background-color:#f4e795;}
	
	.sec_02 .container .txt_area .txt > ul > li:nth-child(1) .ban_month {color: #f8a273;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(2) .ban_month {color: #c3b8e1;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(3) .ban_month {color: #a8a8a8;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(4) .ban_month {color: #f6b260;}	
	.sec_02 .container .txt_area .txt > ul > li:nth-child(5) .ban_month {color: #bfaf47;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(6) .ban_month {color: #dfabd4;}
	
	.sec_02 .container .txt_area .ban_month .num{font-size: 31px;}
	.sec_02 .container .txt_area .ban_month .text{font-size: 15px;}
	.sec_02 .container .txt_area .ban_tit {margin-top: 20px; font-size: 15px; font-weight: bold;font-family:'nanum-square-b','malgun gothic',sans-serif}
	.sec_02 .container .txt_area .ban_content {margin-top:15px; font-size: 13px; line-height:18px;font-family:'nanum-square-r','malgun gothic',sans-serif}
	.sec_02 .container .txt_area .ban_campain {font-size:18px; line-height:36px;margin-top:17px; font-weight: bold;}
	
	.sec_03 .container .txt_area .sec03_tit {margin-top:80px;padding:0 20px;font-size: 30px; line-height:42px;text-align: center;}
	
	.sec_03 .container .txt_area .txt > ul {margin-top:35px;}
	.sec_03 .container .txt_area .txt > ul > li{background-size:100%; background-repeat: no-repeat;background-position: top center;margin-top:10px;border:1px #cdcdcd solid;}
	.sec_03 .container .txt_area .txt > ul > li .sec03_group {padding: 54.1666666666% 10px 10px 10px;}
	
	.sec_03 .container .txt_area .sec03_img01 {background-image: url('../img/foundbf/img_fb_01_m.jpg');}
	.sec_03 .container .txt_area .sec03_img02 {background-image: url('../img/foundbf/img_fb_02_m.jpg');}
	.sec_03 .container .txt_area .sec03_img03 {background-image: url('../img/foundbf/img_fb_03_m.jpg');}
	.sec_03 .container .txt_area .sec03_img04 {background-image: url('../img/foundbf/img_fb_04_m.jpg');}
	.sec_03 .container .txt_area .sec03_img05 {background-image: url('../img/foundbf/img_fb_05_m.jpg');}
	
	.sec_03 .container .txt_area {text-align: left;}
	.sec_03 .container .txt_area .sec03_comment_pc {display:none;}
	.sec_03 .container .txt_area .sec03_comment_tit{margin-top:20px; font-size: 20px; font-weight: bold; line-height: 34px;}
	.sec_03 .container .txt_area .sec03_comment_m{margin-top:15px; font-size: 15px; line-height: 25px;}
	.sec_03 .container .txt_area .sec03_team {margin-top:25px; font-size: 15px; font-weight: bold; line-height: 32px; text-align: right; padding: 10px;}
	
	.sec_03 .container .txt_area .sec03_content {margin-top: 40px; text-align: center;  font-size: 18px;  padding: 10px; line-height: 30px;font-family:'nanum-square-r','malgun gothic',sans-serif}
	.sec_03 .container .txt_area .btn_area{margin-top: 40px;}
	
	/* button */
	.btn_area .btn_join_foundbf {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_foundbf:hover, .btn_area .btn_join_foundbf:active {background:#d86100}
	.btn_area .btn_join_foundbf .info {display:block;font-size:18px;font-weight:normal}

	.sec_04  {margin-top:80px; background-color:#ffaf1f; }
	.sec_04 .sec04_name {margin-top: 45px;font-size: 30px; line-height: 42px;}
	.sec_04 .sec04_period{margin-top: 30px; font-size:20px; color:#ffffff; line-height:50px; border:1px #ffffff solid;}
	.sec_04 .sec04_eventcontent {margin-top:35px;font-size:15px; line-height:26px; text-align: left;}
	.sec_04 .sec04_reward {margin: 35px auto; width:100%; max-width:320px; height:200px; display:block; border:1px #ffffff solid;}
	.sec_04 .btn_reward{background-color:#ffffff;color:#ff7200;margin-top:50px;margin-bottom:150px;}
	.btn_reward:hover,.btn_area .btn_join_foundbf:active {color:#ffffff;}
	
	
	.foundbf .sec_02 ul a:hover .ban_campain:after {width:14px;height:14px;background-size:14px}
}

@media only screen and (min-width:1000px) {
	#foundbf_wrap {word-break: keep-all;}
	/* bootstrap */
	.col-lg-12 {width: 100%}
	.col-lg-11 {width: 91.66666667%}
	.col-lg-10 {width: 83.33333333%}
	.col-lg-9 {width: 75%}
	.col-lg-8 {width: 66.66666667%}
	.col-lg-7 {width: 58.33333333%}
	.col-lg-6 {width: 50%}
	.col-lg-5 {width: 41.66666667%}
	.col-lg-4 {width: 33.33333333%}
	.col-lg-3 {width: 25%}
	.col-lg-2 {width: 16.66666667%}
	.col-lg-1 {width: 8.33333333%}
	
	.col-lg-offset-12 {margin-left: 100%}
	.col-lg-offset-11 {margin-left: 91.66666667%}
	.col-lg-offset-10 {margin-left: 83.33333333%}
	.col-lg-offset-9 {margin-left: 75%}
	.col-lg-offset-8 {margin-left: 66.66666667%}
	.col-lg-offset-7 {margin-left: 58.33333333%}
	.col-lg-offset-6 {margin-left: 50%}
	.col-lg-offset-5 {margin-left: 41.66666667%}
	.col-lg-offset-4 {margin-left: 33.33333333%}
	.col-lg-offset-3 {margin-left: 25%}
	.col-lg-offset-2 {margin-left: 16.66666667%}
	.col-lg-offset-1 {margin-left: 8.33333333%}
	.col-lg-offset-0 {margin-left: 0%}
	
	/*#foundbf_wrap section {width:100%;height:6534px;background:url('../img/foundbf/foundbf2.jpg') center top no-repeat}*/
	
	#foundbf_wrap  {padding-top:0;color:#333333;text-align:center;}
	#foundbf_wrap .sec_top {}/*margin-bottom: 120px;*/
	.bf_text {color:#ffa600;}
	
	/*#foundbf_wrap{width:100%; min-width: 980px; height:100%;}*/
		
	.sec_top {position:relative;}
	
	.sec_top .container {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: table;
	}
	.sec_top .container .txt_area {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: table;
		
	}
	.sec_top .container .txt_area .sec01_tit_sub_top,
	.sec_top .container .txt_area .sec01_tit,
	.sec_top .container .txt_area .sec01_tit_sub,
	.sec_top .container .txt_area .sec01_tit_icon {position: absolute;width:100%}
	
	.sec_top .container .txt_area .sec01_tit_sub_top {top:127px;font-size: 24px; text-align: left; font-weight: bold;padding-left:20px;}
	.sec_top .container .txt_area .sec01_tit {top:50%;margin-top:-80px;font-size: 100px; line-height:140px;}
	.sec_top .container .txt_area .sec01_tit_sub {bottom:70px;text-align: right; font-size: 20px; line-height:38px; font-weight: bold;padding-right:30px;}
	.sec_top .container .txt_area .sec01_tit_icon {background-image: url('../img/foundbf/icon_title_point.png');position: absolute; margin-left: 40px;display: inline-block; height: 12px; width: 12px;}
	
	.sec_video {position:relative; width:70%; height:0; padding-top:30px; padding-bottom: 37.8%;overflow:hidden;margin: 0 auto;}  
	.bf_video {position:absolute;top:0; left:0; width:100%;height: 100%;}
	
	.sec_02 .container {padding-left:0px; padding-right:0px;}
	.sec_02 .container .txt_area .sec02_tit {margin-top:140px; font-size: 48px; line-height: 75px;}
	.sec_02 .container .txt_area .sec02_tit_sub {font-size:22px; line-height: 38px; margin-top:45px; }
	.sec_02 .container .txt_area .txt > ul { margin-top: 100px}
	.sec_02 .container .txt_area .ban_img {background-repeat: no-repeat; background-position: right;background-size: 50%;}
	.sec_02 .container .txt_area .sec02_banner01 {background-image: url('../img/foundbf/img_bn_01.jpg'); height:270px; width:100%;background-color:#efedf5;}
	.sec_02 .container .txt_area .sec02_banner02 {background-image: url('../img/foundbf/img_bn_02.jpg'); height:270px; width:100%;background-color:#ffd9c4;}
	.sec_02 .container .txt_area .sec02_banner03 {background-image: url('../img/foundbf/img_bn_03.jpg'); height:270px; width:100%;background-color:#e1e1e1;}
	.sec_02 .container .txt_area .sec02_banner04 {background-image: url('../img/foundbf/img_bn_04.jpg'); height:270px; width:100%;background-color:#ffdeb6;}
	.sec_02 .container .txt_area .sec02_banner05 {background-image: url('../img/foundbf/img_bn_05.jpg'); height:270px; width:100%;background-color:#f5ddf0;}
	.sec_02 .container .txt_area .sec02_banner06 {background-image: url('../img/foundbf/img_bn_06.jpg'); height:270px; width:100%;background-color:#f4e795;}
	.sec_02 .container .txt_area .group_ban {text-align: right; padding-top:45px;}
	.sec_02 .container .txt_area .ban_tit {font-size: 24px; line-height: 32px;font-family:'nanum-square-b','malgun gothic',sans-serif}
	.sec_02 .container .txt_area .ban_content {margin-top:10px;font-size: 20px; line-height:32px;font-family:'nanum-square-r','malgun gothic',sans-serif}
	.sec_02 .container .txt_area .ban_campain {font-size:32px; line-height:36px;margin-top:30px}
	.sec_02 .container .txt_area .ban_month{float: left}
	.sec_02 .container .txt_area .ban_month .num {font-size: 70px;}
	.sec_02 .container .txt_area .ban_month .text {font-size: 30px;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(1) .ban_month {color: #f8a273;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(2) .ban_month {color: #c3b8e1;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(3) .ban_month {color: #a8a8a8;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(4) .ban_month {color: #f6b260;}
	.sec_02 .container .txt_area .txt > ul > li:nth-child(5) .ban_month {color: #bfaf47;}	
	.sec_02 .container .txt_area .txt > ul > li:nth-child(6) .ban_month {color: #dfabd4;}
	.sec_02 .btn_area {margin-top:50px;font-family:'nanum-square-r','malgun gothic',sans-serif}
	
	.sec_03 .container {padding-left:0px; padding-right:0px;}
	.sec_03 .container .txt_area .txt > ul > li{min-height:480px;border-top:1px #cdcdcd solid;}
    .sec_03 .container .txt_area .txt > ul > li:nth-child(2n+1){background-size: 50%; background-repeat: no-repeat;background-position: left center;}
	.sec_03 .container .txt_area .txt > ul > li:nth-child(2n){background-size: 50%; background-repeat: no-repeat;background-position: right center;}
	.sec_03 .container .txt_area .txt > ul > li:nth-child(2n+1) .sec03_group {margin-left: 50%; padding: 50px 30px 0px 30px;}
	.sec_03 .container .txt_area .txt > ul > li:nth-child(2n)   .sec03_group {margin-right: 50%; padding: 50px 30px 0px 30px;}
	.sec_03 .container .txt_area .txt > ul > li:nth-child(5) {border-bottom:1px #cdcdcd solid;}
	
	
	.sec_03 .container .txt_area .sec03_img01 {background-image: url('../img/foundbf/img_fb_01.jpg');}
	.sec_03 .container .txt_area .sec03_img02 {background-image: url('../img/foundbf/img_fb_02.jpg');}
	.sec_03 .container .txt_area .sec03_img03 {background-image: url('../img/foundbf/img_fb_03.jpg');}
	.sec_03 .container .txt_area .sec03_img04 {background-image: url('../img/foundbf/img_fb_04.jpg');}
	.sec_03 .container .txt_area .sec03_img05 {background-image: url('../img/foundbf/img_fb_05.jpg');}
	
    .sec_03 .container .txt_area .txt > ul {margin-top:65px; text-align: left;}
	.sec_03 .container .txt_area .sec03_comment_m {display:none;}
	.sec_03 .container .txt_area .sec03_tit {margin-top:150px; font-size: 48px; line-height: 75px;}
	.sec_03 .container .txt_area .sec03_comment_tit{font-size:28px; font-weight: bold; line-height:42px;}
	.sec_03 .container .txt_area .sec03_comment_pc{margin-top:25px; font-size:17px; line-height: 32px;}
	.sec_03 .container .txt_area .sec03_team {margin-top:35px; font-size: 20px; font-weight: bold; line-height: 32px; text-align:right;padding-bottom: 20px;}

	.sec_03 .sec03_content {margin-top:150px; font-size: 26px; line-height: 50px;text-align: center;font-family:'nanum-square-r','malgun gothic',sans-serif}
    .sec_03 .btn_area {margin-top: 60px; margin-bottom:190px;}
   
    .sec_04 {background-color:#ffba3e;}
    .sec_04 .sec04_event .sec04_name {padding-top:110px; font-size: 42px; line-height: 36px; color:#000000;}
	.sec_04 .sec04_event .sec04_period {font-size: 26px; color:#ffffff; line-height: 50px; border: 1px #ffffff solid;width: 390px;margin:30px auto;}
	.sec_04 .sec04_event .sec04_reward {width:100%; max-width:1265px; height:216px;border:1px #ffffff solid;margin:70px auto;}
	.sec_04 .sec04_event .sec04_eventcontent {color:#333333; font-size: 24px; line-height: 50px;margin-top:55px;}
	.sec_04 .sec04_event .btn_reward {background-color:#ffffff;color:#ff7200; margin-bottom:150px;}

	/* button */
	.btn_area .btn_join_foundbf {margin: 0 auto;display:block;padding:15px 0;line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:23px;font-weight: bold;color: #fff;text-align: center;width:540px;background:#ff7a0e;}
	.btn_area .btn_join_foundbf:hover, .btn_area .btn_join_foundbf:active {background:#d86100}
	.btn_area .btn_join_foundbf .info {display:block;font-size:18px;font-weight:normal}
	.btn_reward:hover,.btn_area .btn_join_foundbf:active {color:#ffffff;}
}
@media only screen and (min-width:1281px) {
	.sec_02 .container .txt_area .ban_tit {font-size: 28px; line-height: 50px}
	.sec_02 .container .txt_area .ban_content {font-size: 24px; line-height:38px}
	.sec_02 .container .txt_area .ban_campain {font-size:40px; line-height:36px;margin-top:30px}
	.sec_03 .container .txt_area .sec03_comment_tit{font-size: 34px}
	.sec_03 .container .txt_area .sec03_comment_pc{margin-top:45px; font-size: 20px; line-height: 40px;}
	.sec_03 .container .txt_area .sec03_team {margin-top:35px}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
@media only screen and (max-width:320px) {
	.sec_02 .container .txt_area .group_ban{padding-top:0px; padding-left:5px; padding-right:0px;}
}