@charset "utf-8";


/**********************************************************************************
	Division of Medical Health Services(의료부)
**********************************************************************************/

/*과 안내 */
.department_guide {background:#f3f8fe; margin-top:16px;}
.department_guide > ul {margin:-8px;}
.department_guide > ul::after {display:block; content:''; clear:both;}
.department_guide > ul > li {float:left; padding:8px;}
.department_guide > ul > li > div {background:#fff; border:1px solid #c3d8f0;}
.department_guide .dg_name {font-size:0; line-height:0; text-align:center; padding:28px 0 25px; border-bottom:1px solid #c3d8f0;}
.department_guide .dg_name::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.department_guide .dg_name p {display:inline-block;}
.department_guide.i_de_01 .dg_name p::before {display:inline-block; content:''; width:92px; height:75px;}
.department_guide.i_de_02 .dg_name p::before {display:inline-block; content:''; width:63px; height:60px;}
.department_guide.i_de_03 .dg_name p::before {display:inline-block; content:''; width:100px; height:64px;}
.department_guide .dg_name p span {display:block; font-size:16px; line-height:26px; margin-top:8px; letter-spacing:-0.05em}
.department_guide .dg_link > ul {display:table; width:100%;}
.department_guide .dg_link > ul > li {float:left; width:50%; text-align:center; padding:6px 0; border-left:1px solid #c3d8f0;}
.department_guide .dg_link > ul > li:first-child {border-left:0;}
.department_guide .dg_link > ul > li > a {display:block; color:#1d5ab2}
.department_guide .dg_link > ul > li > a > span {display:inline-block; font-size:14px; line-height:21px; vertical-align:middle; margin-right:4px;}
.department_guide .dg_link > ul > li > a::after {display:inline-block; content:''; width:11px; height:11px; vertical-align:middle; background:url(../image/content/md/dg_arrow_right.png) no-repeat center center;}
.department_guide .dg_link > ul > li:only-child { width:100%;}

.department_guide.i_de_01 > ul > li:nth-child(1) .dg_name p::before {background:url(../image/content/md/dg_ico_01_01.png) no-repeat center top;}
.department_guide.i_de_01 > ul > li:nth-child(2) .dg_name p::before {background:url(../image/content/md/dg_ico_01_02.png) no-repeat center top;}
.department_guide.i_de_01 > ul > li:nth-child(3) .dg_name p::before {background:url(../image/content/md/dg_ico_01_03.png) no-repeat center top;}
.department_guide.i_de_01 > ul > li:nth-child(4) .dg_name p::before {background:url(../image/content/md/dg_ico_01_04.png) no-repeat center top;}
.department_guide.i_de_01 > ul > li:nth-child(5) .dg_name p::before {background:url(../image/content/md/dg_ico_01_05.png) no-repeat center top;}
.department_guide.i_de_01 > ul > li:nth-child(6) .dg_name p::before {background:url(../image/content/md/dg_ico_01_06.png) no-repeat center top;}
.department_guide.i_de_01 > ul > li:nth-child(7) .dg_name p::before {background:url(../image/content/md/dg_ico_01_07.png) no-repeat center 10px;}

.department_guide.i_de_02 > ul > li:nth-child(1) .dg_name p::before {background:url(../image/content/md/dg_ico_02_01.png) no-repeat center top;}
.department_guide.i_de_02 > ul > li:nth-child(2) .dg_name p::before {background:url(../image/content/md/dg_ico_02_02.png) no-repeat center top;}
.department_guide.i_de_02 > ul > li:nth-child(3) .dg_name p::before {background:url(../image/content/md/dg_ico_03_01.png) no-repeat center top;}

.department_guide.i_de_03 > ul > li:nth-child(1) .dg_name p::before {background:url(../image/content/md/dg_ico_03_02.png) no-repeat center top;}
.department_guide.i_de_03 > ul > li:nth-child(2) .dg_name p::before {background:url(../image/content/md/dg_ico_03_03.png) no-repeat center top;}
.department_guide.i_de_03 > ul > li:nth-child(3) .dg_name p::before {background:url(../image/content/md/dg_ico_03_04.png) no-repeat center top;}
.department_guide.i_de_03 > ul > li:nth-child(4) .dg_name p::before {background:url(../image/content/md/dg_ico_03_05.png) no-repeat center top;}
.department_guide.i_de_03 > ul > li:nth-child(5) .dg_name p::before {background:url(../image/content/md/dg_ico_03_06.png) no-repeat center 2px;}
.department_guide.i_de_03 > ul > li:nth-child(6) .dg_name p::before {background:url(../image/content/md/dg_ico_01_07.png) no-repeat center 2px;}


@media (min-width:1180px) {
	.department_guide {padding:30px;}
	.department_guide > ul > li {width:33.333%;}
	.department_guide.guide_01 > ul > li {width:50%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.department_guide {padding:16px;}
	.department_guide > ul > li {width:50%;}
}
@media (max-width:767px) {
	.department_guide {padding:8px;}
	.department_guide > ul > li {width:100%;}
}

/*과 내부 소개*/
.ms_box{position:relative; padding:30px 30px 32px 180px; min-height:190px;}
.ms_big_txt{display:block; font-size:24px; line-height:40px; color:#000; margin-bottom:12px;}
.ms_big_txt > em{color:#185ec2; border-bottom:1px dotted #185ec2;}
.ms_big_txt > em::after { content:""; display:inline-block; width:7px; height:7px; }

/*각 과 아이콘모음*/
.ms_box > i{position:absolute; left:30px; top:40px; display:block; width:120px; height:120px; border-radius:100px; border:1px solid #ddd;}
.ms_box > i.ms_i_01_01{background:url(../image/content/md/dg_ico_01_01.png) no-repeat center;}
.ms_box > i.ms_i_01_02{background:url(../image/content/md/dg_ico_01_02.png) no-repeat center;}
.ms_box > i.ms_i_01_03{background:url(../image/content/md/dg_ico_01_03.png) no-repeat center;}
.ms_box > i.ms_i_01_04{background:url(../image/content/md/dg_ico_01_04.png) no-repeat center;}
.ms_box > i.ms_i_01_05{background:url(../image/content/md/dg_ico_01_05.png) no-repeat center;}
.ms_box > i.ms_i_01_06{background:url(../image/content/md/dg_ico_01_06.png) no-repeat center;}
.ms_box > i.ms_i_01_07{background:url(../image/content/md/dg_ico_01_07.png) no-repeat center;}

.ms_box > i.ms_i_02_01{background:url(../image/content/md/dg_ico_02_01.png) no-repeat center;}
.ms_box > i.ms_i_02_02{background:url(../image/content/md/dg_ico_02_02.png) no-repeat center;}

.ms_box > i.ms_i_03_01{background:url(../image/content/md/dg_ico_03_01.png) no-repeat center;}
.ms_box > i.ms_i_03_02{background:url(../image/content/md/dg_ico_03_02.png) no-repeat center;}
.ms_box > i.ms_i_03_03{background:url(../image/content/md/dg_ico_03_03.png) no-repeat center;}
.ms_box > i.ms_i_03_04{background:url(../image/content/md/dg_ico_03_04.png) no-repeat center;}
.ms_box > i.ms_i_03_05{background:url(../image/content/md/dg_ico_03_05.png) no-repeat center;}
.ms_box > i.ms_i_03_06{background:url(../image/content/md/dg_ico_03_06.png) no-repeat center;}

@media (min-width:1180px) {
	.ms_box.ms_box_pad{ padding-top:40px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ms_big_txt{font-size:22px; line-height:30px;  }
}
@media (max-width:767px) {
	.ms_box{position:relative; padding:20px;}
	.ms_box > i{position:inherit; left:inherit; top:inherit; margin:0 auto 20px;}
	.ms_big_txt{font-size:16px; line-height:24px;  }
}

/* 의료진소개 */
.medical_team_introduction > ul > li {position:relative; border-bottom:1px solid #eee;}
.medical_team_introduction .mti_img {display:block; overflow:hidden;}
.medical_team_introduction .mti_img img {display:block; width:102%; margin:0 -1%;}
.medical_team_introduction .mti_img:empty {background-color:#e5edff; font-size:0; line-height:0; text-align:center;}
.medical_team_introduction .mti_img:empty::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.medical_team_introduction .mti_img:empty::after {content:"사진 준비중"; display:inline-block; width:100%; font-size:13px; line-height:21px; color:#580078; word-break:keep-all; vertical-align:middle;}
.medical_team_introduction .mti_person .mtip_name, .medical_team_introduction .mti_person .mtip_field {display:inline-block; vertical-align:middle;}
.medical_team_introduction .mti_person .mtip_name {font-size:28px; line-height:1; color:#222; margin-right:8px;}
.medical_team_introduction .mti_person .mtip_field {font-size:18px; line-height:1; color:#666;}
.medical_team_introduction .mti_list {font-size:14px; line-height:22px; margin-top:24px;}
.medical_team_introduction .mti_list > ul > li {position:relative; padding-left:100px; min-height:22px; margin-top:16px;}
.medical_team_introduction .mti_list .mtil_title {display:inline-block; position:absolute; left:0; top:0; color:#0f44a4;}
.medical_team_introduction .mti_list .mtil_table > ul > li {position:relative; display:inline-block; min-height:48px; padding-left:48px; margin:2px; margin-right:12px; vertical-align:top;}
.medical_team_introduction .mti_list .mtil_table .mtil_day {position:absolute; left:0; top:0; display:block; width:48px; height:48px; border-radius:24px; line-height:48px; text-align:center; background:#f9eefc; color:#580078;}
.medical_team_introduction .mti_list .mtil_table > ul > li > ul > li {position:relative; width:56px; min-height:24px; padding-left:40px; text-align:center;}
.medical_team_introduction .mti_list .mtil_table .mtil_am, .medical_team_introduction .mti_list .mtil_table .mtil_pm {position:absolute; left:0; top:0; display:inline-block; width:40px; line-height:24px; color:#666; text-align:center;}
.medical_team_introduction .mti_list .mtil_table .ico_check {display:inline-block; width:18px; height:13px; background:url(../image/sub_cmn/mtil_table_ico_check.png) no-repeat 0 0; vertical-align:middle; margin-top:-3px;}

@media (min-width:768px) {
	.medical_team_introduction > ul > li {min-height:220px; padding:40px 32px; padding-left:220px;}
	.medical_team_introduction .mti_img {position:absolute; left:0; top:0; margin:32px; width:150px; height:150px; border-radius:75px;}
}
@media (max-width:767px) {
	.medical_team_introduction > ul > li {padding:24px 10px;}
	.medical_team_introduction .mti_img {width:80px; height:80px; border-radius:40px;}
	.medical_team_introduction .mti_person {margin-top:24px;}
	.medical_team_introduction .mti_list > ul > li{padding-left:90px;}
}

/* 기타 의료진소개 (사진없음)*/
.medical_other_introduction > ul > li {position:relative; border-bottom:1px solid #eee;}
.medical_other_introduction .mti_person .mtip_name, 
.medical_other_introduction .mti_person .mtip_field {display:inline-block; vertical-align:middle;}
.medical_other_introduction .mti_person .mtip_name {font-size:20px; line-height:1; color:#222;  font-weight:600; margin-right:8px;}
.medical_other_introduction .mti_person .mtip_field {font-size:16px; line-height:1; color:#666;}
.medical_other_introduction .mti_list {font-size:14px; line-height:22px; margin-top:8px;}
.medical_other_introduction .mti_list > ul > li { padding:5px 0;}
.medical_other_introduction .mti_list .mtil_title { display:block; font-size:15px; line-height:22px; font-weight:500; color:#0f44a4;}

@media (min-width:768px) {
	.medical_other_introduction > ul > li { padding:30px}
}
@media (max-width:767px) {
	.medical_other_introduction > ul > li {padding:10px;}
	.medical_other_introduction .mti_person {margin-top:8px;}
	.medical_other_introduction .mti_person .mtip_name { font-size:18px;}
	.medical_other_introduction .mti_list .mtil_title { font-size:14px;}
}

/* 정신건강의학과 소개화면 _ 별도신규 */
.department_guide_mhnew {background:#f6faff; margin-top:16px;}
.department_guide_mhnew .dep_bigtitle { display:block; font-size:23px; line-height:40px; font-weight:500; color:#000; }
.department_guide_mhnew > div.dep_adult { width:100%;}
.department_guide_mhnew > div.dep_etc1 { float:left;}
.department_guide_mhnew > div.dep_etc2 { float:left;}
.department_guide_mhnew > div > ul {}
.department_guide_mhnew > div > ul::after {display:block; content:''; clear:both;}
.department_guide_mhnew > div > ul > li {float:left; padding:8px;}
.department_guide_mhnew > div > ul > li > div {background:#fff; border:1px solid #c3d8f0;}
.department_guide_mhnew .dg_name {font-size:0; line-height:0; text-align:center; padding:28px 0 25px; border-bottom:1px solid #c3d8f0;}
.department_guide_mhnew .dg_name::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.department_guide_mhnew .dg_name p {display:inline-block;}
.department_guide_mhnew .dg_name p span {display:block; font-size:18px; line-height:26px; margin-top:8px; color:#2763bb}
.department_guide_mhnew .dg_link > ul {display:table; width:100%;}
.department_guide_mhnew .dg_link > ul > li {float:left; width:50%; text-align:center; padding:6px 0; border-left:1px solid #c3d8f0;}
.department_guide_mhnew .dg_link > ul > li:first-child {border-left:0;}
.department_guide_mhnew .dg_link > ul > li > a {display:block; color:#1d5ab2}
.department_guide_mhnew .dg_link > ul > li > a > span {display:inline-block; font-size:14px; line-height:21px; vertical-align:middle; margin-right:4px;}
.department_guide_mhnew .dg_link > ul > li > a::after {display:inline-block; content:''; width:11px; height:11px; vertical-align:middle; background:url(../image/content/ms/dg_arrow_right.png) no-repeat center center;}
.department_guide_mhnew .dg_name p::before {display:inline-block; content:''; width:92px; height:75px;}

.department_guide .dg_link_01 > ul {display:table; width:100%;}
.department_guide .dg_link_01 > ul > li {text-align:center; padding:6px 0; border-left:1px solid #c3d8f0;}
.department_guide .dg_link_01 > ul > li:first-child {border-left:0;}
.department_guide .dg_link_01 > ul > li > a {display:block; color:#1d5ab2}
.department_guide .dg_link_01 > ul > li > a > span {display:inline-block; font-size:14px; line-height:21px; vertical-align:middle; margin-right:4px;}
.department_guide .dg_link_01 > ul > li > a::after {display:inline-block; content:''; width:11px; height:11px; vertical-align:middle; background:url(../image/content/ms/dg_arrow_right.png) no-repeat center center;}


.department_guide_mhnew > div.dep_adult > ul > li:nth-child(1) .dg_name p::before {background:url(../image/content/md/dg_ico_01_01.png) no-repeat center top;} /* 조현병스펙트럼 */
.department_guide_mhnew > div.dep_adult > ul > li:nth-child(2) .dg_name p::before {background:url(../image/content/md/dg_ico_01_02.png) no-repeat center top;} /* 기분장애 */
.department_guide_mhnew > div.dep_adult > ul > li:nth-child(3) .dg_name p::before {background:url(../image/content/md/dg_ico_01_03.png) no-repeat center top;} /* 불안스트레스 */
.department_guide_mhnew > div.dep_adult > ul > li:nth-child(4) .dg_name p::before {background:url(../image/content/md/dg_ico_01_04.png) no-repeat center top;} /* 중독*/
.department_guide_mhnew > div.dep_etc1 > ul > li:nth-child(1) .dg_name p::before {background:url(../image/content/md/dg_ico_01_05.png) no-repeat center top;} /* 노인정신과 */
.department_guide_mhnew > div.dep_etc2 > ul > li:nth-child(1) .dg_name p::before {background:url(../image/content/md/dg_ico_01_06.png) no-repeat center top;} /* 소아청소년과 */

.department_guide_mhnew::after  {display:block; content:''; clear:both;}

@media (min-width:1180px) {
	.department_guide_mhnew {padding:30px;}
	.department_guide_mhnew .dep_bigtitle { margin-top:30px; }
	.department_guide_mhnew > div.dep_adult .dep_bigtitle { margin-top:0; }
	.department_guide_mhnew > div.dep_adult > ul > li {width:50%;}
	.department_guide_mhnew > div.dep_etc1 { width:50%}
	.department_guide_mhnew > div.dep_etc2 { width:50%}
	.department_guide_mhnew > div.dep_etc1 > ul > li,
	.department_guide_mhnew > div.dep_etc2 > ul > li { float:none; width:100%; }
}
@media (min-width:768px) and (max-width:1179px) {
	.department_guide_mhnew {padding:16px;}
	.department_guide_mhnew .dep_bigtitle { margin-top:24px; }
	.department_guide_mhnew > div.dep_adult .dep_bigtitle { margin-top:0; }
	.department_guide_mhnew > div.dep_adult > ul > li {width:50%;}
	.department_guide_mhnew > div.dep_etc1 { width:50%}
	.department_guide_mhnew > div.dep_etc2 { width:50%}
	.department_guide_mhnew > div.dep_etc1 > ul > li,
	.department_guide_mhnew > div.dep_etc2 > ul > li { float:none; width:100%; }
}
@media (max-width:767px) {
	.department_guide_mhnew {padding:8px;}
	.department_guide_mhnew .dep_bigtitle { margin-top:18px; }
	.department_guide_mhnew > div.dep_adult .dep_bigtitle { margin-top:0; }
	.department_guide_mhnew > div { width:100%;}
	.department_guide_mhnew > div > ul > li {width:100%;}
}

/* 성인정신과 안내 및 sub tab*/
.dep_adult_infobox { margin-top:24px; padding:24px 30px; border:1px solid #bfd4f3}
.dep_adult_infobox p { font-size:15px; line-height:24px; color:#555; }
.dep_adult_infobox strong { color:#185ec2; font-weight:500; }

.tab_adult_subtab { margin-top:16px; padding:10px 20px; background-color:#f8fbff; }
.tab_adult_subtab > ul { width:100%; text-align:center;}
.tab_adult_subtab > ul > li { display:inline-block; margin:2px;}
.tab_adult_subtab > ul > li > a  {display:block; padding:5px 32px; background-color:#ffffff; text-align:center; color:#666; border:1px solid #d3d5d7}
.tab_adult_subtab > ul > li > a > span {display:inline-block; font-size:14px; line-height:22px;}
.tab_adult_subtab > ul > li.on > a {border:3px solid #a9c5ec}
.tab_adult_subtab > ul > li.on > a > span { color:#2c6cc7; font-weight:500; }

@media (max-width:767px) {
	.dep_adult_infobox { padding:18px 20px;}
	.dep_adult_infobox p  {font-size:14px; line-height:22px; }

	.tab_adult_subtab > ul > li { width:40%;}
	.tab_adult_subtab > ul > li > a  {padding:4px; width:100%;}
}


/**********************************************************************************
	Division of Public Mental Health Services (정신건강사업부)
**********************************************************************************/

/* 사업부 목적*/
.pmhs_pur_box{position:relative; width:100%; background-image:url(../image/content/mh/pur_bg.png); background-repeat:no-repeat; background-position:right top; background-color:#03a388;  background-size:auto 100%; text-align:center; padding:40px 70px; margin-top:32px; box-sizing:border-box;}
.pmhs_pur_box > h4{color:#fff; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-1px; word-wrap: break-word; word-break:keep-all; }
.pmhs_pur_box .infotext { margin-top:16px; font-size:14px; line-height:22px; font-weight:500; color:#fff; }
@media (max-width:767px) {
	.pmhs_pur_box { padding:25px; background-position:right bottom; }
	.pmhs_pur_box > h4 { font-size:20px; line-height:28px; }
	.pmhs_pur_box .infotext { font-size:13px; }
}

/* 사업부 Value*/
.pmhs_value {margin-top:16px;border:1px solid #dcdcdc}
.pmhs_value > ul {}
.pmhs_value > ul > li { padding:10px 0 10px 160px; background-repeat:no-repeat; background-position:left center; border-bottom:1px dashed #ddd;}
.pmhs_value > ul > li:last-child { border-bottom:0 none; }
.pmhs_value > ul > li::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.pmhs_value > ul > li .value_descript {display:inline-block; font-size:18px; line-height:24px; font-weight:500; color:#333;}
.pmhs_value > ul > li.value1 { background-image:url(../image/content/mh/pur_i_01.png); }
.pmhs_value > ul > li.value2 { background-image:url(../image/content/mh/pur_i_02.png); }
.pmhs_value > ul > li.value3 { background-image:url(../image/content/mh/pur_i_03.png); }

@media (min-width:1180px) {
	.pmhs_value > ul { width:85%; margin:10px auto; }
	.pmhs_value > ul > li { height:170px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.pmhs_value > ul { width:90%; margin:10px auto; }
	.pmhs_value > ul > li { height:170px; }
}
@media (max-width:767px) {
	.pmhs_value > ul { margin:10px 0}
	.pmhs_value > ul > li { padding:120px 16px 20px 16px;  background-size:100px auto; background-position:center 14px; }
	.pmhs_value > ul > li .value_descript {font-size:14px; line-height:22px; font-weight:400; text-align:center;}
}

/* 사업부 과소개*/
.pmhs_work_tit{ padding:30px 50px;}
.pmhs_work_tit > p{ font-size:16px; color:#333; line-height:24px; letter-spacing:-1px;}
.pmhs_work_tit > p > em{color:#222;}
.pmhs_work_tit > p > strong{ display:inline-block; margin-right:7px; color:#03a388; font-size:24px; font-weight:500; line-height:34px; vertical-align:bottom; }
.pmhs_work_tit > p > strong > em{color:#333; font-weight:400;}

.pmhs_work_box_txt{position:relative; border-top:1px solid #2e2e2e; border-bottom:1px solid #dddddd;  margin-top:30px; padding:35px 0 35px 220px;}
.pmhs_work_box_txt > h4{position:absolute; left:0; top:0; width:220px; height:270px; font-size:20px; line-height:30px; letter-spacing:-0.5px; text-align:center; font-weight:500; color:#333; background:url(../image/content/mh/i_work.png) no-repeat center 90px; padding:35px 0;}
.pmhs_work_box_txt > h4 > span{color:#009c82;}
.pmhs_work_box_txt > ul > li { font-size:15px; font-weight:500; color:#333}
.pmhs_work_box_txt > ul > li > * > li { font-size:14px; font-weight:400; color:#666}

@media (max-width:767px) {
	.pmhs_work_box_txt { padding: 180px 10px 10px 10px; }
	.pmhs_work_box_txt > h4 { top:20px; left:50%; margin-left:-70px; padding:0; width:140px; background-size:100px; background-position:center 40px}
}


/**********************************************************************************
	Mental Health Research Institute (정신 건강 연구소)
**********************************************************************************/

/* 연구소 목적*/
.mhri_pur_box{position:relative; width:100%; background-image:url(../image/content/ri/ri_pur_bg.png); background-repeat:no-repeat; background-position:right top; background-color:#0087af;  background-size:auto 100%; text-align:center; padding:40px 70px; margin-top:32px; box-sizing:border-box;}
.mhri_pur_box > h4{color:#fff; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-1px; word-wrap: break-word; word-break:keep-all; }
.mhri_pur_box .infotext { margin-top:16px; font-size:14px; line-height:22px; font-weight:500; color:#fff; }
@media (max-width:767px) {
	.mhri_pur_box { padding:25px; background-position:right bottom; }
	.mhri_pur_box > h4 { font-size:20px; line-height:28px; }
	.mhri_pur_box .infotext { font-size:13px; }
}

/* 연구소 Value*/
.mhri_value {margin-top:16px;border:1px solid #dcdcdc}
.mhri_value > ul {}
.mhri_value > ul > li { padding:10px 0 10px 160px; background-repeat:no-repeat; background-position:left center; border-bottom:1px dashed #ddd;}
.mhri_value > ul > li:last-child { border-bottom:0 none; }
.mhri_value > ul > li::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.mhri_value > ul > li .value_descript {display:inline-block; font-size:18px; line-height:24px; font-weight:500; color:#333;}
.mhri_value > ul > li.value1 { background-image:url(../image/content/ri/ri_pur_i_01.png); }
.mhri_value > ul > li.value2 { background-image:url(../image/content/ri/ri_pur_i_02.png); }
.mhri_value > ul > li.value3 { background-image:url(../image/content/ri/ri_pur_i_03.png); }
.mhri_value > ul > li.value4 { background-image:url(../image/content/ri/ri_pur_i_04.png); }

@media (min-width:1180px) {
	.mhri_value > ul { width:85%; margin:10px auto; }
	.mhri_value > ul > li { height:170px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.mhri_value > ul { width:90%; margin:10px auto; }
	.mhri_value > ul > li { height:170px; }
}
@media (max-width:767px) {
	.mhri_value > ul { margin:10px 0}
	.mhri_value > ul > li { padding:120px 16px 20px 16px;  background-size:100px auto; background-position:center 14px; }
	.mhri_value > ul > li .value_descript {font-size:14px; line-height:22px; font-weight:400; text-align:center;}
}

/* 연구소 과소개*/
.mhri_work_tit{ padding:30px 50px;}
.mhri_work_tit > p{ font-size:16px; color:#333; line-height:24px; letter-spacing:-1px;}
.mhri_work_tit > p > em{color:#222;}
.mhri_work_tit > p > strong{ display:inline-block; margin-right:7px; color:#0087af; font-size:24px; font-weight:500; line-height:34px; vertical-align:bottom; }
.mhri_work_tit > p > strong > em{color:#333; font-weight:400;}

.mhri_work_box_txt{position:relative; border-top:1px solid #2e2e2e; border-bottom:1px solid #ddd;  margin-top:30px; padding:25px 0 25px 220px;}
.mhri_work_box_txt > .work_title {position:absolute; left:0; top:-10px; width:220px; height:270px; font-size:20px; line-height:30px; letter-spacing:-0.5px; text-align:center; font-weight:500; color:#333; background-image:url(../image/content/ri/i_work_ri.png); background-repeat:no-repeat; background-position:center 80px; padding:35px 0;}
.mhri_work_box_txt > .work_title > span{color:#009c82;}
.mhri_work_box_txt > ul > li { margin-top:15px; font-size:15px; font-weight:500; color:#333}
.mhri_work_box_txt > ul > li:first-child { margin-top:0; }
.mhri_work_box_txt > ul > li > * > li { font-size:14px; font-weight:400; color:#666}

.mhri_work_box_txt > .work_title.subdep_plan1 {background-position:center 40px; background-image:url(../image/content/ri/i_work_ri_plan1.png)} /* Department of Research Planning (연구 기획부) > Establish mid- to long-Term Plans for R&D Project */
.mhri_work_box_txt > .work_title.subdep_plan2 {background-position:center 40px;  background-image:url(../image/content/ri/i_work_ri_plan2.png)}/* Department of Research Planning (연구 기획부) > Mental Health R&D Project */
.mhri_work_box_txt > .work_title.subdep_plan3 {background-position:center 40px;  background-image:url(../image/content/ri/i_work_ri_plan3.png)}/* Department of Research Planning (연구 기획부) > Mental Health Survey */
.mhri_work_box_txt > .work_title.subdep_plan4 {background-position:center 40px; background-image:url(../image/content/ri/i_work_ri_plan4.png)}/* Department of Research Planning (연구 기획부) > Committees */
.mhri_work_box_txt > .work_title.subdep_res1 {background-position:center 40px;  background-image:url(../image/content/ri/i_work_ri_res1.png)} /* Department of Mental Health Research (정신 보건학과) > Psychobiological Neuroscience Research */
.mhri_work_box_txt > .work_title.subdep_res2 {background-position:center 40px; background-image:url(../image/content/ri/i_work_ri_res2.png)}/* Department of Research Planning (연구 기획부) > Psychosocial Research */
.mhri_work_box_txt > .work_title.subdep_res3 {background-position:center 40px;  background-image:url(../image/content/ri/i_work_ri_res3.png)}/* Department of Research Planning (연구 기획부) > Committees */

@media (min-width:1180px) {
	.mhri_work_box_txt { min-height:220px; height:auto; overflow:hidden; }
}
@media (min-width:768px) and (max-width:1179px) {
	.mhri_work_box_txt { min-height:220px; }
}
@media (max-width:767px) {
	.mhri_work_box_txt { padding: 180px 10px 10px 10px; height:auto; overflow:hidden;  }
	.mhri_work_box_txt > .work_title { top:20px; left:50%; margin-left:-70px; padding:0; width:140px; background-size:100px; background-position:center 40px}

	.mhri_work_box_txt > .work_title.subdep_plan1,
	.mhri_work_box_txt > .work_title.subdep_plan2,
	.mhri_work_box_txt > .work_title.subdep_plan3,
	.mhri_work_box_txt > .work_title.subdep_plan4,
	.mhri_work_box_txt > .work_title.subdep_res1,
	.mhri_work_box_txt > .work_title.subdep_res2, 
	.mhri_work_box_txt > .work_title.subdep_res3  { top:0; background-size:120px; background-position:center 25px}
}


/**********************************************************************************
	National Center for Trauma
**********************************************************************************/

/* 트라우마센터 소개*/
.tra_pur_box{position:relative; width:100%; background-image:url(../image/content/nt/nt_pur_bg.png); background-repeat:no-repeat; background-position:right top; background-color:#4d6c89;  background-size:auto 100%; text-align:center; padding:40px 70px; margin-top:32px; box-sizing:border-box;}
.tra_pur_box > h4 {color:#fff; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-1px; word-wrap: break-word; word-break:keep-all; }
.tra_pur_box .infotext { margin-top:16px; font-size:14px; line-height:22px; font-weight:500; color:#fff; }
@media (max-width:767px) {
	.tra_pur_box { padding:25px; background-position:right bottom; }
	.tra_pur_box > h4 { font-size:20px; line-height:28px; }
	.tra_pur_box .infotext { font-size:13px; }
}

/* 트라우마센터 주요업무*/
.tra_work_box_txt{position:relative; border-top:1px solid #2e2e2e; border-bottom:1px solid #ddd;  margin-top:30px; padding:25px 0 25px 220px;}
.tra_work_box_txt > .work_title {position:absolute; left:0; top:-10px; width:220px; height:270px; font-size:20px; line-height:30px; letter-spacing:-0.5px; text-align:center; font-weight:500; color:#333; background:url(../image/content/nt/i_work_nt.png) no-repeat center 80px; padding:35px 0;}
.tra_work_box_txt > .work_title > span{color:#009c82;}
.tra_work_box_txt > .work_info {}
.tra_work_box_txt > .work_info *[class^="s_title_"] { }

@media (min-width:1180px) {
	.tra_work_box_txt { min-height:220px; height:auto; overflow:hidden; }
}
@media (min-width:768px) and (max-width:1179px) {
	.tra_work_box_txt { min-height:220px; }
}
@media (max-width:767px) {
	.tra_work_box_txt { padding: 180px 10px 10px 10px; height:auto; overflow:hidden;  }
	.tra_work_box_txt > .work_title { top:20px; left:50%; margin-left:-70px; padding:0; width:140px; background-size:100px; background-position:center 40px}
}

/**********************************************************************************
	Mental Health Education (정신건강교육과)
**********************************************************************************/

/* 정신건강교육과 소개*/
.edu_pur_box{position:relative; width:100%; background-image:url(../image/content/me/me_pur_bg.png); background-repeat:no-repeat; background-position:right top; background-color:#a2683b;  background-size:auto 100%; text-align:center; padding:40px 70px; margin-top:32px; box-sizing:border-box;}
.edu_pur_box > h4 {color:#fff; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-1px; word-wrap: break-word; word-break:keep-all; }
.edu_pur_box .infotext { margin-top:16px; font-size:14px; line-height:22px; font-weight:500; color:#fff; }
@media (max-width:767px) {
	.edu_pur_box { padding:25px; background-position:right bottom; }
	.edu_pur_box > h4 { font-size:20px; line-height:28px; }
	.edu_pur_box .infotext { font-size:13px; }
}

/* 정신건강교육과 주요업무*/
.edu_work_box_txt{position:relative; border-top:1px solid #2e2e2e; border-bottom:1px solid #ddd;  margin-top:30px; padding:25px 0 25px 220px;}
.edu_work_box_txt > .work_title {position:absolute; left:0; top:-10px; width:220px; height:270px; font-size:20px; line-height:30px; letter-spacing:-0.5px; text-align:center; font-weight:500; color:#333; background:url(../image/content/me/i_work_nt.png) no-repeat center 80px; padding:35px 0;}
.edu_work_box_txt > .work_title > span{color:#009c82;}
.edu_work_box_txt > .work_info {}
.edu_work_box_txt > .work_info *[class^="s_title_"] { }

@media (min-width:1180px) {
	.edu_work_box_txt { min-height:220px; height:auto; overflow:hidden; }
}
@media (min-width:768px) and (max-width:1179px) {
	.edu_work_box_txt { min-height:220px; }
}
@media (max-width:767px) {
	.edu_work_box_txt { padding: 180px 10px 10px 10px; height:auto; overflow:hidden;  }
	.edu_work_box_txt > .work_title { top:20px; left:50%; margin-left:-70px; padding:0; width:140px; background-size:100px; background-position:center 40px}
}


/**********************************************************************************
	About NCMH (NCMH 소개)
**********************************************************************************/

/* 원장소개 - 인사말 */
.greeting_box{background:url(../image/content/ci/greeting_img.jpg) no-repeat left top; margin-top:40px;}
.greeting_head_box{height:390px; padding:65px 0 0 300px;}
.greeting_head_box .hg_title_01{font-size:26px; color:#222; line-height:34px; font-weight:500; letter-spacing:-1.5px; padding-top:10px;}
.greeting_head_box .hg_title_02{font-size:22px; color:#222; line-height:28px; letter-spacing:-1.5px; margin-top:15px;}
.greeting_box .hg_title_03{font-size:18px; color:#222; line-height:24px; font-weight:500; margin-top:25px;}
.greeting_box .hg_title_03 span{color:#3a4eba;}
.greeting_box ul{margin-top:15px;}
.greeting_box ul li{font-size:16px; color:#222; line-height:20px; margin-bottom:15px;}
.greeting_box ul li span{display:inline-block; width:60px; color:#3a4eba; font-weight:500; text-decoration:underline;}
.greeting_box .hg_sign {text-align:right; margin-top:20px; vertical-align:middle;}
.greeting_box .hg_sign span {display:inline-block; font-size:16px; line-height:40px;}
.greeting_box .hg_sign span img{vertical-align:middle; margin-left:10px;}
.greeting_box .greet_txt{font-size:15px; color:#333; line-height:24px; margin-top:15px;}

@media (min-width:890px) and (max-width:1179px) {
	.greeting_head_box{height:auto; margin-bottom:40px;}
	.greeting_head_box ul li span{width:auto; margin-right:10px;}	
}
@media (min-width:501px) and (max-width:889px) {
	.greeting_box{background:url(../image/content/ci/greeting_img_t.jpg) no-repeat center top;}
	.greeting_head_box{height:auto; margin-bottom:30px; padding:310px 0 0;}
	.greeting_head_box ul li span{width:auto; margin-right:10px;}	
}
@media (max-width:500px) {
	.greeting_box{background:url(../image/content/ci/greeting_img_m.jpg) no-repeat center top;}
	.greeting_head_box{height:auto; margin-bottom:30px; padding:250px 0 0;}
	.greeting_head_box ul li span{width:auto; margin-right:10px;}
	.greeting_head_box .hg_title_01{font-size:24px; line-height:32px; letter-spacing:-1px;}
	.greeting_head_box .hg_title_02{font-size:20px; line-height:26px; letter-spacing:-1px;}	
}

/*미션및비전*/
.mission_box{margin-top:32px;}
.mission_box > h4{width:244px; height:207px; background:url(../image/content/ci/mission_bg.png) no-repeat left top; color:#222; font-size:20px; font-weight:600; font-family:'Arial', sans-serif; letter-spacing:1px; text-align:center; margin:0 auto; padding:60px 0 0 0; }
.mission_box > h5{font-size:30px; line-height:38px; color:#1042a3; text-align:center; letter-spacing:-2px; font-weight:500; margin-top:20px;}

.vision_box {position:relative; margin-top:20px; padding:75px 0 0 0;}
.vision_box:before{position:absolute; left:50%; top:0; margin-left:-40px; content:''; width:80px; height:31px; background:url(../image/content/ci/mis_arrow.png) no-repeat left top;}
.vision_box > h4{position:absolute; left:50%; top:50px; width:160px; height:50px; line-height:50px; color:#333; font-size:20px; font-weight:600; font-family:'Arial', sans-serif; letter-spacing:1px; text-align:center; margin-left:-80px; padding:0 20px; background:#fff; border:1px solid #afafaf; border-radius:50px;}
.vision_box > div{min-height:400px; border:1px solid #afafaf; padding:20px 20px 30px;}
.vision_box > div > h5{width:500px; font-size:22px; line-height:30px; color:#374250; text-align:center; letter-spacing:-1px; background:#dfebfc; border-radius:70px; margin:50px auto 0; padding:20px 10px 18px;}
.vision_box > div > p.txt{font-size:14px; line-height:20px; color:#777; text-align:center; letter-spacing:0px; margin-top:10px;}
.vision_box > div > ul{margin:40px 0 0 30px;}
.vision_box > div > ul:after{display:block; content:''; clear:both;}
.vision_box > div > ul > li{position:relative; float:left; width:33.3333%; height:180px; text-align:center; margin-bottom:20px;}
.vision_box > div > ul > li > div { display:table;  margin:0 auto; width:180px; height:180px;  border-radius:50%;}
.vision_box > div > ul > li:nth-child(1) > div{background-color:rgba(82,132,206,0.9);} /* #5284ce */
.vision_box > div > ul > li:nth-child(2) > div{background-color:rgba(123,127,212,0.9);} /* #7b7fd4 */
.vision_box > div > ul > li:nth-child(3) > div{background-color:rgba(0,146,214,0.9);} /* #0092d6 */
.vision_box > div > ul > li:nth-child(4) > div{background-color:rgba(82,132,206,0.9);} /* #009aa0 */
.vision_box > div > ul > li:nth-child(5) > div{background-color:rgba(119,137,156,0.9);}  /* #77899c */
.vision_box > div > ul > li > div > p{position:relative; display:table-cell; vertical-align:middle; font-size:14px; line-height:20px; font-weight:500; color:#fff; padding-top:5px; word-wrap: break-word; word-break:keep-all; }

.value_box{position:relative; margin-top:20px; padding:37px 0 0 0;}
.value_box:before{position:absolute; left:50%; top:0; margin-left:-40px; content:''; width:80px; height:31px; background:url(../image/content/ci/mis_arrow.png) no-repeat left top;}
.value_box > h4{position:absolute; left:50%; top:50px; width:160px; height:50px; line-height:50px; color:#333; font-size:20px; font-weight:600; font-family:'Arial', sans-serif; letter-spacing:1px; text-align:center; margin-left:-80px; padding:0 20px; background:#fff; border:1px solid #858fc4; border-radius:50px;}
.value_box > ul{margin-top:40px; background:#dae5fa; padding:40px 60px}
.value_box > ul:after{display:block; content:''; clear:both;}
.value_box > ul > li{float:left; width:33.333333%; margin:10px 0; text-align:center;}
.value_box > ul > li > p{position:relative; display:inline-block; width:115px; height:115px; border-radius:50%; font-size:14px; font-weight:500; color:#444; text-align:center; background:#fff; padding-top:70px; word-wrap: break-word; word-break:keep-all; }
.value_box > ul > li > p:after{position:absolute; left:0; top:0; content:''; display:block; width:100%; height:70px;}
.value_box > ul > li:nth-child(1) > p:after{background:url(../image/content/ci/value_i_01.png) no-repeat center 30px;}
.value_box > ul > li:nth-child(2) > p:after{background:url(../image/content/ci/value_i_02.png) no-repeat center 30px;}
.value_box > ul > li:nth-child(3) > p:after{background:url(../image/content/ci/value_i_03.png) no-repeat center 30px;}
.value_box > ul > li:nth-child(4) > p:after{background:url(../image/content/ci/value_i_04.png) no-repeat center 30px;}
.value_box > ul > li:nth-child(5) > p:after{background:url(../image/content/ci/value_i_05.png) no-repeat center 28px;}
.value_box > ul > li:nth-child(6) > p:after{background:url(../image/content/ci/value_i_06.png) no-repeat center 30px;}

@media (min-width:1180px) {
	.vision_box > div > ul > li:nth-child(1) > div{left:0;}
	.vision_box > div > ul > li:nth-child(2) > div{left:-10px;}
	.vision_box > div > ul > li:nth-child(3) > div{left:-20px;}
	.vision_box > div > ul > li:nth-child(4) > div{left:-30px;}
	.vision_box > div > ul > li:nth-child(5) > div{left:-40px;}	
}
@media (min-width:768px) and (max-width:1179px) {
	.vision_box > div{min-height:600px;}
	.vision_box > div > ul{width:600px; margin:40px auto 0;}
	.vision_box > div > ul > li{width:33.333%;}
	.vision_box > div > ul > li:nth-child(4),
	.vision_box > div > ul > li:nth-child(5){width:50%;}
		
	.value_box > ul{padding:50px 0 0;}
	.value_box > ul > li{width:33.333%; margin-bottom:40px;}
}
@media (max-width:767px) {
	.mission_box > h5{font-size:24px; line-height:32px;}
	
	.vision_box > div > h5{width:auto; font-size:20px; line-height:26px; padding:18px 30px;}
	.vision_box > div > ul{margin:20px 0 0;}
	.vision_box > div > ul > li{width:100%; height:auto; margin-bottom:5px;}
	.vision_box > div > ul > li > div > p span.vis_txt{display:inline;}
	.vision_box > div > ul > li > div{position:inherit; left:inherit; width:100%; height:auto;}
	.vision_box > div > ul > li > div {border-radius:10px;}
	.vision_box > div > ul > li > div > p{font-size:16px; padding:17px;}
	
	.value_box > ul{padding:50px 20px 25px;}
	.value_box > ul > li{width:32%; height:auto; margin:0 2% 2% 0;}
	.value_box > ul > li:nth-child(3n){margin-right:0;}
	.value_box > ul > li > p{position:relative; display:inline-block; width:100%; height:auto; border-radius:0; background:#fff; padding:75px 0 20px 0;}
}
@media (max-width:480px) {
	.value_box > ul > li{width:49%; height:auto; margin:0 2% 2% 0;}
	.value_box > ul > li:nth-child(3n){margin-right:2%;}
	.value_box > ul > li:nth-child(2n){margin-right:0;}
}

/*연혁*/
.en_history {background-image:url(../image/sub_cmn/history_bg_line.png); background-repeat:repeat-y; background-position:center top; margin-top:32px;}
.en_history > ul > li{position:relative; min-height:330px; margin-bottom:50px;}
.en_history > ul > li > h4{width:170px; font-size:26px; line-height:28px; color:#3a4eba; font-weight:500; text-align:center; background:#fff; border:2px solid #5163ce; border-radius:50px; margin:0 auto; padding:12px 0;}
.en_history > ul > li > h4 > span{font-size:18px; line-height:22px;}
.en_history > ul > li > ul{margin-top:20px;}
.en_history > ul > li > ul::after {display:block; content:''; clear:both;}
.en_history > ul > li > ul.left{padding-right:50%;}
.en_history > ul > li > ul.right{padding-left:50%;}
.en_history > ul > li > ul.left > li{position:relative; padding:16px 0; padding-right:18px;}
.en_history > ul > li > ul.right > li{position:relative; padding:16px 0; padding-left:18px;}
.en_history > ul > li > ul > li::before {display:block; content:''; width:16px; height:16px; background:#fff; border-radius:8px; position:absolute; top:18px; border:4px solid #5163ce;}
.en_history > ul > li > ul.left > li::before {right:-8px;}
.en_history > ul > li > ul.right > li::before {left:-8px;}
.en_history > ul > li > ul > li > ul{margin-top:10px;}
.en_history > ul > li > ul > li > ul > li{position:relative; font-size:16px; line-height:24px; color:#333; margin-top:8px; padding-left:30px;}
.en_history > ul > li > ul > li > ul > li{position:relative; font-size:16px; line-height:24px; color:#333; margin-top:8px;}
.en_history > ul > li > ul.left > li > ul > li{text-align:right; padding-right:70px;}
.en_history > ul > li > ul.right > li > ul > li{padding-left:70px;}
.en_history .h_year {display:block; font-family:'Lato'; font-weight:bold; font-size:24px; line-height:1; letter-spacing:0;}
.en_history > ul > li > ul.left > li > span.h_year{text-align:right;}
.en_history > ul > li > ul > li > ul > li > span.h_day{position:absolute; top:0; display:block; font-family:'Lato'; font-size:14px; line-height:24px; letter-spacing:0; color:#3a4eba;}
.en_history > ul > li > ul.left > li > ul > li > span.h_day{right:0;}
.en_history > ul > li > ul.right > li > ul > li > span.h_day{left:0;}
.en_history > ul > li > ul > li > ul > li > span.h_day > em{font-family:'Noto Sans KR';}
.en_history .his_img{position:absolute; top:90px; width:344px; height:215px; box-shadow:7px 7px 0 #edeffa;}
.en_history .his_img_l{left:50%; margin-left:-400px;}
.en_history .his_img_r{right:50%; margin-right:-400px;}
@media (max-width:890px) {
	.en_history .his_img{width:280px; height:175px;}
	.en_history .his_img_l{left:10px; margin:0;}
	.en_history .his_img_r{right:10px; margin:0;}
	.en_history .his_img img{width:100%; height:100%;}
}

@media (max-width:767px) {
	.en_history { background-image:none;}
	.en_history > ul > li > ul.left{padding:10px 0 0 0;}
	.en_history > ul > li > ul.right{padding:10px 0 0 0;}
	.en_history > ul > li > h4{width:inherit; border-radius:0; margin-bottom:20px;}
	.en_history > ul > li > ul{margin-top:0;}
	.en_history > ul > li > ul.left > li, .en_history > ul > li > ul.right > li{padding:16px 0 0 24px; }
	.en_history > ul > li > ul.left > li > ul > li{text-align:left; padding-right:0; padding-left:70px;}
	
	.en_history > ul > li > ul.left > li::before{left:0; right:inherit;}
	.en_history > ul > li > ul.right > li::before{left:0;}
	.en_history > ul > li > ul.left > li > span.h_year{text-align:left;}
	.en_history > ul > li > ul.left > li > ul > li > span.h_day{left:0; right:inherit;}
	.en_history .his_img{position:inherit; top:inherit; width:100%; height:auto; box-shadow:none;}
	.en_history .his_img_l{left:inherit; margin:0;}
	.en_history .his_img_r{right:inherit; margin:0;}
}

/* 조직도 */
[class^="en_organization_"] {font-size:0; line-height:0; text-align:center; background-repeat:no-repeat; background-position:center 48px;}
[class^="en_organization_"] > ul > li > ul {position:relative;}
[class^="en_organization_"] > ul > li > ul::after {display:block; content:''; clear:both;}
[class^="en_organization_"] > ul > li > ul > li {float:left;}

.en_organization_ms {background-position:center 0; min-height:770px;}
.en_organization_ms > ul > li > ul > li:nth-child(1) {position:absolute; right:0; top:-190px;}
.en_organization_ms > ul > li > ul > li:nth-child(2) {position:absolute; right:0; top:-144px;}
.en_organization_ms > ul > li > ul > li:nth-child(3) {position:absolute; right:0; top:-98px;}

[class^="en_organization_"] a,
[class^="en_organization_"] strong {display:block;}
[class^="en_organization_"] a > span,
[class^="en_organization_"] strong > span {display:block; letter-spacing:-0.048em; text-align:center;}
[class^="en_organization_"] > ul > li > a,
[class^="en_organization_"] > ul > li > strong {background:#0c3d9a;}
[class^="en_organization_"] > ul > li > a > span,
[class^="en_organization_"] > ul > li > strong > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff;}

[class^="en_organization_"] > ul > li > ul > li > a > span,
[class^="en_organization_"] > ul > li > ul > li > strong > span,
[class^="en_organization_"] > ul > li > ul > li > a > strong > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff !important; font-size:14px;}
.en_organization_ms > ul > li > ul > li > a > i{display:none;}

.en_organization_ms > ul > li > ul > li:nth-child(1) > a,
.en_organization_ms > ul > li > ul > li:nth-child(1) > strong,
.en_organization_ms > ul > li > ul > li:nth-child(2) > a,
.en_organization_ms > ul > li > ul > li:nth-child(2) > strong,
.en_organization_ms > ul > li > ul > li:nth-child(3) > a,
.en_organization_ms > ul > li > ul > li:nth-child(3) > strong{background:#6d707e;}


.en_organization_ms > ul > li > ul > li:nth-child(4) > a > strong > span{display:block; background:#2763bb; padding:14px 8px; }
.en_organization_ms > ul > li > ul > li:nth-child(5) > a > strong > span{display:block; background:#009c81; padding:14px 8px;}
.en_organization_ms > ul > li > ul > li:nth-child(6) > a > strong > span{display:block; background:#627ad0; padding:14px 8px;}
.en_organization_ms > ul > li > ul > li:nth-child(7) > a > strong > span{display:block; background:#3198b7; padding:14px 8px;}

.en_organization_ms > ul > li > ul > li:nth-child(4) > ul > li > strong > span,
.en_organization_ms > ul > li > ul > li:nth-child(4) > ul > li > a > strong > span{background:#f2f7ff; border:1px solid #abc2e4; color:#333;line-height:18px;}
.en_organization_ms > ul > li > ul > li:nth-child(5) > ul > li > strong > span,
.en_organization_ms > ul > li > ul > li:nth-child(5) > ul > li > a > strong > span{background:#effdfb; border:1px solid #92cbc1; color:#333;line-height:18px;}
.en_organization_ms > ul > li > ul > li:nth-child(6) > ul > li > strong > span,
.en_organization_ms > ul > li > ul > li:nth-child(6) > ul > li > a > strong > span{background:#e7f9fe; border:1px solid #92c8d9; color:#333;line-height:18px;}


@media (min-width:1180px) {
	.en_organization_ms {background-image:url(../image/content/ci/organization_g_ms_bg.png);}

	[class^="en_organization_"] {margin-top:40px;}
	[class^="en_organization_"] > ul > li > ul {margin:0;}
	[class^="en_organization_"] > ul > li > ul > li {padding:0 10px;}
	[class^="en_organization_"] > ul > li > ul > li > ul > li {margin-top:4px;}

	[class^="en_organization_"] .top_center { width:40%;}
	
	.en_organization_ms > ul > li > ul {margin-top:220px;}
	.en_organization_ms > ul > li > ul > li {width:25%;}

	[class^="en_organization_"] a > span,
	[class^="en_organization_"] strong > span {font-size:14px; line-height:20px; padding:10px 5px;}
	[class^="en_organization_"] > ul > li > a, 
	[class^="en_organization_"] > ul > li > strong {width:25%; margin:0 auto;}
	[class^="en_organization_"] > ul > li > a > span,
	[class^="en_organization_"] > ul > li > strong > span {font-size:17px; line-height:40px;}
	[class^="en_organization_"] > ul > li > ul > li > a > span,
	[class^="en_organization_"] > ul > li > ul > li > strong > span {padding:10px 5px; font-size:16px; letter-spacing:-0.045em;}

	[class^="en_organization_"] .top_right > a > span, 
	[class^="en_organization_"] .top_right > strong > span, {font-size:14px; line-height:18px;}

	.en_organization_ms > ul > li > ul > li:nth-child(1) ,
	.en_organization_ms > ul > li > ul > li:nth-child(2) ,
	.en_organization_ms > ul > li > ul > li:nth-child(3) {width:40%;}

	.en_organization_ms > ul > li > ul > li:nth-child(4) > a > strong > span,
	.en_organization_ms > ul > li > ul > li:nth-child(5) > a > strong > span,
	.en_organization_ms > ul > li > ul > li:nth-child(6) > a > strong > span,
	.en_organization_ms > ul > li > ul > li:nth-child(7) > a > strong > span { height:64px;} 
}
@media (min-width:768px) and (max-width:1179px) {
	.en_organization_ms {background-position:center 0; background-image:url(../image/content/ci/organization_ms_t_bg.png);}

	[class^="en_organization_"] {width:760px; margin:0 auto; margin-top:40px;}
	
	[class^="en_organization_"] > ul > li > ul {margin:0;}
	[class^="en_organization_"] > ul > li > a > span,
	[class^="en_organization_"] > ul > li > strong > span {font-size:19px; line-height:34px;}
	[class^="en_organization_"] > ul > li > ul > li {padding:0 2px;}
	[class^="en_organization_"] > ul > li > ul > li > ul > li {margin-top:4px;}
	[class^="en_organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:4px;}

	[class^="en_organization_"] .top_center { width:50%;}

	.en_organization_ms > ul > li > ul {margin-top:215px;}
	.en_organization_ms > ul > li > ul > li {width:25%;}
	.en_organization_ms > ul > li > ul > li:nth-child(1) ,
	.en_organization_ms > ul > li > ul > li:nth-child(2) ,
	.en_organization_ms > ul > li > ul > li:nth-child(3) {width:40%;}
	.en_organization_ms > ul > li > ul > li:nth-child(7) > strong > span > em{display:block;}
	
	[class^="en_organization_"] a > span,
	[class^="en_organization_"] strong > span {font-size:13px; line-height:20px; padding:10px 0;}
	[class^="en_organization_"] > ul > li > a,
	[class^="en_organization_"] > ul > li > strong {width:30%; margin:0 auto;}
	[class^="en_organization_"] > ul > li > a > span,
	[class^="en_organization_"] > ul > li > strong > span {font-size:19px;}
	[class^="en_organization_"] > ul > li > ul > li > a > span,
	[class^="en_organization_"] > ul > li > ul > li > strong > span { padding:10px 5px; font-size:14px; letter-spacing:-0.045em;}

	[class^="en_organization_"] .top_right > a > span, 
	[class^="en_organization_"] .top_right > strong > span, {font-size:13px; line-height:18px;}

	.en_organization_ms > ul > li > ul > li:nth-child(4) > a > strong > span,
	.en_organization_ms > ul > li > ul > li:nth-child(5) > a > strong > span,
	.en_organization_ms > ul > li > ul > li:nth-child(6) > a > strong > span,
	.en_organization_ms > ul > li > ul > li:nth-child(7) > a > strong > span { height:64px;} 

}

@media (max-width:767px) {
	[class^="en_organization_"] {margin-top:40px;}
	[class^="en_organization_"] > ul > li > ul {margin:0;}
	[class^="en_organization_"] > ul > li > ul > li {padding:0 6px 15px;}
	[class^="en_organization_"] > ul > li > ul > li > ul > li {margin-top:5px;}
	[class^="en_organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:4px;}

	.en_organization_ms > ul > li > ul {margin-top:14px;}
	.en_organization_ms > ul > li > ul > li:nth-child(1) {position:relative; padding:5px; right:inherit; top:inherit; width:100%;}
	.en_organization_ms > ul > li > ul > li:nth-child(2) {position:relative; padding:5px; right:inherit; top:inherit; width:100%;}
	.en_organization_ms > ul > li > ul > li:nth-child(3) {position:relative; padding:5px; right:inherit; top:inherit; width:100%;}
	.en_organization_ms > ul > li > ul > li:nth-child(4) {margin-top:16px; }
	.en_organization_ms > ul > li > ul > li {width:100%;}

	[class^="en_organization_"] .top_center { width:100%;}
	
	[class^="en_organization_"] a > span,
	[class^="en_organization_"] strong > span {font-size:13px; line-height:22px; padding:10px 0;}
	[class^="en_organization_"] > ul > li > a,
	[class^="en_organization_"] > ul > li > strong {width:250px; margin:0 auto;}
	[class^="en_organization_"] > ul > li > a > span,
	[class^="en_organization_"] > ul > li > strong > span {font-size:15px; line-height:28px;}
	[class^="en_organization_"] > ul > li > ul > li > a > span,
	[class^="en_organization_"] > ul > li > ul > li > strong > span { padding:10px 5px; font-size:13px; letter-spacing:-0.045em;}
	[class^="en_organization_"] > ul > li > ul > li:nth-child(1) > strong > span, 
	[class^="en_organization_"] > ul > li > ul > li:nth-child(2) > strong > span, 
	[class^="en_organization_"] > ul > li > ul > li:nth-child(3) > strong > span,
	[class^="en_organization_"] > ul > li > ul > li:nth-child(4) > strong > span  {padding:10px 5px;}
	.en_organization_ms > ul > li > ul > li:nth-child(5) > ul {position:inherit; top:inherit; width:100%;}
	.en_organization_ms > ul > li > ul > li:nth-child(5) > ul > li {width:100%;}
}

/*  오시는 길 */
.address_tit { width:100%; font-size:20px; line-height:30px; color:#222; font-weight:500; text-align:center; word-wrap: break-word; word-break:keep-all; }
.address_info { margin-top:24px; padding:0 40px; }

/* NCMH in Numbers */
.ncmh_num { margin-top:24px;}
.ncmh_num .h_title { width:100%; height:100px; text-align:center; }
.ncmh_num .h_title .num_txt { display:inline-block; font-size:16px; line-height:24px; font-weight:600; vertical-align:middle; }
.ncmh_num .h_title .num_txt::before { content:""; display:inline-block; margin-right:10px; width:100px; height:100px; border-radius:100%; background-repeat:no-repeat; background-image:url(../image/content/ci/ico_number.png); vertical-align:middle; }
.ncmh_num .numlist { width:100%; margin-top:16px; border-top:1px solid transparent; }
.ncmh_num .numlist > ul { width:100%; height:auto; border-left:1px solid transparent; overflow:hidden;}
.ncmh_num .numlist > ul > li { float:left; width:25%; height:110px; padding:15px 20px; text-align:center; border-bottom:1px solid transparent; border-right:1px solid transparent; }
.ncmh_num .numlist .num_descript { font-size:13px; line-height:1.25em; }
.ncmh_num .numlist .numbering { display:inline-block; margin-top:4px; font-size:44px; line-height:1.25em; font-family:'Lato'; font-weight:200; letter-spacing:-0.05em }
.ncmh_num .numlist .numbering > .unit { font-size:14px; letter-spacing:-0.01em; font-weight:400;  }
.ncmh_num.ori { /* 1. 기본 */ }
.ncmh_num.ori .h_title .num_txt { color:#0a2b5b; }
.ncmh_num.ori .h_title .num_txt::before { background-color:#e2ecfa; background-position:0 0; }
.ncmh_num.ori .numlist { border-top-color: #c0d5ee; }
.ncmh_num.ori .numlist > ul > li { width:33%; border-bottom-color: #c0d5ee; border-right-color:#c0d5ee; background-color:#fcfdfe;}
.ncmh_num.ori .numlist > ul{border-left-color:#c0d5ee}
.ncmh_num.ori .numlist .num_descript { color:#0a2b5b }
.ncmh_num.ori .numlist .numbering { color:#0a2b5b }
.ncmh_num.med { /* 2. medical */ }
.ncmh_num.med .h_title .num_txt { color:#3b3778; }
.ncmh_num.med .h_title .num_txt::before { background-color:#e7e9fa; background-position:0 -100px; }
.ncmh_num.med .numlist { border-top-color: #c0c8ee; }
.ncmh_num.med .numlist > ul {border-left-color:#c0c8ee}
.ncmh_num.med .numlist > ul > li { border-bottom-color: #c0c8ee; border-right-color:#c0c8ee; background-color:#fcfcfe;}
.ncmh_num.med .numlist .num_descript { color:#3b3778 }
.ncmh_num.med .numlist .numbering { color:#3b3778 }
.ncmh_num.res { /* 3. Research */ }
.ncmh_num.res .h_title .num_txt { color:#0087af; }
.ncmh_num.res .h_title .num_txt::before { background-color:#e5f7ff; background-position:0 -200px; }
.ncmh_num.res .numlist { border-top-color: #c0deee; }
.ncmh_num.res .numlist > ul {border-left-color:#c0deee}
.ncmh_num.res .numlist > ul > li {border-bottom-color: #c0deee; border-right-color:#c0deee; background-color:#fcfdfe;}
.ncmh_num.res .numlist .num_descript { color:#0087af }
.ncmh_num.res .numlist .numbering { color:#0087af }
.ncmh_num.ser { /* 4. Public Mental Health Services */ }
.ncmh_num.ser .h_title .num_txt { color:#03a388; }
.ncmh_num.ser .h_title .num_txt::before { background-color:#ddf5f5; background-position:0 -300px; }
.ncmh_num.ser .numlist { border-top-color: #c0e8ee; }
.ncmh_num.ser .numlist > ul  {border-left-color:#c0e8ee}
.ncmh_num.ser .numlist > ul > li { height:120px; border-bottom-color: #c0e8ee; border-right-color:#c0e8ee; background-color:#fcfdfe;}
.ncmh_num.ser .numlist .num_descript { color:#03a388 }
.ncmh_num.ser .numlist .numbering { color:#03a388 }
.ncmh_num.etc { /* 5. etc */ }
.ncmh_num.etc .h_title .num_txt { color:#555; }
.ncmh_num.etc .h_title .num_txt::before { background-color:#eeeeee; background-position:0 -400px; }
.ncmh_num.etc .numlist { border-top-color: #d7d7d7; }
.ncmh_num.etc .numlist > ul {border-left-color:#d7d7d7}
.ncmh_num.etc .numlist > ul > li { border-bottom-color: #d7d7d7; border-right-color:#d7d7d7; background-color:#fdfdfd;}
.ncmh_num.etc .numlist .num_descript { color:#555 }
.ncmh_num.etc .numlist .numbering { color:#555 }

@media (min-width:768px) and (max-width:1179px) {
	.ncmh_num .numlist > ul > li,
	.ncmh_num.ori .numlist > ul > li { width:33.333333%; }
}
@media (max-width:767px) {
	.ncmh_num .h_title .num_txt { font-size:15px; letter-spacing:-0.05em;}
	.ncmh_num .h_title .num_txt::before { width:80px; height:80px; background-size:80px auto; }
	.ncmh_num.med .h_title .num_txt::before { background-position:0 -80px; }
	.ncmh_num.res .h_title .num_txt::before { background-position:0 -160px; }
	.ncmh_num.ser .h_title .num_txt::before { background-position:0 -240px; }
	.ncmh_num.etc .h_title .num_txt::before { background-position:0 -320px; }

	.ncmh_num .numlist { margin-top:8px;}
	.ncmh_num .numlist > ul > li { display:table; width:100%; height:auto; }
	.ncmh_num.ori .numlist > ul > li { width:100%; height:auto; }
	.ncmh_num.ser .numlist > ul > li { height:auto; }
	.ncmh_num .numlist .num_descript { display:table-cell; width:50%; vertical-align:middle;}
	.ncmh_num .numlist .numbering { display:table-cell; width:50%; font-size:32px;vertical-align:middle; text-align:right;}
}

/* Partner Sites */
.banner_list {font-size:0; line-height:0; margin-top:8px;}
.banner_list > ul {border-top:1px solid #222;}
.banner_list > ul > li {padding:20px 24px; border-bottom:1px solid #ddd;}
.banner_list > ul > li > div {position:relative;}
.banner_list .bl_img {display:block; height:52px; border:1px solid rgba(0,0,0,0.16);  text-align:center; overflow:hidden;}
.banner_list .bl_img::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.banner_list .bl_img img {display:inline-block; vertical-align:middle;}
.banner_list .bl_title {display:block; font-size:16px; line-height:24px; color:#222; padding-bottom:4px;}
.banner_list .s_link_text {font-size:12px; line-height:20px; word-break:break-all;}
.banner_list .no_list {display:block; border-top:1px solid #222; border-bottom:1px solid #ddd; padding:64px 0; text-align:center; font-size:16px; line-height:24px; color:#666;}
@media (min-width:767px) {
	.banner_list > ul > li {min-height:92px;}
	.banner_list > ul > li > div {padding-left:204px;}
	.banner_list .bl_img {width:180px; position:absolute; left:0; top:0;}
	.banner_list .bl_img img {max-width:100%;}	
}
@media (max-width:767px) {
	.banner_list .bl_title {margin-top:16px;}
	.banner_list .bl_img img {max-width:100%; max-height:100%;}	
}

/***************************************************************************************/

@media (min-width:1180px) {
}
@media (min-width:768px) and (max-width:1179px) {
}
@media (max-width:767px) {

}