@charset "utf-8";

/**********************************************************************************
	대메뉴
**********************************************************************************/

/* 소메뉴 */

/* content common */

/* ico img (sprite) */
.ico_sp { display:inline-block; width:auto; height:auto; font-size:0px; line-height:0; color:transparent; background-image:url(../image/sub_cmn/sub_content_icon.png);}

/**********************************************************************************
	고객참여
**********************************************************************************/

/* 자원봉사 */
.volunteer { position:relative;}
.volunteer .title { padding:50px; width:100%; height:auto;  background:url(../image/content/volunteer_work/backgimg_v.png) no-repeat 20px 40px #e9ecfc;}
.volunteer .title p { font-size:16px; line-height:22px; color:#333; text-align:center; word-break: keep-all}
.volunteer .photo { position:absolute; top:167px; right:60px;}
.volunteer .photo img { margin-left:10px;}
.v_apply { font-size:18px; line-height:28px; color:#333;}
.v_apply .num { color:#4d58a8;}
.v_ico_tel { width:50px; height:50px; border-radius:50%; background-color:#dcdff7; background-position:-10px -10px}
.v_ico_mail {width:50px; height:50px; border-radius:50%; background-color:#dcdff7; background-position:-70px -10px}

@media (min-width:1180px) {
	.volunteer { margin-bottom:150px;}
	.volunteer .title { padding:50px 100px 50px 400px; min-height:210px;}	
	.v_apply > * { display:inline-block; margin:5px 5px 5px 15px; vertical-align:middle;}
}
@media (min-width:768px) and (max-width:1179px) {
	.volunteer .title { padding:50px 50px 20px 300px; min-height:160px; background-size:270px}
	.volunteer .photo { position:relative; top:0; right:0; margin-top:25px; text-align:center}
	.v_apply > * { display:inline-block; margin:5px 5px 5px 15px; vertical-align:middle;}	
}
@media (max-width:767px) {
	.volunteer .title { padding:30px 30px 180px 30px; min-height:0px; background-size:270px; background-position: center bottom;}
	.volunteer .photo { position:relative; top:0; right:0; margin-top:25px; text-align:center}
	.v_apply { font-size:16px; line-height:22px;}	
	.v_apply p { display:block; text-align: center; word-break: keep-all;}	
	.v_apply h5 { display:block; width:50px; margin:0 auto 10px auto;}	
}

/* 견학 */
.excursions {}
.excursions .title { padding:50px; width:100%; height:auto;  background:url(../image/content/volunteer_work/backgimg_ex.png) no-repeat 20px -10px #e9ecfc;}
.excursions .title p { font-size:16px; line-height:22px; color:#333; text-align:center; word-break: keep-all}

@media (min-width:1180px) {
	.excursions .title { padding:50px 100px 50px 350px; min-height:140px;}	
}
@media (min-width:768px) and (max-width:1179px) {
	.excursions .title { padding:50px 50px 20px 300px; min-height:160px; background-size:270px}
}
@media (max-width:767px) {
	.excursions .title { padding:30px 30px 180px 30px; min-height:0px; background-size:270px; background-position: center bottom;}
}

/**********************************************************************************
	재활원 소개
**********************************************************************************/

/* 원장소개 - 인사말 */
.head_greeting .hg_img {position:relative;}
.head_greeting .hg_img::before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#e7eaf6; z-index:0;}
.head_greeting .hg_img::after {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:148px; background:#f6f7fe; z-index:5;}
.head_greeting .hg_img .hgi_slogan {position:relative; display:block; font-family:'NanumMyoengjo'; font-size:28px; line-height:36px; letter-spacing:-0.064em; color:#4b55c7; padding-top:20px; z-index:15;}
.head_greeting .hg_img .hgi_slogan::before {display:block; content:''; width:36px; height:6px; background:#9ba0e1; position:absolute; left:0; top:0;}
.head_greeting .hg_img img {display:block; position:absolute; right:0; bottom:0; z-index:10;}
.head_greeting .hg_title {display:block; font-size:20px; line-height:28px; font-weight:500; margin-top:32px;}
.head_greeting .s_descript {margin-top:24px;}
.head_greeting .txt_clr_nh {color:#4b55c7; font-weight:500;}
.head_greeting .hg_sign {display:block; font-size:0; line-height:0; text-align:right; margin-top:32px;}
.head_greeting .hg_sign span {font-size:16px; line-height:24px; vertical-align:middle;}
.head_greeting .hg_sign strong {font-size:24px; line-height:32px; font-weight:500; letter-spacing:0.08em; vertical-align:middle; margin-left:16px;}

@media (min-width:1180px) {
	.head_greeting {margin-top:48px;}
	.head_greeting .hg_title:first-child {margin-top:0;}
	.head_greeting .hg_img {padding:24px; width:270px; height:470px; float:left; margin:0 32px 32px 0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.head_greeting {margin-top:40px;}
	.head_greeting .hg_title:first-child {margin-top:0;}
	.head_greeting .hg_img {padding:24px; width:270px; height:470px; float:left; margin:0 32px 32px 0;}
}
@media (max-width:767px) {
	.head_greeting {margin-top:32px;}
	.head_greeting .hg_img {height:270px; padding:90px 0 0 0;}
	.head_greeting .hg_img::before {height:195px; top:75px;}
	.head_greeting .hg_img::after {height:120px; top:75px;}
	.head_greeting .hg_img .hgi_slogan {font-size:20px; line-height:24px; margin:20px 24px;}
	.head_greeting .hg_img img {height:270px;}
}

/* 미션 및 비전 */
.mission_area { position: relative; padding-bottom:100px; margin-top:20px; margin-bottom:50px; height:auto; overflow:hidden}
.mission_area::before { content:""; position:absolute; display:block; left:0; bottom:0; width:147px; height:217px; background:url(../image/content/mission/person01.png) no-repeat 0 0;}
.mission_area::after { content:""; position:absolute; display:block; right:0; bottom:0; width:184px; height:222px; background:url(../image/content/mission/person02.png) no-repeat 0 0;}
.mission_area .take { width:90%; padding:25px 15px; margin:20px auto;  font-size: 20px;color:#fff; background-repeat:no-repeat; background-position: center; background-size:100% auto}
.mission_area .take:nth-child(1) { background-image:url(../image/content/mission/back01.png); background-color:#6066b3}
.mission_area .take:nth-child(2) { background-image:url(../image/content/mission/back02.png); background-color:#4973bc}
.mission_area .take:nth-child(3) { background-color:#3492a8}
.mission_area .take .title { width:100%; text-align: center}
.mission_area .take .title>span {font-weight:500; }
.mission_area .take .title>span::before { content:""; display:inline-block; margin-right:20px; width:30px; height:1px; background-color:#fff; vertical-align: middle}
.mission_area .take .title>span::after{ content:""; display:inline-block; margin-left:20px; width:30px; height:1px; background-color:#fff; vertical-align: middle}
.mission_area .take .descript { padding-top:10px; line-height:28px; text-align: center}
.mission_area .take .descript .stitle { display:inline-block; padding:0 15px; margin:2px 5px; font-size:16px; line-height:28px; border:1px dashed rgba(255,255,255,0.5); border-radius:14px; }

@media (max-width:767px) {
	.mission_area { padding-bottom:170px;}
	.mission_area::before { width:120px; background-size:120px}	
	.mission_area::after { width:140px; background-size:140px}	
	.mission_area .take { width:100%; font-size:16px; line-height:22px; background-size:cover}
	.mission_area .take .descript { font-size:14px;}
	.mission_area .take .descript .stitle { margin:5px;  font-size:14px; line-height:20px;}	
}

/* 조직도 */
.key_phone_number_title {display:inline-block; font-size:16px; line-height:1; letter-spacing:-0.048em; color:#444; vertical-align:middle;}
.key_phone_number {display:inline-block; font-family:'Lato'; font-weight:400; font-size:28px; line-height:28px; padding:2px 0 0 8px; vertical-align:middle;}

[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_"] 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:#666572;}
[class^="organization_"] > ul > li > a > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff;}
[class^="organization_"] > ul > li > ul > li > a {background:#4852bc;}
[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_nrc {margin-top:48px;}
	.organization_nrc {background-image:url(../image/content/organization/organization_nrc_p_bg.png);}
	[class^="organization_"] > ul {height:1180px;}
	[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;}

	[class^="organization_"] > ul > li > ul > li:nth-child(2),
	[class^="organization_"] > ul > li > ul > li:nth-child(3),
	[class^="organization_"] > ul > li > ul > li:nth-child(4),
	[class^="organization_"] > ul > li > ul > li:nth-child(5) {margin-top:16px;}
	
	[class^="organization_"] > ul > li > ul > li:nth-child(6) {position:absolute; left:33.3333%; top:0;}
	[class^="organization_"] > ul > li > ul > li:nth-child(7) {position:absolute; left:66.6666%; top:0;}

	.organization_nrc > ul > li > ul {margin-top:48px;}
	.organization_nrc > 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_nrc {background-image:url(../image/content/organization/organization_nrc_t_bg.png);}
	[class^="organization_"] {width:720px; margin:0 auto; margin-top:40px;}
	[class^="organization_"] > ul {height:1180px;}
	[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;}

	[class^="organization_"] > ul > li > ul > li:nth-child(2),
	[class^="organization_"] > ul > li > ul > li:nth-child(3),
	[class^="organization_"] > ul > li > ul > li:nth-child(4),
	[class^="organization_"] > ul > li > ul > li:nth-child(5) {margin-top:16px;}
	
	[class^="organization_"] > ul > li > ul > li:nth-child(6) {position:absolute; left:33.3333%; top:0;}
	[class^="organization_"] > ul > li > ul > li:nth-child(7) {position:absolute; left:66.6666%; top:0;}

	.organization_nrc > ul > li > ul {margin-top:48px;}
	.organization_nrc > 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_nrc {margin-top:32px;}
	[class^="organization_"] > ul > li > ul {margin:0 -8px;}
	[class^="organization_"] > ul > li > ul > li {float:left; 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;}

	[class^="organization_"] > ul > li > ul > li:nth-child(6) {clear:both; float:left;}

	.organization_nrc > ul > li > ul {margin-top:32px;}
	/* .organization_nrc > ul > li > ul > li:nth-child(2n+1) {clear:both;} */
	.organization_nrc > 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;}
}

/* 오시는 길 */
.m_descript {display:block; font-size:19px; line-height:30px; color:#222; padding:2px 0; font-weight:500; letter-spacing:-0.025em;}
.m_descript span {font-size:17px; color:#282e89}
.maplink {padding-top:15px; padding-bottom:10px;}
.maplink .btn { background-color:#fff; letter-spacing:-0.05em; color:#333; margin-right:6px;}
.maplink .naver { border-color:#009b0f; }
.maplink .daum { border-color:#5380e6; }
.maplink .maplogo { display:inline-block; margin-right:9px; height:20px; vertical-align:middle; font-size:0px; color:transparent;}
.maplink .naver .maplogo { width:71px; background:url(../image/content/introduce/l_map_logo_naver.png) no-repeat 0 center; }
.maplink .daum .maplogo { width:50px; background:url(../image/content/introduce/l_map_logo_daum.png) no-repeat 0 center; }
.mapp { padding: 0;}