@charset "utf-8";
/* CSS Document */

.root_daum_roughmap {border-bottom:1px solid #ddd}
/**********************************************************************
 							컨텐츠
**********************************************************************/
.basic_list	.sign	{ font-family:var(--font-dobong); color:var(--color-base)}


/* 연혁 */
.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; }
.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; }
.history>li .h_con p{ line-height:1.1 }
.history>li .h_con .basic_ul { line-height:1.1 ; margin-top:0}
@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; }
}


/* 운영계획 */
.line_list						{ display:flex; flex-wrap:wrap; gap:1.75em; margin-top:3.13em;  }
.line_list>li					{ display:flex; flex-flow:column; width:100%; border:1px solid #d1d1d1; border-radius:10px 10px 30px 10px; padding:1.75em; justify-content:space-between; }
.line_list>li dl				{ display:flex; flex-flow:column; font-weight:bold;}
.line_list>li dl>dt				{ font-size:1.167em; opacity:.74; line-height:1; margin-bottom:1em; color:var(--color-point); }
.line_list>li dl>dd				{ font-size:1.46em; line-height:1.2  }

@media all and (max-width:1668px){
    .line_list					{ margin-top:3em;  }
    .line_list>li				{ padding:2.5em; }
    .line_list>li dl>dt			{ font-size:1.067em; margin-bottom:1.5em }
    .line_list>li dl>dd			{ font-size:1.36em; }
}
@media all and (max-width:1568px){
    .line_list					{ gap:1.5em; margin-top:2.5em;  }
    .line_list>li				{ padding:2.25em; }
    .line_list>li dl>dt			{ font-size:1.03em; margin-bottom:1em }
    .line_list>li dl>dd			{ font-size:1.26em; }
}
@media all and (max-width:1268px){
    .line_list					{ gap:1em; margin-top:2em;  }
    .line_list>li				{ padding:2em; }
    .line_list>li dl>dd			{ font-size:1.2em; }
}
@media all and (max-width:1168px){
    .line_list>li .icon			{ margin-top:2.5em; }
}
@media all and (max-width:768px){
    .line_list>li				{ padding:1.88em; }
}
@media all and (max-width:568px){
    .line_list>li				{ width:100%; padding:1.5em; }
    .line_list>li .icon			{ margin-top:2em; }
}


/* box_round */
.box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
.box_round>li									{ flex:0 1 calc((100% - 3.76em) / 5); padding:1.88em; background:#f1f1f1; border-radius:10px; }
.box_round>li dl								{ display:flex; flex-flow:column; gap:1.56em; line-height:1 }
.box_round>li dl>dt								{ font-size:1.2em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.84; }

@media all and (max-width:1468px){
	.box_round									{ gap:.7em }
    .box_round>li								{ flex:0 1 calc((100% - 2.8em) / 5); padding:1.5em; }
    .box_round>li dl							{ gap:1em; }
}
@media all and (max-width:968px){
	.box_round>li   							{ flex:auto; min-width:calc((100% - 1.4em) / 3)}
}
@media all and (max-width:668px){
	.box_round>li 								{ flex:100%; min-width:inherit}
    .box_round>li dl>dt							{ font-size:1.167em; }
}

/* 오시는길 */
.con_add { position:relative; border:1px solid #d1d1d1; border-radius:10px 10px 30px 10px; padding:1.25em 1.25em 1.25em 3.125em ; font-size:1.167em; font-weight:600}
.con_add:before { content:''; position:absolute; display:block; top:50%; left:20px; width:30px; height:30px; background:url("/resource/dauri/images/contents/con_add.svg");  transform: translateY(-50%);}

/* 다함께돌봄센터 */
.dolbom_intro{margin-bottom: 40px;}
.dolbom_intro div{background: url("/resource/dauri/images/contents/con_logo.png") no-repeat top center;background-position:0 0;height: 180px;padding: 40px 0 0 230px;text-align: left;}
.dolbom_intro div span{margin: 0 0 13px;font-size:24px;}
.dolbom_intro div p{font-size:2.188em; font-weight:800}


@media all and (max-width:668px){
    .dolbom_intro div {text-align: center;padding: 190px 0 0 0; height:auto; background: url("/resource/dauri/images/contents/con_logo.png") no-repeat top center;}
    .dolbom_intro div span{display:block;font-size:18px;margin: 6px 0;}
    .dolbom_intro div p{font-size: 1.3em;}
}


/* 조직도 */
.org_box                    { padding: 30px 30px 50px 30px;margin: 20px 0;border-radius: 15px;box-sizing: border-box;background-color: #f7f7fc }
.org_chart                  { display: flex; flex-direction: column; align-items: center; gap: 30px;}
.org_level { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.org_item { background-color: white; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.05);  padding:10px;text-align: center;  font-weight: bold; display:inline-block;}
.org_item {min-width: 200px; max-width: 200px;}

.top                        { position:relative; margin-top:60px }
.top:before                 {content:'';display: block;position: absolute;top:60px;right: 50%;width: 1px;height:200px;background-color: #d5d7dd; transform: translateX(-50%);}
.top .org01 { background-color: var(--color-point);  color:var(--color-white); width:200px; min-width: inherit; max-width: inherit; height:60px; display:flex; align-items: center; justify-content:center;}

.mid { width:100%;  padding-left:50%}
.mid .org_item { position: relative;  width:50%; min-width: inherit; max-width: inherit; display:flex; align-items: center; justify-content:center;}
.mid .org_item:after { content:''; position:absolute; display:block; top:50%; right:100%; width:50%; height:1px; background-color:#d5d7dd; }

.bottom { margin-top:50px }

.department { padding:0; position: relative;}
.department .dept_title { padding:10px; color:var(--color-white); border-radius: 10px 10px 0 0; background-color:#757b8e;}
.department ul { padding: 10px; margin: 0; font-weight: normal; color: #555; text-align: left;}
.department ul li { margin: 10px 0; position: relative; padding-left:12px;  line-height:1; padding-bottom:4px;}
.department ul li:before { content:''; position:absolute; display:block; top:6px; left:0; width:4px; height:4px; background:var(--color-point); border-radius:100% }
.department:before{content:'';display: block;position: absolute;bottom: 100%;right: 50%;width: 1px;height:30px;background-color: #d5d7dd; transform: translateX(-50%);}
.department:after{content:'';display: block;position: absolute;left: -20%;top: -30px;width: 120%;height: 1px;background-color: #d5d7dd;}
.department:first-of-type::after { left:50%; }
.department:last-of-type::after { right:50%; left:inherit;}

.org_chart.col03 .bottom .org_item{ min-width:300px }
.org_chart.col02 .bottom .org_item{ min-width:300px }
.org_chart.col02 .department:after { width:55% }
.org_chart.col02 .top:before {height:180px}
.col02 .mid {height:100px}

@media (max-width: 1532px) {
  .bottom .org_item {min-width: 30%; max-width: 200px;}
  .department:before,
  .department:after { display:none }

  .bottom { margin-top:0 }

  .col02 .department:before,
  .col02 .department:after,
  .col03 .department:before,
  .col03 .department:after { display:block; }
  .col02 .bottom,
  .col03 .bottom { margin-top:50px }
}

@media (max-width: 1368px) {
    .org_chart.col03 .bottom .org_item{ min-width:200px }
}

@media (max-width: 768px) {
    .top  { margin-top:0 }
    .org_level.top { width:100% }
    .org_chart { align-items:stretch; }
    .top .org01 { width:100%; min-width:100%;  max-width: inherit;}
    .mid .org_item { width:100% }
    .mid { padding-left:0 }
    .mid .org_item:after { display:none; }
    
    .bottom .org_item { min-width: 100%; max-width: inherit;}

    .col02 .bottom,
    .col03 .bottom {margin-top:0;}
    .col02 .department:before,
    .col02 .department:after,
    .col03 .department:before,
    .col03 .department:after { display:none; }
    .org_chart.col03 .bottom .org_item, 
    .org_chart.col02 .bottom .org_item { max-width:100%; min-width:100%}
}
@media (max-width: 568px) {
	.list_group .bbs_table td {display: block;text-align: left;}
  .root_daum_roughmap .wrap_map { height:300px !important}
}