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

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

.healthcampaign .container  {margin-right: auto;margin-left: auto;padding-left:0;padding-right:0;position: relative;background-repeat:no-repeat;}
.healthcampaign .container:before,
.healthcampaign .container:after {content: " ";display: table;}
.healthcampaign .container:after {clear: both;}

/* button */
.btn_area .btn_join_healthcampaign {display:inline-block;padding:10px 0;line-height:120%;font-size:22px;font-weight: bold;color: #fff;text-align: center;letter-spacing:-1px; width:275px;background:#ff6c00}
.btn_area .btn_join_healthcampaign:hover, .btn_area .btn_join_healthcampaign:active {background:#151515}
.btn_area .btn_join_healthcampaign .info {display:block;font-size:18px;font-weight:normal}

.btn_area .btn_view {display:inline-block;padding:8px 20px;line-height:120%;font-size:16px;font-weight: bold;color: #fff;text-align: center;background:#151515}
.btn_area .btn_view:hover, .btn_area .btn_view:active {background:#ff6c00}

/** layout **/
.healthcampaign {background-color:#ffdfb9}


@media (min-width: 1000px) {
	.healthcampaign {padding-top:92px;padding-bottom:80px}
	.healthcampaign .container {position:relative;width:100%;background-position:center top;background-repeat:no-repeat}
	.sec_top {padding:0 0 55px 0}
	.sec_01,.sec_02 {padding:55px 0}
	.sec_03 {padding:35px 0}
	
	.sec_top .container {height:653px;background-image: url('../img/healthcampaign/top_txt.jpg');}
	.sec_01 .container {padding-top:120px;background-image: url('../img/healthcampaign/s1_txt.png');}
	.sec_02 .container {height:549px;background-image: url('../img/healthcampaign/s2_txt.png');}
	.sec_03 .container {min-height:356px;background-image: url('../img/healthcampaign/s3_txt.jpg');}
	
	.sec_top .btn_area .btn_join_healthcampaign {position:absolute;top:522px;left:50%;margin-left:22px}
	.sec_02 .btn_area .btn_view {position:absolute;top:369px;left:50%;margin-left:-173px}
	.sec_03 .btn_area {margin:0 auto;padding:220px 0 0 0;text-align:center}
	
	
	/* slide */
	.healthcampaign .healthslide li img {width:100% !important;height:auto !important;margin-bottom:14px !important}
	.healthcampaign .healthslide li a{line-height:1.5 !important}
	
	.sec_01 .health_list {display:none}
}

@media (max-width: 999px) {	
	/* common tablet & mobile text style*/
	.healthcampaign {color:#403a32}
	.healthcampaign .container {width:320px;background-size:contain}
		
	.sec_top {padding:80px 0 25px 0}
	.sec_01,.sec_02 {padding:25px 0}
	.sec_03 {padding:25px 0}
	
	.sec_top .container .txt_area {background-size:contain;margin:0 auto}
	
	.btn_area {margin:0 auto;text-align:center}
	.btn_area .btn_join_healthcampaign {font-size:18px}
	.sec_top .btn_area {margin-top:236px;}
	.sec_02 .btn_area {margin-top:521px;font-size:16px;}
	.sec_02 .btn_area .btn_view {padding:8px 10px;max-width:300px}
	.sec_03 .btn_area {margin-top:160px}
	
	.sec_top .container {height:392px;background-image: url('../img/healthcampaign/top_txt_m.jpg');}
	.sec_01 .container {padding-top:80px;background-image: url('../img/healthcampaign/s1_txt_m.png');}
	.sec_02 .container {height:634px;background-image: url('../img/healthcampaign/s2_txt_m.png');}
	.sec_03 .container {background-image: url('../img/healthcampaign/s3_txt_m.png');}	
	.sec_01 .health_list > li {
		position:relative;
		width:100%;max-width:300px;margin:20px auto;padding:25px;background:#fff;
		-webkit-box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.33);-moz-box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.33);box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.33);
		font-size:14px;color:#3d3d3d;line-height:1.6;
	}
	.sec_01 .health_list > li h3,.sec_01 .health_list > li h4 {
		display:block;position:relative;height:auto;line-height:1.4;text-indent:0;width:auto;
		margin-bottom:10px;color:#ff602f;font-weight:700;font-family: '맑은 고딕', 'Malgun Gothic','NanumBarunGothic', '돋움', 'dotum', 'Apple SD Gothic Neo', 'AppleGothic', sans-serif;
	}
	.sec_01 .health_list > li h3 {font-size:22px}
	.sec_01 .health_list > li h4 {margin-top:30px;font-size:17px}
	.sec_01 .health_list > li .num {position:absolute;top:-7px;left:0;width:28px;padding:3px 5px;background:#151515;color:#fff;font-weight:700;text-align:center}
	.business-post li {line-height:1.4;}
	.business-post li .thumbnail-excerpt {display:none}
	
	.healthcampaign .btn-pageup {border:#151515 1px solid}
}