@charset "utf-8";
/* CSS Document */
table.basic_table .last { border-right:none !important;}
.basic_ul .none:before{background:none;}
.basic_ul>li>ul>li>ul>li>ul>li {padding-left:12px; position:relative}
.basic_ul>li>ul>li>ul>li>ul>li::before { content:''; display:block; position:absolute; left:0; top:9px; width:5px; height:1px; background:var(--color-base); opacity:.7  }
.area_diagram_type02.top  .list > li dd { height:100%; align-items:flex-start }
.basic_ul > li table.basic_table,
.basic_ul > li table.basic_table + p,
.basic_ul > li .scrollTable + p,
.basic_ul > li .basic_btn{font-size: initial;}
table.basic_table .line{border-right: 1px solid #ddd !important;}
table.basic_table .bt0{border-top:0 !important}
table.basic_table .top { vertical-align:top !important;}
table.basic_table .point { background:var(--color-point); color:var(--color-white);}
.area_diagram_type02 .list > li dt span {display:block;width:100%;color: #FFFF00;font-size: 1.18em;}
.area_diagram_type02 .list > li dd br { display:block;}

.root_daum_roughmap .map{ border-bottom:1px solid #ddd}
.root_daum_roughmap .cont { display:none;}

.qr { border:10px solid var(--color-point); display:inline-block;}

.area_diagram_type02.column  .list { flex-direction: column; width: 100%;}
.area_diagram_type02.column  .list > li{width: 100%;margin-bottom: 10px;padding-right: 0;}
.area_diagram_type02.column  .list > li dd {justify-content: flex-start;min-height: auto;}
.area_diagram_type02.column  .list > li dd li { font-size:1em;}
.area_diagram_type02.column  .list > li:before { right: inherit; left: 50%; transform: translateX(-50%) rotate(135deg); top: inherit; bottom: -15px;}
.area_diagram_type02.column  .list > li:after { right: inherit; left: 50%; transform: translateX(-50%) rotate(135deg); top: inherit; bottom: -10px;}
@media all and (max-width:1568px) {
	.area_diagram_type02.column .list > li dd br	{ display:block; }
}

@media all and (max-width:468px){
.area_diagram_type02.column .list > li { padding:0;}
.area_diagram_type02.column  .list > li dd {padding:10px;}
}

/*ist_group .bbs_table tbody tr:hover {border-radius: 15px; box-shadow: 10px 6px 6px #c3c3c3; filter:none; background-clip: padding-box; }*/
/**********************************************************************

 							인사말

**********************************************************************/
[data-subarea="greetings"]											{ display:flex; flex-wrap:wrap; align-items:flex-start; --sizeImg:492px; }
[data-subarea="greetings"] .greetings_text							{ display:flex; flex-flow:column; gap:25px; max-width:calc(100% - var(--sizeImg) - 70px); margin-right:70px; flex:auto; font-size:1.06em; line-height:1.5; }
[data-subarea="greetings"] .greetings_text>li:nth-child(1)			{ font-size:1.47em; }
[data-subarea="greetings"] .greetings_text>li:nth-child(1) strong	{ display:block; font-size:1.2em; font-weight:bold; }
[data-subarea="greetings"] .greetings_text>li.color_green			{ font-size:1.88em; font-weight:bold; }
[data-subarea="greetings"] .greetings_text>li.sign					{ font-weight:bold; display:flex; align-items:center; gap:.5em; }
[data-subarea="greetings"] .greetings_text>li.sign em				{ font-family:var(--font-InkLip); font-size:2.65em; }
[data-subarea="greetings"] .img										{ flex:none; display:inline-flex; width:var(--sizeImg); border-radius:20px; overflow:hidden; }
@media all and (max-width:1768px){
    [data-subarea="greetings"]										{ --sizeImg:462px; }
    [data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.37em; }
    [data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.78em; }
}
@media all and (max-width:1668px){
    [data-subarea="greetings"]										{ --sizeImg:442px; }
    [data-subarea="greetings"] .greetings_text						{ font-size:1.03em; }
    [data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.27em; }
    [data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.68em; }
}
@media all and (max-width:1568px){
    [data-subarea="greetings"]										{ --sizeImg:402px; }
    [data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.17em; }
    [data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.58em; }
    [data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.35em; }
}
@media all and (max-width:1468px){
    [data-subarea="greetings"]										{ --sizeImg:382px; }
    [data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.1em; }
    [data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.48em; }
    [data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.25em; }
}
@media all and (max-width:1368px){
    [data-subarea="greetings"]										{ --sizeImg:342px; }
    [data-subarea="greetings"] .greetings_text						{ gap:20px; font-size:1em; line-height:1.4; max-width:calc(100% - var(--sizeImg) - 50px); margin-right:50px; }
    [data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.1em; }
    [data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.48em; }
    [data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.25em; }
}
@media all and (max-width:1268px){
    [data-subarea="greetings"]										{ --sizeImg:322px; }
    [data-subarea="greetings"] .greetings_text						{ gap:15px; max-width:calc(100% - var(--sizeImg) - 40px); margin-right:40px; }
    [data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.067em; }
    [data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.38em; }
    [data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.15em; }
}
@media all and (max-width:868px){
    [data-subarea="greetings"] .greetings_text						{ max-width:inherit; flex:100%; order:2; margin-right:0; margin-top:2em }
    [data-subarea="greetings"] .img									{ width:100%; order:1; height:30em; background:url(/resource/health/images/contents/img_greetings.jpg) no-repeat 50% 2% / cover; }
    [data-subarea="greetings"] .img img								{ display:none; }

}
@media all and (max-width:668px){
    [data-subarea="greetings"] .img									{ height:25em; }
}
@media all and (max-width:568px){
    [data-subarea="greetings"] .img									{ height:20em; }
}
@media all and (max-width:414px){
    [data-subarea="greetings"] .img									{ height:15em; }
}

/* 이미지영역 */
.img_list 											{ display: flex; flex-wrap: wrap; gap: 20px; padding: 0; list-style: none; justify-content: flex-start; margin:2em 0}
.img_list li 										{ overflow: hidden; border-radius: 8px; transition: all 0.3s ease;}
.img_list img 										{ width: 100%; height: auto; display: block; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.img_list img:hover 								{ transform: scale(1.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}

.img_list.col2 li 									{ flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);}
.img_list.col3 li 									{ flex: 1 1 calc(33.333% - 13.33px); max-width: calc(33.333% - 13.33px);}
.img_list.col4 li 									{ flex: 1 1 calc(25% - 15px); max-width: calc(25% - 15px);}

@media (max-width: 768px) {
  .img_list li 										{ flex: 1 1 calc(50% - 10px) !important; max-width: calc(50% - 10px) !important;}
}

@media (max-width: 480px) {
  .img_list li 										{ flex: 1 1 100% !important; max-width: 100% !important;}
}


/* box_img */
.box_img 								{ width:100%; position:relative;text-align:center; }
.box_img img 							{ max-width:100% !important;}
.box_img .img_zoom 						{ display:none; position:absolute; right:0; bottom:0; z-index:10; width:42px;height:42px; background:rgba(0, 0, 0, 0.8);}
.box_img .img_zoom a 					{ display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before 			{ content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/health/images/common/icon_search.svg) no-repeat}

.box_img_inner  						{ padding:50px 30px;border-radius: 20px;background:#f6f6f6;}
.box_img_inner img 						{ width:auto !important;}

@media all and (max-width:768px) {
    .box_img .img_zoom 					{ display:block;}

}


/*연혁*/
.history											{ position:relative; display:flex; flex-flow:column; gap:3.13em; }
.history::before									{ position:absolute; left:100px; top:0; width:1px; height:100%; content:''; background:#d3d3d3; }
.history>li											{ display:flex; }
.history>li .year									{ position:relative; width:100px; font-weight:700; font-size:1.25em; color:var(--color-point); line-height:1}
.history>li .year::before							{ position:absolute; right:-12px; top:-3px; content:''; width:24px; height:24px; border-radius:100%; background:var(--color-point); opacity:.3; }
.history>li .year::after							{ position:absolute; right:-4px; top:5px; content:''; width:8px; height:8px; border-radius:100%; background:var(--color-point); }
.history>li .h_con									{ position:relative; flex:auto; width:calc(100% - 100px); padding-left:60px; display:flex; flex-flow:column; gap:20px;}
.history>li .h_con::before							{ position:absolute; left:0; top:8px; width:50px; height:1px; border-bottom:1px dotted var(--color-point); content:''; }

.history>li .h_con dl								{ display:flex; flex-wrap:wrap; align-items:flex-start; line-height:1.1 }
.history>li .h_con dl>dt							{ flex:none; width:60px; text-align:right; font-weight:600; opacity:.94; }
.history>li .h_con dl>dd							{ flex:auto; width:calc(100% - 80px); margin:0px; font-size:1.06em; line-height:1.2;  opacity:.84; padding:0 0 0 20px; }

@media all and (max-width:1368px){
    .history										{ gap:2.5em; }
    .history>li .h_con dl>dd						{ width:calc(100% - 80px); font-size:1.03em; }
}

@media all and (max-width:968px){
    .history										{ gap:2em; }
    .history>li .year								{ width:70px; }
    .history::before								{ left:70px; }
    .history>li .h_con								{ width:calc(100% - 70px); padding-left:40px; }
    .history>li .h_con::before						{ top:8px; width:30px; }
    .history>li .h_con dl							{ margin-top:1px; }
    .history>li .h_con dl>dt						{ width:100%; text-align:left; margin-bottom:.25em; }
    .history>li .h_con dl>dd						{ width:100%; padding:0; }
}
@media all and (max-width:668px){

    .history::before								{ left:9px; }
    .history>li										{ flex-wrap:wrap; }
    .history>li .year								{ width:100%; padding-left:40px; font-size:1.3em; color:var(--color-point); line-height:1}
    .history>li .year::before						{ right:inherit; left:-2px; }
    .history>li .year::after						{ right:inherit; left:6px; }
    .history>li .h_con								{ width:100%; padding-left:40px; margin-top:5px; }
    .history>li .h_con::before						{ top:-14.5px; left:7px; width:25px; }
    .history>li .h_con dl							{ margin-top:0; }
}


/* 조직도 */
.organization 								 					{ list-style: none; margin: 0; padding: 0; text-align: center; position: relative;}

.organization .chief 										{ display: block; width: 100%; text-align: center; position: relative;}
.organization .chief strong 						{ width: 300px; height: 60px; display: flex; justify-content: center; align-items: center; background: var(--color-point); color:var(--color-white); border-radius: 10px; font-size: 1.563em; margin: 0 auto; font-family: var(--font-mango)}
.organization .chief::after 						{ content: ""; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: #e5e5e5;}

.organization .depertments  						{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; position: relative;}

.organization .dept  										{ flex: 0 1 300px; position: relative; padding: 0 15px;}
.organization .dept::before  						{  content: ""; position: absolute; top: -20px; height: 2px; background: #e5e5e5;}
.organization .dept:first-child::before { left: calc(50% - 15px); width: calc(50% + 15px);}
.organization .dept:last-child::before  { left: 0; width: calc(50% + 15px);}

.organization .info-box  span								{ display: block; margin-top: 10px; padding: 10px; border: 1px dashed #aaa; border-radius: 6px; background: #fff;}

.organization .dept:first-child::before { left: 50%; width: 50%;}
.organization .dept:last-child::before  { left: 0; width: 50%;}
.organization .dept:not(:first-child):not(:last-child)::before { left: 0; width: 100%;}
.organization .dept::after  						{ content: ""; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: #e5e5e5;}

.organization dl  											{ margin: 0; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; background: #f9f9f9;}
.organization dt a  										{ background: var(--color-depgreen); color:var(--color-white); padding: 10px; width:100%; display:inline-block; font-size:1.25em; font-family: var(--font-mango)}
.organization dd  											{ margin: 0; padding: 10px;}
.organization dd ul  										{ margin: 0; padding: 0; list-style: none;}
.organization dd li  										{ padding: 4px 0; }

/* 반응형 */
@media (max-width: 1024px) {
    .organization .dept 					{ flex: 1 1 90%; max-width: none; padding:0 0 30px 0; }
    .organization .chief::after 	{ height:40px }
    .organization .dept::before,
    .organization .dept::after 		{ display: none;}
  .list_group .bbs_table colgroup{display:none;}
}
.dept-details { display: none;  margin-top: 20px;  }
.depertments a.active {  color:#ffff66 ; font-weight: bold;}

@media all and (max-width:668px) {
	.basic_btn span {flex-wrap: nowrap;}
  .map_box .wrap_map,
  .root_daum_roughmap .wrap_map{ height:300px !important;}
  
}