@charset "utf-8";
/* CSS Document */
.root_daum_roughmap .map { border-bottom:1px solid #ddd}
.root_daum_roughmap .wrap_btn_zoom { z-index:1 !important}

/* 유래 및 연혁 */
.top_box_wrap 									{ position:relative; margin-bottom:50px; }
.top_box_wrap:before 							{ content:''; display: block;position: absolute;top: 0;left: 0;width: calc(100% - 85px);height: calc(100% - 50px);background: linear-gradient(145deg, rgba(239,248,237,1) 0%, rgba(217,231,253,1) 48%, rgba(253,243,251,1) 70%, rgba(235,239,252,1) 100%);opacity: 50%;border-radius: 30px 50px;}

.top_box_wrap .box_title  						{ position: relative;padding: 30px 50px 0 50px;word-break: keep-all;}
.top_box_wrap .box 								{ position: relative;margin: 0 0 0 40px;padding: 50px 50px;z-index: 1;border-radius: 30px 30px 80px 30px;border: none;box-shadow: 10px 10px 20px 0 rgba(32, 54, 121, 0.08); border: 1px solid #ddd; background: var(--color-white); font-size:1.125em;}
.top_box_wrap .box .tit  						{ color:var(--color-point);  font-weight:600; font-size:1.563em;}

@media all and (max-width:1024px){
	.top_box_wrap .box							{ padding:30px; }
}

@media all and (max-width:668px){
	.top_box_wrap:before  						{ width:100%; border-radius:20px 30px}
	.top_box_wrap .box_title  					{ padding:20px 0 0 30px }
	.top_box_wrap .box  						{ font-size:inherit; margin:0 10px}
}
.history										{ position:relative; display:flex; flex-flow:column; gap:3.13em; margin-top:50px}
.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} 

.history02>li .year                             { width:150px; }
.history02::before                              { left:150px; }
.history02>li .h_con                            { width:calc(100% - 150px); }

@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; }
  
    .history02>li .year                         { width:150px; }
    .history02::before                          { left:150px; }
    .history02>li .h_con                        { width:calc(100% - 150px); }
}
@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; }
}


/*민원안내*/
.box_round										{ display:flex; flex-wrap:wrap; gap:.94em; margin-bottom:30px }
.box_round>li									{ flex: 0 1 calc((100% - 2.82em) / 4);  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.25em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.84; }

@media all and (max-width:968px){
	.box_round>li  								{ flex:auto; min-width:calc((100% - 1.4em) / 2)}
}

@media all and (max-width:668px){
	.box_round>li  								{ flex:100%; min-width:inherit}
  
}

@media all and (max-width:500px){
  .root_daum_roughmap .wrap_map { height:300px !important;}
}