@charset "utf-8";

/**********************************************************************************
	대메뉴
**********************************************************************************/

/* 소메뉴 */



/**********************************************************************************
	연구소 소개
**********************************************************************************/

/* 소개 */
.ri_top {font-size:0; line-height:0; text-align:center; margin-top:32px; position:relative;}
.ri_top::before {display:block; content:''; width:100%; height:calc(100% - 40px); position:absolute; left:0; top:0; background:#eef7f9; z-index:0;}
.ri_top p {display:block; position:relative; z-index:5;}
.ri_top::after {display:inline-block; content:''; width:243px; height:143px; background:url(../image/content/ri/slogan_bg.png) no-repeat center center; background-size:100%; position:relative; z-index:5;}

.image_list.ri_field .il_ttl {font-size:16px; line-height:24px;}
.image_list.ri_field .il_img {height: 153px;background-size: 100% 100%;}
.image_list.ri_field li:nth-child(1) .il_img {background-image:url(../image/content/ri/list_01_bg.png);}
.image_list.ri_field li:nth-child(2) .il_img {background-image:url(../image/content/ri/list_02_bg.png);}
.image_list.ri_field li:nth-child(3) .il_img {background-image:url(../image/content/ri/list_03_bg.png);}

.image_list.ri_field .il_img::before {display:block; content:''; width:64px; height:64px; position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; background-repeat:no-repeat; background-position:center center;}
.image_list.ri_field ul li:nth-child(1) .il_img::before {background-image:url(../image/content/ri/list_01_icon.png);}
.image_list.ri_field ul li:nth-child(2) .il_img::before {background-image:url(../image/content/ri/list_02_icon.png);}
.image_list.ri_field ul li:nth-child(3) .il_img::before {background-image:url(../image/content/ri/list_03_icon.png);}

@media (min-width:1180px) {
	.ri_top {padding:28px 32px; padding-bottom:0;}
	.ri_top p {font-size:18px; line-height:26px;}
	.ri_top::after {margin-top:16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ri_top {padding:24px 28px; padding-bottom:0;}
	.ri_top p {font-size:16px; line-height:24px;}
	.ri_top::after {margin-top:12px;}
}
@media (max-width:767px) {
	.ri_top {padding:20px 24px; padding-bottom:0;}
	.ri_top p {font-size:14px; line-height:22px;}
	.ri_top::after {width:200px; height:118px; margin-top:8px;}
}

/* 조직도 */
.organization_rri {position:relative;}
.organization_rri::before {content:'';position:absolute; top:0; left:50%; width:1px; height:100px;background:#dedede;z-index:-1;}
.organization_rri::after {content:'';position:absolute; top:74px; left:50%; margin-left:-320px; width:640px; height:1px;background:#dedede;}
.organization_rri > ul::before {content:'';position:absolute; top:75px; left:140px;; width:1px; height:23px;background:#dedede;}
.organization_rri > ul::after {content:'';position:absolute; top:75px; right:140px; width:1px; height:23px;background:#dedede;z-index:-1;}	

[class^="organization_"] {font-size:0; line-height:0; text-align:center; background-repeat:no-repeat; background-position:center 50px;}
[class^="organization_"] > ul > li > ul {position:relative;}
[class^="organization_"] > ul > li > ul::after {display:block; content:''; clear:both;}
[class^="organization_"] > ul > li > ul > li {float:left;}

[class^="organization_"] a {display:block; border:1px solid transparent; background:#eee;}
[class^="organization_"] a > span {display:block; letter-spacing:-0.048em; text-align:center;}
[class^="organization_"] > ul > li > a {background:#454550;}
[class^="organization_"] > ul > li > a > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff;}
[class^="organization_"] > ul > li > ul > li > a {background:#669c3b;}
[class^="organization_"] > ul > li > ul > li > a > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff;}
[class^="organization_"] > ul > li > ul > li > ul > li > a {background:#f8f8f8; border-color:#ddd;}
[class^="organization_"] > ul > li > ul > li > ul > li > a > span {color:#000;}
[class^="organization_"] > ul > li > ul > li > ul > li > ul > li > a {background:none; border-color:#ddd;}
[class^="organization_"] > ul > li > ul > li > ul > li > ul > li > a > span {color:#444;}

@media (min-width:1180px) {
	.organization_rri {margin-top:48px;}
	
	[class^="organization_"] > ul > li > ul {margin:0 -16px;}
	[class^="organization_"] > ul > li > ul > li {padding:0 16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li {margin-top:16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:4px;}

	.organization_rri > ul > li > ul {margin-top:48px;}
	.organization_rri > ul > li > ul > li {width:33.3333%;}

	[class^="organization_"] a > span {font-size:15px; line-height:24px; padding:12px;}
	[class^="organization_"] > ul > li > a {width:25%; margin:0 auto;}
	[class^="organization_"] > ul > li > a > span {font-size:19px;}
	[class^="organization_"] > ul > li > ul > li > a > span {font-size:17px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.organization_rri::after {margin-left:-260px; width:520px;}
	.organization_rri > ul::before {left:100px;}
	.organization_rri > ul::after {right:100px;}		
	
	[class^="organization_"] {width:720px; margin:0 auto; margin-top:40px;}
	[class^="organization_"] > ul > li > ul {margin:0 -16px;}
	[class^="organization_"] > ul > li > ul > li {padding:0 16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li {margin-top:16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:4px;}

	.organization_rri > ul > li > ul {margin-top:48px;}
	.organization_rri > ul > li > ul > li {width:33.3333%;}
	
	[class^="organization_"] a > span {font-size:15px; line-height:24px; padding:12px;}
	[class^="organization_"] > ul > li > a {width:25%; margin:0 auto;}
	[class^="organization_"] > ul > li > a > span {font-size:19px;}
	[class^="organization_"] > ul > li > ul > li > a > span {font-size:17px;}
}
@media (max-width:767px) {	
	.organization_rri {margin-top:32px;}
	.organization_rri::before {height:50px;}
	.organization_rri::after {top:50px; left:25%;margin-left:0; width:50%;}
	.organization_rri > ul::before {top:50px; left:25%;; height:103px;}
	.organization_rri > ul::after {top:50px; right:25%;}		
	
	[class^="organization_"] > ul > li > ul {margin:0 -8px;}
	[class^="organization_"] > ul > li > ul > li {width:50%; padding:0 8px;}
	[class^="organization_"] > ul > li > ul > li > ul > li {margin-top:8px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:2px;}

	.organization_rri > ul > li > ul {margin-top:32px;}
	.organization_rri > ul > li > ul > li:nth-child(2n+1) {clear:both;}
	.organization_rri > ul > li > ul > li:nth-child(n+3) {margin-top:32px;}

	[class^="organization_"] a > span {font-size:13px; line-height:16px; padding:8px;}
	[class^="organization_"] > ul > li > a {width:50%; margin:0 auto;}
	[class^="organization_"] > ul > li > a > span {font-size:17px;}
	[class^="organization_"] > ul > li > ul > li > a > span {font-size:15px;}
}

/**********************************************************************************
	연구 사업
**********************************************************************************/

/* 장애인건강보건관리- 사업개요 */
.handicap_health { background: #f7feff; position: relative; margin-top:32px;}
.handicap_health h4 {font-size:20px; font-weight: 500; color:#032e60; margin-bottom: 20px; text-align: center; }

@media (min-width:1180px) {
	.handicap_health {padding:28px 32px;}
	.handicap_health .division {overflow:hidden;}
	.handicap_health .division > li { float:left; height: 151px; width:30.333%; padding:20px; margin:0 1%; font-size:16px; color:#fff;  text-align:center; line-height: 22px} 	
	.handicap_health .division > li:nth-child(1) { background:url('../image/content/rp/hh_icon1.png') #3774a4 no-repeat center 80px;} 
	.handicap_health .division > li:nth-child(2) { background:url('../image/content/rp/hh_icon2.png') #1289a1 no-repeat center 80px;} 
	.handicap_health .division > li:nth-child(3) { background:url('../image/content/rp/hh_icon3.png') #109967 no-repeat center 80px; } 
}
@media (min-width:768px) and (max-width:1179px) {
	.handicap_health {padding:28px 14px;}
	.handicap_health .division {overflow:hidden;}
	.handicap_health .division > li { float:left; height: 151px; width:30.333%; padding:20px; margin:0 1%; font-size:16px; color:#fff;  text-align:center; line-height: 22px} 	
	.handicap_health .division > li:nth-child(1) { background:url('../image/content/rp/hh_icon1.png') #3774a4 no-repeat center 80px;} 
	.handicap_health .division > li:nth-child(2) { background:url('../image/content/rp/hh_icon2.png') #1289a1 no-repeat center 80px;} 
	.handicap_health .division > li:nth-child(3) { background:url('../image/content/rp/hh_icon3.png') #109967 no-repeat center 80px; } 
}
@media (max-width:767px) {
	.handicap_health {padding:28px 24px;}
	.handicap_health .division {overflow:hidden;}
	.handicap_health .division > li { float:none; height: 151px; width:100%; padding:20px; font-size:16px; color:#fff; margin-bottom: 10px; text-align:center; line-height: 22px} 	
	.handicap_health .division > li:nth-child(1) { background:url('../image/content/rp/hh_icon1.png') #3774a4 no-repeat center 75px;} 
	.handicap_health .division > li:nth-child(2) { background:url('../image/content/rp/hh_icon2.png') #1289a1 no-repeat center 75px;} 
	.handicap_health .division > li:nth-child(3) { background:url('../image/content/rp/hh_icon3.png') #109967 no-repeat center 75px; } 
}

/* 장애인건강보건관리- 사업내용 */
.handicap_business { margin-top:32px;} 
.handicap_business > h5 {background: #3a89a3; text-align: center; color: #fff; padding: 20px; font-size: 20px; line-height: 24px;} 

@media (min-width:1180px) {
	.handicap_business .area {overflow:hidden; margin:15px 0;}
	.handicap_business .area > li { background: #e7f5fc; float:left; height: 250px; width:24.1%; margin:0 0.5%; font-size:16px; padding: 20px;} 
	.handicap_business .area > li > span { display:block; color: #175c7f; font-weight: 500; text-align:center; }	
	.handicap_business .area > li:nth-child(1) { margin-left: 0;}
	.handicap_business .area > li:nth-child(4) { margin-right: 0;}
	.handicap_business .area > li > ul > li { margin-left: -15px; color: #333; }
	.crosshead { color: #000; font-size: 20px; text-align: center; padding: 15px; border: 1px dashed #88a3d4; border-radius:40px; }
	.hb_arrow {  background:url('../image/content/rp/hb_arrow.png') no-repeat center center; height: 31px; margin: 12px 0;  }
	.conclusion {  background:url('../image/content/rp/conclusion_bg.png') #1178b9 no-repeat top right;  height:106px; }
	.conclusion span { display:inline-block; color: #fff; font-size: 20px; text-align: left; margin: 40px 0 0 50px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.handicap_business .area {overflow:hidden; margin:15px 0;}
	.handicap_business .area > li { background: #e7f5fc; float:left; height: 230px; width:32.666%; margin:0 0.5%; font-size:16px; line-height: 22px; padding: 20px;} 
	.handicap_business .area > li > span { display:block; color: #175c7f; font-weight: 500; text-align:center; }	
	.handicap_business .area > li:nth-child(1) { margin-left: 0;}
	.handicap_business .area > li:nth-child(3) { margin-right: 0;}
	.handicap_business .area > li > ul > li { margin-left: -15px; color: #333; }
	.crosshead { color: #000; font-size: 20px; text-align: center; padding: 15px; border: 1px dashed #88a3d4; border-radius:40px; }
	.hb_arrow {  background:url('../image/content/rp/hb_arrow.png') no-repeat center center; height: 31px; margin: 12px 0;  }
	.conclusion {  background:url('../image/content/rp/conclusion_bg.png') #1178b9 no-repeat top right;  height:106px; }
	.conclusion span { display:inline-block; color: #fff; font-size: 20px; text-align: left; margin: 40px 0 0 50px;}
}
@media (max-width:767px) {
	.handicap_business .area {overflow:hidden; margin:15px 0; }
	.handicap_business .area > li { background: #e7f5fc; float:none; height: 170px; width:100%; font-size:16px;  padding: 20px; margin-bottom: 10px;} 
	.handicap_business .area > li > span { display:block; color: #175c7f; font-weight: 500; text-align:center; }	
	.handicap_business .area > li:nth-child(1) { margin-left: 0;}
	.handicap_business .area > li:nth-child(3) { margin-right: 0;}
	.handicap_business .area > li > ul > li { margin-left: -15px; color: #333; }
	.crosshead { color: #000; font-size: 18px; text-align: center; padding: 15px 0; border: 1px dashed #88a3d4; border-radius:40px; }
	.hb_arrow {  background:url('../image/content/rp/hb_arrow.png') no-repeat center center; height: 31px; margin: 12px 0;  }
	.conclusion {  background:url('../image/content/rp/conclusion_bg2.png') #1178b9 no-repeat top right;  height:156px; }
	.conclusion span { display:inline-block; color: #fff; font-size: 20px; text-align: left; margin: 40px 0 0 10px; width: 40%; line-height: 24px;}
}


/**********************************************************************************
	재활연구 국제심포지엄
**********************************************************************************/

/* 2019 국제심포지엄 */
.is_top {font-size:0; line-height:0; text-align:center; background:url(../image/content/is/inter_sps_bg.png) no-repeat left bottom; background-size:cover; margin-top:32px;}
.is_top .is_title_kor {display:block; font-size:24px; line-height:32px; font-weight:500; color:#134682;}
.is_top .is_title_eng {display:block; font-size:14px; line-height:22px; color:#134682;}
.is_top .is_topic {display:block; font-size:20px; line-height:28px; margin-top:16px; color:#134682;}
.is_top .is_schedule {margin-top:24px;}
.is_top .is_schedule li {position:relative; display:block; font-size:14px; line-height:22px; padding:2px 8px;}

.boxview { padding: 0;}

@media (min-width:1180px) {
	.is_top {padding:28px 32px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.is_top {padding:24px 28px;}
}
@media (max-width:767px) {
	.is_top {padding:20px 24px;}
}

/* 지난심포지엄 타이틀 */
.is_last { width:100%;}
.is_last li { display:table; width:100%; padding:7px 0; border-bottom:1px solid #dcdcdc}
.is_last > li:first-child { border-top:1px solid #dcdcdc}
.is_last li > * { display:table-cell; padding:6px 0;  word-break:keep-all;}
.is_last li .sym_tit { color:#095f8c; font-weight:500;}
.is_last li .sym_descript { color:#333;}

@media (min-width:1180px) {
	.is_last li > * {line-height:20px;}
	.is_last li > *:nth-child(1) { width:15%; padding-left:15px; font-size:16px; }
	.is_last li > *:nth-child(2) { width:85%; font-size:14px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.is_last li > * {line-height:20px;}	
	.is_last li > *:nth-child(1) { width:20%; padding-left:15px; font-size:14px; }
	.is_last li > *:nth-child(2) { width:80%; font-size:14px; }
}
@media (max-width:767px) {
	.is_last li > * {line-height:20px;}	
	.is_last li > *:nth-child(1) { width:20%; padding-left:10px; font-size:14px; }
	.is_last li > *:nth-child(2) { width:80%; font-size:14px; }
}

.image_list .il_img .box_image {border: none;padding: 0;margin-top: 0;}
.image_list .il_img .box_image a.ico_zoom {z-index: 1;}

/**********************************************************************************
	기타
**********************************************************************************/
.dataReady { padding:50px 0; width:100%; text-align:center; font-weight:700; font-size:16px;}
.rep {padding:0;}