@charset "utf-8";

/* 
	common  

	- 2019.09 1회차 / 코드 신규 작성
	- 2020.01 2회차 / 코드 일부 변경, 디자인 변경 
*/

	/* ◎ Typography */
	.clear {clear:both;}
	.text-center { text-align: center;}
	.clearfix:after { /* fur Firefox, IE8, Opera, Safari, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } * + html
	.clearfix { /* for IE7 */ display: inline-block; } * html .clearfix { /* for IE6 */ height: 1%; }
	/* For modern browsers */ .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfix { zoom:1; }
	

	/* main page */ 
		.sec_2 		{width: 94%; margin: 0 auto;}  
		.sec_2 p  	{text-align:justify; word-break: break-all;
						line-height:30px; 	 /* 행간, 줄간격 */
						letter-spacing: 0px; /* 자간, 글자간의 간격 */
						word-spacing: 3px;   /* 자간, 단어 사이의 간격 */ }
	
	
	/* ◎ URL 바로가기 / 카카오톡 보내기  */
		.urlCopyBtn {font-weight:normal; color:gray; text-decoration:none; color: white;font-size:12px; margin-right: 5px;}
		.urlCopyBtnIcon {border:1px solid gray; border-radius:3px; padding:2px 5px; color:#2D4F88; background-color:white;}
		.urlCopyBtnIcon a {color:white;}	
		#kakao-link-btn {font-weight:normal; color:gray; text-decoration:none; color: white;font-size:12px; padding-left: 5px;}
		.kakao_icon	{border:1px solid gray; border-radius:3px; padding: 2px 10px;	color:#2D4F88; background-color:white; }
 
 	/* ◎ index_page img hover effects_opacity */
		.hover figure img {width: 98%; margin: 0 auto; opacity: 1;	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
		.hover2 figure img {width: 100%; margin: 0 auto; opacity: 1;	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } /*2020.01.04 사업소개영역의 효과 추가 */
		
		@media all and (max-width: 700px) {
			.hover figure img {width: 100%;}
		}
		.hover figure:hover img {opacity: .5;}
		.hover2 figure:hover img {opacity: .5;} /*2020.01.04 사업소개영역의 효과 추가 */
		.column {margin:  px  px 0; padding: 0;}
		.column:last-child {padding-bottom: 0;}
		.column::after {content: '';clear: both; display: block;}
		.column div { position: relative; float: left;	width: 100%; height: 100%; margin: 0 0 0 0px; padding: 0;}
		.column div:first-child { margin-left: 0; }
		.column div span { position: absolute;	bottom: ; left: 0;	z-index: -1; display: block; width: 100%; margin: 0; 
		padding: 0; color: #444; font-size: 18px; text-decoration: none;	text-align: center;	-webkit-transition: .3s ease-in-out; 
		transition: .3s ease-in-out; opacity: 0;}
		figure { width: 100%;	height: 100%;	margin: 0;	padding: 0;	background: #fff;	overflow: hidden;}
		figure:hover+span { bottom: -36px;	opacity: 1;}


	/* ◎ Head_TOP Icon */
		.head_icon_container	{width:95%; max-width: 900px; margin: 0 auto; margin-bottom: -35px;}
	 	.head_icon_url 	 	{width: 25%; float: left; padding-top: 5px; }
	 	.head_icon_khealth 	{width: 75%; float: right; text-align: right; padding-top: 5px; }
		.head_icon_url .urlCopyBtn img {height: 65px; }
		.head_icon_url #kakao-link-btn1 img {height: 65px; }
		.head_icon_khealth img { height: 65px; padding-left: 5px;}

		/*.head_icon_container	{width:95%; max-width: 900px; margin: 0 auto; margin-bottom: -35px }
	 	.head_icon_url 	 	{width: 45%; float: left; padding-top:20px;}
	 	.head_icon_khealth 	{width: 55%; float: right; text-align: right; padding-top: 5px;}
		.head_icon_url .urlCopyBtn img {width:100%; max-width:100px;  }
		.head_icon_url #kakao-link-btn1 img {width:100%; max-width:120px;  }
		.head_icon_khealth img {width:100%; max-width:40px; padding-left: 8px;}*/


		
		@media all and (max-width:700px){
			.head_icon_container 	{width: 95%; max-width:600px;margin: 0 auto;margin-bottom: -15px}
				.head_icon_url 		{width: 98%; margin: 0 auto; padding:5px 0 5px 0;float: none; text-align: center; border:1px solid #1A827E;}
				.head_icon_khealth	{max-width: 100%; float: none; margin:0 auto; text-align: center;}
				.head_icon_url .urlCopyBtn img {width:100%; max-width:130px; padding-right:30px;padding-top:2px; height: auto;}
				.head_icon_url #kakao-link-btn2 img {width: 100%; max-width:150px; height:;}
				.head_icon_khealth {width:100%;}
				.head_icon_khealth>a>img {max-height: 55px; padding-left:2%;}

				/*.head_icon_container 	{width: 95%; max-width:600px;margin: 0 auto;margin-bottom: -15px}
				.head_icon_url 		{width: 98%; margin: 0 auto; padding:5px 0 5px 0;float: none; text-align: center; border:1px solid #1A827E;}
				.head_icon_khealth	{max-width: 100%; float: none; margin:0 auto; text-align: center;}
				.head_icon_url .urlCopyBtn img {width:100%; max-width:130px; padding-right:30px;padding-top:2px;}
				.head_icon_url #kakao-link-btn2 img {width: 100%; max-width:150px; }
				.head_icon_khealth {width:100%;}
				.head_icon_khealth>a>img {width:100%; min-width: 40px; padding-left:2%;}*/
		}
	 
	 	/* 2020.01/신년호 ICON 기존 7EA 에서 9EA로 변경에 따른 이미지 사이지도 재조정 */
	 	@media all and (max-width:550px){
				.head_icon_url .urlCopyBtn img {padding-right: 10px;}
				.head_icon_khealth>a>img {max-height: 57px; padding-left:1%;}

				/*.head_icon_url .urlCopyBtn img {padding-right: 10px;}
				.head_icon_khealth>a>img {width:100%; min-width: 45px; padding-left:1%;}*/
		}
 		@media all and (max-width:470px){
				.head_icon_url .urlCopyBtn img {padding-right:  0px; }
				.head_icon_url #kakao-link-btn2 img {width:100%; max-width:150px;}
				.head_icon_khealth>a>img {max-height:53px; padding-left:0%;}

				/*.head_icon_url .urlCopyBtn img {padding-right:  0px; }
				.head_icon_url #kakao-link-btn2 img {width:100%; max-width:150px;}
				.head_icon_khealth>a>img {width:100%; max-width: 38px; padding-left:0%;}*/
		}

		@media all and (max-width:420px){
				.head_icon_url .urlCopyBtn img {padding-right:  0px; }
				.head_icon_url #kakao-link-btn2 img {width:100%; max-width:150px;}
				.head_icon_khealth>a>img {max-height:50px; padding-left:0%;}

				/*.head_icon_url .urlCopyBtn img {padding-right:  0px; }
				.head_icon_url #kakao-link-btn2 img {width:100%; max-width:150px;}
				.head_icon_khealth>a>img {width:100%; max-width: 38px; padding-left:0%;}*/
		}

		@media all and (max-width:380px){
				.head_icon_url .urlCopyBtn img {padding-right:  0px; }
				.head_icon_url #kakao-link-btn2 img {width:100%; max-width:150px;}
				.head_icon_khealth>a>img {max-height:47px; padding-left:0%;}

				/*.head_icon_url .urlCopyBtn img {padding-right:  0px; }
				.head_icon_url #kakao-link-btn2 img {width:100%; max-width:150px;}
				.head_icon_khealth>a>img {width:100%; max-width: 38px; padding-left:0%;}*/
		}

	/* ◎ Head_Bootom Icon */
		.newsLetter {width:90%; max-width: 940px; padding: 0 5% 0 5%; margin:0 auto; background-color:   ;
					margin-top: -5px; text-align: right; }
		.newsLetter .newsLetter_01  {width:100%; max-width: 100px;}
		.newsLetter .newsLetter_02  {width:100%; max-width: 115px; padding-left: 10px;}
		@media all and (max-width:700px){
			.newsLetter {display: none;}

		}


#wrap{width:100%;height:auto;max-width:940px;margin: 0 auto;position:relative;overflow:hidden;background:#fff;}
	#header{position:relative;z-index: 4;width:100%;height:auto;padding-bottom: 40px;background:#fff;padding-top:12px;}
		.gnb-container{width:100%;height:auto}
			/* Page Title */
			.titleWrap{width:96%;margin:20px auto;height:100px;position:relative;box-sizing:border-box;border-top:6px solid #1A827E;border-left:6px solid #1A827E;border-right:6px solid #1A827E;color:#1A827E;}
			.titleWrap>p{z-index:3;position:absolute;background:#fff;box-sizing:border-box;border:1px solid #1A827E;left:50%;margin-left:-40px;top:-24px;}
			.titleWrap>p>img{width:80px;height:auto;}
			/********타이틀**********/
			.titleWrap>h2{z-index:2;position:absolute;line-height: 1.2;bottom:0;left:2%;font-size:20px;}
			.titleWrap>h2>span{display:block;}
			/********The 건강**********/
			.titleWrap>h1{z-index:9;text-align: center;width:100%;position:absolute;left:0;bottom:0;font-size:56px;line-height:1;}
			.titleWrap>h1>a{font-size:56px;line-height:1;color:#1A827E}
			/********발행년도 **********/
			.titleWrap>h3{z-index:1;position:absolute;line-height: 1.2;bottom:0;right:2%;font-size:18px;text-align: right;line-height: 1;}
			/********URL**********/
			.titleWrap>h3>span{font-size:14px;font-weight:700;line-height:1;margin-top:4px;display:block;}

			/* Desktop GNB Styles */
			.navWrap{display:block;width:96%;padding:2%;position:relative;}
			#nav{display:block;width:93%;float:left;}
			#nav>div{position:relative;float:left;height:60px;width:19.99999%;box-sizing: border-box;border-right:2px solid #fff;background: #1A827E;}
			/* 2020.01.04 대매뉴 항목 축소 
			#nav>div{position:relative;float:left;height:60px;width:16.6667%;box-sizing: border-box;border-right:2px solid #fff;background: #1A827E;}*/
				.menuOpen{width:7%;border:0;float:right;height:60px;background: #1A827E;}
				.navBt{display:flex;align-items: center;justify-content:center;width:100%;height:100%;color:#fff;text-align:center;line-height:1.6;font-size:14px;transition:all .4s}
				.navBt.hover{background:#bfcfe7;color:#1A827E;transition:all .4s}
					.navBtDeco{width:0px;height:10px;border-top:12px solid #bfcfe7;position:absolute;bottom:-20px;left:50%;margin-left:-10px;content:"";display:block;border-right:10px solid transparent;border-left:10px solid transparent;}
				.lineheight44px{line-height: 44px;}
				/* GNB Open Button */
				.menuOpen{display:flex;justify-content: center;align-items: center;}
					.menuOpenBt-wrap{display:block;z-index:10;width:28px;height:24px;}
					.menuOpenBt{display: block;width:100%;height:100%;position:relative;overflow: hidden;}
					.menuOpenBt>span{display: block;background: #fff;width:100%;height:4px;position:absolute;left:0;}
					.menuOpenBt>span:nth-child(1){top:0;}
					.menuOpenBt>span:nth-child(2){top:50%;margin-top:-2px;}
					.menuOpenBt>span:nth-child(3){bottom:0;}
				/* Sub Menu Styles */
				.navSubWrap{position:absolute;top:100%;display:flex;align-items: center;width:auto;padding-top:14%;}
				.posleft{left:-10px;}
				.posright{right:0;}
				.navSubWrap>span{display:inline-block;margin:0 1.5px;width:2px;height:12px;background: #1A827E}
				.navSubWrap>a{display:inline-block;padding:4px 6px;border:1px solid transparent;transition: all .4s;white-space: nowrap;font-size:14px;color:#1A827E;background:transparent;}
				.navSubWrap>a:hover{border:1px solid #1A827E;transition: all .4s;}

				
				/* Green Header */
				#header-green{position:relative;padding-top:8px;z-index: 4;width:100%;height:auto;padding-bottom: 40px;background:#1A827E;}
				#header-green .titleWrap{border-top:6px solid #fff;border-left:6px solid #fff;border-right:6px solid #fff;color:#fff;}
				#header-green .titleWrap>p{background: #1A827E;border:1px solid #fff;}
				#header-green .titleWrap>h1>a{color:#fff;}
				#header-green #nav>div{border-right:2px solid #1A827E;background: #fff;}
				#header-green .menuOpen{background: #fff;}
				#header-green .navBt{color:#1A827E;background: #fff;}
				#header-green .navBt.hover{color:#1A827E;background: #ffba5f;}
				#header-green .navBtDeco{border-top:10px solid #ffba5f;}
				#header-green .menuOpenBt>span{background:#1A827E;}
				#header-green .navSubWrap>span{background: #fff;}
				#header-green .navSubWrap>a{color: #fff;}
				#header-green .navSubWrap>a:hover{border:1px solid #fff;transition: all .4s;}

				@media all and (max-width:870px){
					.navBt_ex{display:flex;align-items: center;justify-content:center;width:100%;height:100%;color:#fff;text-align:center;line-height:1.6;font-size:14px;transition:all .4s}
					/* 2020.01.04 대매뉴 항목 축소로 인한 글자 폰트 변경, 대상은 [한국건강증진개발원 사업을 소개합니다.] */
				}

				@media all and (max-width:800px){
					.titleWrap>h2{bottom:65px;font-size: 20px;right:2%; text-align: right}
					.titleWrap>h3{font-size:18px}
					.navBt_ex{font-size:13px}
				}

				@media all and (max-width:700px){
					#header{padding-bottom:0;}
					#header-green{padding-bottom:0;}

					.titleWrap>h2{bottom:70px;font-size: 15px;} /*타이틀 */
					.titleWrap>h1{bottom:22px;}                 /*THE건강*/	
					.titleWrap>h2>span{display:inline;margin-left:8px;} 
					.titleWrap>h3{left:2%;text-align: left;bottom:10px;}

					.navWrap{width:auto;position:absolute;bottom:-16px;right:0;transition:all .4s;}
					#nav{display:none;}
						.menuOpen{width:60px;background: transparent;}
						.menuOpenBt>span{background: #1A827E;transition:all .4s;}

						#header-green .menuOpenBt>span{background: #fff;}

						#header-green .menuOpen{background: transparent;}
				}
				@media all and (max-width:585px){
					.titleWrap>h2{font-size:14px;}
					.titleWrap>h1>a{font-size:54px;} 		 
					.titleWrap>h1 {bottom: 10px;} 			 
					.titleWrap>h3{font-size:17px;}
					.titleWrap>h3>span{font-size:12px;margin-top:5px;}  
				}

				@media all and (max-width:560px){
					.titleWrap>h2{font-size:14px;}
					.titleWrap>h1>a{font-size:50px;} 		 
					.titleWrap>h1 {bottom: 10px;} 			 
					.titleWrap>h3{font-size:14.5px;}
					.titleWrap>h3>span{font-size:12px;margin-top:4px;}  
				}
				@media all and (max-width:470px){
					.titleWrap{height:86px;}
					.titleWrap>h2{font-size:14px; bottom: 60px;}  
					.titleWrap>h1>a{font-size:36px;} 			  
					.titleWrap>h1{bottom: 0px;} 				 
					.titleWrap>h3{font-size:14px;}
					.titleWrap>h3>span{font-size:10px;margin-top:4px;letter-spacing: -0.6px;} /* edit */
				}
				@media all and (max-width:440px){
					.titleWrap{height:86px;}
					.titleWrap>h2{font-size:14px; bottom: 60px;}  
					.titleWrap>h1>a{font-size:36px;} 			  
					.titleWrap>h1{bottom: 0px;} 				 
					.titleWrap>h3{font-size:13px;}
					.titleWrap>h3>span{font-size:10px;margin-top:4px;letter-spacing: -0.6px;} /* edit */
				}
				@media all and (max-width:420px){
					.titleWrap{height:86px;}
					.titleWrap>h2{font-size:12px;}  
					.titleWrap>h1>a{font-size:36px;} 
					.titleWrap>h3{font-size:13px; bottom:5px;}  
					.titleWrap>h3>span{display: none;}
				}
				@media all and (max-width:280px){
					.titleWrap{height:86px;}
					.titleWrap>h2{font-size:12px;}  
					.titleWrap>h1>a{font-size:25px;} 
					.titleWrap>h3{font-size:13px; bottom:5px;}  
					.titleWrap>h3>span{display: none;}
				}

	/* Mobile GNB Styles */
	.bgCurtain{position: absolute;top:0;left:0;width:100%;height:100%;background:#1A827E;opacity:.55;z-index: 6;}
	.mobGNB-container{position:absolute;width:300px;height:100%;right:-300px;top:0;z-index:8;background:#fff;}
	.mobGNB-container>div{width:90%;margin:0 auto;}
	.mobGNB-container>div:first-child{position:relative;z-index: 2;padding-top:72px;border-bottom:4px solid #1A827E;padding-bottom:8px;}
	.mobGNB-container>div>h2{display:block;color:#1A827E;font-size:20px;}
	.mobGNB-container>div>h2>span{font-size:14px;vertical-align: baseline;}
		#mobGNB{width:90%;margin: 0 auto;position:relative;z-index: 3;}
		#mobGNB>div{width:100%;border-bottom:1px solid #1A827E;background:#fff;}
		#mobGNB>div:last-child{width:100%;border-bottom:4px solid #1A827E}
		/* #mobGNB>div:nth-child(3)>a>span.moreBt-container{right:4%;top:29%;} */
		#mobGNB>div>a{color:#1A827E;padding:6%;display:block;font-size:18px;font-weight: bold;position:relative;}
		#mobGNB>div>a:hover{background: #dbe0f5;transition:all .4s;}
			.mobSubtitle{color:#1A827E;display:block;font-size:13px;padding-top:8px;}
			.moreBt-container{display:block;position:absolute;right:2%;top:30%;width:18px;height:18px;border:2px solid #1A827E;border-radius: 100%;}
				.moreBt{display:block;position:relative;width:100%;height:100%;}
				.moreBt>span{width:70%;height:2px;display:block;position:absolute;top:50%;left:17%;margin-top:-1px;background: #1A827E;}
				.moreBt>span:nth-child(2){transform: rotate(90deg);transition:all .3s;}
				.moreBt>span:nth-child(2).on{transform: rotate(0deg);transition:all .3s;}
			.mobSubMenu-container{display:block;border-radius:8px;background: #dadef0;position:relative;margin-bottom:10%;}
			.mobSubMenu-container::after{width:0px;height:6px;border-bottom:6px solid #dadef0;position:absolute;top:-12px;left:12px;content:"";display:block;border-right:6px solid transparent;border-left:6px solid transparent;transition: all .3s;}
			.mobSubMenu-container>a{display:block;width:86%;line-height:1.4;color:#1A827E;font-size:16px;font-weight: bold;padding: 6% 7%; border-bottom:1px solid #1A827E;}
			.mobSubMenu-container>a:last-child{border:0;border-radius:0 0 8px 8px}
			.mobSubMenu-container>a:first-child{border-radius:8px 8px 0 0}
			.mobSubMenu-container>a:hover{color:#fff;background:#ff9b05;transition:all .3s;}
	.mobGNB-container>div.closeBtWrap{position:absolute;top:40px;right:20px;width:24px;height:18px;z-index:7;}
	.mobGNB-container>div.closeBtWrap>p{display:block;z-index:10;width:24px;height:18px;}
	.mobGNB-container>div.closeBtWrap>p>a{display: block;width:100%;height:100%;position:relative;overflow: hidden;}
		.closeBt>span{display: block;background: #fff;width:100%;height:2px;position:absolute;left:0;transition:all .4s;}
		.closeBt>span:nth-child(1){top:0;}
		.closeBt>span:nth-child(1).on{top:50%;margin-top:-1px;transform:rotate(45deg);background:#1A827E;}
		.closeBt>span:nth-child(2){top:50%;margin-top:-1px;}
		.closeBt>span:nth-child(2).on{left:100%;background:#1A827E;}
		.closeBt>span:nth-child(3){bottom:0;}
		.closeBt>span:nth-child(3).on{bottom:50%;margin-bottom: :-1px;transform:rotate(-45deg);background: #1A827E;}
	/* Quick Menu */
	.qMenu{z-index:1;position:relative;width:76%;padding:40px 12%;}
		.qMenu>a{display:block;width:76%;margin:0 auto;background: #dadef0;border-radius:10px;padding:6% 0;text-align:center;color:#1A827E;font-size:16px;font-weight: bold;line-height: 20px;box-shadow: 1px 1px rgba(0,0,0,.25)}
		.qMenu>a:nth-child(2){margin-top:10px;}
		.qMenu>a>i{height:20px;display:inline-block;padding-right:4%;}
		.qMenu>a>i>img{height:100%;}
	

	/* Main Contents Styles */
	#main{position:relative;width:100%;height:auto;z-index: 1;}
		.main-container{position:relative;z-index:1;width:100%;margin: 0 auto;}
			.sec1Con{width:100%}
				.sec1Con>img{width:100%}

			.index_box {position:relative;z-index:7; width: 100%; max-width:940px;  }
				/* card type index */
				.index_box>div{float:left}
					.index_box_inner_1pic{width:100%;padding-bottom: 10px}
					.index_box_inner_1pic>img{width:98%;margin:0 auto;}
					.index_box_inner{width:50%;}
					.index_box_inner>figure{width:96%;display:block;padding:2%;}
					.index_box_inner>figure>a{width:100%;}
					.index_box_inner>figure>a>img{width:100%;}
							.indexTopDTImg{display:block;}
							.indexTopMobImg{display:none;}
 			 
				/* index_건강늬우스 및 사업소개 영역 / http://jsfiddle.net/agux8egw/4/ */
					.index_box_inner_coulmn {width:50%; display: flex; margin-top:-10px;}
					.container-outer {width: 96%; min-height: 250px; padding: 2%; 
						float: left; display: flex; align-items: stretch; /* tells boxes to stretch vertically (default value) */}
						.user-info {display: flex; /* nested flexbox, to enable flex properties */  flex-direction: column;
						    justify-content: center; align-items: center; width: 20%; font-weight: bold;
						    font-size: 22px; background-color:#077E7B; color: #85BCEA; box-sizing: border-box; overflow: none;  }
						.container-inner {display: flex; flex:1;  /* nested flexbox */ 
							flex-direction: column; width: 100%; overflow: none;}
						.post-content {display: flex; /* nested flexbox */ 
							justify-content: center; align-items: center;
							flex-grow: 1; /* box takes all available space (stretch, basically) */
							border: 1px solid white; font-weight: bold; 
							background-color: #8EB4AB;  color: #ffffff; box-sizing: border-box; overflow: auto; }
						.post-content_2 {display: flex; /* nested flexbox */ 
							justify-content: center; align-items: center;
							flex-grow: 1; /* box takes all available space (stretch, basically) */
						    border: 1px solid white; font-weight: bold; 
						    background-color: #8EB4AB; color: #ffffff;box-sizing: border-box; overflow: auto;   }
				 	    .post-content:hover {background:#bfcfe7;color:#1A827E;transition:all .4s}
				 	    .post-content p {text-align: center; color: #ffffff; font-size: 20px;}
				 	    .post-content_2:hover {background:#bfcfe7;color:#1A827E;transition:all .4s;}
						.post-content_2 span {color:#8FB9BB; font-size: 20px; }
						.post-content_2 p {text-align: center; color: #ffffff; font-size: 19px;}
 						
 						.imgexbt {position: relative;   }
 						.imgexbt img {width:100%; min-height: 250px; } /* 2020.01.04 사업소개영역을 이미지로 대체, 기준 건강늬우스에 맞춰 높이 비율 유지 250px */

		/* 모바일 <-> 데스크탑 이미지 교체   */
		.view_web{display:block;}
		.view_mobile{display:none;}

					@media all and (max-width:845px){
						.post-content p	{font-size: 18px;}
						.post-content_2 span {font-size: 18px;}
						.post-content_2 p {font-size: 17.5px;}
					}
					@media all and (max-width:750px){
						.post-content p {font-size: 17px;}
						.post-content_2 span {font-size: 17px;}
						.post-content_2 p {font-size: 16.3px;}
					}	
					@media all and (max-width:700px){
						.view_web{display:none;}
						.view_mobile{display:block;}
						.index_box>div{float:none; }
					    	.index_box_inner{max-width:600px;width:100%;margin:0 auto;}
							.index_box_inner>figure{width:100%;padding:0 0 2% 0;}
							.index_box_inner_1pic{max-width:600px;width:100%;margin:0 auto;}
							.index_box_inner_1pic>img{width:96%}

							.index_box_inner_coulmn {max-width:600px;width:100%;margin:0 auto;}
							.container-outer {width: 100%; padding:1% 0;}
							.post-content p {text-align: center; color: #ffffff; font-size: 22px;}
							.post-content_2 p {text-align: center; color: #ffffff; font-size: 21.5px;}
							.post-content_2 span { font-size: 22px;}
							.indexTopDTImg{display:none;}
							.indexTopMobImg{display:block;}
					}
					
 					@media all and (max-width:430px){
						.post-content p {font-size: 18px;}
						.post-content_2 p {font-size: 17px;}
						.post-content_2 span {font-size: 18px;}
					}
					@media all and (max-width:350px){
						.post-content p {font-size: 14px;}
						.post-content_2 p {font-size: 13.5px;}
						.post-content_2 span {font-size: 13px;}
					}
					@media all and (max-width:300px){
						.post-content p {font-size: 12px;}
						.post-content_2 p {font-size: 11.5px;}
						.post-content_2 span {font-size: 12px;}
					}
					@media all and (max-width:250px){
						.post-content p {font-size: 12px;}
						.post-content_2 p {font-size: 11.5px;}
						.post-content_2 span {font-size: 11px;}
					}
				 
						 

		/* 이동 버튼  */
		.goBotBtWrap{position: absolute;top:20px;right:20px;z-index:99;width:32px;height:32px;background:#fff;opacity:.65;}
		.goBotBtWrap:hover{opacity:1;transition:all .4s;}
		.goBotBtWrap>a{display:block;transition:all .4s}
		.goBotBtWrap>a:hover{display:block;transition:all .4s;background:#1A827E}
		.goBotBtWrap>a>img{display:block;width:100%;height:100%}
		.goTopBtWrap{position: absolute;bottom:2px;right:30px;z-index:99;width:32px;height:32px;background:#b9c2ea;background:#fff;opacity:.65;}
		.goTopBtWrap:hover{opacity:1;transition:all .4s;}
		.goTopBtWrap>a{display:block;transition:all .4s;}
		.goTopBtWrap>a:hover{display:block;transition:all .4s;background:#1A827E}
		.goTopBtWrap>a>img{display:block;width:100%;height:100%}

		/*.goBotBtWrap{position: absolute;top:20px;right:20px;z-index:99;width:32px;height:32px;background:#fff;opacity:.65;}
		.goBotBtWrap:hover{opacity:1;transition:all .4s;}
		.goBotBtWrap>a{display:block;transition:all .4s}
		.goBotBtWrap>a:hover{display:block;transition:all .4s;background:#1f2f7f}
		.goBotBtWrap>a>img{display:block;width:100%;height:100%}
		.goTopBtWrap{position: absolute;bottom:20px;right:20px;z-index:99;width:32px;height:32px;background:#b9c2ea;background:#fff;opacity:.65;}
		.goTopBtWrap:hover{opacity:1;transition:all .4s;}
		.goTopBtWrap>a{display:block;transition:all .4s;}
		.goTopBtWrap>a:hover{display:block;transition:all .4s;background:#1f2f7f}
		.goTopBtWrap>a>img{display:block;width:100%;height:100%}*/

	
	/* Sub Page Contents Styles */
	#subMain{position:relative;width:100%;height:auto;z-index: 1;}
	#subMain .main-container{position:relative;z-index:1;width:100%;margin: 0 auto;}
	#subMain #sec1{width:96%;margin:0 auto;}
		.pageTitleWrap{width:100%;box-sizing:border-box;border:6px solid #1A827E;position:relative;color:#1A827E;margin-top:30px;margin-bottom:50px;}
		.pageTitleWrap>h1{text-align: center;font-size:36px;padding:40px 0;}
			.upword{position:absolute;top:-12px;background: #fff;width:34%;left:33%;font-weight:700;font-size:16px;text-align: center;}
			.botword{position:absolute;bottom:-16px;background: #fff;width:34%;left:33%;font-weight:700;font-size:16px;text-align: center;}
	
	@media all and (max-width:700px){
		.pageTitleWrap{width:100%;box-sizing:border-box;border:6px solid #1A827E;position:relative;color:#1A827E;margin-top:30px;margin-bottom:50px;}
		.pageTitleWrap>h1{text-align: center;font-size:25px;padding:40px 0;}
			.upword{position:absolute;top:-12px;background: #fff;width:34%;left:33%;font-weight:700;font-size:16px;text-align: center;}
			.botword{position:absolute;bottom:-16px;background: #fff;width:34%;left:33%;font-weight:700;font-size:16px;text-align: center;}
	}
	/* Footer Styles  
	#footer{position: relative;width:100%;height:120px ;background: #484542;z-index:2;} */
	#footer{position:relative; width:100%; background: #484542;z-index:2;}
	.footer-container 	{color: white; padding: 10px 0;}
		.footer_logo 		{float: left; width: 30%;  text-align: center; }
			.footer_logo_sns	 {display: block; }
			.footer_logo img     {width:100%; max-width: 180px; vertical-align: middle; }
			.footer_logo_sns img {width:100%; max-width: 40px;}

		.footer_copyright 	{float: left; width: 65%; padding-right:5%; color: white; font-size: 12px; vertical-align: middle;
							text-align:justify; word-break: break-all; margin-top:10px;
							line-height:22px; 	 /* 행간, 줄간격 */
							letter-spacing: 0px; /* 자간, 글자간의 간격 */
							word-spacing: 3px;   /* 자간, 단어 사이의 간격 */ 
						 
						    }
   		@media all and (max-width:700px){
	  		#footer{background: #484542;}
			.footer-container {width: 100%; background: #484542; z-index:2; padding: 15px 0;}
			.footer_logo 	  {width: 100%; float:none; text-align: center; margin-top: 0px;  }
			.footer_copyright {float:none; width: 90%; padding-left: 5%; padding-right: 0 5% 0 5%;  
  							color: white; font-size: 12px; margin-top: 5px;}
			.footer_logo_sns  	 {display: inline; vertical-align: bottom; padding-bottom: 5px;}
			.footer_logo img     {width:100%; max-width: 130px;}
			.footer_logo_sns img {width:100%; max-width: 37px; }

     	}

		@media all and (max-width:280px){
	  		#footer{background: #484542;}
			.footer-container {width: 100%; background: #484542; z-index:2; padding: 15px 0;}
			.footer_logo 	  {width: 100%; float:none; text-align: center; margin-top: 0px;  }
			.footer_copyright {float:none; width: 90%; padding-left: 5%; padding-right: 0 5% 0 5%;  
  							color: white; font-size: 12px; margin-top: 5px;}
			.footer_logo_sns  	 {display: inline-block; vertical-align: bottom; padding-bottom: 5px;}
			.footer_logo img     {width:100%; max-width: 130px;}
			.footer_logo_sns img {width:100%; max-width: 37px; }

     	}