/*
개발공사 2018 서브
*/

.sub {
	z-index: 1;
	word-break: keep-all;
	color: #555;
}

.news-board-view .view-contents img{width: 100%;}
@media (min-width: 992px) {

	.hidden-sm-down {display:none !important; }
	
	.sub {position:relative;  border-bottom:1px solid #DEDEDE; }
	.sub .sub-bg  { position:absolute; top:-135px; left:0px; z-index:-1; width:100%; height:260px; background: url(/pub/site/jejucancer/images/sub/subimg_240523.jpg); background-repeat: no-repeat; background-position:center top; background-size: 100% 100%;}



	.sub-contents { padding-top:170px;   }
	.sub-contents:after { clear:both; display:table; content:'';  }
	.sub-contents .left-contents { float:left; width:250px; margin-right: 70px; }
	.sub-contents .left-contents  h3 { width:100%; margin-bottom:25px; padding:20px 35px; color:#fff; font-size:24px; font-weight:bold; border-radius: 15px 15px 0px 15px; background:#00805A; text-align:center; word-break: break-all;}
	.sub-contents .left-contents .sub-menu {  margin-bottom:25px; }
	.sub-contents .left-contents .sub-menu li { }
	.sub-contents .left-contents .sub-menu li a { display:block; width:100%; padding:15px 0 ; border-bottom:1px solid #D5D5D5; color:#000; font-size:18px;   }
	.sub-contents .left-contents .sub-menu li a.active { font-weight:bold; color:#00805A; border-bottom:2px solid #00805A; }


	.sub-contents .right-contents { float:left; width:calc(100% - 320px);  }

	.sub-contents .top-contents {   position:relative;    border-bottom:1px solid #D5D5D5;  margin-bottom:60px; }
	.sub-contents .top-contents h1 { color:#000; font-size:30px; font-weight:bold;  margin-bottom:10px; }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:15px;    margin-bottom:25px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	
	.sub-contents .top-contents .text { font-size:20px; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	

	.sub-tab-menu {  margin-bottom:40px; }
	.sub-tab-menu:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li {float:left;  width:20%; text-align:center;  height:50px;  line-height:1.2;   }
	.sub-tab-menu li a {display:table-cell; vertical-align:middle;  width:300px; height:50px; border:1px solid #E0E0E0; color:#666; font-size:16px;  }
	.sub-tab-menu li a.active {  border:2px solid #000; color:#000; font-weight:bold;  }

	.list-tab-menu { text-align:center;  margin-bottom:40px; display: flex; justify-content: center;}
	.list-tab-menu li {/* display:inline-block; */ width:216px; height:50px; margin-bottom:10px;/*  padding:0 10px; */  line-height:1.2; }
	.list-tab-menu li a { display:table-cell; width:216px; height:50px;  vertical-align:middle;  font-size:18px; color:#666;  border: 1px solid #E0E0E0;}
	.list-tab-menu li.active a{border: 2px solid #000; color: #000;}
	.list-tab-menu li a.active { color:#436AD7; border-bottom:3px solid #436AD7;  font-weight:bold; }


	.sub-main-contents { font-size:16px; color:#000;  padding-bottom:60px; line-height:1.6; }
	.sub-main-contents h2 {font-size:24px; color:#000;  padding-bottom:20px; font-weight:bold;  margin-top:40px;   margin-bottom:25px; position:relative;  }
	.sub-main-contents h2:after {position:absolute; bottom:0px; left:0px; width:27px; height:2px;  background:#9D9D9D; content:''; display:inline-block; }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:20px; font-weight:bold; color:#00805A; margin-bottom:15px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; position:relative;  margin-bottom:5px; color:#000; font-size:18px;  }
	.sub-main-contents ul.bul li:before { content:''; display:inline-block; width:6px; height:6px; border-radius:100%;  background:#C2C2C2;  position:absolute; top:10px; left:0px;  }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:8px; font-size:16px;  background:none; color:#666; }
	.sub-main-contents ul.bul li ul li:before { content:''; width:4px; height:2px; border-radius:0px;  top:12px;  }
	.sub-main-contents .text-box { padding:20px 40px;  background:#f2f2f2; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4;  }	
	.contents-table table thead th {padding:10px 15px; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }
	
	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:310px;  height:60px; border:2px solid #353535; text-align:center;   line-height:55px;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:17px; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:45px; width:100%; margin-bottom:10px;  text-align:left; padding-left:45px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}


	.half-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {float:left; width:50%; padding-left:15px; padding-right:15px;  }

	.triple-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {float:left; width:33.333%; padding-left:15px; padding-right:15px;  }


	/*연혁*/
	.history-wrap { position:relative;  margin-top:50px;  }
	.history-wrap:before {content:''; display:inline-block; position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#D5D5D5; }
	.history-wrap:after { clear:both; display:table; content:'';  }
	.history-wrap dl  { position:relative;  margin-top:-25px;  margin-bottom:50px; }
	.history-wrap dl:before  { width:15px; height:15px; border-radius:100%; background:#fff; border:3px solid #00805A; content:''; display:inline-block; position:absolute; top:25px;  }
	.history-wrap dl.right:before  { left:-7.5px;  }
	.history-wrap dl.left:before  { right:-7.5px;  }
	.history-wrap dl.right  {float:left; margin-left:50%; padding-left:50px; }
	.history-wrap dl.left  {float:right; margin-right:50%; padding-right:50px; }

	.history-wrap dl dt { font-size:40px; color:#00805A; margin-bottom:20px; font-weight:normal;   }
	.history-wrap dl dd  { margin-bottom:5px;  font-size:16px;  color:#666;  }
	.history-wrap dl.left dd  { text-align:right;  }
	.history-wrap dl dd strong {float:left;  color:#000000; font-size:18px; display:inline-block;  width:45px;  }
	.history-wrap dl.right dd strong {margin-right:10px; }
	.history-wrap dl.left dd strong {float:right; margin-left :10px;}
	.history-wrap dl.left dt { text-align:right;  }

	/*인사말*/
	.greeting .leftCon {float: left; width: 316px;margin-right:65px; }
	.greeting .rightCon {float: left;  width: calc(100% - 381px);}
	.greeting .rightCon h2:after{ width: 0px; height: 0px;}
	.greeting .rightCon p{color: #666;}
	.greeting .bold{ font-size: 20px; letter-spacing: -1.5px; line-height: 24px; color: #000 !important;}
	.greeting .bold strong{font-weight: bold;}
	
	/*진료목표*/
	.vision li.vision{width: 520px; height: 144px; float: left; padding: 19px 34px 20px 30px; background-color: #ffffff; border: 1px solid #DADADA; border-radius: 20px; box-shadow: 4px 7px 0px #D9D9D92B; margin-bottom: 26px;}
	.vision li.vision:nth-child(2n){margin-left: 29px;}
	.vision li.vision span{display: inline-block; width: 105px; height: 105px; background-color: #F2F2F2; border-radius: 50%; padding: 20px;}
	.vision li.vision p{width: 328px; display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 18px; letter-spacing: -1.35px; line-height: 26px;}

	/*조직 및 구성*/
	.organization .leftcon{width: 510px; display: inline-block; float: left; border-bottom: 1px solid #DBDBDB;}
	.organization .rightcon{width: 510px; display: inline-block; margin-left: 59px; border-bottom: 1px solid #DBDBDB;}
	.organization .leftcon .title{font-size: 24px; letter-spacing: -1.8px; line-height: 26px; font-family: 'NotoSansKR-Bold'; font-weight: bold;}
	.organization .leftcon .title span{color: #00805A;}
	.organization .leftcon .line{width: 100%; height: 3px; background-color: #DBDBDB; margin-top: 16px; position: relative;}
	.organization .leftcon .line span{position: absolute; width: 40px; height: 3px; background-color: #000;}
	.organization .leftcon .text{margin: 41px 0; width: 300px; display: inline-block; float: left;}
	.organization .leftcon p:last-child{display: inline-block; margin: 40px 0; margin-left: 88px;}
	.organization .rightcon .title{font-size: 24px; letter-spacing: -1.8px; line-height: 26px; font-family: 'NotoSansKR-Bold'; font-weight: bold;}
	.organization .rightcon .title span{color: #00805A;}
	.organization .rightcon .line{width: 100%; height: 3px; background-color: #DBDBDB; margin-top: 16px; position: relative;}
	.organization .rightcon .line span{position: absolute; width: 40px; height: 3px; background-color: #000;}
	.organization .rightcon .text{margin: 41px 0; width: 300px; display: inline-block; float: left;}
	.organization .rightcon p:last-child{display: inline-block; margin: 40px 0; margin-left: 88px;}
	.organization .ta-c{text-align: center; margin-top: 78px;}

	/*암연구부 소개*/
	.intro .vision{text-align: center; padding: 53px 204px; background-color: #F2F2F2; border-radius: 20px;}
	.intro .vision .title{font-size: 30px; letter-spacing: -2.25px; line-height: 26px; font-weight: bold;}
	.intro .vision .line{width: 640px; height: 1px; margin: 27px auto; background: #8D8D8D; position: relative;}
	.intro .vision .line:before{content: ''; position: absolute; width: 11px; height: 11px; background: #00805A; border-radius: 50%; left: -15px; top: -4px;}
	.intro .vision .line:after{content: ''; position: absolute; width: 11px; height: 11px; background: #00805A; border-radius: 50%; right: -15px; top: -5px;}
	.intro .vision > span{font-size: 24px; letter-spacing: -1.8px;}
	.intro .vision > span br:last-child{display: none;}
	.intro .target{text-align: center;}
	.intro .target .title{margin: 56px 0 51px; font-size: 30px; letter-spacing: -2.25px; color: #000; font-family: 'NotoSansKR-Bold'; font-weight: bold;}
	.intro .target ul{display: flex; width: 100%;}
	.intro .target ul li{position: relative; width: 33.333%; padding: 53px 0 35px; border: 1px solid #DADADA; border-top: 5px solid #00805A; color: #666666; letter-spacing: -1.2px;}
	.intro .target ul li:nth-child(2){border-top: 5px solid #FFC960;}
	.intro .target ul li p{position: absolute; top: -30px; left: 45%; width: 53px; height: 53px; background-color: #00805A; color: #ffffff; line-height: 53px;border-radius: 50%;}

	/*암생존자 소개*/
	.survive_intro{border-radius: 20px; background-color: #F6F6F6; margin-bottom: 69px;}
	.survive_intro .leftcon{display: inline-block; float: left;}
	.survive_intro .leftcon img{border-radius: 20px 0 0 20px;}
	.survive_intro .rightcon{display: inline-block; width: 610px; height: 230px; padding: 39px 67px 46px 42px;}
	.survive_intro .rightcon p{font-size: 18px; letter-spacing: -1.35px; line-height: 28px; color: #666;}
	.survive_intro .rightcon span{font-size: 24px; letter-spacing: -1.8px; line-height: 28px; color: #000;}
	.survive .text{font-size: 16px; letter-spacing: -1.2px; line-height: 24px; color: #666;}
	.survive .wr-text{font-size: 16px; letter-spacing: -1.2px; line-height: 24px; color: #FF0000;}
	.survive .video_con .leftvi iframe{width: 560px; height: 315px;}
	.survive .irote i{transform: rotate(90deg); margin-bottom: 8px;}
	.survive .irote span{color: #000;}
	.survive i{width: 36px; height: 36px; border: 1px solid #8D8D8D; border-radius: 50%; text-align: center; line-height: 36px; margin-right: 9px; color: #000;}

	.survive .leftvi{width: 560px;}
	.survive .leftvi video{width: 560px;}

	/*암생존자 프로그램*/
	.con-program{display: inline-block; width: 100%;}
	.con-program > p{text-align: center; color: #666; font-size: 16px; letter-spacing: -1.2px; line-height: 24px; margin-bottom: 42px;}
	.con-program ul li{width: 250px; height: 330px; margin-right: 23px; display: inline-block; background-color: #fff; box-shadow: 0px 0px 10px #C4C4C466; border: 1px solid #DADADA; border-radius: 20px; padding: 28px 5px 20px 5px; text-align: center; column-rule: #666; margin-bottom: 30px; float: left;}
	
	@media(min-width: 1450px){
		.con-program ul li:nth-child(4n){margin-right: 0;}
	}
	.con-program ul li img{border-radius: 20px;}
	.con-program ul li span{font-size: 18px; letter-spacing: -1.35px; line-height: 24px; color: #000; font-weight: bold; display: block; height: 55px;}
	.con-program ul li p{height: 51px; margin: 8px 0 20px 0; font-size: 16px; color: #666666; letter-spacing: -1.6px;}
	.con-program ul li.sec-line p{height: unset; margin: 8px -10px 20px -10px;}
	.program_ul li{position: relative; padding-left: 8px; color: #666;}
	.program_ul li:before{content: ''; width: 4px; height: 2px; border-radius: 0; top: 12px; position: absolute; display: inline-block; background: #C2C2C2; left: 0;}

	.con-program2 ul li span{font-size: 18px; letter-spacing: -1.35px; line-height: 24px; color: #000; font-weight: bold; display: block; height: 25px;}
	.con-program2 ul li p{height: 81px; margin: 8px 0 20px 0; font-size: 16px; color: #666666; letter-spacing: -1.6px;}

	/*찾아오시는길*/

	.intro_find p{color: #666666; letter-spacing: -1.2px; line-height: 24px;}
	.intro_find ul.location{display: flex;}
	.intro_find ul.location li{position: relative; padding: 0 70px;}
	.intro_find ul.location li:first-child{padding-left: 0;}
	.intro_find ul.location li:last-child{padding-right: 0;}
	.intro_find ul.location li:after{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #D4D4D4;}
	.intro_find ul.location li:last-child:after{content: ''; display: none;}
	.intro_find ul.location li a{display: inline-block; margin-top: 16px; padding: 6px 31px; border: 1px solid #707070; border-radius: 31px; color: #000; letter-spacing: -1.2px; line-height: 24px;}


	.btn a{color: #000;}





}

@media (min-width: 992px) and (max-width: 1199px) {

	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn { min-width:280px;  height:50px; line-height:45px;  }
	.contents-btn-wrap .contents-btn span { font-size:14px;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:25px; padding-left:25px;  }
	
}



@media (max-width: 991px) {

	.hidden-md-down {display:none !important; }
	.hidden-lg-down {display:none !important; }

	.sub {position:relative;  border-bottom:1px solid #DEDEDE;}
	.sub .sub-bg  { position:absolute; top:-60px; left:0px; z-index:-1; width:100%;height:140px ;background: url(/pub/site/jejucancer/images/sub/subimg_240523_m.jpg); background-size:cover; background-repeat: no-repeat; background-position:center center;   }
	
	.sub-contents { padding-top:100px;  padding-left:15px; padding-right:15px;  }
	.sub-contents:after { clear:both; display:table; content:'';  }
	.sub-contents .left-contents { display:none;  }
	.sub-contents .left-contents  h3 { width:100%; margin-bottom:25px; padding:20px 10px; color:#fff; font-size:24px; font-weight:bold; border-radius: 15px 15px 0px 15px; background:#00805A; text-align:center;  }
	.sub-contents .left-contents .sub-menu {  margin-bottom:25px; }
	.sub-contents .left-contents .sub-menu li { }
	.sub-contents .left-contents .sub-menu li a { display:block; width:100%; padding:15px 0 ; border-bottom:1px solid #D5D5D5; color:#000; font-size:18px;   }
	.sub-contents .left-contents .sub-menu li a.active { font-weight:bold; color:#00805A; border-bottom:2px solid #00805A; }


	.sub-contents .right-contents { width:100%;}

	.sub-contents .top-contents {   position:relative;   text-align:center;   border-bottom:1px solid #D5D5D5;  margin-bottom:20px; }
	.sub-contents .top-contents h1 { color:#000; font-size:26px; font-weight:bold;  margin-bottom:5px; }
	.sub-contents .top-contents .breadcrumb {    background: none;	padding:0px; 	font-size:14px;    margin-bottom:20px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	
	.sub-contents .top-contents .text { font-size:20px; color:#000; font-weight:100;  }
	.sub-contents .top-contents .contents-util { position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	

	.sub-tab-menu {  margin-bottom:20px; }
	.sub-tab-menu:after { clear:both; display:table; content:'';  }
	.sub-tab-menu li {float:left;  width:20%; text-align:center;  height:36px;  line-height:1.2;   }
	.sub-tab-menu li a {display:table-cell; vertical-align:middle;  width:300px; height:36px; border:1px solid #E0E0E0; color:#666; font-size:14px; word-break: keep-all;}
	.sub-tab-menu li a.active {  border:2px solid #000; color:#000; font-weight:bold;  }

	.list-tab-menu { text-align:center;  margin-bottom:40px; display: flex;   }
	.list-tab-menu li {display:inline-block; width:180px; height:60px; margin-bottom:10px; /* padding:0 10px; */  line-height:1.2; }
	.list-tab-menu li a { display:table-cell; width:180px; height:60px;  vertical-align:middle;  font-size:18px; color:#777;  border-bottom:1px solid #ddd; }
	.list-tab-menu li a.active { color:#436AD7; border-bottom:3px solid #436AD7;  font-weight:bold; }


	.sub-main-contents { font-size:14px; color:#000;  padding-bottom:60px; line-height:1.6; }
	.sub-main-contents h2 {font-size:20px; color:#000;  padding-bottom:10px; font-weight:bold;  margin-top:30px;   margin-bottom:20px; position:relative;  }
	.sub-main-contents h2:after {position:absolute; bottom:0px; left:0px; width:27px; height:2px;  background:#9D9D9D; content:''; display:inline-block; }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:#00805A; margin-bottom:10px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; position:relative;  margin-bottom:5px; color:#000; font-size:15px;  }
	.sub-main-contents ul.bul li:before { content:''; display:inline-block; width:6px; height:6px; border-radius:100%;  background:#C2C2C2;  position:absolute; top:9px; left:0px;  }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:8px; font-size:14px;  background:none; color:#666; }
	.sub-main-contents ul.bul li ul li:before { content:''; width:4px; height:2px; border-radius:0px;  top:10px;  }

	.sub-main-contents .text-box { padding:0.5rem;  background:#f2f9ff; margin:0.5rem 0px;  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff; padding:0.5rem;   margin:0.5rem 0px; }

	.contents-table { width:100%; border-top:2px solid #555;  }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #e4e4e4; font-size:0.5rem;  }	
	.contents-table table thead th {padding:0.4rem 0.3rem; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; }
	.contents-table table tbody th {padding:0.4rem 0.3rem; color:#000; background:#F5F5F5; 	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  text-align:center; }
	.contents-table table tbody td {padding:0.4rem 0.3rem; color:#555;  	border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;   }
	.contents-table.table-left table tbody th { text-align:left; }

	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn {display:inline-block; min-width:210px; border:2px solid #353535; text-align:center;   padding:0.5rem;  }
	.contents-btn-wrap .contents-btn span {display:inline-block;padding-right:25px; background:url(../images/sub/arrow.png) no-repeat right center; font-size:0.58rem; color:#000;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:15px; width:100%; margin-bottom:0.4rem;  text-align:left; padding-left:15px;  }
	.contents-btn-wrap .contents-btn.full-btn span { width:100%;  }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}

	.half-wrap {   }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }


	.triple-wrap {  }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }




	/*연혁*/
	.history-wrap { position:relative;  margin-top:30px;  }
	.history-wrap:before {content:''; display:inline-block; position:absolute; top:12px; left:6px; margin-left:-0.5px; width:1px; height:calc(100% - 12px); background:#D5D5D5; }
	.history-wrap:after { clear:both; display:table; content:'';  }
	.history-wrap dl  { position:relative;   margin-bottom:30px;  margin-left:6px; padding-left:20px; }
	.history-wrap dl:before  { width:12px; height:12px; border-radius:100%; background:#fff; border:3px solid #00805A; content:''; display:inline-block; position:absolute; top:12px;left:-6px;   }
	.history-wrap dl dt { font-size:24px; color:#00805A; margin-bottom:10px; font-weight:normal;   }
	.history-wrap dl dd  { margin-bottom:5px;  font-size:14px;  color:#666;  }
	.history-wrap dl dd:after { clear:both; display:table; content:'';  }
	.history-wrap dl dd strong { float:left; color:#000000; font-size:15px; display:inline-block;  width:45px;  }
	.history-wrap dl dd span { float:left; width:calc(100% - 45px) ;  }


	/*인사말*/
	.greeting .leftCon {width: 50%; margin: 0 auto; margin-bottom: 33px;}
	.greeting .rightCon{word-break: break-all;}
	.greeting .rightCon p{color: #666;}
	.greeting .bold{ font-size: 20px; letter-spacing: -1.5px; line-height: 24px; color: #000 !important;}
	.greeting .bold strong{font-weight: bold;}

	/*비전목표*/
	.vision li.vision{width: 100%; float: left; padding: 16px 24px; background-color: #ffffff; border: 1px solid #DADADA; border-radius: 20px; box-shadow: 4px 7px 0px #D9D9D92B; margin-bottom: 18px;}
	.vision li.vision span{display: inline-block; width: 87px; height: 87px; background-color: #F2F2F2; border-radius: 50%; padding: 16px;}
	.vision li.vision p{display: inline-block; width: 177px; vertical-align: middle; margin-left: 16px; font-size: 14px; letter-spacing: -1.05px; line-height: 20px;}

	/*조직 및 구성*/
	.organization .leftcon{width: 100%; display: inline-block; float: left; border-bottom: 1px solid #DBDBDB; margin-bottom: 23px;}
	.organization .rightcon{width: 100%; display: inline-block; border-bottom: 1px solid #DBDBDB;}
	.organization .leftcon .title{ font-size: 16px; font-weight: bold;}
	.organization .leftcon .title span{color: #00805A;}
	.organization .leftcon .line{height: 2px; background-color: #DBDBDB;}
	.organization .leftcon .line span{display: block; width: 35px; height: 2px; background-color: #000000; margin-top: 11px;}
	.organization .leftcon .text{margin: 21px 0; width: 213px; display: inline-block; float: left;}
	.organization .leftcon p:last-child{display: inline-block; margin: 21px 0; margin-left: 37px;}
	.organization .rightcon .title{ font-size: 16px; font-weight: bold;}
	.organization .rightcon .title span{color: #00805A;}
	.organization .rightcon .line{height: 2px; background-color: #DBDBDB;}
	.organization .rightcon .line span{display: block; width: 35px; height: 2px; background-color: #000000; margin-top: 11px;}
	.organization .rightcon .text{margin: 21px 0; width: 213px; display: inline-block; float: left;}
	.organization .rightcon p:last-child{display: inline-block; margin: 21px 0; margin-left: 37px;}
	.organization .ta-c{text-align: center; margin-top: 46px;}

	/*암연구부 소개*/
	.intro .vision{text-align: center; padding: 30px 11px; background-color: #F2F2F2; border-radius: 20px;}
	.intro .vision .title{font-size: 20px; letter-spacing: -1.5px; line-height: 26px; font-weight: bold;}
	.intro .vision .line{width: 280px; height: 1px; margin: 25px auto; background: #8D8D8D; position: relative;}
	.intro .vision .line:before{content: ''; position: absolute; width: 11px; height: 11px; background: #00805A; border-radius: 50%; left: -15px; top: -4px;}
	.intro .vision .line:after{content: ''; position: absolute; width: 11px; height: 11px; background: #00805A; border-radius: 50%; right: -15px; top: -5px;}
	.intro .vision > span{font-size: 18px; letter-spacing: -1.35px;}
	.intro .target{text-align: center;}
	.intro .target .title{margin: 44px 0 41px; font-size: 20px; letter-spacing: -1.5px; color: #000; font-family: 'NoToSansKR-Bold'; font-weight: bold;}
	.intro .target ul{}
	.intro .target ul li{position: relative; padding: 37px 0 41px; border: 1px solid #DADADA; border-top: 5px solid #00805A; color: #666666; letter-spacing: -1.2px; margin-bottom: 43px;}
	.intro .target ul li:nth-child(2){border-top: 5px solid #FFC960;}
	.intro .target ul li p{position: absolute; top: -24px; left: 43%; width: 40px; height: 40px; background-color: #00805A; color: #ffffff; line-height: 40px; border-radius: 50%;}

	/*암생존자 소개*/
	.survive_intro{background-color: #F6F6F6; border-radius: 20px; margin-bottom: 30px;}
	.survive_intro .leftcon img{border-radius: 20px;}
	.survive_intro .rightcon p{font-size: 14px; letter-spacing: -1.05px; line-height: 20px; color: #666666; margin: 23px 16px 20px 16px;}
	.survive_intro .rightcon p span{font-size: 18px; letter-spacing: -1.35px; line-height: 20px; color: #000;}

	.survive .leftvi{width: 100%;}
	.survive .leftvi video{width: 100%;}
	.mone p.text{margin-bottom: 5px;}
	.mone p.text i{border: 1px solid #000; border-radius: 50%; padding: 5px; margin-right: 10px; width: 26px; height: 26px; text-align: center;}
	.mone p.irote i{border: 1px solid #000; border-radius: 50%; padding: 5px; transform: rotate(90deg); margin-right: 10px;}




	/*암생존자 프로그램*/
	.con-program{display: inline-block; width: 100%;}
	.con-program > p{text-align: center; color: #666; font-size: 16px; letter-spacing: -1.2px; line-height: 24px; margin-bottom: 42px;}
	.con-program ul li{width: 45%; height: 300px; display: inline-block; background-color: #fff; box-shadow: 0px 0px 10px #C4C4C466; border: 1px solid #DADADA; border-radius: 20px; padding: 28px 20px 20px 20px; text-align: center; column-rule: #666; margin-bottom: 30px; margin-right: 30px; float: left;}
	.con-program ul li:nth-child(2n){margin-right: 0;}
	.con-program ul li img{border-radius: 20px;}
	.con-program ul li span{font-size: 18px; letter-spacing: -1.35px; line-height: 24px; color: #000; font-weight: bold;}
	.con-program ul li p{height: 51px; margin: 8px 0 20px 0;}
	.program_ul li{position: relative; padding-left: 8px; color: #666;}
	.program_ul li:before{content: ''; width: 4px; height: 2px; border-radius: 0; top: 12px; position: absolute; display: inline-block; background: #C2C2C2; left: 0;}

	.con-program2 ul li{width: 100%; height: 300px; display: inline-block; background-color: #fff; box-shadow: 0px 0px 10px #C4C4C466; border: 1px solid #DADADA; border-radius: 20px; padding: 28px 20px 20px 20px; text-align: center; column-rule: #666; margin-bottom: 30px; /* margin-right: 30px; float: left; */}



	.list-tab-menu li a{border: 1px solid #666;}
	.list-tab-menu li.active a{border: 2px solid #000; color: #000;}

	/*찾아오시는길*/
	.intro_find .root_daum_roughmap .wrap_map{ height: 190px !important;}
	.intro_find p{color: #666666; letter-spacing: -1.05px; line-height: 20px;}
	.intro_find ul.location{ display: flex;}
	.intro_find ul.location li{position: relative; padding: 0 11px;}
	.intro_find ul.location li:first-child{padding-left: 0;}
	.intro_find ul.location li:last-child{padding-right: 0;}
	.intro_find ul.location li:after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #D4D4D4;}
	.intro_find ul.location li a{display: inline-block; margin-top: 10px; padding: 5px 16px; color: #000; border: 1px solid #707070; border-radius: 31px;}
	


}


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


/*페이징*/
.paging {
	text-align: center;
	margin: 20px 0;
	clear: both;
}

.paging .prev-2-btn i:before, .paging .next-2-btn i:before {
	margin: 0px;
	width: 7px;
}

.paging a {
	margin: 0 6px;
	color: #878889;
	font-size: 16px;
	vertical-align: bottom;
}

.paging a i {
	font-size: 11px;
	color: #999;
	line-height: 22px;
}

.paging a.active {
	color: #009697;
	text-decoration: none;
	font-weight: 500;
}

/* 포토뉴스 게시판 */
.newsBoard {}

.newsBoard .newsBoardBox .img_wrap {
	float: left;
	width: 28%;
	margin-right: 4%;
}

.newsBoard .newsBoardBox .txt_wrap {
	float: left;
	width: 68%;
	margin-top: 20px;
}

.newsBoard .newsBoardBox li {
	padding-top: 25px;
	padding-bottom: 25px;
}

.newsBoard .newsBoardBox li:first-child {}

.newsBoard .newsBoardBox li:last-child {
	border-bottom: 1px solid #555;
}

.newsBoard .newsBoardBox li img {
	width: 100%;
	padding-right: 0;
	height: 212px;
}

.newsBoard .newsBoardBox li .img {
	width: 100%;
	padding-right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 232px;
}

.newsBoard .newsBoardBox .txt_wrap .tit {
	font-size: 26px;
	padding-bottom: 20px;
	display: block;
	color: #111;
	line-height: 120%;
	font-weight: 500;
}

.newsBoard .newsBoardBox .txt_wrap_text {
	/* width: 100%; */
}

.newsBoard .newsBoardBox .txt_wrap_text p {
	clear: both;
	float: left;
	width: 100%;
	font-size: 16px;
	margin-bottom: 7px;
	line-height: 180%;
}

.newsBoard .newsBoardBox .txt_wrap_text p .tbold {
	color: #111;
	font-weight: bold;
	float: left;
	width: 7%;
}

.newsBoard .newsBoardBox .txt_wrap_text p .tnormal {
	float: left;
	width: 93%;
	color: #444;
}

#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}