@charset "UTF-8";

/* CSS Document */
@font-face {
    font-family: 'Notosans-m';
    src: url('../fonts/NotoSansKR-Medium.eot');
    src: url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Medium.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:0;padding-right:0;}
.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_title {font-size:15px; font-weight:bold; background-color:#9f3618;width:100%;color:#ffffff; padding:18px;}
.foundbf_title .title_sub02 {position:absolute; right:20px; margin-top:-12px; text-align: right;}

/** 공통 **/
#object_wrap {padding-top:92px;padding-bottom:62px}
#object_wrap .container {padding:0 !important}
.txt_area > h1, .txt_area > h2, .txt_area > div[class^="txt"], .txt_area > h3, .txt_area > p {position: absolute; left: -3000%;}
.txt_area .txt_mobile {display: none}
.img_mobile {display: none}


/* sec_top */
.foundbf_title {font-size:15px; font-weight:bold; background-color:#9f3618;width:100%;color:#ffffff; padding:18px;}
.foundbf_title .title_sub02 {position:absolute; right:20px; margin-top:-12px; text-align: right;}
.sec_top .txt_area {
  height: 150px;
	margin: 176px auto 106px;
  background: url(../img/object/h1_txt.png) no-repeat center top;
}
.sec_top .top_visual {
  height: 342px;
  background: url(../img/object/top_visual.jpg) no-repeat center top;
}

/* sec_01 */
.sec_01 {
	position: relative;
	padding: 190px 0 0;
	background: url(../img/object/bg_section1.png) no-repeat 46% top;
}
.sec_01 .part1 .txt_area {
  height: 446px;
  background: url(../img/object/section1_txt1.png) no-repeat center top;
}
.sec_01 .part2 {position: relative;}
.sec_01 .part2 .txt_area {
	height: 566px;
	background: url(../img/object/section1_txt2.png) no-repeat center top;
}
.sec_01 .part2 .txt_pc {
  position: absolute;
  left: 48%;
  top: 82px;
  transform: translateX(-61%);
  font-size: 18px;
  font-weight: normal;
  color: #343434;
  letter-spacing: -0.5px;
  line-height: 1.9;
}
.sec_01 .part2 .txt_pc > a {padding: 6px 0; border: 1px solid rgba(255,255,255,0);}
.sec_01 .part2 .txt_pc > a:nth-of-type(4) {margin-left: 6px;}
.sec_01 .part2 .txt_pc > a > span {color: transparent}
.sec_01 .part2 .txt_pc > span, .sec_01 .part2 .txt_pc > p {position: absolute; left: -3000%;}

/* sec_02 */
.sec_02 {
  margin-top: -106px;
  padding: 140px 0 108px;
  background: #ffe1c3 url(../img/object/bg_section3.jpg) no-repeat right top;
  background-size: contain;
}
.sec_02 > .container > .txt_area {
  height: 180px;
  background: url(../img/object/section2_h2_txt.png) no-repeat center top;
}
.sec_02 .part1 {
  height: 640px;
  background: url(../img/object/section2_txt1.png) no-repeat center top;
}
.sec_02 .part2 {
  height: 323px;
  background: url(../img/object/section2_txt2.png) no-repeat center top;
}
.sec_03 .btn_area {
	padding-top:70px;
	/* background: url(../img/object/section2_txt3.png) no-repeat center top; */
	text-align: center;
}
.sec_03 .btn_area a {
  display: block;
  width: 419px;
  height: 73px;
  line-height: 73px;
  margin: 0 auto;
  margin-bottom: 30px; 
  background: #b06a2e;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}
.sec_03 .btn_area a:hover { background: #ffa200; }
.sec_03 .btn_area a.btn_join_object { background: url(../img/object/btn_give.jpg) no-repeat 50% 50%; }
.sec_03 .btn_area a.btn_join_object2 { background: url(../img/object/btn_give2.jpg) no-repeat 50% 50%; }

.sec_03 .btn_area p { font-size: 120%; color: #000; margin-bottom: 50px; }

.sec_03 {padding: 140px 0 108px}
.sec_03 > .container > .txt_area {
  height: 108px;
  background: url(../img/object/section3_h2_txt.png) no-repeat center top;
}
.sec_03 .part1 {
  height: 255px;
  background: url(../img/object/section3_txt1.jpg) no-repeat center top;
}
.sec_03 .part1 a {display: block}
.sec_03 .part_area {width:100%;max-width:1000px;margin:0 auto 40px}
.sec_03 .part2:nth-child(1) {float:left;}
.sec_03 .part2:nth-child(2) {float:right;}

.sec_04 {padding:30px 0;background-color: #f0f0f0;}
.sec_04 .foundbf_banner {background-color: #fff;}


@media only screen and (min-width:1px) and (max-width:999px) {
	
	#object_wrap {padding-top:52px}
	/** 공통 **/
	.img_pc {display: none}
	.img_mobile {display: inline-block;}
	.txt_area, .top_visual {text-align: center;}
	.txt_area .txt_pc {display: none}
	.txt_area .txt_mobile {display: block;}

	/* sec_top */
	.foundbf_title {z-index:99; position:fixed; font-size:12px; padding: 6px 4px 2px;}
	.foundbf_title .title_sub02 {right:10px; margin-top:0px;}
	.foundbf_title .title_sub02 .mobile_out {position: absolute; left: -3000%;}

	.sec_top .txt_area, .sec_top .top_visual {height: auto; background: none;}
	.sec_top .txt_area {margin: 0 auto;}
	.sec_top .txt_area img {margin-top: 30px;}

	/* sec_01 */
	.sec_01 {padding: 0; background: none;}
	.sec_01 .part1 .txt_area, .sec_01 .part2 .txt_area {height: auto; background: none;}
	.sec_01 .part2 {position: static;}

	/* sec_02 */
	.sec_02 {
	position: relative;
	margin-top: 0; padding: 0;
	background: none;
	}
	.sec_02 > .container > .txt_area, .sec_02 .part1,
	.sec_03 > .container > .txt_area, .sec_03 .part1{height: auto; background: none;}
	.sec_02 .part2,.sec_03 .btn_area,.sec_02 .part2 {margin: 0;padding:0; height: auto; background: none;}
	
	.sec_03 .btn_area a {width: 90%; font-size: 20px; height: 60px; line-height: 60px; }
	.sec_03 .btn_area a.btn_join_object { margin-top: 20px; }
	.sec_03 {padding:60px 0}
	
	.sec_03 .part2:nth-child(1),
	.sec_03 .part2:nth-child(2) {float: none}
	.sec_03 .part2:nth-child(2) {margin-top:30px}
	.sec_03 .part_area {padding-left: 20px;padding-right: 20px;}
	
	.foundbf_banner {margin:0 auto;max-width:640px}

}