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


@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../../../common/font/NanumBarunGothic.eot');
    src: url('../../../common/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../../../common/font/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;
}
#home_wrap  .container h1,
#home_wrap  .container h2,
#home_wrap  .container h3,
#home_wrap  .container p,
#home_wrap  .container .blind {
overflow: hidden;
position: absolute;
height: 0;
line-height: 0;
text-indent: -9999px;
top: 0;
left: 0;
width: 0;
font-size: 0;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
#home_wrap  .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
#home_wrap  .container:before,
#home_wrap  .container:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
#home_wrap  .container:after,
.row:after {
  clear: both;
}
/** layout **/

#home_wrap {width:100%;font-family: 'NanumBarunGothic','Malgun Gothic','맑은 고딕', '돋움', dotum, 'Apple SD Gothic Neo', AppleGothic, sans-serif; line-height:150%}
#home_wrap  .container {position: relative;margin:0 auto;background-repeat:no-repeat;}
.sec_top, .sec_02 {background-color:#2a75bc}
.sec_01, .sec_03 {background-color:#e4d293;}

.sec_top {overflow:hidden;}
.sec_top .container h1 {position:absolute;top:-50px;left:auto;right:0;width:157px;height:39px;background:url(../../../common/img/home/logo_bf_w.png) no-repeat}
.sec_top .container h1 a {display:block;width:157px;height:39px;padding:5px}
.sec_01 .book_support {padding:10px 0;font-size:12px;line-height: 140%;color:#333;}
.sec_01 .book_support dl {margin:0 auto}
.sec_01 .container .book_wrap {position:relative;width:100%;background:#cebd85;text-align:center}
/*.sec_01 .container .book_wrap .btn_issuuview {display:block;width:233px;height:323px}*/
.sec_01 .container .book_wrap .btn_issuuview img {width:233px;height:323px}
.sec_01 .container .book_wrap .btn_issuudown {position:absolute;bottom:10px;right:10px;background:#b0a06d;color:#fff;font-weight:normal}
.sec_01 .container .btn_display_area .btn_display .info {margin-left:10px;font-weight:normal}

/* button */
.btn_area .btn_join_home, .btn_area .btn_orderbook,.btn_issuudown {display:block;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;font-size:20px;font-weight: bold;color: #fff;text-align: center;}
.btn_area .btn_join_home {width:284px;background:#ffa200}
.btn_area .btn_orderbook {width:284px;background:#614521}
.btn_display_area, .btn_detail_area {border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;}
.btn_display_area .btn_display, .btn_detail_area .btn_detail {display:block;width:100%;font-weight: bold;text-align: center;}
.btn_display_area {border:#000 2px solid; color:#000}
.btn_detail_area  {border:#fff 2px solid; color:#fff}
.btn_area .btn_join_home, .btn_area .btn_orderbook { padding: 15px 15px 20px 15px; }	
.btn_area .btn_display, .btn_area .btn_detail_view {padding:18px 0;}
.btn_detail {cursor:pointer}
.btn_area .btn_join_home_desc { width: auto !important; height: auto !important; color: #fff; margin-bottom: 20px; }


@media (min-width: 1000px) {	
	.sec_top, .sec_01 , .sec_02 , .sec_03 {padding:70px 0 30px}
	#home_wrap  .container {width:1030px;}
	
	.sec_top {padding-top:145px;}
	.sec_03 {padding-bottom:100px;}
	.sec_top {height:700px;background-image:url(../img/home/top_img.png);background-repeat:no-repeat;background-position:50% 100%}
	.sec_top .container .txt {position:relative;width:1000px;height:470px;background:url(../img/home/top_txt.png) no-repeat;}
	
	.sec_01 .container {background:url(../img/home/s1_title.png) no-repeat}
	.sec_01 .container .txt {position:relative;margin: 40px 0;width:100%;height:321px;background:url(../img/home/s1_txt.png) no-repeat;}
	.sec_01 .container .book_area {margin-top: 126px;}
	.sec_01 .container .book_wrap {padding:70px 0}
	.sec_01 .container .book_wrap .btn_issuudown {font-size:15px;width:130px;padding:5px 0}
	.sec_01 .container .btn_area .btn_orderbook {margin:0 auto;}
	.sec_01 .container .btn_display_area {margin-top:70px}
	/*.sec_01 .container .btn_display_area .btn_display {height: 74px;padding: 18px 0;background:url(../img/home/btn_map.png) no-repeat;background-position:50% 50%;font-size:22px}*/
	.sec_01 .container .btn_display_area .btn_display {padding: 18px 0;font-size:22px}	
	.sec_01 .container .btn_display_area .btn_display .info {font-size:18px;}
	.sec_01 .container .btn_display_area .active {background-image:url(../img/home/btn_map_on.png)}
	.btn_display_area iframe {width:100%;height:480px}
	
	.sec_02 .container .txt {position:relative;width:1000px;height:487px;background:url(../img/home/s2_txt.png) no-repeat;}
	.sec_02 .container .txt .btn_area {position:absolute;top:350px;left:0}
	.sec_02 .container .btn_detail_area  {margin-top:70px}
	.sec_02 .container .btn_detail_area .btn_detail {height: 70px;padding:18px 0;background:url(../img/home/btn_work.png) no-repeat;background-position:50% 50%;}
	.sec_02 .container .btn_detail_area .active {background-image:url(../img/home/btn_work_on.png)}
	.sec_02 .container .btn_detail_area .detail_area {height: 697px;margin: 60px 0 ;background:url(../img/home/s2_list.png) no-repeat;background-position:50% 0;}
	
	#home_wrap  .container .detail_txt, #home_wrap  .container .blind {
	overflow: hidden;
	position: absolute;
	height: 0;
	line-height: 0;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 0;
	font-size: 0;
	}

	
	.sec_03 .container {background:url(../img/home/s3_title.png) no-repeat;background-position:15px 0}
	.sec_03 .container .people {position: relative;margin-top:126px}
	.sec_03 .container .people .people_box {background:#fff;border:#000 1px solid;}
	.sec_03 .container .people dl {margin:25px}
	.sec_03 .container .people dl dt {position: absolute; top:138px;color:#000;font-weight:bold;line-height:180%}
	.sec_03 .container .people dl dt .name {font-size:26px}
	
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	  }
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
}

@media (max-width: 999px) {	
	/* common tablet & mobile text style*/
	#home_wrap  .container {width:320px}
	.btn_area .btn_join_home {margin:0 auto}
	
	.sec_top {padding:55px 0 0 0}
	.sec_01 , .sec_02 , .sec_03 {padding:55px 0 30px}
	.sec_top .container {height:635.5px;background-image:url(../img/home/top_txt_m.png);background-position:50% 0;background-size:294px 635.5px;}
	.sec_top .container h1 {top:-30px;width:105.5px;height:30.5px;background-size:contain;}
	.sec_top .container .btn_area {margin-top:515px}
	.sec_01 .container {background:url(../img/home/s1_title_m.png) no-repeat;background-size:254px; background-position:15px 0}
	.sec_01 .container .txt {position:relative;margin: 40px 0;width:100%;height:283px;background:url(../img/home/s1_txt_m.png) no-repeat;background-size:291.5px 283px;}
	.sec_01 .container .book_area {margin-top: 80px;}	
	.sec_01 .container .book_wrap {padding:30px 0}	
	.sec_01 .container .book_wrap .btn_issuudown {font-size:14px;width:100px;padding:3px 0}
	.sec_01 .container .btn_area .btn_orderbook {margin:0 auto;}
	.sec_01 .container .btn_display_area {margin-top:40px}
	.sec_01 .container .btn_display_area .btn_display {padding:12px 0;font-size:18px}
	.sec_01 .container .btn_display_area .btn_display .info {display:block;margin:0;font-size:15px;}
	.sec_01 .container .btn_display_area .active {background-image:url(../img/home/btn_map_on_m.png);background-size:161px 27px;}
	.btn_display_area iframe {width:100%;height:280px}
	
	.sec_02 .container .txt {position:relative;height:627.5px;background:url(../img/home/s2_txt_m.png) no-repeat;background-position:50% 0;background-size:291px 626.5px;}
	.sec_02 .container .txt .btn_area {padding-top:510px}
	.sec_02 .container .btn_detail_area  {margin-top:90px}
	.sec_02 .container .btn_detail_area .btn_detail {height:85.5px;padding:12px 0;background:url(../img/home/btn_work_m.png) no-repeat;background-position:50% 50%;background-size:172px 61.5px;}
	.sec_02 .container .btn_detail_area .active {background-image:url(../img/home/btn_work_on_m.png)}
	.sec_02 .container .btn_detail_area .detail_area {padding:0 15px}
	.sec_02 .container .btn_detail_area .detail_area dl dt {color:#f8e8ae;font-weight:bold;margin-top:30px}
	.sec_02 .container .btn_detail_area .detail_area dl dd {font-size:14px}	
	
	
	.sec_03 .container {background:url(../img/home/s3_title_m.png) no-repeat;background-position:15px 0;background-size:254px; background-position:15px 0}
	.sec_03 .container .people {position: relative;margin-top:80px}
	.sec_03 .container .people .people_box {margin-bottom:30px;background:#fff;border:#000 1px solid;}
	.sec_03 .container .people dl {margin:25px}
	.sec_03 .container .people dl dt {color:#000;font-weight:bold;line-height:180%}
	.sec_03 .container .people dl dt .name {font-size:26px}
	.sec_03 .container .people dl dd {font-size:15px;line-height:150%}
	
	
	
}

@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 999px) {	
	.tablet_breakpoint {display:block}
}

@media (max-width: 767px) {
	.m_breakpoint {display:block}
}