@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;
}

.days60 .container  h1 a {overflow: hidden;position: absolute;width:180px;height:70px;line-height: 0;text-indent: -9999px}
.days60 .container  h2,
.days60 .container  h3,
.days60 .container  p,
.days60 .container  .blind {
overflow: hidden;
position: absolute;
height: 1;
line-height: 0;
text-indent: -9999px;
top: 0;
left: 0;
width: 0;
font-size: 1;
}

.days60 .container  {
margin-right: auto;
margin-left: auto;
padding-left:0;
padding-right:0;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
/** layout **/

#days60_wrap {width:100%;font-family: 'NanumBarunGothic','Malgun Gothic','맑은 고딕', '돋움', dotum, 'Apple SD Gothic Neo', AppleGothic, sans-serif; line-height:150%}
.days60 {padding-top:92px}
.days60 .container  {position: relative;margin:0 auto;background-repeat:no-repeat;}
.sec_03, .sec_04 {background-color:#f3f0ec}
.sec_01, .sec_02 {background-color:#fff;}

.sec_top {overflow:hidden;}

/* button */
.btn_area .btn_join_60days {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:23px;font-weight: bold;color: #fff;text-align: center;width:275px;background:#ff7a0e}
.btn_area .btn_join_60days:hover, .btn_area .btn_join_60days:active {background:#d86100;color:#fff}
.btn_area .btn_join_60days .info {display:block;font-size:18px;font-weight:normal}

.txt_end_area {border:#ff960e 5px solid}

@media (min-width: 1104px) {	
	.sec_01 {padding:45px 0}
	.sec_02, .sec_04 {padding:45px 0 70px 0}
	.sec_03 {padding:70px 0 45px 0;}
	.sec_05 {padding:70px 0 110px 0;}
	.days60 .container  {width:1104px;}	
	
	.days60 .container  h1 a{top:361px;left:90px;}
	.sec_top {padding:45px 0;background-image:url(../img/60days/top_bg.png);background-repeat:repeat-x}
	.sec_top .container .txt_area .txt {margin-bottom:52px;height:492px;background:url(../img/60days/top_txt.jpg) no-repeat}
	/*.sec_top .container .txt_area .txt2 {float:left;width:741px;height:57px;background:url(../img/60days/top_txt2.png) no-repeat}*/
	.sec_01 .container .txt_area {height:367px;background:url(../img/60days/s1_txt.png) no-repeat}
	.sec_02 .container .txt_area {height:562px;background:url(../img/60days/s2_txt.png) no-repeat}
	.sec_03 .container .txt_area {height:330px;background:url(../img/60days/s3_txt.png) no-repeat}
	.sec_04 .container .txt_area {height:337px;background:url(../img/60days/s4_txt.png) no-repeat}
	
	.sec_05 .container .txt_area .txt {float:left;width:785px;height:97px;background:url(../img/60days/s5_txt.png) no-repeat}
	.sec_05 .container .txt_area .txt2 {clear:both;height:50px;background:url(../img/60days/s5_txt2.png) no-repeat 0 30px}
	
	.days60 .container  .detail_txt, .days60 .container  .blind {
	overflow: hidden;
	position: absolute;
	height: 1;
	line-height: 0;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 1;
	font-size: 1;
	}
		
	.btn_area {margin-top:30px;float:right}
	.txt_end_area {padding:35px;background-color:#f3f0ec}
	.txt_end {float:left;width:722px;height:80px;background:url('../img/60days/txt_end.png') no-repeat;}
	.btn_area .bf_finish_camp_btn {font-size:18px}
}

@media (max-width: 1103px) {	
	/* common tablet & mobile text style*/
	.container {width:300px}
	.sec_01, .sec_03 {padding:25px 0}
	.sec_02, .sec_04, .sec_05 {padding:25px 0 50px 0}
	.btn_area .btn_join_60days {margin:30px auto 0;width:100%}
	
	.days60 .container  h1 a{top:170px;left:50%;margin-left:-90px}
	.sec_top {padding:45px 0;background-color:#f3f0ec}	
	.sec_top .container .txt_area .btn_area {}
	.sec_top .container .txt_area .txt {height:300px}
	.sec_top .container .txt_area .txt2 {height:300px}
	.sec_top .container .txt_area {height:680px;background:url(../img/60days/top_txt_m.png) no-repeat}
	.sec_01 .container .txt_area {height:650px;background:url(../img/60days/s1_txt_m.png) no-repeat}
	.sec_02 .container .txt_area {height:740px;background:url(../img/60days/s2_txt_m.png) no-repeat}
	.sec_03 .container .txt_area {height:430px;background:url(../img/60days/s3_txt_m.png) no-repeat}
	.sec_04 .container .txt_area {height:371px;background:url(../img/60days/s4_txt_m.png) no-repeat}	
	.sec_05 .container .txt_area .txt {height:105px;background:url(../img/60days/s5_txt_m.png) no-repeat}
	.sec_05 .container .txt_area .txt2 {height:55px;background:url(../img/60days/s5_txt2_m.png) no-repeat}
	
	.txt_end_area {padding:15px;background-color:#f3f0ec}
	.txt_end {height:114px;background:url('../img/60days/txt_end_m.png') no-repeat;}
	.btn_area .bf_finish_camp_btn {font-size:16px}
		
	.sec_top .container .txt_area,
	.sec_01 .container .txt_area,
	.sec_02 .container .txt_area,
	.sec_03 .container .txt_area,
	.sec_04 .container .txt_area,
	.sec_05 .container .txt_area .txt,
	.sec_05 .container .txt_area .txt2,
	.txt_end {background-size:contain;margin:0 auto;}
	
	.sec_top .txt_end_area {margin-top:180px;}
	.sec_05 .container .txt_area .btn_area {margin:25px 0 0 0}
	
	
	
}

@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 999px) {
}

@media (max-width: 767px) {
}