@charset "UTF-8";

/* 공통 ----------------- */
/* 초기화 */
#content { font-family:var(--pret); }
button { overflow: visible; padding: 0; margin: 0; border: 0; cursor: pointer; background: none; }

#content h4 { font-family:var(--A2Z); font-size: 23rem; margin:60rem 0 20rem ; }
#content h5 { font-size: 22rem; color: var(--p_color); margin:30rem 0 20rem ;}
#content h6 { font-size: 18rem; margin: 24rem 0 10rem; font-weight: 600; }
.caution { padding-left: 28rem; position: relative; font-size: 16rem; color: #e13b3f; margin-top: 10rem; }

.page_research_box {margin-top:70rem; }

/* list */
.check > li { position:relative; padding:4px 0; text-align:left; display:flex; align-items:center; gap:10rem; }
.check > li:before { position:relative; content:'✔'; display:block; left:0;  color:var(--red);}

/* list */
.dash > li { position:relative; padding:4px 0 4px 18px; text-align:left; }
.dash > li:before { position:absolute; content:''; width:7px; height:1px; border-radius:50px; background:#aaa; left:0; top:17rem; }

.dot > li { position:relative; padding:4px 0 4px 18px; text-align:left; }
.dot > li:before { position:absolute; content:''; width:4px; height:4px; background:#bbb; left:0; top:16px; }

.num{ list-style:none; counter-reset:num;}
.num li{ counter-increment:num; position:relative; padding: 4rem 4rem 4rem 34rem; text-align: left; }
.num li::before{ content:counter(num); position:absolute;  left:0; top:4px; width:22px; height:22px; border-radius:50%; font-size:14px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; }


/* 디자인 요소 ----------------- */
.box { padding:20rem; border-radius:20rem; }
.box.bg { background:#fcfcfc; border:1px solid #ddd; }
.box.line { border:1px solid #ddd; text-decoration: none; }

/* 정렬 요소 ----------------- */
.center { display:block; text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.gray { font-weight:300; color:#666; font-size:0.9em; }


/* 테이블 디자인 요소 ----------------- */
.table table { width:100%; text-align:center; border-top:1px solid #e9ecf0; border-right:1px solid #e9ecf0;}
.table table thead th,
.table table tbody th {background: #f1f4f8; border-left:1px solid #e9ecf0; border-bottom:1px solid #e9ecf0; padding:12rem 15rem; }
.table table tbody th {background:#f1f4f8;}
.table table tbody td { padding:12rem 15rem ; border-bottom:1px solid #e9ecf0; border-left:1px solid #e9ecf0;}
.table table tbody td ul {margin-top:0; margin-bottom:0;}
.table table tbody td ul.dep_02 > li:first-child {margin-top:0;}
.table table tbody td ul.dep_02 li:last-child {margin-bottom:0;}
.table.tdL table tbody td {text-align:left;}
.table.type2 {border-top:2px solid #323232;}
.table.type2 table thead th,
.table.type2 table tbody th {background:transparent; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table.type2 table thead th {border-bottom:1px solid #323232;}
.table.type2 table tbody th {background:transparent;}
.table.type2 table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd;}



/* 탭 요소 ----------------- */
.box5_nomal { margin-bottom:40rem; }  
.box5_nomal [class^="col_"] { display: flex; border-bottom: 1px solid #d8dde3; }
.box5_nomal [class^="col_"] li { position: relative; display: flex; justify-content: center; align-items: center; min-width: 120px; width:100%; height: 56px; padding: 0 24px; border: 0; background: none; font-size: 18px; font-weight: 500; color: #666; cursor: pointer; transition: .3s;  }
.box5_nomal [class^="col_"] li span { transition: .3s; }

.box5_nomal [class^="col_"] li:hover { background:#f9faff; }
.box5_nomal [class^="col_"] li:hover span { color: var(--p_color); }

.box5_nomal [class^="col_"] li.active { background:#e7ecff; font-weight: 700; }
.box5_nomal [class^="col_"] li.active::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: var(--p_color); }
.box5_nomal [class^="col_"] li.active span { color: var(--p_color);  }


/* 탭 디자인 */
.tab-wrap { width: 100%; }
.tab-menu { display: flex; border: 1px solid #d8dde3; border-radius:10rem; overflow:hidden; }
.tab-btn { position: relative; min-width: 120px; width:100%; height: 56px; padding: 0 24px; border: 0; background: none; font-size: 18px; font-weight: 500; color: #666; cursor: pointer; transition: .3s; border-right:1px solid #d8dde3; }
.tab-btn:last-of-type { border-right:none; } 

.tab-btn:hover { color: #2e3348; background:#f4f5fe; }
.tab-btn.active { color: #fff; background:#2e3348; font-weight: 700; }
/* .tab-btn.active::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #1C614D; }
 */.tab-content { padding-top: 32px; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }


.tab-menu.type3 { flex-wrap:wrap; }
.tab-menu.type3 .tab-btn { width:33.3%; border-bottom:1px solid #d8dde3; }
.tab-menu.type3 .tab-btn:nth-of-type(3n){ border-right:none; }
.tab-menu.type3 .tab-btn:nth-last-child(-n+3){ border-bottom:none; }




@media all and (max-width:768px){
	#content h4 { margin:40rem 0 20rem; }

	.box5_nomal [class^="col_"] { border-bottom:none; }
	.box5_nomal [class^="col_"].col_5 { flex-wrap:wrap; }
	.box5_nomal [class^="col_"].col_5 li { width:50%; border-bottom:1px solid #ddd; }


	.tab-menu {  flex-wrap:wrap; }
	.tab-btn { width: 50%; }
	
	.tab-menu.type3 .tab-btn { width:50%;}
	.tab-menu.type3 .tab-btn:nth-of-type(2n){ border-right:none; }
	.tab-menu.type3 .tab-btn:nth-of-type(3n){ border-right:1px solid #d8dde3; }
	.tab-menu.type3 .tab-btn:nth-last-child(-n+3){ border-bottom:1px solid #d8dde3; }
	.tab-menu.type3 .tab-btn:nth-last-child(-n+1){ border-bottom:none; }
}
@media all and (max-width:425px){
	.tab-btn { width: 100%; }
}




/* 안전정보공개 -------------------------------------------------------------------- */
/* 인사말 ----------------- */

.greeting { display:flex; gap:40rem 60rem; }
.greeting .pic { flex: 0 0 430px; border-radius:20rem 20rem 60rem 20rem; overflow:hidden; box-shadow:10rem 10rem 10rem rgba(0,0,0,0.1); }
.greeting .pic img { width:100%; height:100%; object-fit:cover; }
.greeting .txt {padding:30rem 0; }
.greeting .txt .tit_area { display:flex; flex-direction: column; padding-bottom:30rem; } 
.greeting .txt .tit_area .sub_tit { position:relative; font-size:20rem; color:var(--p_color); padding:5rem 0; font-weight:600; }
.greeting .txt .tit_area .sub_tit:before { content: ""; position: absolute; width: 30px; height:2px; background:var(--p_color); top: 0; } 
.greeting .txt .tit_area .tit { font-family: 'A2Z', sans-serif; font-size:36rem; font-weight:700; line-height:1.4; }
.greeting .cnts p { padding:10rem 0;}
.greeting .cnts p.taR { font-size:20rem; font-weight:600; margin-top:30rem; }
@media all and (max-width:1200px){
	.greeting  { flex-wrap:wrap;  }
	.greeting .pic  { flex: 0 0 100%; height:400rem;}
}
@media all and (max-width:480px){
	.greeting .pic  { height:250rem;}
}





/* 주요업무 ----------------- */
.main_task { position:relative;}

.inner_wrap { text-align: center; padding: 40rem 0;}

.tit > span { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;}

.tit_1 { position: relative;}
.tit_1:before { content: ""; position: absolute; left: 50%; top: 0%; width: 0.1px; height: 100%; background: #ddd; transform: translateX(-50%); z-index:0; } 
.tit_1 > span { position: relative; width: 130px; height:130px; background: linear-gradient(45deg, #0032ff, #3aa8b7); color: #fff; border-radius:50%; font-size: 20rem; }
.tit_1 > span:before { content: ""; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); border:1px solid #ddd; border-radius:50%; width:108%; height:108%;   }

.tit_2 > li > span {  position: relative; display: inline-flex; align-items: center; justify-content: center; background: #143978; border-radius: 100px; color: #fff; margin-top: 35px; padding:16px 40px;  }

.tit_3 { position: relative; gap: 20px; display: flex; justify-content: center; margin-top: 80px; z-index: 2; }
.tit_3:before { content: ""; position: absolute; left: 50%; top: -40px; width: 640px; height: 40px; border:1px solid #ddd; border-bottom:none; transform: translateX(-50%); z-index:-1;  } 
.tit_3 > li { display: flex; align-items:center; justify-content: center; padding:20px; width:300px; min-height:100px; background:#fff; border-radius:20px; border:1px solid #ddd; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08); }
.main_task .list3 { display:flex; justify-content: space-between; }
.main_task .list3 > div { position:relative; width:calc((100% - 100rem)/3); border-radius:var(--radius); background:#E0EEFF; padding:50rem; overflow:hidden; }
.main_task .list3 > div:nth-of-type(2) { background:#FEF7EA; }
.main_task .list3 > div:nth-of-type(3) { background:#FDECEC; }
.main_task .list3 .icon,
.main_task .list3 dl {position:relative; z-index:2; }
.main_task .list3 .icon {display:flex; align-items:center; height:40rem; margin-bottom:30rem;  }
.main_task .list3 dt { font-size:1.2em; font-weight:700; margin-bottom:10rem; }
.main_task .list3 .bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.1; z-index:1; filter:blur(2px);}
.main_task .list3 .bg img { display:none; width:100%; height:100%; object-fit:cover; }
@media all and (max-width:1440px){
	.tit_3:before { width:calc(100% - 30%); }
}
@media (max-width:1200px) and (min-width:1024px), all and (max-width:768px){
	.main_task .list3 {flex-wrap:wrap;}
	.main_task .list3 > div { width:100%; margin-bottom:20rem; padding:40rem; }
}
@media (max-width:1023px) and (min-width:769px){
	.main_task .list3 > div { width:calc((100% - 60rem)/3); }
}
@media all and (max-width:425px){
	.tit_1:before {height:300rem;}
	.tit_3 { flex-direction: column; margin-top: 40px; gap:10rem; }
	.tit_3:before { display:none; }
	.tit_2 > li > span,
	.tit_3 > li { width:100%; min-height:auto; }
}



/* 오시는길 ----------------- */
.location { position: relative;}

/* 지도 */
.location .wrap_controllers,
.location .cont,
.location .map_border,
.location .wrap_btn_zoom { display:none !important; }
.location .root_daum_roughmap { width:100% !important; border-radius:var(--radius); overflow:hidden; }
.location .way { display:flex; justify-content:space-between; padding-top:50rem; }
.location .way > div { position:relative; width:calc((100% - 60rem)/2); padding-left:110rem; }
.location .way > div > span { display:flex; justify-content:center; align-items:center;   position:absolute; left:0; top:0; width:80rem; height:80rem; background:#F4F4F4; border-radius:50%; }
.location .way dl { margin-bottom:20rem; }
.location .way dl dt {font-weight:700; font-size:1.2em; margin-bottom:5rem;  }
.location .way dl dd span {background:#355CFA; margin:0 2rem; padding:0 5rem; border-radius:2rem; color:#fff; }
.location .way dl dd span:first-of-type {background:#009913; }

@media all and (max-width:1300px){
	.location .way {flex-wrap:wrap;}
	.location .way > div { width:100%; }
	.location .way > div:first-of-type {margin-bottom:40rem;}
}
@media all and (max-width:480px){
	.location .way > div { padding-left:100rem; }
}




/* 환경방사선 감지 -------------------------------------------------------------------- */
/* 무인자동 감시망이란? ----------------- */
.Wireless .content_top_wrap { position:relative; padding:50rem 50rem 50rem 400rem; border-radius:var(--radius); background:#f0f7ee; margin-bottom:100rem; }
.Wireless .content_top_wrap .illu {position:absolute; left:120rem; bottom:-50rem; }
.Wireless .content_top_wrap.page2 .illu { left:80rem; }
.Wireless .content_top_wrap .bg {position:absolute; z-index:0; }
.Wireless .content_top_wrap .illu1 {left:0; top:80rem; filter: blur(3px); opacity:0.3; }
.Wireless .content_top_wrap .illu2 {left:100rem; top:30rem; filter: blur(4px); opacity:0.7; }
.Wireless .content_top_wrap .illu3 {right:30rem; bottom:100rem; filter: blur(4px); opacity:0.7; }
.Wireless .content_top_wrap .illu4 {right:100rem; bottom:30rem; filter: blur(5px); opacity:0.2; }
.Wireless .content_top_wrap dl {position:relative; z-index:1; }
.Wireless .content_top_wrap dt {font-family:var(--A2Z); font-weight:600; font-size:22rem; margin-bottom:20rem; }
.Wireless .content_top_wrap dd p {margin-top:5rem;}
.Wireless .box .txt { position: relative; display:flex; justify-content:space-between; margin-top:20rem; padding:20rem; }
.Wireless .box .txt:before { content: ""; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1px; height:100%; background:#ddd;} 
.Wireless .box .txt div { width:48%; }
.Wireless .box .txt div strong { display:block; border-radius:50px; margin-bottom:20rem; padding:6rem 10rem; width:100%; color:#fff; }
.Wireless .box .txt div:nth-of-type(1) strong { background:#e1592a; }
.Wireless .box .txt div:nth-of-type(2) strong { background:#3475d9; }
.Wireless .box img { max-width:750px; }
@media all and (max-width:1200px){
	.Wireless .content_top_wrap { padding:200rem 50rem 50rem; margin-bottom:50rem; }
	.Wireless .content_top_wrap .illu {left:50%; top:-30rem; bottom:auto; transform:translateX(-50%); }
	.Wireless .content_top_wrap.page2 .illu { left:50%; }
}
@media all and (max-width:480px){
	.Wireless .content_top_wrap { padding:230rem 30rem 30rem; margin-bottom:40rem;  }
}

/* 무인자동 감시망이란 ----------------- */
.purpose_wrap { display:flex; justify-content:space-between; }
.purpose_wrap > div { position:relative; width:calc(100%/3); padding:30rem; }
.purpose_wrap > div::before { content:''; position:absolute; top:0; left:0; width:20rem; height:100%; border-radius:0 50% 50% 0; background:linear-gradient(90deg, rgba(0,0,0,0.1) 0%, transparent 100% ); opacity:0.4;  }
.purpose_wrap > div:first-of-type::before {display:none;}
.purpose_wrap > div .tit { display:flex; align-items:center; font-size:21rem; margin-bottom:20rem; font-weight:700; }
.purpose_wrap > div .tit .icon { position:relative; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50%; width:60rem; height:60rem; margin-right:10rem; overflow:hidden; }
.purpose_wrap > div .tit .icon::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.2; }
.purpose_wrap > div .tit .icon1::after {background:var(--p_color);}
.purpose_wrap > div .tit .icon2::after {background:#FAB32F;}
.purpose_wrap > div .tit .icon3::after {background:#F44949;}
.system_info { display:flex; background:#f5f5f5; border-radius:var(--radius); overflow:hidden; }
.system_info .map {position:relative; width:40%; }
.system_info .map img {width:100%; height:100%; object-fit:cover;}
.system_info > div:not(.map) {padding:40rem; flex-grow:1; padding-left:0; }
.legend {display:flex; justify-content:space-between; }
.legend dl { position:relative; width:calc((100% - 60rem)/2); padding-left:60rem;}
.legend dl::before {content:''; position:absolute; left:0; top:50%; width:40rem; height:40rem; border-radius:50%; background:#FAB32F; outline:5rem solid rgba(250,179,47,0.5); transform:translateY(-50%); }
.legend dl:nth-of-type(2)::before {background:#2AD772; outline:5rem solid rgba(42,215,114,0.5); }
.legend dl dt {font-size:18rem; font-weight:700;}
.system_step { position:relative; display:flex; align-items:center; justify-content:space-between; margin-top:60rem; background:#fff; border-radius:var(--radius); padding:40rem; }
.system_step li { position:relative; width:calc((100% - 120rem)/2); }
.system_step li.line {position:absolute; width:auto; top:50%; left:50%; transform:translate(-50%, -70%); text-align:center; text-decoration:none; font-size:0.9em; font-weight:500; z-index:1; color:var(--p_color); }
.system_step .img { width:130rem; height:130rem; border-radius:50%; overflow:hidden; margin:0 auto 10rem; }
.system_step .img img { width:100%; height:100%; object-fit:cover; object-position:top center;}
.system_step p.tit { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.1; height:50rem; font-size:1em; font-weight:600; background:var(--p_color); color:#fff; border-radius:var(--radius); }
.system_step p.tit span { position:absolute; left:10rem; top:-35rem; display:flex; align-items:center; justify-content:center; width:50rem; height:50rem; background:#fff; border-radius:50%; font-size:1.1em; font-weight:700; color:var(--p_color); }
.system_step p.txt {text-align:center; margin-top:10rem; font-size:0.95em;  }
.system_step li:last-of-type div {position:relative;}
.system_step li:last-of-type div:first-of-type { margin-bottom:80rem;}
.system_step li:last-of-type div::before,
.system_step li:first-of-type::before {content:''; position:absolute; left:-5rem; top:20rem; width:10rem; height:10rem; border-radius:50%; background:#999; z-index:1; }
.system_step li:first-of-type::before {left:auto; top:auto; right:-5rem; bottom:60rem; }
.system_step li:last-of-type div::after,
.system_step li:first-of-type::after {content:''; position:absolute; left:-60rem; top:24rem; width:60rem; height:1px; border-bottom:1px dashed #ccc; }
.system_step li:first-of-type::after {left:auto; top:auto; bottom:65rem; right:-60rem;}
.system_step li:last-of-type::before {content:''; position:absolute; left:-60rem; top:25rem; width:1px; height:130rem; border-right:1px dashed #ccc; }
@media all and (max-width:1400px){
	.system_info {position:relative; }
	.system_info .map {position:absolute; left:0; top:-70rem; width:370rem; }
	.system_info > div:not(.map) {padding:40rem;}
	.legend { flex-wrap:wrap; margin-left:50%; width:50%;}
	.legend dl {width:100%; margin-bottom:30rem;}
	.system_step {margin-top:30rem;}
}
@media (max-width:1200px) and (min-width:1024px), all and (max-width:768px){
	.purpose_wrap {flex-wrap:wrap; }
	.purpose_wrap div { width:100%; }
	.purpose_wrap > div::before {width:100%; height:20rem; background:linear-gradient(180deg, rgba(0,0,0,0.1) 0%, transparent 100% ); border-radius:0 0 50% 50%;  }
}
@media all and (max-width:768px){
	.system_info > div:not(.map) {padding:20rem;}
	.system_info .map {left:-90rem; }
	.legend {margin-left:40%; width:60%;}
	.system_step {padding:50rem 20rem 20rem; margin-top:0; } 
}
@media all and (max-width:480px){
	.purpose_wrap > div {padding:30rem 20rem; }
	.system_info .map {width:300rem; top:-20rem; left:-90rem; }
	.legend { margin-left:0; width:100%; padding-left:130rem; }
	.system_step p.tit span {width:30rem; height:30rem; font-size:0.9em; top:-20rem; left:10rem; }
	.system_step li {width:calc((100% - 60rem)/2); }
	.system_step li:last-of-type div::after, 
	.system_step li:first-of-type::after {left:-30rem; width:30rem;}
	.system_step li:first-of-type::after { left:auto; right:-30rem; }
	.system_step li:last-of-type::before {left:-30rem;}
	.system_step p.txt { white-space:nowrap; }
}

/*이동형 방사선감지*/
.system_step.step2,
.system_step p.tit span {background:#f5f5f5; }
.system_step.step2 li { width:calc((100% - 240rem)/3); }
.system_step.step2 p.txt {line-height:1.1;}
.system_step.step2 .line { width:auto; transform:translateY(-50%);}
.system_step.step2 .line1 {left:30%; }
.system_step.step2::before {content:''; position:absolute; left:32.5%; top:40%; width:1px; height:73rem; border-right:1px dashed #ccc; }
.system_step.step2 .line2 { left:auto; right:30%;  }
.system_step.step2 li:nth-of-type(3)::before,
.system_step.step2 li:nth-of-type(3)::after {content:''; position:absolute; left:-60rem; top:24rem; width:60rem; height:1px; border-bottom:1px dashed #ccc; }
.system_step.step2 li:nth-of-type(3)::after {left:auto; right:-60rem; }
.system_step.step2 li:nth-of-type(3) p.tit::before,
.system_step.step2 li:nth-of-type(3) p.tit::after {content:''; position:absolute; left:-5rem; top:20rem; width:10rem; height:10rem; border-radius:50%; background:#999; z-index:1; }
.system_step.step2 li:nth-of-type(3) p.tit::after {left:auto; right:-5rem; }
.car_info {display:flex; flex-wrap:wrap; gap:30rem;}
.car_info > div { width:calc((100% - 30rem)/2); position:relative; border-radius:var(--radius); overflow:hidden;}
.car_info > div span { position:absolute; right:20rem; bottom:20rem; background:rgba(0,0,0,0.6); color:#fff; border-radius:var(--radius); padding:5rem 10rem;  }
.car_info > div.big {width:100%; }
.car_info > div img {width:100%;}
/*
@media all and (max-width:1200px){
	.system_step.step2::before {left:33.5%;}
	.system_step.step2 li { width:calc((100% - 120rem)/3);}
	.system_step.step2 li.line {top:55%; }
	.system_step.step2 p.tit span {width:30rem; height:30rem; font-size:0.9em; top:-20rem; left:10rem; }
	.system_step.step2 li:last-of-type div::after, 
	.system_step.step2 li:first-of-type::after {left:-30rem; width:30rem;}
	.system_step.step2 li:first-of-type::after { left:auto; right:-30rem; }
	.system_step.step2 li:last-of-type::before {left:-30rem;}
	.system_step.step2 li:nth-of-type(3)::before,
	.system_step.step2 li:nth-of-type(3)::after {left:-30rem; width:30rem; }
	.system_step.step2 li:nth-of-type(3)::after {left: auto;right:-30rem; }
}
*/
@media (max-width:1200px) and (min-width:1023px), all and (max-width:768px){
	.car_info { gap:10rem; }
	.system_step.step2 {flex-direction:column; padding:30rem; }
	.system_step.step2 li:not(.line) {width:100%; margin-bottom:80rem; } 
	.system_step.step2 li:not(:last-of-type) p {width:50%; margin:0 auto;}
	.system_step.step2 li:not(:last-of-type) p.txt {margin-top:10rem;}
	.system_step.step2 li:last-of-type { display:flex; justify-content:space-between; margin-bottom:0;  }
	.system_step.step2 li:last-of-type div {width:calc((100% - 40rem)/2); }
	.system_step.step2 li:last-of-type div:first-of-type { margin-bottom:0; }
	.system_step.step2 li:nth-of-type(3) p.tit::before, 
	.system_step.step2 li:nth-of-type(3) p.tit::after {top:-5rem; left:50%; transform:translateX(-50%); }
	.system_step.step2 li:nth-of-type(3) p.tit::after {top:auto; bottom:-5rem; }
	.system_step.step2 li:last-of-type div::before { left:50%; top:-5rem; transform:translateX(-50%); }
	.system_step.step2 li:last-of-type div::after{ left:50%; top:-30rem; width:1px; height:30rem; border-left:1px dashed #ccc;  }
	.system_step.step2 li:last-of-type::before { left:50%; top:-30rem; width:53%; height:1px; border-top:1px dashed #ccc; transform:translateX(-50%)}
	.system_step.step2 li.line { top:270rem; left:50%; transform:translateX(-50%); line-height:1; }
	.system_step.step2 li.line2 { top:460rem; left:50%; transform:translateX(-50%)}
	.system_step.step2::before {left:50%; top:260rem;transform:translateX(-50%)}
	.system_step.step2 li.line2::after {content:''; position:absolute; top:-13rem; left:50%; width:1px; height:45rem; border-left:1px dashed #ccc; }
	
	.system_step.step2 li:nth-of-type(3)::before,
	.system_step.step2 li:nth-of-type(3)::after,
	.system_step.step2 li:first-of-type::before,
	.system_step.step2 li:first-of-type::after {display:none;}
}



/* 환경방사능 분석 -------------------------------------------------------------------- */
/* 분석체계도 ----------------- */
.analysis_wrap .content_top_wrap { position:relative; padding:70rem 30rem; border-radius:var(--radius); background:#333; margin-bottom:60rem; overflow:hidden;  }
.analysis_wrap .content_top_wrap .bg { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; opacity:0.5; filter:blur(5rem); z-index:1; }
.analysis_wrap .content_top_wrap dl {position:relative; z-index:2; color:#fff; max-width:900rem; margin:0 auto; }
.analysis_wrap .content_top_wrap dt {font-family:var(--A2Z); font-weight:600; font-size:22rem; margin-bottom:20rem; text-align:center; }
.analysis_wrap .content_top_wrap dt .icon {display:flex; align-items:center; justify-content:center; width:100rem; height:100rem; border-radius:50%; background:rgba(10,10,10,0.5); margin:0 auto 20rem;  }
.analysis_wrap .content_top_wrap dd p {margin-top:5rem;}
.method_wrap { display:flex; justify-content:space-between; margin:0 auto; }
.method_wrap > li { position:relative; width:calc((100% - 90rem)/4); border:1px solid #ddd; border-radius:var(--radius); padding:30rem; }
.method_wrap > li::before { content:''; position:absolute; top:50%; right:-20rem; width:35rem; height:35rem; border-radius:50%; background:var(--p_color); transform:translateY(-50%); }
.method_wrap > li::after {content:''; position:absolute; top:50%; right:-7rem; width:6rem; height:6rem; border-top:3px solid #fff; border-right:3px solid #fff; transform:translateY(-50%) rotate(45deg);  }
.method_wrap > li:last-of-type::before,
.method_wrap > li:last-of-type::after {display:none; }
.method_wrap > li .icon {display:flex; align-items:center; justify-content:center; margin:0 auto 20rem; height:70rem; }
.method_wrap > li p {text-align:center; font-size:1.2em; font-weight:700;  }
.method_wrap > li p span {display:flex; flex-direction:column; font-size:0.7em; color:var(--p_color); text-transform:uppercase; }
.method_wrap > li p span::after { content:''; display:block; width:10rem; height:2px; background:var(--p_color); margin:5rem auto; }
.method_wrap .depth1 > li::before {content:''; width:5rem; height:5rem; border-radius:50%; background:#888; top:14rem; }
@media all and (max-width:1400px){
	.method_wrap { flex-wrap:wrap; gap:30rem; }
	.method_wrap > li {width:calc((100% - 30rem)/2); }
}
@media all and (max-width:768px){
	.analysis_wrap .content_top_wrap {padding:30rem; }
}
@media all and (max-width:480px){
	.method_wrap {gap:20rem;}
	.method_wrap > li { width:100%; }
	.method_wrap > li::before { right:auto; top:auto; left:50%; bottom:-20rem; transform:translateX(-50%); }
	.method_wrap > li::after { right:auto; top:auto; bottom:-7rem; left:50%; transform:translateX(-50%) rotate(135deg); }
}


/* 분석방법 ----------------- */
.resolve_wrap { display:flex; justify-content:center; gap:60rem; }
.resolve_wrap li { position: relative; }
.resolve_wrap li:before { content: ""; position: absolute; width:30rem; height:30rem; right:-40rem; bottom:50%; transform:translateY(50%); background:url(/design2026/gersi/img/sub/resolve_arrow.png) no-repeat center/contain; }
.resolve_wrap li:last-child:before { display:none; }
.resolve_wrap li img { border-radius:10rem; border:1px solid #ddd; }

.resolve_icon .pic { display:flex; flex-direction: column; align-items:center; gap:10rem; }

@media all and (max-width:768px){
	.resolve_wrap { flex-direction: column; align-items: center; }
	.resolve_wrap li:before { right:50%; bottom:-40rem; transform:translateX(50%) rotate(90deg);  }
}











/* 원자력 안전 -------------------------------------------------------------------- */
/* 방사능 비상 */
.radioactivity_step {display:flex; justify-content:space-between; }
.radioactivity_step > div { width:calc((100% - 60rem)/3); border-radius:var(--radius); /* box-shadow:2rem 2rem 10rem rgba(0,0,0,0.2); */ padding:40rem; background:#FEF7EA; }
.radioactivity_step > div:nth-of-type(2) { background:#E0EEFF; } 
.radioactivity_step > div:nth-of-type(3) { background:#FDECEC; } 
.radioactivity_step > div .tit { font-size:25rem; text-align:center; margin-bottom:20rem; }
.radioactivity_step > div .tit strong { font-weight:800; }
.radioactivity_step > div .tit span { width:20rem; height:20rem; border:1px solid #ddd; background:#fff; margin-right:10rem; border-radius:50%; }
.radioactivity_step > div.step2 .tit span { background:var(--p_color); }
.radioactivity_step > div.step3 .tit span { background:#F44949; }
.radioactivity_step dl { display:flex; border-bottom:1px dashed #ddd; padding:10rem 0;}
.radioactivity_step dl:last-of-type { border-bottom:0;}
.radioactivity_step dl dt {width:90rem; flex-shrink:0; font-weight:700; }
.radioactivity_step dl dd span {display:inline-flex; align-items:center; justify-content:center; height:25rem; font-size:0.9em; text-align:center; border-radius:13rem; background:#d49d16; color:#fff; margin-right:5rem; padding:0 10rem; }
.radioactivity_step > div.step2 dl dd span { background:#c50808; }
.radioactivity_step dl dd li {font-size:0.95em; padding:2px 0 2px 18px; }
.radioactivity_step dl dd li:before { top:14rem; }
@media all and (max-width:1600px){
	.radioactivity_step { flex-wrap:wrap; }
	.radioactivity_step > div {width:100%; margin-top:20rem;}
	.radioactivity_step > div:first-of-type {margin-top:0;}
}
@media (max-width:1600px) and (min-width:769px){
	.radioactivity_step dl dd ul {display:flex; flex-wrap:wrap; justify-content:space-between;  }
	.radioactivity_step dl dd li {width: calc((100% - 20rem)/2);}
}
@media all and (max-width:768px){
	.radioactivity_step > div  {padding:25rem; }
}


/* 주민보호체제 */
/* 조직도 1 */
.protect {margin-top:20rem; }
.protect .org_1 {  position:relative; text-align:center;}
.protect .org_1::before{ content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#bcbcbc; transform:translateX(-50%);}

.protect .org_1 li{ position:relative;}

	/* 박스 */
.protect .org_1 span,
.protect .org_1 div.diff{ display:inline-block; min-width:220px; padding:15px 20px; border-radius:4px 20px;  background:linear-gradient(45deg, #1e3ec1, #79ceda); color:#fff; box-sizing:border-box;}
.protect .org_1 div.diff { padding:0; background:#fff; }
.protect .org_1 div.diff em { display:block; width:100%; height:100%; background:linear-gradient(45deg, #000e49, #5fa8b1); padding:15px 20px;  border-radius:4px 20px; }
.protect .org_1 div.diff .dash { display:block;  margin-top:4px; font-style:normal; font-size:14rem; border:1px solid #ddd;  color:#000; font-weight:300;  border-radius:4px 20px; padding:15px 20px; }
.protect .org_1 div.diff .dash li:before { top:16rem; }

	/* 세로선 */
.protect .org_1 li > ul{ padding-top:35px;}

.protect .org_branch{ display:flex; justify-content:center; gap:80px; margin-top:35px; height:100%; padding-top:35px; position:relative;}
.protect .org_branch::before{ content:''; position:absolute; top:0; left:50%; height:120%; width:calc(50% - 24.8%); background:#fcfcfc; border:1px solid #ddd; transform:translateX(-50%); }
.protect .org_branch > li {  display:flex; flex-direction:column; justify-content:space-between; min-height:240px;}
.protect .org_branch > li span { background:#003c66; border-radius: 4px; }
 
.protect .org_branch + ul{ margin-top:40px; position:relative;}

@media (max-width:768px){
	.protect .org_branch > li { min-width:48%; min-width: auto; }
	.protect .org_branch > li span { min-width: auto; }
	.protect .org_branch { gap:20rem; }
	.protect .org_branch::before { width: calc(50% - 14%); }
}


	/* 조직도 2 */
.protect .org_2 {  position:relative; text-align:center;  display:flex; gap:30rem; justify-content:space-between; flex-wrap:wrap; }
.protect .org_2 > li { position: relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:30%; border:1px solid #ddd; border-radius:20rem; min-height:100rem; color:#fff; background: var(--p_color); }
.protect .org_2 > li:before{content: ""; position: absolute; width:30rem; height:30rem; right:-40rem; bottom:50%; transform:translateY(50%); background:url(/design2026/gersi/img/sub/resolve_arrow.png) no-repeat center/contain; }

.protect .org_2 > li:last-child:before,
.protect .org_2 > li:nth-child(3n):before { display:none; }

.protect .org_2 > li:has(ul.dash) { color:#000; background: #fff;  }
.protect .org_2 > li:has(ul.dash) span { display:block; color:#fff; background:var(--p_color); width:100%; padding: 16rem; border-radius:20rem 20rem 0 0; }

.protect .org_2 > li .dash { width: 100%; padding: 10rem 20rem; }



@media (max-width:1400px){
	.protect .org_2 > li { width:45%; }
	.protect .org_2 > li:before { right: -50rem; }
	
	.protect .org_2 > li:last-child:before,
	.protect .org_2 > li:nth-child(even):before { display:none !important; }
	.protect .org_2 > li:nth-child(odd):before { display:block; }
	
}
@media (max-width:768px){
	.protect .org_2 { gap: 50rem; }
	.protect .org_2 > li { width:100%; }
	.protect .org_2 > li:before { right:50%; bottom:-40rem; transform:translateX(50%) rotate(90deg);  }
		
	.protect .org_2 > li:nth-child(even):before,
	.protect .org_2 > li:nth-child(odd):before { display:block !important; }
	.protect .org_2 > li:last-child:before { display:none !important; }
}






/* 방호용품 */
.supplies_area .pic { display:flex; justify-content:space-between; margin-top:30rem; }
.supplies_area .pic > div { width:48%; position:relative; }
.supplies_area .pic > div span { position:absolute; background:rgba(0, 0, 0, 0.7); color:#fff;padding:6rem 20rem; }
.supplies_area .pic > div img { width:100%; height:100%; object-fit:cover; }



/* 방사능 방재대책 */
	/* 조직도 2 */

/* 전체 */
.org_wrap2{	position:relative; display:flex; gap:80px; justify-content:space-between; flex-direction: column; }
.org_wrap2 .lft_wrap { width:100%; }
.org_wrap2 .rgh_wrap {width:100%;}


/* 공통 박스 */
.org_wrap2 .inner {	border-radius:20px;	text-align:center; color:#fff; }
.org_wrap2 .inner strong{ display:block; padding:8px 10px;}
.org_wrap2 .inner span{	display:block; color: #ddd; }

/* 최상단 */
.org_wrap2 .org_2 { position:relative; }
.org_wrap2 .org_2:before { content:'';	position:absolute; width:2px; height:100%; background:#ddd; left:50%; top:0; transform:translateX(-50%); } 
.org_wrap2 .org_2 > li:first-child{ display:flex; justify-content:center; position:relative; }
.org_wrap2 .org_2 > li:first-child .top{ display:flex; justify-content:center; flex-direction: column; align-items:center; width:150px; height:150px; border-radius:100px; background:linear-gradient(45deg, #0032ff, #3aa8b7); }
.org_wrap2 .org_2 > li:first-child .top strong { font-size:18rem; }

/* 중간 */
.org_wrap2 .org_2 .middle { position:relative;  display:flex; justify-content:center; align-items:flex-start; position:relative; margin-bottom:80px; padding:0 60px; }
.org_wrap2 .org_2 .middle::before,
.org_wrap2 .org_2 .middle::after{content:''; position:absolute; height:2px; background:#ddd; width: 200rem; }

.org_wrap2 .org_2 .middle::before{ right:50%; bottom:60px; }
.org_wrap2 .org_2 .middle::after{ left:50%; right:60px; top:60px; }

.org_wrap2 .org_2 .middle .org_lft { position:relative; margin-top:60px; right:60px; }
.org_wrap2 .org_2 .middle .org_rgh { left:60px; }

.org_wrap2 .org_2 .middle .org_lft,
.org_wrap2 .org_2 .middle .org_rgh { position:relative; z-index:2; display:flex; justify-content:center; flex-direction: column; align-items:center; min-width:180px; height:110px; border-radius:40px 10px; background:#444; }


/* 하단 */
.org_wrap2 .org_2 .bottom { display:flex; justify-content:space-between; gap:10px; position:relative; padding-top:45px;}
.org_wrap2 .org_2 .bottom::before{	content:'';	position:absolute; left:50%; transform:translateX(-50%); top:-2px;	height:100%; width:calc(100% - 10%); background:#fff; border:2px solid #ddd; border-bottom:none;}

/* 중앙 세로선 */
.org_wrap2 .org_2 .bottom li { position:relative; display:flex; align-items:center; justify-content:center; background:#fff; border: 1px solid #ddd; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08); padding:14px 20px; color:#000; min-width: 11.5%; min-height: 90rem; }

/* 개별 세로선 */
.org_wrap2 .org_2 .bottom li::before{	content:'';	position:absolute; left:50%; top:-47px; width:2px; height:45px; background:#ddd; transform:translateX(-50%);}
.org_wrap2 .org_2 .bottom li:first-child::before, 
.org_wrap2 .org_2 .bottom li:last-child::before { display:none; }



/* 유관기관 */
/* .org_wrap2 .rgh_wrap{ border-radius:20px; padding-bottom:25px; border: 1px solid #ddd; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08);}
.org_wrap2 .rgh_wrap strong{display:block;padding:20px; text-align:center;border-bottom:1px solid rgba(255,255,255,.8);}
.org_wrap2 .rgh_wrap ul{padding:20px 25px;}
.org_wrap2 .rgh_wrap li{ padding: 8px 0; border-bottom: 1px dashed rgba(255,255,255,.8); }
 */
/*  .org_wrap2 .rgh_wrap strong { display:block; width:100%; text-align:center; background:linear-gradient(180deg, #fff, #ddd; #fff); } */
 
 .org_wrap2 .rgh_wrap { display:flex; gap:40px; border-top:1px dashed #ddd;padding:40rem 0; }
 .org_wrap2 .rgh_wrap strong { display:flex; justify-content:center; align-items:center; width:20%; background: #444;color: #fff; border-radius: 40rem 10rem; }
 .org_wrap2 .rgh_wrap ul { width:70%; display:flex; flex-wrap:wrap; gap:20rem;  }
 .org_wrap2 .rgh_wrap ul li { border:1px solid #ddd; border-radius:30rem; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.08); padding:10rem 20rem; text-align:center; }

@media (max-width:1224px){
	.org_wrap2{	position:relative; display:flex; gap:30px; justify-content:space-between; flex-wrap:wrap; }
	.org_wrap2 .lft_wrap { width:100%; }
	/* .org_wrap2 .rgh_wrap {width:100%;}
	
	.org_wrap2 .rgh_wrap ul { display:flex; gap:30px; flex-wrap:wrap; display: flex; justify-content: center; }
	.org_wrap2 .rgh_wrap ul li { margin-top:0; text-align:center; width:20%; } */
	
}
@media (max-width:768px){
	.org_2 .middle { margin-bottom:40px; padding:0; }
	
	.org_2 .bottom { flex-direction: column; padding-top:0; }
	.org_2 .bottom::before,
	.org_2 .bottom li::before { display:none; }
	
	.org_wrap2 .rgh_wrap { flex-direction: column;  gap: 20rem; }
	
	.org_wrap2 .rgh_wrap strong {  }
	.org_wrap2 .rgh_wrap ul{justify-content:space-between; }
	.org_wrap2 .rgh_wrap strong,
	.org_wrap2 .rgh_wrap ul{ width:100%; padding: 20rem 0; gap:10rem }
	
	.org_wrap2 .rgh_wrap ul li { width:48%; } 
}
@media (max-width:425px){	
	.org_2 .middle { flex-direction: column; gap: 10px; }
	.org_2 .middle .org_lft, .org_2 .middle .org_rgh { min-width: 100%; height: 80px; }
	
	
	.org_wrap2 .rgh_wrap ul li { width:100%; } 
	/* .org_wrap2 .rgh_wrap ul { gap:0px; }
	.org_wrap2 .rgh_wrap ul li { padding: 16px 0; width:100%; } */
}


/*비상방송망*/
.broadcast_wrap .total {display:flex; justify-content:space-between; margin-bottom:60rem; }
.broadcast_wrap .total dl {width:calc((100% - 120rem)/5); background:#F4F4F4; border-radius:var(--radius); text-align:center; padding:20rem; }
.broadcast_wrap .total dl dt { font-weight:600; line-height:1.2; }
.broadcast_wrap .total dl dd {font-weight:800; font-size:1.3em; }
.broadcast_wrap .total dl dd::before {content:''; display:block; margin:10rem auto; width:7rem; height:7rem; background:var(--p_color); border-radius:50%;}
.inner_tab .tab { display:flex; margin-bottom:40rem; }
.inner_tab .tab a {display:flex; align-items:center; justify-content:center; width:calc(100%/3); height:60rem; text-align:center; border-bottom:3px solid #ccc; font-size:1.1em; }
.inner_tab .tab a.on { border-color:#333; font-weight:700; }
.inner_tab > div:not(.tab) .table { margin:0 !important; }
@media all and (max-width:1400px){
	.broadcast_wrap .total dl {width:calc((100% - 40rem)/5);}
	.broadcast_wrap .total dl dd {font-size:1.2em; }
}
@media all and (max-width:768px){
	.broadcast_wrap .total {flex-wrap:wrap; gap:10rem; }
	.broadcast_wrap .total dl {flex-grow:1; width:calc((100% - 20rem)/3);}
	.broadcast_wrap .total dl dd::before {margin:5rem auto; }
}

/*방사능 방재대책*/
.radioactivity .content_top_wrap { background:#F4F4F4;  padding:50rem; border-radius:var(--radius); margin-bottom:150rem }
.radioactivity .content_top_wrap > * {max-width:1000rem; margin:0 auto;}
.radioactivity .content_top_wrap dl {text-align:center; font-family:var(--A2Z); font-weight:600; margin-bottom:20rem; }
.radioactivity .content_top_wrap dl dt { color:var(--p_color); }
.radioactivity .content_top_wrap dl dt::after {content:''; display:block; width:30rem; height:2rem; background:var(--p_color); margin:10rem auto; }
.radioactivity .content_top_wrap dl dd {font-size:1.4em; }
.radioactivity .content_top_wrap img { display:block; width:100%; max-width:600rem; margin:30rem auto -150rem; }
@media all and (max-width:1023px){
	.radioactivity .content_top_wrap {padding:30rem; }
}


/*방호용품*/
.medical_info_wrap .medical_info {display:flex; justify-content:space-between; }
.medical_info_wrap .medical_info > div { width:calc((100% - 40rem)/2);  padding:40rem; border-radius:var(--radius);  }
.medical_info_wrap .medical_info .img { text-align:center; align-content:center; background:#f0f7ee; }
.medical_info_wrap .medical_info .img img {max-width:400rem; width:100%;}
.medical_info_wrap .medical_info .info { border:1px solid #ddd;}
.medical_info_wrap .medical_info .info dt { display:flex; align-items:center; margin:20rem 0 10rem; font-weight:700; font-size:1.2em; }
.medical_info_wrap .medical_info .info dt span { display:inline-flex; align-items:center; height:35rem; margin-right:10rem; }
.medical_info_wrap .medical_info .info dl:first-of-type dt {margin-top:0;}
.medical_info_wrap .medical_info .info dd { font-size:0.9em; }
.medical_info_wrap .medical_info .info dd li {padding:2rem 0 2rem 15rem ; }
.medical_info_wrap .medical_info .info dd li:before {top:12rem; border-radius:50%; }
@media (max-width:1200px) and (min-width:1024px), all and (max-width:768px){
	.medical_info_wrap .medical_info {flex-wrap:wrap;}
	.medical_info_wrap .medical_info > div { width:100%; }
	.medical_info_wrap .medical_info .img {margin-bottom:10rem; }
}


/*구호소+집결지+방호용품*/
.shelter_info_wrap .taR,
.point_info_wrap .taR {font-size:0.9em; margin-bottom:10rem; }
.shelter_info { position:relative; }
.shelter_info .select_layer { position:absolute; width:350rem; left:40rem; top:40rem; border-radius:5rem; margin-bottom:20rem; z-index:3; }
.shelter_info .select_layer::after { content:''; position:absolute; right:20rem; top:50%; width:8rem; height:8rem; border-right:2px solid #999; border-bottom:2px solid #999; transform:translateY(-60%) rotate(45deg); z-index:1; }
.shelter_info .select_layer select { width:100%; height:50rem; appearance: none;
 -webkit-appearance: none; -moz-appearance: none; border:2px solid var(--p_color); border-radius:10rem; padding:0 20rem; box-shadow:5rem 5rem 5rem rgba(0,0,0,0.2); }
.shelter_info .shelter_layer { display:none; position:absolute; left:40rem ; top:40rem; width:350rem; z-index:10; background:#fff; border-radius:var(--radius); box-shadow:0 0 20rem rgba(0,0,0,0.2); padding:30rem; }
.point_info_wrap .shelter_layer {top:100rem;}
.shelter_info .shelter_layer select:focus { border: 1px solid #555;
  transition: border 0.3s; -ms-transition: border 0.3s; -o-transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; outline: none; }
.shelter_info .shelter_layer dt {font-size:1.3em; font-weight:700; margin-bottom:20rem; padding-right:30rem; }
.shelter_info .shelter_layer dd { display:flex; font-size:0.95em; padding:5rem 0; border-bottom:1px dashed #eee;  }
.shelter_info .shelter_layer dd:last-of-type {border-bottom:0;}
.shelter_info .shelter_layer dd::before {content:''; display:block; width:4rem; height:4rem; border-radius:50%; background:#bbb; margin:11rem 7rem 0 0;  }
.shelter_info .shelter_layer dd strong { flex-shrink:0; width:65rem; margin-right:10rem; }
.shelter_info .shelter_layer a.close_btn { position:absolute; right:30rem; top:30rem; width:30rem; height:30rem; border-radius:50%; background:#888; }
.shelter_info .shelter_layer a.close_btn::before,
.shelter_info .shelter_layer a.close_btn::after {content:''; position:absolute; left:50%; top:50%; width:2px; height:14px; background:#fff; transform:translate(-50%, -50%) rotate(45deg); }
.shelter_info .shelter_layer a.close_btn::after {transform:translate(-50%, -50%) rotate(-45deg);}
.shelter_info .shelter_layer a.way_btn {display:flex; align-items:center; justify-content:center; height:40rem; border-radius:var(--radius); background:var(--p_color); margin-top:20rem; color:#fff; } 
.shelter_info .shelter_layer a.way_btn span {margin-right:7rem;}
.shelter_info .root_daum_roughmap {width:100%;}
.shelter_info .root_daum_roughmap .wrap_map {height:500rem !important; }
.shelter_info .root_daum_roughmap .hide,
.shelter_info .root_daum_roughmap .cont,
.shelter_info .root_daum_roughmap .map_border,
.shelter_info .root_daum_roughmap .wrap_btn_zoom {display:none; }
@media all and (max-width:480px){
	.shelter_info .select_layer,
	.shelter_info .shelter_layer { width:90%; left:5%; top:20rem; }
	.shelter_info .shelter_layer { top:80rem}
}



/*사이트맵*/
#sitemap dt a { display:inline-block; font-size:25rem; color:var(--p_color); margin:40rem 0 20rem; font-weight:700;}
#sitemap dd > ul { display:flex; flex-wrap:wrap;}
#sitemap dd > ul > li { width:calc(25% - 22.5rem); padding:0; margin:15rem 0 15rem 30rem;}
#sitemap dd > ul > li:nth-of-type(4n+1) {margin-left:0;}
#sitemap dd > ul > li > a { position:relative; display:flex; align-items:center; justify-content:space-between; border:1px solid #a6afbd; height:50rem; padding:0 20rem; border-radius:5rem; font-weight:600; font-size:1em;}
#sitemap dd > ul > li > a::after { content:''; display:block; flex-shrink:0; width:8rem; height:8rem; border-right:2px solid #a6afbd; border-bottom:2px solid #a6afbd; transform:rotate(45deg);}
#sitemap .dd ul ul {padding:10rem 20rem 0;}
#sitemap .dd ul ul li a { position:relative; display:block; padding:5rem 0 5rem 13rem;}
#sitemap .dd ul ul li a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd;}
#sitemap .dep_s02 {padding:10rem 20rem 0;}
#sitemap .dep_s02 > li > a { position:relative; display:block; padding:5rem 0 5rem 13rem; }
#sitemap .dep_s02 > li > a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd; }
#sitemap a[target="_blank"] span { display:flex;}
#sitemap a[target="_blank"] span::after { content:''; width:13px; height:13px; background:var(--sprite_template) 0 0; margin:2rem 0 0 5rem;}
@media all and (max-width:768px){
	#sitemap dd > ul > li { width:calc(50% - 15rem);}
	#sitemap dd > ul > li:nth-of-type(3n+1) {margin-left:30rem;}
	#sitemap dd > ul > li:nth-of-type(2n+1) {margin-left:0;}
	#sitemap dd > ul > li > a {padding: 0 15rem;}
	#sitemap .dd ul ul  {padding:10rem 10rem 0;}
}






/* 주민행동요령 */
.mToggle .toggleTitle { position: relative; color: #1a1a1a; font-size:18rem; line-height: 125%; text-transform: uppercase;  text-align: left; word-break: keep-all; width: 100%; padding: 26rem 10rem; background: #fff; z-index: 2; }
.mToggle li.on .toggleTitle { border-bottom:1px dashed #ddd; } 
.mToggle .toggleTitle .txt { position:relative; display: block; padding-left:50rem; width: calc(100% - 50rem);  }
.mToggle .toggleTitle .txt em { position:absolute; left:0; }

.mToggle .toggleTitle .txt > div { display: flex; flex-direction: column; gap:10rem; }
.mToggle .toggleTitle .txt > div span { font-size:16rem; font-weight:300; color: #666; }

.mToggle .toggleTitle::before { content: ""; position: absolute; top: 30px; right: 20px; width: 20px;
    height: 20px; border: 1px solid #c2c2c2; border-radius: 50%; transform: scale(1);
    opacity: 1; transition: All 0.3s ease-out; -webkit-transition: All 0.3s ease-out;
    -moz-transition: All 0.3s ease-out; -o-transition: All 0.3s ease-out;}

.mToggle .toggleTitle::after { content: "";  position: absolute; top: 30px; right: 20px; width: 20px; height: 20px; border: 1px solid var(--p_color); background-color: var(--p_color); opacity: 0; border-radius: 50%; transform: scale(0); transition: All 0.3s ease-out;    
	-webkit-transition: All 0.3s ease-out;
    -moz-transition: All 0.3s ease-out;
    -o-transition: All 0.3s ease-out;
}

.mToggle .item.on .toggleTitle::before { opacity: 0; transform: scale(0);}
.mToggle .item.on .toggleTitle::after { opacity: 1; transform: scale(1);}

.mToggle .toggleTitle i,
.mToggle .toggleTitle em { font-weight: inherit;}
     
.mToggle .sub { color: #c2c2c2; font-size: 20px; line-height: 125%; text-transform: uppercase; padding-top: 9px;}
.mToggle .item { position: relative; border-top: 1px solid #c2c2c2; }
.mToggle .item:last-child { border-bottom: 1px solid #c2c2c2;}
.mToggle .toggleCont { display: none;} 



	/* 꾸밈 */
.mToggle .toggleCont { position:relative; padding: 20rem 30rem 20rem 60rem; color: #525252; font-weight: 300;}
.mToggle .toggleCont .sub_tit { position:relative; font-size:18rem; color:var(--p_color); display: flex; align-items: center; gap: 10rem; margin-bottom:30rem; }


.mToggle li .toggleCont:after {  content: ""; position: absolute; display:block; bottom:20rem; right:30rem; z-index:0; opacity: 0.2; }
.mToggle li:nth-child(1) .toggleCont:after { width:200rem; height:160rem; background:url(/design2026/gersi/img/sub/mToggle_icon1.jpg) no-repeat center/contain;  }
.mToggle li:nth-child(2) .toggleCont:after { width:200rem; height:200rem; background:url(/design2026/gersi/img/sub/mToggle_icon2.jpg) no-repeat center/contain; bottom:-16rem; }


.mToggle .toggleCont .list { display: flex; justify-content: center; }
.mToggle .toggleCont .list li { position:relative; width:22%; padding:20rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
.mToggle .toggleCont .list li::after {content:''; position:absolute; top:30%; right:-22rem; width:6rem; height:6rem; border-top:3px solid #000; border-right:3px solid #000; transform:translateY(-50%) rotate(45deg); z-index:2; }
.mToggle .toggleCont .list li:last-child::after { display:none; }

.mToggle .toggleCont .list li span {width:90rem; height:90rem; margin-bottom:30rem; margin-bottom: 30rem; padding: 20rem; background: #ebeef3; border-radius: 50rem; }
.mToggle .toggleCont .list li span img { width:100%; height:100%; object-fit:contain; }

.mToggle .toggleCont .list.number li::after { display:none; }

.mToggle .toggleCont .card_list { display:flex; justify-content:center; gap:30rem; }
.mToggle .toggleCont .card_list > li { width:47%; padding:20rem; display: flex; flex-direction: column; align-items: center; }
.mToggle .toggleCont .card_list > li:nth-child(1) { border-right:1px dashed #ddd; }

.mToggle .toggleCont .card_list > li .pic { display:flex; flex-direction: column; align-items:center; margin-bottom:40rem; font-size:20rem; color:#000; }
.mToggle .toggleCont .card_list > li .pic span { width:120rem; height:120rem; padding: 20rem; background: #ebeef3; border-radius: 50%; margin-bottom:20rem; }
.mToggle .toggleCont .card_list > li .pic span img { width: 100%; height: 100%; object-fit: contain; }

.mToggle .toggleCont .card_list > li .txt .tit { display:block; color:#000; margin-bottom:10rem; }




.mToggle .toggleCont .help_list { display:flex; justify-content:center; gap:30rem; flex-wrap:wrap; margin-bottom: 60rem; }
.mToggle .toggleCont .help_list li { position:relative; width:46%; display:flex; flex-direction: column; }

.mToggle .toggleCont .help_list li .num { position: absolute; left: 30rem; top: -6px; font-size: 60rem; font-weight: 700; font-style: italic; color:#f5f5f5; z-index:-1 }
.mToggle .toggleCont .help_list li .cnt { width:100%; background:#f5f5f5; border-radius:10rem 50rem 20rem 30rem; padding:10rem 180rem 10rem 24rem; margin-top:60rem; }
.mToggle .toggleCont .help_list li img { position:absolute; bottom:-40rem; right:0; }
.mToggle .toggleCont .help_list li:nth-child(1) img { bottom:0; }


@media (max-width:1280px){
	.mToggle .toggleCont .list li { font-size: 16rem; padding: 20rem 0; }
	.mToggle .toggleCont .list li span { width: 80rem; height: 80rem; margin-bottom: 10rem; }
	
	
	.mToggle .toggleCont .card_list { flex-wrap:wrap;}
	.mToggle .toggleCont .card_list > li:nth-child(1) { border-bottom: 1px dashed #ddd; border-right: none; }
	.mToggle .toggleCont .card_list > li,
	.mToggle .toggleCont .help_list li {  width:100%;}
	.mToggle .toggleCont .help_list li br { display:none; }
}

@media (max-width:1023px){
	.mToggle .toggleCont .help_list li {  width:46%;}
	.mToggle .toggleCont .help_list li br { display:block; }
	.mToggle .toggleCont .help_list li img { width:180rem; }
	
	
	.mToggle .toggleCont .card_list { flex-wrap:wrap;}
	.mToggle .toggleCont .card_list > li:nth-child(1) { border-bottom:none; border-right:  1px dashed #ddd; }
	.mToggle .toggleCont .card_list > li { width:47%; }
}
@media (max-width:840px){
	.mToggle .toggleCont .help_list li {  width:100%;}
	.mToggle .toggleCont .help_list li br { display:none; }
}

@media (max-width:768px){
	.mToggle .toggleTitle { width:100%; }
	
	.mToggle .toggleCont { padding:20rem; }
	.mToggle .toggleCont .list li,
	.mToggle .toggleCont .list li { width:45%;}	
	.mToggle .toggleCont .list li::after { right:0rem; }
	
	.mToggle .toggleCont:after { position:relative; bottom:0; right:50%; left:50%; transform:translate(-50%);}
}

@media (max-width:600px){
	.mToggle .toggleCont .card_list { flex-wrap:wrap;}
	.mToggle .toggleCont .card_list > li:nth-child(1) { border-bottom: 1px dashed #ddd; border-right: none; }
	.mToggle .toggleCont .card_list > li { width:100%; }
	
}


@media (max-width:480px){
	.mToggle .toggleTitle span em { position:relative; display: block; width:100%; margin-bottom:10rem; }
	
	.mToggle .toggleTitle span,
	.mToggle .dash { padding-left:0; width:100%; }

	.mToggle .toggleCont .list {flex-wrap:wrap; gap: 20rem; }
	/* .mToggle .toggleCont .list li {width:100%; font-size: 18rem; }
	.mToggle .toggleCont .list li:after { top: auto; bottom: 0px; right: 50%; transform: translate(50%, 50%) rotate(136deg); }
	.mToggle .toggleCont .list li span { width: 100rem; height: 100rem;}  */
	
	.mToggle .toggleCont .list li { width:46%; }
	
	.mToggle .toggleCont .help_list li br { display:block; }
	.mToggle .toggleCont .help_list li img { width:150rem; }
}


/* 주민대피시설 지도 ----------------- */
#map { width: 100%; height: 600rem; }
@media all and (max-width:768px){
	#map { height: 500rem; }
}


/*
.figure {
	position: relative;
	width: 28px;
	height: 28px;
	margin: -28px 0 0 -14px;
	background: #e13b3f;
	border: 2px solid #fff;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}

.figure.selected {
	background: #2e3348;
	transform: rotate(-45deg) scale(1.1);
}
*/
.figure { position:relative; display:flex; align-items:center; justify-content:center; width:18rem; height:18rem; border-radius:50%; box-shadow:0 0 2rem rgba(255,255,255,1); background:#F44949;}
.figure::before {content:'★'; color:#fff; font-size:0.6em; }
/*.figure::after {content:''; position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:50%; transform:translate(-50%, -50%); animation: pulse 1.5s ease-out infinite; background:#F44949; }
@keyframes pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.8;
	}
	70% {
		transform: translate(-50%, -50%) scale(2);
		opacity: 0;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}*/
.figure.selected {background:#F44949; }
.figure.selected::after {content:'●'; display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:-25rem; width:25rem; height:25rem; background:var(--p_color); border-radius: 50% 50% 50% 0;  transform: translateX(-50%) rotate(-45deg); box-shadow:0 0 3rem rgba(255,255,255,1); color:#fff; font-size:0.8em; }

.infowindow {
	position:relative;
	padding: 5rem 10rem;
	background: #fff;
	border-radius: var(--radius);
	box-shadow: 2rem 2rem 7rem rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	z-index:9999;
	margin-bottom:5rem;
}

.infowindow .name {
	font-size: 14px;
	font-weight: 600;
	color: #2e3348;
}