/* */
#main-cnt-box{width:100%; position:relative;  padding-bottom:10px;} /*메인비쥬얼 컨텐츠 영역 전체 테두리 */
#main-cnt-box .main-cnt-box-area{width:100%; overflow:hidden; } /* 메인비쥬얼 컨텐츠 영역 - 첫 번째 테두리 */

@media all and (min-width:1210px){
  #main-cnt-box .main-cnt-box-area{height:800px;  }
}
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{position:relative; width:100%; margin:0 auto; max-width:1255px} /* 컨텐츠 영역*/

/* 상단 탭 메뉴 */
.main-tabmenu-div{width:100%; position:absolute; left:0; top:0}
.main-tabmenu-div .width-div{/* width


:1240px; */ max-width:1240px;margin:0 auto; position:relative; padding-top:25px}

		/* 날씨정보 탭4개 모두 공통*/
		.width-div .weather{font-size:16px; width:27%; padding-left:20px}
		.width-div .weather .img{display:inline-block; vertical-align:middle}
		.width-div .weather .img img{margin-right:15px;}
		.width-div .weather .info {display:inline-block; vertical-align:middle}
		.width-div .weather .info strong{color:#108ad3; font-size:26px;}

											  .width-div ul{position:absolute; right:0; top:35px; z-index:10}
											  .width-div li{display:inline-block; background:#fff; box-shadow:3px 3px 5px  #ccc; padding:12px 27px; margin-right:2px; font-size:17px; font-weight:300; cursor:pointer}
											  .width-div .on{ background:#3898d2; color:#fff; cursor:pointer }

		#main_page_btn2.on{background-color:#67ae44; color:#fff; cursor:pointer}
		#main_page_btn3.on{background-color:#8355c8; color:#fff; cursor:pointer}
		#main_page_btn4.on{background-color:#ff7200; color:#fff; cursor:pointer}


/* 상단 텍스트 영역 */
#content-top{width:100%; max-width:1250px; height:auto; margin:0 auto; padding:25px 0 45px 0; position:relative;}
#content-top  .main-txt{text-align:center; margin:0 auto; padding-right:100px; width:70%; font-weight:300; margin-top:0px; font-size:35px;}
#content-top  .main-txt span{text-align:center;x; font-size:37px }
#content-top .main-txt div:first-child{display:inline-block; vertical-align:top; font-weight:300;x; font-size:37px }
#content-top .main-txt div:last-child{display:inline-block; vertical-align:top;x; font-size:37px}
#content-top  .main-txt .t-b{color:#3898d2}
#content-top  .main-txt .t-o{color:#f08200}
#content-top  .main-txt strong{color:#3898d2; font-weight:400}
#content-top  .main-txt strong span{font-weight:400}
#content-top  .main-txt strong .t-g{color:#70b04a}

/* 두번째 탭 상단 텍스트 */
#content-top .main-txt-pgm{text-align:center; font-size:38px; margin:0 auto; padding-right:55px; width:40%}
#content-top .main-txt-pgm span{text-align:center; font-size:38px}
#content-top .main-txt-pgm div{display:inline-block; vertical-align:top; font-size:38px; font-weight:300;}
#content-top .main-txt-pgm .t-b{color:#3898d2; font-weight:300}
#content-top .main-txt-pgm .t-v{color:#cc58c0; font-weight:300}

/* 세번째 탭 상단 텍스트 */
#content-top .main-txt-rnd{text-align:center; font-size:38px; margin:0 auto; padding-right:55px; width:40%;}
#content-top .main-txt-rnd span{text-align:center; font-size:38px}
#content-top .main-txt-rnd div{display:inline-block; vertical-align:top; font-size:38px; font-weight:300; ;}
#content-top .main-txt-rnd .t-p{color:#8355c8; font-weight:300}
#content-top .main-txt-rnd .t-gr{color:#a39a88; font-weight:300}

/* 네번째 탭 상단 텍스트 */
#content-top .main-txt-exp{text-align:center; margin-left:65px; width:80%;}
#content-top .main-txt-exp div, #content-top .main-txt-exp span{font-size:38px;  letter-spacing:-4px;}
#content-top .main-txt-exp .t-b{color:#108ad3; font-weight:300}


/* 배경이미지 */
.bgimg{position:absolute; width:100%; height:100%;  top:0px; background:#eaf8fe /*url(/assets/images/main/main-cnt-01-bg.jpg) no-repeat top center*/; z-index:-2; }
.bgimg2{position:absolute; width:100%; height:100%; top:0px; background:#f3ffe3 /*url(/assets/images/main/main-cnt-02-bg.jpg) no-repeat top center*/; z-index:-2;}
.bgimg3{position:absolute; width:100%; height:100%; top:0px; background:#faf1fe /*url(/assets/images/main/main-cnt-03-bg.jpg) no-repeat top center*/; z-index:-2;}
.bgimg4{position:absolute; width:100%; height:100%; top:0px; background:#fff7f0 /*url(/assets/images/main/main-cnt-04-bg.jpg) no-repeat top center*/; z-index:-2;}

/* 쉴랜드 */
#shil-land{position:relative; width:50%; max-width:615px; height:289px; border:1px solid #dee0e4;box-shadow:3px 3px 4px #eaeaea; display:inline-block; vertical-align:top; margin-bottom:15px; ; margin-right:15px; background:url(/assets/images/main/shil-land-img.jpg) no-repeat top center; background-size:cover}
#shil-land p{font-size:26px; font-weight:400; text-align:center; padding:20px 0 0 0; width:100%}
#shil-land p b{color:#f08200}
#shil-land .land-btn{position:absolute; bottom:-10px; width:100%;}
#shil-land .land-btn ul{display:table; width:100%;}
#shil-land .land-btn ul li{color:#fff; display:table-cell; text-align:center;  padding:8px 0; font-size:18px;    width: 33%;}
#shil-land .land-btn ul li img{margin-right:3px}
#shil-land .land-btn li:first-child{background:#4494c4}
#shil-land .land-btn li:nth-child(2){background:#57acdf}
#shil-land .land-btn li:last-child{background:#7eb85c}
#shil-land .shil-bg-img{position:absolute; top:0px; z-index:-1;width:100%}
#shil-land .shil-bg-img img{width:100%; }
#shil-land a{color:#fff}
#shil-land small{display:block; font-size:16px; letter-spacing:-0.03em; color:#777}


/* 팝업존 */
#popup-zone{position:relative; width:618px; height:288px; padding:0px; border:1px solid #dee0e4;box-shadow:3px 3px 4px #eaeaea;display:inline-block; vertical-align:top;margin-bottom:15px; background:#fff}
#popup-zone .pop-tit{position:absolute; font-size:16px; font-weight:400; top:15px;left:15px; width:95%; z-index:10}
#popup-zone .pop-tit span{position:absolute; right:0}
#popup-zone .pop-cnt{margin:0; padding:0; position:relative; overflow:hidden; height:100%; max-height:288px;}
#popup-zone .pop_area{width:100%; height:100%; overflow:hidden}
#popup-zone .pop_area img{width:100%}
#popup-zone .pop-cnt>p{padding:18px 0 0 0; font-size:24px; line-height:18px; letter-spacing:-2px; font-weight:400; width:55%; word-wrap:break-all; word-break:keep-all}
#popup-zone .pop-cnt>p>span{font-size:15px; line-height:14px color:#686868; font-weight:200; letter-spacing:-0.10em}
#popup-zone .pop-bg{position:absolute; right:0; top:0; left:0px; bottom:0; z-index:-1; }
#popup-zone .pop-cnt .pop_area{position:absolute; z-index:999}
#popup-zone .bar-info{width:60%; color:#f18e1f; font-weight:400; padding-top:20px;}
#popup-zone .bar-info strong{color:#f18e1f; line-height:30px; }
#popup-zone .bar-info .bar{background:#5b5b5b ; border-radius:10px;  height:13px; position:relative }
#popup-zone .bar-info .ptn{background:url(/assets/images/main/popupzone-bar-ptn.png) repeat-x ; position:absolute; left:0px; width:100%; z-index:2}
#popup-zone .bar-info .bar .bar-progress{border-radius:10px;  background:#f08200; width:70%; position:absolute; left:0; height:13px;}
#popup-zone .ln-btn a{font-size:14px; font-weight:300; margin-top:10px; color:#545454}
#popup-zone .ln-btn a img{vertical-align:middle; margin-bottom:3px}



 /* 공지 */
  #notice-box{position:relative; width:615px; height:290px; background:url(/assets/images/main/news-tab-bg.gif) /*#edf1f5*/; border:1px solid #dee0e4;box-shadow:3px 3px 4px #eaeaea;display:inline-block; vertical-align:top; margin-right:15px;}
  #notice-box>ul{margin:0; padding:0; width:100%;}
  #notice-box>ul li{float:left} 

					 #news-tabmenu {
					  border-right: 1px solid #dee0e4;
					  border-left: 1px solid #dee0e4;
					  border-bottom: 1px solid #dee0e4;
					  width: 100%; 
					}

					ul#news-tabmenu {
					  padding: 0;
					}

					#news-tabmenu ul{width:100%; }
					#news-tabmenu li {
					  list-style: none;
					  border-right:1px solid #dee0e4;
					  border-bottom: 0px solid #dee0e4;

					}

					#news-tabmenu>li a {
					  display: block;
					  padding: 15px 20px;
					  background: #edf1f5; 
					  text-decoration: none;
					  color: #000;
					  font-size:18px
					}
/* 탭 */
					#news-tabmenu>li a:hover, #news-tabmenu>li a.active {
					  background: #fff;
					  color: #;
					  border-bottom:1px solid #fff;
					  font-weight:300
					}

					#news-tabmenu .tabmenu-sub {
					  display: none;
					  /* I NEED TO FIX THIS */
					  float: left;
					  background: #fff;
					  overflow: hidden;
					  padding: 3%;
					  width:100%;	
					  left:0px;
					}

					#news-tabmenu .tabmenu-sub .n-list{height:30px}
					#news-tabmenu .tabmenu-sub .n-list a{padding:0px; border-bottom:0; border-top:0px; }
					#news-tabmenu .tabmenu-sub .n-list span{float:left;}
					#news-tabmenu .tabmenu-sub .n-list span:first-child{background:url(/assets/images/main/bullet-dot.gif) no-repeat 0 10px; padding-left:8px;}
					#news-tabmenu .tabmenu-sub .n-list span:last-child{float:right; color:#757575}
					
					#news-tabmenu .tabmenu-sub-box{width:95%; margin:0 auto;}

					.no-js #news-tabmenu .tabmenu-sub {
					  display: block
					  /* I NEED TO FIX THIS */
					}

					#news-tabmenu>li>ul>li a {
					  padding: 10px 25px;
					  border-bottom: 1px dotted #ccc;
					}

				/* 공지사항 모어 */
					#notice-box .more-btn{position:absolute;  height:56px; padding:15px 0 0 0;  right:0; text-align:right}
					#notice-box .more-btn p{margin:0; padding:0 10px 0 0; font-size:13px;}
					#notice-box .more-btn p a{font-size:inherit}

				/* 공지사항 최근글 */
					  .recent-list{border-bottom:1px solid #e3e3e3; padding:20px 0 15px 0; margin-bottom:20px;}
					  .recent-list p{display:inline-block; font-size:15px; line-height:30px; vertical-align:top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
					  .recent-list p strong{color:#3898d2; font-size:33px}
					  .recent-list p:first-child{width:90px; vertical-align:top;}
					  .recent-list .r-list{}
					  .recent-list .r-list strong{font-size:20px; color:#000; font-weight:300}
#news-tabmenu .tabmenu-sub{position: absolute; display:block}


@media all and (min-width:0px) and (max-width:550px){
#shil-land{}
#shil-land p{font-size:22px; line-height:20px;}
#shil-land a{font-size:15px}

.recent-list a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recent-list p:last-child{/*width:75%;*/max-width:60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#news-tabmenu .tabmenu-sub .n-list span:first-child{width:75%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media all and (min-width:551px) and (max-width:750px){
 .r-list{width:82%; }
 .recent-list {padding:8px 0 8px 0}
 #news-tabmenu .tabmenu-sub{}
}


/* 건강장수 */
  #longlife-box{position:relative; cursor:pointer; background-repeat:no-repeat; background:#fff;background-size:cover; border:1px solid #e9e9e9; box-shadow:3px 3px 4px #eaeaea; width:305px; height:290px; padding:20px 25px 25px 25px; display:inline-block; vertical-align:top; overflow:hidden; margin-right:15px; }
  #longlife-box .tit{position:relative; font-size:18px; line-height:32px; font-weight:400; z-index:10}
  #longlife-box .tit b{margin:0px; padding:0 5px; background:#b2810a; color:#fff; font-size:135%; text-align:center}
  #longlife-box p{position:relative; color:#676767; margin:0; padding:18px 0; width:65%; letter-spacing:-0.05em; font-size:92%; word-wrap:break-all; word-break:keep-all; z-index:10}
  #longlife-box .link-btn{position:relative; background:url(/assets/images/main/org-btn.gif) no-repeat; color:#fff; font-size:13px; letter-spacing:-1px; height:26px; padding:4px 0 0 6px; z-index:10}
  #longlife-box .life-bg{position:absolute; right:0; bottom:0;  z-index:0}
  #longlife-box .life-bg>img{width:100%}

/* 라이프 */
  #life-info{position:relative;cursor:pointer; border:1px solid #e9e9e9; box-shadow:3px 3px 4px #eaeaea; width:296px; height:290px; padding:20px 25px 25px 25px;display:inline-block; vertical-align:top; overflow:hidden; background:#fff}
  #life-info .ctgry-name{position:relative; font-size:16px; font-weight:400; z-index:10}
  #life-info p{position:relative; font-size:24px; width:50%; line-height:30px; letter-spacing:-2px; font-weight:300; padding:20px 0 0 0; word-wrap:break-all; word-break:keep-all; z-index:10}
  #life-info .life-bg{position:absolute; right:0; bottom:0;  z-index:}
  #life-info .life-bg>img{width:100%; height:auto;}

  /*------------ 2번째 탭 ------------------*/
  /* 교육안내 
  #edu-guide-box{position:relative; border:1px solid #e9e9e9; box-shadow:3px 3px 4px #eaeaea; background:#fff; width:454px; height:307px; padding:20px 20px 25px 20px; display:inline-block; vertical-align:top; overflow:hidden;}
  #edu-guide-box .tit{position:relative; font-size:18px; font-weight:400; width:96%; margin:0 auto }
  #edu-guide-box .tit span{position:absolute; right:0; top:5px; font-size:22px;}
  #edu-guide-box a{font-weight:300; color:#2e2e2e}
  #edu-guide-box ul{margin:0px; padding:10px 0 0 0}
  #edu-guide-box li{background:url(/assets/images/main/icon-circle-green-arrow.png) no-repeat 10px 10px; margin:0 3px 7px 3px; border:1px solid #67ae44; float:left; padding:14px 12px 14px 50px; width:48.5%; font-weight:bold}
  #edu-guide-box li a:hover{color:#67ae44}
  #edu-guide-box .cat-down-btn{clear:left; background:#67ae44; color:#fff; font-size:16px; padding:13px 0; display:block; margin:0 auto; text-align:center; width:99%}
  #edu-guide-box .cat-down-btn img{vertical-align:middle; margin:0 0 5px 5px;}
  #edu-guide-box .cat-down-btn:hover{background:#2e2e2e;}
  #edu-guide-box .cat-down-btn a{color:#fff}*/

  /* 교육안내 */
  #edu-guide-box{position:relative; border:1px solid #e9e9e9; box-shadow:3px 3px 4px #eaeaea; background:#fff; width:454px; height:307px; padding:20px 20px 25px 20px; display:inline-block; vertical-align:top; overflow:hidden;}
  #edu-guide-box .tit{position:relative; font-size:18px; font-weight:400; width:96%; margin:0 auto }
  #edu-guide-box .tit span{position:absolute; right:0; top:5px; font-size:22px;}
  #edu-guide-box a{font-weight:300; color:#2e2e2e}
  #edu-guide-box ul{margin:0px; padding:15px 0 0 0}
  #edu-guide-box li{background:url(/assets/images/main/icon-circle-green-arrow.png) no-repeat 12px 17px; margin:0 3px 10px 3px; border:1px solid #67ae44; float:left; padding:20px 12px 20px 50px; width:48.5%; font-weight:bold}
  #edu-guide-box li a:hover{color:#67ae44}
  #edu-guide-box li:hover{background:url(/assets/images/main/icon-circle-green-arrow.png) no-repeat 12px 17px #67ae44}
  #edu-guide-box li:hover a{color:#fff}

  /* 교육 및 체험프로그램 접수현황 */
   #apply-list-box{position:relative; border:1px solid #bbcfb1; box-shadow:3px 3px 4px #eaeaea; background:#fff; width:782px; height:306px; padding:20px 20px 25px 20px; display:inline-block; vertical-align:top; overflow:hidden; margin-right:15px;}
  #apply-list-box .tit{position:relative; font-size:18px; font-weight:400; width:100%; margin:0 auto; padding-bottom:12px; }
  #apply-list-box .tit span{position:absolute; right:0; top:5px; font-size:22px;}   
 
  #apply-box{position:relative; width:100%; height:290px; background:#67ae44; }
  #apply-box>ul{margin:0; padding:0; width:100%;}
  #apply-box>ul li{float:left} 

					 #apply-tabmenu {
					  width: 100%; 
					}

					ul#apply-tabmenu {
					  padding: 0;
					  width:100%; 
					}


					#apply-tabmenu ul{width:100%; display:table}
					#apply-tabmenu li {
					  list-style: none;
					  display:table-cell;
					  width:20%;
					  text-align:center;
					}
					

					#apply-tabmenu>li a {
					  display: block;
					  padding: 7px 0 7px 0;
					  width:100%;
					  background: #67ae44; 
					  text-decoration: none;
					  color: #fff;
					  font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
					}
/* 탭 */
					#apply-tabmenu>li a:hover, #apply-tabmenu>li a.active {
					  background: #553621;
					  color: #fff;
					  font-weight:300;				
					}


					#apply-tabmenu .tabmenu-sub {
					  display: none;
					  /* I NEED TO FIX THIS */
					  background: #fff;
					  overflow: hidden;
					  padding: 1%;
					  width:100%;	
					}
					#apply-tabmenu .tabmenu-sub-box{width:95%; margin:0 auto;}

					.no-js #apply-tabmenu .tabmenu-sub {
					  display: block
					  /* I NEED TO FIX THIS */
					}

					#apply-tabmenu>li>ul>li a {
					  padding: 10px 25px;
					  border-bottom: 1px dotted #ccc;
					}


  table#m-pg-tble{}
  table#m-pg-tble th{position:relative; border-bottom:1px solid #dbdbdb; border-bottom:1px solid #e2e2e2; font-size:14px; text-align:center; padding:2px 0 5px 0; font-weight:300}
  table#m-pg-tble td, table#m-pg-tble tr{font-size:14px; text-align:center; padding:6px 0 !important; }
  table#m-pg-tble td:first-child{text-align:left !important}
  table#m-pg-tble b{font-size:15px; font-weight:300}
  table#m-pg-tble strong{color:#f08200; font-weight:200}
  table#m-pg-tble th .line{position:absolute; right:0px; top:0px; height:6px; color:#dedede; text-align:center; text-align:right}

  .icon-edu{background:#f08200; font-size:12px; text-align:center; width:33px; color:#fff; float:left; margin-top:2px; margin-right:5px;}
  .icon-exp{background:#67ae44; font-size:12px; text-align:center; width:33px; color:#fff; float:left; margin-top:2px; margin-right:5px;}
  .icon-end{margin:0 auto; background:#8d8d8d; color:#fff; font-size:12px; text-align:center; width:55px;}
  .icon-ing{margin:0 auto; background:#fff; color:#ff6c00; font-size:12px; text-align:center; width:55px; border:1px solid #f6a366}
  .icon-eend{margin:0 auto; background:#fff; color:#8d8d8d; font-size:12px; text-align:center; width:55px; border:1px solid #8d8d8d}



  /*--------------------------------------- 반응형 -------------------------------------------------*/

/* 교육신청현황 */
					@media only screen and (min-width: 400px) {
					  #apply-tabmenu {
						width: 100%;
						position: relative;
						border: none;
					  }

					  #apply-tabmenu>li {
						display: inline; 
					  }

					  #apply-tabmenu>li>a {
						display: inline-block;
					  }

					  #apply-tabmenu .tabmenu-sub {
						padding: 1%;
						position: absolute;
						top: 35px;
						left: 0;
						height:231px;
					  }
					}


#edu-program-roll{width:100%; max-width:1255px; margin:0 auto; padding-bottom:8px; margin-bottom:10px;}
#edu-program-roll ul{background:#fff; }
#edu-program-roll li{display:inline-block; margin-right:1px; border:1px solid #e9e9e9; box-shadow:3px 3px 6px #dbdbdb; position:relative}
#edu-program-roll li:lst-child{margin-right:0px}
#edu-program-roll .epr-img{height:217px;width:100%; max-width:246px; }
#edu-program-roll .epr-img img{height:217px;width:246px }
#edu-program-roll .epr-txt{font-size:18px; font-weight:300; text-align:center; padding:13px 0;background-color: #fff;}

	#edu-program-roll .pgm-on{width:275px; height:300px; position:absolute; z-index:10; /*margin:-20px 0 0 -20px*/; border:3px solid #fff; top:-15px;}
	#edu-program-roll .back{position:absolute; background:#56301e; width:100%; height:290px; opacity:0.95; top:0; left:0px; z-index:-1}
	#edu-program-roll .pgm-box{width:100%; padding:15px 20px; text-align:center; }
	#edu-program-roll .pgm-box .ptit{color:#fcdf83; font-size:23px; font-weight:400;  padding-bottom:10px;}
	#edu-program-roll .pgm-box .ptxt{clear:both; text-align:left; padding-bottom:10px; display:table}
	#edu-program-roll .pgm-box .ptxt span{display:table-cell}
	#edu-program-roll .pgm-box span{vertical-align:middle; color:#fff; margin-right:5px;}
	#edu-program-roll .pgm-box .subject{display:inline-block; background:#bc7c5d; color:#fff; padding:5px 0 5px 0; text-align:center; width:50px; margin-right:4px; letter-spacing:-1px; font-size:16px;}
	#edu-program-roll .pgm-box .info{display:inline-block; font-size:95%; letter-spacing:-0.06em; padding-left:10px;}
	#edu-program-roll .pgm-btn{}
	#edu-program-roll .pgm-btn .left-btn{position:absolute; left:-60px; top:33%}
    #edu-program-roll .pgm-btn .right-btn{position:absolute; right:-60px; top:33%}

/*-- 3번째 탭 --*/
  /* rnd 
  #rnd-box{position:relative; border:1px solid #e9e9e9; box-shadow:3px 3px 4px #eaeaea; background:#fff; width:100%; padding:0; background:url(/assets/images/main/rnd-invest-img.jpg) no-repeat top right}
  #rnd-box .rnd-invest{width:100%; height:365px; padding:30px 0 0 50px;}
  #rnd-box .rnd-invest .tit{color:#a39a88; font-size:60px; font-weight:400; letter-spacing:1px}
  #rnd-box .rnd-invest .tit b{color:#8355c8; font-size:60px;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:25px; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{color:#515050; font-size:17px; width:80%; max-width:450px; padding:40px 0 0 0; font-weight:300} 
  
  
  
  		.invest-part{clear:left; background:#8355c8;padding:30px 30px 0 30px;height:140px; }
		.invest-part .r-tit{font-size:25px; font-weight:400;  color:#fff; float:left; width:170px; height:80px; text-align:center; border-right:1px solid #9c77d3; padding-top:20px; padding-right:30px; margin-right:20px}
		.invest-part .r-list{color:#fff; float:left; padding-top:2px; width:100%; max-width:1000px;}
		.invest-part .r-list ul{width:100%; padding-bottom:30px; }
		.invest-part .r-list li{float:left;color:#fff; font-size:18px; height:80px; font-weight:300; text-align:center; width:25%; border-right:1px solid #9c77d3; }
		.invest-part .r-list li img{margin-right:4px; margin-bottom:10px;}
		.invest-part .r-list li div{display:block; text-align:center; color:#fff; font-size:18px}
		.invest-part .r-list li:last-child{border-right:0}
  
  나중에 활성화*/
  

  #rnd-box{position:relative; border:0px solid #e9e9e9; background:#fff; box-shadow:3px 3px 4px #eaeaea; background:#fff; width:100%; padding:0; }
  #rnd-box .rnd-invest{width:100%; height:366px; padding:30px 0 0 50px; background:url(/assets/images/main/rnd-invest-img.jpg) no-repeat top right;}
  #rnd-box .rnd-invest .tit{color:#a39a88; font-size:60px; font-weight:400; letter-spacing:1px; padding-top:30px;}
  #rnd-box .rnd-invest .tit b{color:#8355c8; font-size:60px;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:25px; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{color:#515050; font-size:17px; width:80%; max-width:450px; padding:40px 0 0 0; font-weight:300}

    

		.main-result{background:#a39a88; padding:30px 30px 0 30px; height:90px;}
		.main-result .r-tit{font-size:25px; font-weight:400;  color:#fff; float:left; width:170px; text-align:center; border-right:1px solid #c8c2b8; padding-right:30px; margin-right:20px}
		.main-result .r-list{color:#fff; float:left; padding-top:2px; width:100%; max-width:1000px;}
		.main-result .r-list ul{width:100%; padding-bottom:30px; }
		.main-result .r-list li{float:left;color:#fff; font-size:18px; height:30px; font-weight:300; text-align:center; width:19%; cursor:pointer}
		.main-result .r-list li img{margin-right:4px}
		.main-result .r-list a{color:#fff; display:block}
		.main-result .r-list a:hover{color:#e5d8ce !important}




		.invest-part{clear:left; background:#8355c8;padding:22px 30px 21px 30px}
		.invest-part .r-tit{display:inline-block; vertical-align:middle; font-size:25px; font-weight:400;  color:#fff; width:170px; text-align:center; border-right:1px solid #c8c2b8; padding-right:30px; margin-right:20px}
		.invest-part .r-list{display:inline-block; vertical-align:middle; color:#fff; width:100%; max-width:1000px}
		.invest-part .r-list ul{width:100%}
		.invest-part .r-list li{display:inline-block; vertical-align:top;color:#fff; font-size:18px; font-weight:300; text-align:center; width:23%; border-right:1px solid #9c77d3; padding: 0;}
		.invest-part .r-list li img{margin-right:0px; margin-bottom:10px;}
		.invest-part .r-list li div{display:block; text-align:center; color:#fff; font-size:18px}
		.invest-part .r-list li:last-child{border-right:0}
		.invest-part a:hover{color:#000}
		.invest-blank{height:50px}
		.rnd-img{display:none}

		/*--  4번째 탭 --*/

  #exp-box{margin-top:-3px;}
  #exp-box .exp-guide{width:953px; border:1px solid #dee0e4;box-shadow:3px 3px 4px #eaeaea; background:#fff; display:inline-block; vertical-align:top;margin-right:14px; }
  #exp-box .exp-guide .exp-visual{width:100%; height:313px; font-size:25px; background:url(/assets/images/main/exp-visual-img.jpg) top left;  padding:50px 50px 0 50px;}
  #exp-box .exp-guide .exp-visual strong{font-size:36px; display:block; font-weight:300; margin-top:-10px;}
  #exp-box .exp-guide .exp-visual p{font-size:18px; padding:40px 0 0 0}
  #exp-box .exp-guide .exp-course{width:92%; margin:0 auto; padding-bottom:20px;}
  #exp-box .exp-guide .exp-course .tit{font-size:24px; font-weight:400; position:relative; padding-bottom:15px; width:98%}
  #exp-box .exp-guide .exp-course .tit span{position:absolute; right:0px; top:0; font-size:18px;}
  #exp-box .exp-guide .exp-course ul{}
  #exp-box .exp-guide .exp-course li{display:inline-block; width:20%; max-width:165px; margin-right:8px; vertical-align:top}
  #exp-box .exp-guide .exp-course li:last-child{margin-right:0px}
  #exp-box .exp-guide .exp-course li b{font-weight:400; font-size:18px;}
  #exp-box .exp-guide .exp-course .exp-img{width:100%; position:relative}
  #exp-box .exp-guide .time-icon{position:absolute; width:100%;height:43px; background:url(/assets/images/main/yellow-circle-bg.png) no-repeat top center; text-align:center; color:#694520; font-size:18px; font-size:16px; font-weight:300; bottom:-17px;  padding-top:10px;}
  #exp-box .exp-guide .exp-course .exp-txt{position:relative; width:100%; text-align:center; padding-top:30px;}

.exp-bgcolor{background-color:#fef7ef} /* 하단의 남는 부분 배경이미지 */


  .exp-cs-sv{display:inline-block; width:285px;}

  .exp-cs{border:1px solid #dee0e4;box-shadow:3px 3px 4px #eaeaea; display:inline-block; vertical-align:top; width:285px; background:#fff url(/assets/images/main/exp-tel-icon.png) no-repeat right 50px; padding-bottom:20px}
  .exp-cs .ctit{font-size:18px; color:#694520; background:#ffde00; border-bottom-left-radius:35px; border-bottom-right-radius:35px; padding:8px 0; text-align:center; font-weight:400}
  .exp-cs p{font-size:30px; margin:14px 20px 20px 20px; padding-bottom:15px;border-bottom:1px solid #e1e1e1}
  .exp-cs p b{font-size:35px; display:block; margin-top:-10px;}
  .exp-cs p small{font-size:18px; font-weight:300}
  .exp-cs p small span{color:#ff7200; font-size:inherit; letter-spacing:-0.07em; font-weight:300}
  .exp-cs .use-time{width:85%; margin:0 auto}
  .exp-cs .use-time span{vertical-align:middle; margin-bottom:10px; display:table-cell; vertical-align:middle}
  .exp-cs .use-time .div{background:#ff7200; color:#fff; font-size:15px; text-align:center; letter-spacing:0; padding:0 6px; border-radius:2px; margin-right:4px; width:40px;}
  .exp-cs .use-time .opent{height:48px;}
  .exp-cs .use-time .div-info{font-size:14px; letter-spacing:-0.08em; padding-left:5px;}
  .exp-cs .use-time .div-info b{font-size:18px; letter-spacing:-0.05em}
  .exp-cs .use-time b.imp-txt {font-size:15px !important; font-weight:300; letter-spacing:-0.1em !important;}
  .exp-cs .use-time b.imp-txt strong{color:#f32e00;}


  .exp-sv{background:#ff7200; border:1px solid #dee0e4;box-shadow:3px 3px 4px #eaeaea; display:inline-block; vertical-align:top; width:285px; margin-top:15px; padding-bottom:20px;box-shadow:2px 2px 2px #e6e0d7;}
  .exp-sv .sv-tit{color:#fff; font-size:18px; text-align:center; font-weight:300; padding-top:15px;}
  .exp-sv ul{ width:88%; margin:0 auto}
  .exp-sv ul li{background:#fff; padding:10px; font-size:18px; font-weight:400; margin-top:7px;}
  .exp-sv ul li:hover{background:#ffee79}
  .exp-sv ul li a{font-weight:300}
  .exp-sv ul li img{margin-right:10px; margin-left:4px; vertical-align:middle}  
					.use-time-open{padding-bottom:10px}
					.use-time-rest{}

  
@media all and (min-width:1256px) and (max-width:1280px){
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:95%; margin:0 auto}
#content-top{width:95%; margin:0 auto; }

#content-top{width:95%; margin:0 auto; }
.width-div{width:90%; margin:0 auto}
.width-div .weather{padding-left:10px}

#popup-zone{width:48%; overflow:hidden}
#popup-zone .pop-cnt img{width:100%}

#notice-box{width:50%}
#longlife-box{width:23.5%; margin-right:15px;}
#life-info{width:23%; float:}


#content-top .main-txt-exp{width:80%;  margin-left:0px;}
#content-top .main-txt{width:60%; padding-right:130px; margin-top:-15px;}
#content-top .main-txt-rnd{margin-left:15%; padding-right:0px; width:50%; text-align:center}
#content-top>.main-txt-rnd>div{width:100%;}
	  #rnd-box{position:relative;  /*background:#fff url(/assets/images/main/rnd-invest-img.jpg) no-repeat top right ;background-size:125%*/}
	  #rnd-box .rnd-invest p{width:35%;}


	  .main-result .r-list{width:80%}
	  .invest-part .r-list{width:80%}


/*체험*/
#exp-box{position:relative; width:95%; margin:0 auto; }
#exp-box .exp-guide{width:75%; max-width:880px;}
.exp-cs-sv{width:25%; max-width:240px;}

} 


 
@media all and (min-width:1201px) and (max-width:1255px){
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:95%; margin:0 auto}
#content-top{width:95%; margin:0 auto; }
.width-div{width:96%; margin:0 auto}
.width-div .weather{padding-left:10px}

#content-top .main-txt{width:60%; padding-right:130px; margin-top:-15px;}

#shil-land{width:50%}
#shil-land .land-btn{width:100.1%}
#popup-zone{width:48.4%; overflow:hidden; }
#popup-zone .pop-cnt{}

#notice-box{width:50%}

/* 건강뉴스 */
#longlife-box{width:23%; height:290px !important; overflow:hidden;}
#longlife-box p{width:88%}
#life-info{width:24%; float:right; height:290px !important; overflow:hidden;}
#life-info .life-bg img{width:100%; margin-left:0%; margin-top:21px;}

/* 교육프로그램 롤링 */ 
#edu-program-roll{width:100%; margin:0 auto; height:300px;}

#apply-list-box{width:60%;}

/* 교육안내 */
#edu-guide-box{width:30%}
#edu-guide-box ul{}
#edu-guide-box li{ padding: 18px 12px 18px 43px; width:47.5%;}

#content-top .main-txt-exp{width:80%;  margin-left:0px;}

#exp-box{position:relative; width:100%; margin:0 auto; }
#exp-box .exp-guide{width:75%; max-width:880px;}
.exp-cs-sv{width:25%; max-width:240px;}

	  #rnd-box{position:relative; /*background:#fff url(/assets/images/main/rnd-invest-img.jpg) no-repeat top right ;background-size:128%*/}
	  #rnd-box .rnd-invest p{width:30%;}
	  #content-top .main-txt-rnd{width:85%}

	  .main-result .r-list{width:80%}
	  .invest-part .r-list{width:80%}

}


@media all and (min-width:1025px)and (max-width:1200px){
#main-cnt-box {padding-bottom:20px; } /*background-color:#ebf8ff*/
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:95%; margin:0 auto}
#content-top .main-txt{width:100%; padding-right:0}

#content-top{width:90%; margin:0 auto}
#content-top{padding:85px 0 15px 0}
.main-tabmenu-div{}
.main-tabmenu-div .width-div{position:relative; width:90%; margin:0 auto;}
.width-div .weather{display:none}
.width-div ul{top:20px; left:0;text-align:center}
.width-div li{padding:12px 14px}

#content-top .main-txt-pgm{width:100%;  padding-right:0}
/* 쉴랜드 - 상단텍스트*/
#content-top .main-txt{width:100%; margin:0 auto; margin-right:0px; padding-top:0px; padding-right:0px;}

/* 쉴랜드 */
#shil-land{width:50% !important; height:100%; min-height:240px; overflow:hidden}
#shil-land p{padding:10px 0 0 0}
#shil-land .shil-bg-img{height:100%; min-height:240px;}
#shil-land .shil-bg-img img{width:130%; margin-left:-30%}
#shil-land .land-btn{width:100.1%;  margin-bottom:-1px;}

/* 팝업존 */
#popup-zone{width:48%; margin:0 auto; height:100%; min-height:240px; margin-bottom:15px; overflow:hidden; max-height:240px;}
#popup-zone .pop-tit{z-index:10}
#popup-zone .pop-tit span{right:10px}
#popup-zone .pop-cnt{height:240px;}
#popup-zone .pop-cnt img{height:240px; z-index:0; width:100%;}

/* 공지사항 */
#notice-box{width:50%}
.recent-list p{width:80%; vertical-align:top}

/* 건강뉴스 */
#longlife-box{width:23.5%; height:290px !important; overflow:hidden; margin-right:13px;}
#longlife-box p{width:88%}
#life-info{width:23%; float:; height:290px !important; overflow:hidden;}
#life-info .life-bg img{width:105%; margin-left:0%; margin-top:80px;}


/* 교육프로그램 롤링 */ 
#edu-program-roll{width:95%; margin:0 auto; height:300px; }

#apply-list-box{width:60%;}

/* 교육안내 */
#edu-guide-box{width:30%}
#edu-guide-box ul{}
#edu-guide-box li{ padding:20px 12px 20px 42px; width:48%; margin:0 2px 10px 3px; background: url(/assets/images/main/icon-circle-green-arrow.png) no-repeat 8px 15px;}


#content-top .main-txt-rnd{padding-right:0px; width:100%; text-align:center; padding-right:0}
#content-top>.main-txt-rnd>div{width:100%;}

  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; /*background:#fff url(/assets/images/main/rnd-invest-img.jpg) no-repeat top right -150px;;background-size:170%; */}
  #rnd-box .rnd-invest p{width:30%;}

  .main-result{overflow:hidden}
  .main-result .r-list{width:77%;}
  .main-result .r-list ul{display:table;}
  .main-result .r-list li{display:table-cell; float:none; width:auto}

  .invest-part .r-list{width:77%;}
  .invest-part .r-list ul{display:table; }
  .invest-part .r-list li{display:table-cell; float:none; width:auto}


/*체험과학관*/
#content-top .main-txt-exp div{font-size:2.2em}
#content-top .main-txt-exp span{font-size:inherit}

#exp-box{padding-top:0px; }
#exp-box .exp-guide{display:block; width:100%; margin:0 auto; }
#exp-box .exp-guide .exp-visual{background-position:top center; padding:30px; background-size:100%; background-position:bottom center}
#exp-box .exp-guide .exp-course{width:100%; margin:0 auto}
#exp-box .exp-guide .exp-course .tit{width:95%; margin:0 auto}
#exp-box .exp-guide .exp-course ul{width:100%; display:table}
#exp-box .exp-guide .exp-course ul li{width:19%; max-width:; display:table-cell; margin-right:0; padding-left:2%; padding-right:2%}

.exp-cs-sv{width:100%; margin:0 auto; display:block; padding-top:14px;}
	.exp-cs{width:68%; float:left; margin-right:10px; padding-bottom:16px;}
	.exp-cs p{float:left; width:165px; border-bottom:0}
	.exp-cs .use-time{float:left; width:54%; padding-top:55px;}
	.exp-sv{width:30%; float:right; padding-top:0; margin-top:0}

} 



@media all and (min-width:851px) and (max-width:1024px){
#main-cnt-box {padding-bottom:20px; } /*background-color:#ebf8ff*/
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:90%; margin:0 auto}

/* 메인 상단 공통 */	
#content-top{padding:80px 0 0 0;}

/* 쉴랜드 - 상단텍스트*/
#content-top .main-txt{width:100%; margin:0 auto; margin-right:0px; padding-top:0px; padding-right:0px;}

/* 쉴랜드 */
#shil-land{width:50% !important; height:100%; min-height:240px; overflow:hidden}
#shil-land p{padding:10px 0 0 0}
#shil-land .shil-bg-img{height:100%; min-height:240px;}
#shil-land .shil-bg-img img{width:130%; margin-left:-30%}
#shil-land .land-btn{width:100.1%;}

/* 팝업존 */
#popup-zone{width:48%; float:right; margin:0 auto; height:100%; min-height:240px; margin-bottom:15px; overflow:hidden}
#popup-zone .pop-tit{z-index:10}
#popup-zone .pop-tit span{right:10px}
#popup-zone .pop-cnt img{width:120%; height:100%;  min-height:240px; z-index:0; margin-left:-10%;} /*position:absolute; */

/* 공지 */
#notice-box{width:100%; margin:0 auto !important; display:block; margin-right:0;}

#longlife-box{width:49%; margin-top:16px}
#life-info{width:49%; margin-top:16px; float:right}

.main-tabmenu-div{}
.main-tabmenu-div .width-div{position:relative; width:90%; margin:0 auto;}
.width-div .weather{display:none}
.width-div ul{top:20px; left:0;text-align:center}
.width-div li{padding:12px 14px}

#content-top .main-txt-pgm{width:100%; padding-right:0}

#apply-list-box{width:95%; margin:0 auto; display:block; }

/* 교육안내 */
#edu-guide-box{width:95%; height:230px; margin:0 auto; display:block; overflow:visible; margin-top:15px;}
#edu-guide-box ul{padding:10px 0 0 0}
#edu-guide-box li{width:32%; display:inline-block;  background-size:30px}


  #content-top .main-txt-rnd{width:90%; padding-bottom:20px;}
  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; /* background:#fff url(/assets/images/main/rnd-invest-img-m.png) no-repeat top right -420%;background-size:95%; */}
  #rnd-box .rnd-invest{width:100%; height:330px}
  #rnd-box .rnd-invest .tit{font-size:3em;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:1em; width:40%; margin:0; padding:20px 0 20px 0; font-weight:200}
		
		.main-result{padding:15px 10px 0 10px; height:110px;}
		.main-result .r-tit{border-right:0; padding-right:0; margin-right:0; text-align:center; width:100%; padding-top:0px; padding-bottom:10px;; font-size:23px}
		.main-result .r-list ul{margin:0 auto; padding:0; width:100%; display:table}
		.main-result .r-list li{font-size:16px; display:table-cell; float:none}
		.main-result .r-list li img{width:22px; height:22px}

		.invest-part{padding:15px 0 10px 0}
		.invest-part .r-tit{width:100%; padding-right:0; margin-right:0px; text-align:center; font-size:23px; padding:0 0 15px 0; border-right:0px;}
		.invest-part .r-list{display:block; width:100%;}
		.invest-part .r-list ul{width:100%; padding-bottom:0px;}
		.invest-part .r-list li{width:24.5%}
		.invest-part .r-list li div {font-size:90%; letter-spacing:-0.1em}
		.invest-blank{height:20px;}

/* 체험과학관 */
#content-top .main-txt-exp div{font-size:2.2em}
#content-top .main-txt-exp span{font-size:inherit}

#exp-box{padding-top:20px; }
#exp-box .exp-guide{display:block; width:92%; margin:0 auto; }
#exp-box .exp-guide .exp-visual{background-position:top center; padding:30px}

#exp-box .exp-guide .exp-course{width:90%; margin:0 auto}
#exp-box .exp-guide .exp-course ul{}
#exp-box .exp-guide .exp-course li{width:33%; text-align:center;}
#exp-box .exp-guide .exp-course .exp-img img{width:100%;}

.exp-cs-sv{width:92%; margin:0 auto; display:block; padding-top:14px;}
	.exp-cs{width:68%; float:left; margin-right:10px; padding-bottom:16px;}
	.exp-cs p{float:left; width:165px; border-bottom:0}
	.exp-cs .use-time{float:left; width:54%; padding-top:55px;background: #fff url(/assets/images/main/exp-tel-icon.png) no-repeat right -20px;}
	.exp-sv{width:30%; float:right; padding-top:0; margin-top:0}


}



@media all and (min-width:731px) and (max-width:850px){
#main-cnt-box {padding-bottom:20px; } /*background-color:#ebf8ff*/
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:90%; margin:0 auto}

/* 메인 상단 공통 */	
#content-top{padding:80px 0 0 0;}

/* 쉴랜드 - 상단텍스트*/
#content-top .main-txt{width:100%; margin:0 auto; margin-right:0px; padding-top:0px; padding-right:0px;}

/* 쉴랜드
#shil-land{width:100%; height:; margin:0 auto; display:block; overflow:hidden; margin-bottom:10px;}
#shil-land p{padding:10px 0 0 0}
#shil-land .shil-bg-img img{width:100%} */

/* 팝업존 */
#popup-zone{width:100%; margin:0 auto; height:auto;display:block; margin-bottom:15px;}
#popup-zone .pop-tit{position:relative; height:45px;}
#popup-zone .pop-tit span{right:10px}
#popup-zone .pop-cnt img{width:100%; height:auto}

/* 공지 */
#notice-box{width:100%; margin:0 auto !important; display:block; margin-right:0;}

 /* 건강식단 */
#longlife-box{width:49%; margin-top:15px;}

/* 건강뉴스 */
#life-info{width:48%; float:right; margin-top:15px;}

/* 연구 -상단텍스트 */
  #content-top .main-txt-rnd{width:100%; height:auto; display:block; margin:0 auto; padding-right:0px; padding-bottom:10px;}
  #content-top .main-txt-rnd div{width:60%; margin:0 auto; font-size:90%; line-height:120%; text-align:center; word-wrap:break-word; word-break:keep-all}
  #content-top .main-txt-rnd div span{font-size:inherit}
	
.main-tabmenu-div{}
.main-tabmenu-div .width-div{position:relative; width:90%; margin:0 auto;}
.width-div .weather{display:none}
.width-div ul{top:20px; left:0;text-align:center}
.width-div li{padding:12px 14px}

#content-top .main-txt-pgm{width:100%; padding-right:0}	
#apply-list-box{width:100%; margin:0 auto; display:block; }
#content-top .main-txt-pgm{width:100%}
/* 교육안내 */
#edu-guide-box{width:100%; height:230px; margin:0 auto; display:block; overflow:visible; margin-top:15px;}
#edu-guide-box ul{padding:10px 0 0 0}
#edu-guide-box li{width:31.5%; display:inline-block;  background-size:30px}


  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; /*background:#fff url(/assets/images/main/rnd-invest-img.jpg) no-repeat top right -200px;background-size:190%;*/ }
  #rnd-box .rnd-invest{width:100%; height:360px;}
  #rnd-box .rnd-invest .tit{font-size:3em;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:1em; width:40%; margin:0; padding:20px 0 20px 0; font-weight:200}
		
		.main-result{padding:15px 10px 0 10px; height:110px;}
		.main-result .r-tit{border-right:0; padding-right:0; margin-right:0; text-align:center; width:100%; padding-top:0px; padding-bottom:10px;; font-size:23px}
		.main-result .r-list ul{margin:0 auto; padding:0; width:100%; display:table}
		.main-result .r-list li{font-size:16px; display:table-cell; float:none}
		.main-result .r-list li img{width:22px; height:22px}

		.invest-part{padding:15px 0 10px 0}
		.invest-part .r-tit{width:100%; padding-right:0; margin-right:0px; text-align:center; font-size:23px; padding:0 0 15px 0; border-right:0px;}
		.invest-part .r-list{display:block; width:100%;}
		.invest-part .r-list ul{width:100%; padding-bottom:0px;}
		.invest-part .r-list li{width:24.5%}
		.invest-part .r-list li div {font-size:90%; letter-spacing:-0.1em}
		.invest-blank{height:20px;}



/* 체험과학관 */

#content-top .main-txt-exp div{font-size:2.2em}
#content-top .main-txt-exp span{font-size:inherit}

#exp-box{padding-top:20px; }
#exp-box .exp-guide{display:block; width:92%; margin:0 auto; }
#exp-box .exp-guide .exp-visual{background-position:top center; padding:30px}

#exp-box .exp-guide .exp-course{width:90%; margin:0 auto}
#exp-box .exp-guide .exp-course ul{}
#exp-box .exp-guide .exp-course li{width:33%; text-align:center;}
#exp-box .exp-guide .exp-course .exp-img img{width:100%;}


.exp-cs-sv{clear:left; display:table; width:92%; margin:0 auto;  padding-top:20px;}
	.exp-cs{width:100%; padding-bottom:0}
	.exp-cs p{display:inline-block;vertical-align:middle; width:35%; border-bottom:0px; }
	.exp-cs .use-time{display:inline-block; vertical-align:middle; width:45%;}
	.exp-sv{width:100%; }
	.exp-sv ul{width:93%; margin:0 auto; text-align:center; padding-top:10px;}
	.exp-sv ul li{width:33%; display:inline-block;}
	.exp-sv ul li img{margin-left:-5px}
}



@media all and (min-width:451px) and (max-width:730px){
#main-cnt-box {padding-bottom:20px; } /*background-color:#ebf8ff*/
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:90%; margin:0 auto}

/* 메인 상단 공통 */	
  #content-top{padding:80px 0 0 0;}

.main-tabmenu-div{}
.main-tabmenu-div .width-div{position:relative; width:90%; margin:0 auto;}
.width-div .weather{display:none}
.width-div ul{top:20px; left:0;text-align:center}
.width-div li{padding:12px 14px}

/* 쉴랜드 - 상단텍스트*/
#content-top .main-txt{width:100%; margin:0 auto; margin-right:0px; padding-top:0px; padding-right:0px;}
#content-top .main-txt div, #content-top .main-txt div strong, #content-top .main-txt div span{font-size:28px !important}


/* 쉴랜드 */
#shil-land{width:100%; height:; margin:0 auto; display:block; overflow:hidden; height: 240px; margin-bottom:10px}
#shil-land p{padding:10px 0 0 0}
#shil-land .land-btn{width:101%}

/* 팝업존 */
#popup-zone{width:100%; margin:0 auto; height:auto;display:block; margin-bottom:15px;}
#popup-zone .pop-tit{position:relative; height:45px;}
#popup-zone .pop-tit span{right:10px}
#popup-zone .pop-cnt img{width:100%; height:auto}

/* 공지 */
#notice-box{width:100%; margin:0 auto !important; display:block; margin-right:0; }

#longlife-box{width:49%; margin-top:16px}
#life-info{width:48.3%; margin-top:16px; float:right}

  /* 연구-상단텍스트 */
  #content-top .main-txt-rnd{width:100%; height:auto; display:block; margin:0 auto; padding-right:0px; padding-bottom:10px;}
  #content-top .main-txt-rnd div{width:60%; margin:0 auto; font-size:80%; line-height:120%; text-align:center; word-wrap:break-word; word-break:keep-all}
  #content-top .main-txt-rnd div span{font-size:inherit}



/* 교육프로그램 */
#content-top .main-txt-pgm{width:100%; margin:0 auto;margin-right:0; padding-right:0}
#content-top .main-txt-pgm div{display:block; font-size:28px !important; width:100%;}
#content-top .main-txt-pgm div span{font-size:28px;display:inline-block}


#apply-list-box{width:100%; margin:0 auto; display:block; }
/* 교육안내 */
#edu-guide-box{width:100%; height:230px; margin:0 auto; display:block; overflow:visible; margin-top:15px;}
#edu-guide-box ul{padding:10px 0 0 0}
#edu-guide-box li{width:31.5%; padding:14px 0 14px 35px;  background: url(/assets/images/main/icon-circle-green-arrow.png) no-repeat 8px 16px; background-size:20px}


/* 연구 */	
  #rnd-box{position:relative; border:0px; background:#fff; box-shadow:3px 3px 4px #eaeaea; background:#fff; width:90%; margin:0 auto; padding:0; background:none}
  #rnd-box .rnd-invest{width:100%; height:auto; padding:15px 0 0 15px; background:#fff}
  #rnd-box .rnd-invest .tit{font-size:3em; padding-top:0}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:1em; width:95%; margin:0; padding:20px 0 20px 0; font-weight:200}
  .rnd-img{width:100%; display:inline}
  .rnd-img img{width:100%}
  			
		.invest-part{padding:15px 0 0 0}
		.invest-part .r-list ul{width:100%; padding-bottom:10px;}
		.invest-part .r-list li{display:inline-block; vertical-align:top; color:#fff; width:48%; border-right:1px solid #9c77d3;border:0px; padding:0px 0px 15px 0; margin-bottom:0px;}
		.invest-part .r-list li div {font-size:90%}
		.invest-blank{height:20px;}	

		.main-result{background:#a39a88; padding:0px 0px 0 0px; height:auto;}
		.main-result .r-tit{font-size:18px; font-weight:400;  color:#fff; float:none; width:100%; text-align:center; border-right:0px solid #c8c2b8; padding-right:0px; margin-right:0px; padding:7px 0}
		.main-result .r-list{color:#fff; float:none; padding-top:2px; width:100%; max-width:1000px;}
		.main-result .r-list ul{width:90%; margin:0 auto; padding-bottom:12px; }
		.main-result .r-list li{float:none;color:#fff; font-size:16px; height:auto; font-weight:300; text-align:left; width:100%; border-top:1px solid #c8c2b8; padding:6px 0}
		.main-result .r-list li img{margin-right:4px; width:16px; height:16px}

		.invest-part .r-tit{font-size:18px; width:100%; text-align:center; border-right:0px; padding-right:0px; margin-right:0px;}
/* -- */		

/* 체험관 */
#exp-box{margin-top:15px}
#content-top .main-txt-exp{width:90%; margin:0 auto; text-align:center}
#content-top .main-txt-exp div{font-size:1.7em; letter-spacing:-0.08em}
#content-top .main-txt-exp span{font-size:inherit; letter-spacing:inherit}
#exp-box .exp-guide .exp-visual{padding:20px; height:350px; background: url(/assets/images/main/exp-visual-img-m.jpg) bottom center no-repeat; background-size:cover; font-size:1.4em}
#exp-box .exp-guide .exp-visual p{font-size:70%; padding:10px 0 0 0}
#exp-box .exp-guide .exp-visual strong{font-size:120%; line-height:180%;}

	#exp-box .exp-guide{display:block; width:100%; margin:0 auto; margin-bottom:15px;}
	#exp-box .exp-guide .exp-course{padding-bottom:0; padding-top:10px; }
	#exp-box .exp-guide .exp-course ul{}
	#exp-box .exp-guide .exp-course li{width:32%; padding-bottom:15px; max-width:180px; margin-right:3px;}
	#exp-box .exp-guide .exp-course .exp-img{}
	#exp-box .exp-guide .exp-course .exp-img img{width:100%}
	#exp-box .exp-guide .exp-course .tit{font-size:1.3em}

					.exp-cs-sv{display:block; width:100%; margin:0 auto}
					.exp-cs{width:100%; background: #fff url(/assets/images/main/exp-tel-icon.png) no-repeat right 35px;}
					.exp-cs .ctit{font-size:110%}
				/*	.exp-cs p{font-size:110%; line-height:30px;}
					.exp-cs p b{font-size:140%; }
					.exp-cs small{font-size:90% !important}*/
					.exp-cs p{position:relative}
					.exp-cs p b{display:inline-block}
					.exp-cs p small{display:block}

					.exp-sv{width:100%}
					.exp-sv ul li a{font-size:90%}

		#exp-box .exp-guide .exp-course li b{font-size:99%}
.bgimg4{background-color:#fef7ef}
} 



@media all  and (min-width:722px) and (max-width:731px){
					.exp-cs .use-time{width:92%; margin:0 auto}

					.use-time-open{display:inline-block; vertical-align:top; width:53%; padding-bottom:10px}
					.use-time-rest{display:inline-block; vertical-align:top; width:46%}
					.exp-cs .use-time .div{height:50px !important}
 /* #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; margin:0 auto; padding:12px 0 0 15px; background:url(/assets/images/main/rnd-invest-img-m.jpg) no-repeat bottom; background-size:100%; height:400px;}
  #rnd-box .rnd-invest .tit{width:95%; margin:0; font-size:2.8em; padding-top:0; padding-left:10px;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:65%; margin:0; padding:15px 0 20px 10px; font-weight:200}*/
}

@media all  and (min-width:601px) and (max-width:721px){
					.exp-cs .use-time{width:92%; margin:0 auto}

					.use-time-open{display:inline-block; vertical-align:top; width:53%; padding-bottom:10px}
					.use-time-rest{display:inline-block; vertical-align:top; width:46%}
					.exp-cs .use-time .div{height:50px !important}


  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; margin:0 auto; padding:12px 0 0 15px; background:#fff url(/assets/images/main/rnd-invest-img-m.jpg) no-repeat bottom right; background-size:%; height:400px;}
  #rnd-box .rnd-invest .tit{width:95%; margin:0; font-size:2.8em; padding-top:0; padding-left:10px;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:65%; margin:0; padding:15px 0 20px 10px; font-weight:200}
}

@media all  and (min-width:722px) and (max-width:850px){
					.exp-cs .use-time{width:92%; margin:0 auto}

					.use-time-open{display:inline-block; vertical-align:top; width:53%; padding-bottom:10px}
					.use-time-rest{display:inline-block; vertical-align:top; width:46%}
					.exp-cs .use-time .div{height:50px !important}


  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; margin:0 auto; padding:12px 0 0 15px; background:#fff url(/assets/images/main/rnd-invest-img-m-w.jpg) no-repeat bottom right;; background-size:%; height:340px;}
  #rnd-box .rnd-invest .tit{width:95%; margin:0; font-size:2.8em; padding-top:0; padding-left:10px;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:50%; margin:0; padding:15px 0 20px 10px; font-weight:200}
}

@media all  and (min-width:851px) and (max-width:950px){
					.exp-cs .use-time{width:92%; margin:0 auto}

					.use-time-open{display:inline-block; vertical-align:top; width:53%; padding-bottom:10px}
					.use-time-rest{display:inline-block; vertical-align:top; width:46%}
					.exp-cs .use-time .div{height:50px !important}


  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; margin:0 auto; padding:12px 0 0 15px; background:#fff url(/assets/images/main/rnd-invest-img-m-w.jpg) no-repeat bottom right;; background-size:%; height:340px;}
  #rnd-box .rnd-invest .tit{width:95%; margin:0; font-size:2.8em; padding-top:0; padding-left:10px;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:50%; margin:0; padding:15px 0 20px 10px; font-weight:200}
}

@media all  and (min-width:951px) and (max-width:1030px){
 #rnd-box .rnd-invest{background:#fff url(/assets/images/main/rnd-invest-img-m-w.jpg) no-repeat bottom right -0px;; background-size:%}
}

@media all  and (min-width:1031px) and (max-width:1300px){
#rnd-box .rnd-invest .tit{padding-top:15px}
 #rnd-box .rnd-invest{background:#fff url(/assets/images/main/rnd-invest-img.jpg) no-repeat bottom right -30px;; background-size: height:350px;}
}


@media all  and (min-width:541px) and (max-width:600px){
 /* 건강식단 */
#longlife-box{width:48%; margin-top:15px;}
#longlife-box p{    word-break: break-all}

/* 건강뉴스 */
#life-info{width:48%; float:right; margin-top:15px; }
#life-info .life-bg {}
#life-info .life-bg img{bottom:0}


					.exp-cs .use-time{width:92%; margin:0 auto}

					.use-time-open{display:inline-block; vertical-align:top; width:55%; padding-bottom:10px}
					.use-time-open .opent{height:65px !important}
					.use-time-rest{display:inline-block; vertical-align:top; width:43%; letter-spacing:-1px;}

  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; margin:0 auto; padding:12px 0 0 15px; background:url(/assets/images/main/rnd-invest-img-m.jpg) no-repeat bottom; background-size:100%; height:400px;}
  #rnd-box .rnd-invest .tit{width:95%; margin:0; font-size:2.8em; padding-top:0; padding-left:10px;}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:90%; margin:0; padding:15px 0 20px 10px; font-weight:200}.
}



@media all  and (min-width:461px) and (max-width:540px){
 /* 건강식단 */
#longlife-box{width:48%; margin-top:15px;}
#longlife-box p{    word-break: break-all}

/* 건강뉴스 */
#life-info{width:48%; float:right; margin-top:15px; }
#life-info .life-bg {}
#life-info .life-bg img{bottom:0}

.exp-cs .use-time{width:90%; margin:0 auto}


  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; margin:0 auto; padding:12px 0 0 15px; background:url(/assets/images/main/rnd-invest-img-m.jpg) no-repeat bottom; background-size:100%; height:380px;}
  #rnd-box .rnd-invest .tit{width:95%; margin:0 auto; font-size:2.8em; padding-top:0}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:95%; margin:0 auto; padding:15px 0 20px 0; font-weight:200}

}



@media all  and (min-width:0px) and (max-width:460px){
#main-cnt-box {padding-bottom:20px; } /*background-color:#ebf8ff*/
#main-cnt-box .main-cnt-box-area .main-cnt-box-div{width:90%; margin:0 auto}

/* 메인 상단 공통 */	
  #content-top{padding:80px 0 0 0;}

.main-tabmenu-div{}
.main-tabmenu-div .width-div{position:relative; width:90%; margin:0 auto;}
.width-div .weather{display:none}
.width-div ul{top:20px; left:0;text-align:center}
.width-div li{padding:12px 14px}

/* 쉴랜드 */
#content-top .main-txt{width:100%; margin:0 auto; margin-right:0px; padding-top:0px; padding-right:0px;}
#content-top .main-txt div, #content-top .main-txt div strong, #content-top .main-txt div span{font-size:28px !important}

/* 쉴랜드 */
#shil-land{width:100%; height:190px; margin:0 auto; display:block; overflow:hidden; margin-bottom:10px;}
#shil-land p{padding:10px 0 0 0}
#shil-land .shil-bg-img img{width:150%}

/* 팝업존 */
#popup-zone{width:100%; margin:0 auto; height:auto;display:block; margin-bottom:13px;}
#popup-zone .pop-tit{position:relative; height:45px;}
#popup-zone .pop-tit span{right:10px}
#popup-zone .pop-cnt img{width:100%; height:170px}
#popup-zone .bx-wrapper{height:170px}

/* 건강식단 */
#longlife-box{clear:left; width:100%; margin:0 auto; margin-right:0; display:block; margin-top:13px;}

/* 건강뉴스 */
#life-info{clear:left; width:100%; margin:0 auto; margin-right:0; display:block; margin-top:15px;}

/* 공지 */
#notice-box{width:100%; margin:0 auto !important; display:block; margin-right:0;}
#notice-box .more-btn{display:none}


/* 교육프로그램 */
#content-top .main-txt-pgm{width:100%; margin:0 auto;margin-right:0; margin-left:0px;padding-right:0px; border:0px solid red}
#content-top .main-txt-pgm div{display:block; font-size:28px !important; width:100%;}
#content-top .main-txt-pgm div span{font-size:28px;display:inline-block}

#apply-list-box{ display:block; width:100%; margin:0 auto; margin-right:0}
#apply-tabmenu .tabmenu-sub{position:absolute; left:0;overflow-x:auto}
#apply-tabmenu #m-pg-tble{width:100%;}
#apply-tabmenu #m-pg-tble td {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap:break-all}

/* 교육안내 */
#edu-guide-box{width:100%; height:230px; margin:0 auto; display:block; overflow:visible; margin-top:15px;}
#edu-guide-box ul{padding:10px 0 0 0}
#edu-guide-box li{width:47%; display:inline-block; padding:8px 0 10px 35px;  background: url(/assets/images/main/icon-circle-green-arrow.png) no-repeat 8px 10px; background-size:20px}

/*---------------  연구 ---------------*/
  #content-top .main-txt-rnd{width:100%; height:auto; display:block; margin:0 auto; padding-right:0px; padding-bottom:10px;}
  #content-top .main-txt-rnd div{width:60%; margin:0 auto; font-size:80%; line-height:120%; text-align:center; word-wrap:break-word; word-break:keep-all}
  #content-top .main-txt-rnd div span{font-size:inherit}

/* 연구 */	
  #rnd-box{position:relative; border:0px; box-shadow:3px 3px 4px #eaeaea; width:100%; margin:0 auto; padding:0; }
  #rnd-box .rnd-invest{width:100%; height:; padding:15px 0 0 15px; background:url(/assets/images/main/rnd-invest-img-m.jpg) no-repeat bottom; background-size:100%; height:370px;}
  #rnd-box .rnd-invest .tit{font-size:2.8em; padding-top:0}
  #rnd-box .rnd-invest .tit b{font-size:inherit;}
  #rnd-box .rnd-invest .tit strong{display:block; font-size:0.4em; padding:0; margin:-8px 0 0 0; font-weight:400; letter-spacing:-2px; color:#000}
  #rnd-box .rnd-invest p{font-size:0.97em; width:90%; margin:0; padding:15px 0 20px 0; font-weight:200}
  .rnd-img{width:100%; display:none}
  .rnd-img img{width:100%}
  			
		.invest-part{padding:15px 0 0 0}
		.invest-part .r-list ul{width:100%; padding-bottom:10px;}
		.invest-part .r-list li{display:inline-block; vertical-align:top; color:#fff; width:48%; border-right:1px solid #9c77d3;border:0px; padding:0px 0px 15px 0; margin-bottom:0px;}
		.invest-part .r-list li div {font-size:90%}
		.invest-blank{height:20px;}	

		.main-result{background:#a39a88; padding:0px 0px 0 0px; height:auto;}
		.main-result .r-tit{font-size:18px; font-weight:400;  color:#fff; float:none; width:100%; text-align:center; border-right:0px solid #c8c2b8; padding-right:0px; margin-right:0px; padding:7px 0}
		.main-result .r-list{color:#fff; float:none; padding-top:2px; width:100%; max-width:1000px;}
		.main-result .r-list ul{width:90%; margin:0 auto; padding-bottom:12px; }
		.main-result .r-list li{float:none;color:#fff; font-size:16px; height:auto; font-weight:300; text-align:left; width:100%; border-top:1px solid #c8c2b8; padding:6px 0}
		.main-result .r-list li img{margin-right:4px; width:16px; height:16px}

		.invest-part .r-tit{font-size:18px; width:100%; text-align:center; border-right:0px; padding-right:0px; margin-right:0px;}


/* -- */		


/* 체험관 */
#content-top .main-txt-exp{margin-left:0; text-align:center; width:100%; margin:0 auto;}	
#content-top .main-txt-exp div, #content-top .main-txt-exp{font-size:1.7em; line-height:120%; text-align:center; word-wrap:break-word; word-break:keep-all}
#content-top .main-txt-exp div, #content-top .main-txt-exp span{ font-size:inherit}

#exp-box{margin-top:15px}
#exp-box .exp-guide .exp-visual{padding:20px; background: url(/assets/images/main/exp-visual-img-m.jpg) bottom center; font-size:1.3em}
#exp-box .exp-guide .exp-visual p{font-size:70%; padding:10px 0 0 0}
#exp-box .exp-guide .exp-visual strong{font-size:120%; line-height:180%;}

	#exp-box .exp-guide{display:block; width:100%; margin:0 auto; margin-bottom:15px;}
	#exp-box .exp-guide .exp-course{padding-bottom:0; padding-top:20px; }
	#exp-box .exp-guide .exp-course ul{}
	#exp-box .exp-guide .exp-course li{width:48%; padding-bottom:15px;}
	#exp-box .exp-guide .exp-course li:nth-child(2n){margin-right:0}
	#exp-box .exp-guide .exp-course .exp-img{}
	#exp-box .exp-guide .exp-course .exp-img img{width:100%}
	#exp-box .exp-guide .exp-course .tit{font-size:1.3em}

					.exp-cs-sv{display:block; width:100%; margin:0 auto}
					.exp-cs{width:100%}
					.exp-cs .ctit{font-size:110%}
					.exp-cs p{font-size:110%; line-height:30px;}
					.exp-cs p b{font-size:140%; }
					.exp-cs small{font-size:90% !important}
					.exp-sv{width:100%}
					.exp-sv ul li a{font-size:90%}
					.exp-cs .use-time{width:90%; margin:0 auto}

		#exp-box .exp-guide .exp-course li b{font-size:99%}
.bgimg4{background-color:#fef7ef}
}


 /*--------------------------------------- 반응형 -------------------------------------------------*/


@media only screen and (min-width: 30em) {
					  #news-tabmenu {
						width: 100%;
						position: relative;
						border: none;
					  }

					  #news-tabmenu>li {
						display: block;
					  }

					  #news-tabmenu>li>a {
						display: inline-block;
					  }

					  #news-tabmenu .tabmenu-sub {
						padding: 1%;
						position: absolute;
						top: 56px;
						left: 0px !important;
						height:231px;
					  }
					}