@charset "utf-8";

@import "userpage.css";

/*센터소개*/
.intro_section{}
.intro_section .wrap .img_box{border-radius: 25px; overflow: hidden; box-shadow: 4px 4px 25px rgba(0,0,0,0.15)}
.intro_section .wrap .img_box img{width: 100%; height: 100%; display:block; object-fit: cover; object-position:-180px center; }

.intro_section .wrap1{display:grid; grid-template-columns:calc(67% - 60px) 33%; gap: 40px 60px; align-items:stretch; justify-content:space-between;letter-spacing: -0.1em; box-sizing: border-box; margin-bottom: 100px;}
.intro_section .wrap1 .txt_box{grid-column:1;}
.intro_section .wrap1 .txt_box h2{font-size: 36px; font-weight: 600;color:#000;  font-family:'paperozi',; line-height: 1.1;}
.intro_section .wrap1 .txt_box p{font-size: 20px; letter-spacing: -0.05em;line-height: 1.5}
.intro_section .wrap1 .txt_box p:not(:last-of-type){margin-bottom: 20px;}
.intro_section .wrap1 .txt_box h2 span,
.intro_section .wrap1 .txt_box p span{color:#0077FF; }
.intro_section .wrap1 .txt_box p span{font-weight: 700;}

/*협력기관 추가 260318*/
.intro_section .wrap1 .coop_list{display: flex; flex-direction: row; gap: 8px 10px; margin-top: 20px; }
.intro_section .wrap1 .coop_list li{border: 1px solid #eee; border-radius: 10px; padding: 16px 20px 18px 20px;width: 100%; max-width: 242px;  }
.intro_section .wrap1 .coop_list li span{display: block; font-size: 14px; color:#777;margin-bottom: 4px;  }
.intro_section .wrap1 .coop_list li img{width: 100%; object-fit: contain; display: block;}

.intro_section .wrap1 .list{display:flex; flex-direction: column; row-gap: 8px;width: 100%; grid-column:1; grid-row: 2 / 4}
.intro_section .wrap1 .list li{border-radius: 8px; background: #f5f5f5; width: 100%;color:#333; font-size:18px; font-family:'pretendard';  padding: 16px 24px 16px 58px;position:relative; }
.intro_section .wrap1 .list li:before,
.intro_section .wrap1 .list li:after{content:''; display:block;position: absolute;}
.intro_section .wrap1 .list li:before{width:24px; height: 24px; background: #00A65D; border-radius: 50%;  top:14px; left:24px; }
.intro_section .wrap1 .list li:after{width: 6px; height:10px; background: transparent; border-bottom: 3px solid #fff; border-right:3px solid #fff;top: 18px; left: 31px;  transform: rotate(45deg); }
.intro_section .wrap1 .img_box{grid-column: 2;grid-row: 1 /span 3;}

.intro_section .wrap2{display:flex; flex-direction: row; gap: 0 48px; align-items:stretch; justify-content:space-between; box-sizing: border-box;}
.intro_section .wrap2 .img_box{width: calc(38% - 24px); }
.intro_section .wrap2 .txt_box{width: calc(62%)}
.intro_section .wrap2 .txt_box dl{display: flex; flex-direction: row; gap:10px;  }
.intro_section .wrap2 .txt_box dl:not(:last-child){margin-bottom: 16px;}
.intro_section .wrap2 .txt_box dt{color:#fff; font-size: 22px; font-family:'paperozi';width: 100%; max-width: 130px;border-radius:20px; padding: 20px; display: flex; justify-content:center; align-items: center; }
.intro_section .wrap2 .txt_box dl.item1 dt{background:#124A89 }
.intro_section .wrap2 .txt_box dl.item2 dt{background:#00A65D }
.intro_section .wrap2 .txt_box dl.item3 dt{background:#E57525 }
.intro_section .wrap2 .txt_box dd{background:#f5f5f5; padding: 20px 30px;  font-size: 18px; width: calc(100% - 130px);  border-radius: 20px; }
.intro_section .wrap2 .txt_box dd .list{}
.intro_section .wrap2 .txt_box dd .list li{display: flex; flex-direction: row; }
.intro_section .wrap2 .txt_box dd .list li:not(:last-child){margin-bottom: 8px; }
.intro_section .wrap2 .txt_box dd .list li span{font-weight: bold; min-width: fit-content;margin-right: 15px; position: relative;}
.intro_section .wrap2 .txt_box dd .list li span:after{content:':'; display:block; font-weight: 400; color:#333;  position: absolute; top: -2px; right:-10px; }
.intro_section .wrap2 .txt_box dl.item1 dd .list li span{color:#124A89 }
.intro_section .wrap2 .txt_box dl.item2 dd .list li span{color:#00A65D }
.intro_section .wrap2 .txt_box dl.item3 dd .list li span{color:#E57525 }


/*센터장인사말*/
.grt_section{font-family: 'oneMobile'; margin-bottom: 36px; }
.grt_box{border-radius: 45px; background: linear-gradient(to bottom, #FFF6C4 75%, rgba(195,224,160, 0.6) 75%); overflow: hidden; padding:75px 80px; position: relative;}
.grt_box:before{content:''; display: block;width:234px; height: 168px; background: url(/resources/homepage/nb/_Img/content/grt_bg1.png) no-repeat; background-size:contain; position: absolute; bottom: -20px; left:0; }
.grt_box:after{content:''; display: block;width:800px; height: 420px; background: url(/resources/homepage/nb/_Img/content/grt_bg2.png) no-repeat; background-size:contain; position: absolute; bottom:-20px; right:-30px;background-position: bottom center; }
.grt_box .txt{position: relative; z-index: 1; }
.grt_box h2{font-family: 'oneMobileT'; font-size:clamp(26px,3vw ,38px); line-height: 1.3;font-weight: 100; margin-bottom: 24px; }
.grt_box p{font-size:clamp(18px,2vw ,22px); line-height: 1.25; }
.grt_box p:not(:last-child){margin-bottom: 8px; }
.grt_box ol{display: flex; flex-direction: row; gap: 4px 12px; align-items: center; justify-content:flex-start; margin-top: 16px; flex-wrap: wrap; }
.grt_box ol li{background: rgba(255,255,255,0.4);backdrop-filter: blur(4px); padding: 8px 20px;border-radius: 25rem; font-weight: bold; color:#222;  }
.grt_step{border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 50px 0 ; margin: 60px 0 24px 0; }
.grt_step li{padding-left: 180px; position: relative;min-height: 140px; }
.grt_step li:not(:last-child){margin-bottom:60px }
.grt_step li:before{content:''; display: block; width: 140px; height: 140px;border-radius: 30px; background-repeat: no-repeat; background-size: contain; background-position: center center;background-size:100px; position: absolute; top:0; left:0;  }
.grt_step li h3{font-size:clamp(22px,2vw ,26px); font-weight: 100; font-family: 'oneMobileT'; color:#000;margin-bottom: 10px; }
.grt_step li p{line-height: 1.8; font-size: clamp(18px, 2vw, 20px); }
.grt_step li p:not(:last-child){margin-bottom: 20px; }
.grt_step li.step3 p:not(:last-child){margin-bottom: 6px; }
.grt_step li.step1:before{background-color:#DCEFE8; background-image:url(/resources/homepage/nb/_Img/content/ico-grt01.png);}
.grt_step li.step2:before{background-color:#D0DEF7; background-image:url(/resources/homepage/nb/_Img/content/ico-grt02.png);}
.grt_step li.step3:before{background-color:#F9EDBD; background-image:url(/resources/homepage/nb/_Img/content/ico-grt03.png);}
.grt_section .sign{text-align: end;font-family: 'oneMobileT'; color:#000;font-size: clamp(22px,2vw ,26px); font-weight: 100; }
.grt_section .sign span{font-size:clamp(32px,3vw ,36px);display:inline-block; padding-left: 8px;  }



/*조직도*/
.org_section{max-width: 1290px; margin-left:auto; margin-right: auto;font-family: 'oneMobile'; }
.org_section .org1{display:flex; flex-direction: column; justify-content:center; align-items: center; width: 100%; max-width:400px; border: 8px solid transparent; border-radius: 20px; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #15AEF0 0%, #0573CD 100%); background-origin: border-box;background-clip: content-box, border-box; margin: 0 auto 60px auto; position: relative; }
.org_section .org1:after{content:''; display:block; width: 1px; height: 60px; background:#ccc; position: absolute; bottom:calc(-100% + 15px); left: 50%; transform: translateX(-50%); z-index: -1; }
.org_section .org1 h3{color:#0573CD; font-size: 22px; font-family: 'oneMobileT'; padding: 24px; text-align: center; margin-bottom:0;font-weight: 300; }
.org_section .org2{display: flex; flex-direction: row; justify-content:center; align-items:start; box-sizing: border-box; column-gap:30px;padding-top: 30px; margin-top: 40px; position: relative;}
.org_section .org2:before{content:''; display: block; width:calc(45% + 30px); height:1px; background: #ccc; position: absolute; top: 0; left: 50%; transform: translateX(-50%)}

.org_section .org2 dl{width: 45%; position: relative; }
.org_section .org2 dl:before{content:''; display: block; width: 1px; height: 30px; background: #ccc; position: absolute; top: -30px; left: 50%; transform: translateX(-50%);z-index: -1;}
.org_section .org2 dt{font-size:22px; font-family:'oneMobileT'; padding: 12px; border-radius:20px;background:#fff; border: 2px solid;  margin-bottom: 12px;display: flex; flex-direction: row; align-items: center; justify-content: center;  position: relative;min-height: 90px; }
.org_section .org2 dt span{display: flex; flex-direction: column; align-items: center;justify-content: center; height: calc(100% - 30px); font-size: 16px; color:#fff;border-radius: 10px; position: absolute; top:50%; left: 15px; transform: translateY(-50%);min-height: 60px; aspect-ratio: 1/1; font-family: 'oneMobile';letter-spacing: 3px; padding-left: 3px}
.org_section .org2 dl.item1 dt{color:#3F4363; border-color:#3F4363;}
.org_section .org2 dl.item1 dt span{background: #3F4363; }
.org_section .org2 dl.item2 dt{color:#005AAB; border-color:#005AAB;}
.org_section .org2 dl.item2 dt span{background: #005AAB; }
.org_section .org2 dd{background: #f5f5f5; font-size: 18px; text-align:center; word-break: break-all; padding: 20px; border-radius: 20px; line-height: 1.2; }
.org_section .org2 dd .list{display: flex; flex-wrap: wrap; align-items: start; text-align: start; position: relative;}
.org_section .org2 dd .list:after{content:'';display: block; width: 1px; height: 100%; background: #ccc; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.org_section .org2 dd .list li{width: 50%; position: relative; padding-left: 18px; }
.org_section .org2 dd .list li:before{content:''; display: block; width: 5px; height: 1px; background:#ccc; position: absolute; top:10px; left:6px; }
.org_section .org2 dd .list li:nth-child(2n){padding-left: 24px}
.org_section .org2 dd .list li:nth-child(2n):before{left: 14px; }
.org_section .org2 dd .list li:not(:nth-last-child(-n + 2)){margin-bottom: 12px;  }

.org_section .org3{display: flex; flex-direction: row; gap:10px;  margin-top: 60px; background: #f5f5f5; border-radius: 20px; padding: 25px; box-sizing: border-box;}
.org_section .org3 h4{color:#fff; font-size: 22px; font-family:'oneMobileT'; width: 170px;background: #124A89; display:flex; justify-content:center; align-items: center; border-radius: 12px}
.org_section .org3 ul{display: grid; grid-template-columns: repeat(2, 50%); gap: 10px; width: calc(100% - 170px);}
.org_section .org3 ul li{background:#fff; border-radius: 10px; padding: 12px 30px 12px 56px; position: relative; font-size: 18px;}
.org_section .org3 ul li:before,
.org_section .org3 ul li:after{content:''; display:block;position: absolute;}
.org_section .org3 ul li:before{width:24px; height: 24px; background: #124A89; border-radius: 50%;  top:12px; left:24px; }
.org_section .org3 ul li:after{width: 6px; height:10px; background: transparent; border-bottom: 3px solid #fff; border-right:3px solid #fff;top: 16px; left: 31px;  transform: rotate(45deg); }
.org_section .org3 ul li.item1{grid-column: 1 / span 2;}
.org_section .org3 ul li.item2{}

.org_univ{margin-top: 80px;}
.org_univ .box{margin-bottom: 80px; }
.org_univ .box .c-tit01{ margin-bottom:4px; }
.org_univ .box p{margin-bottom: 16px;}


/*오시는길*/
.cL_section{font-family: 'oneMobile';}
.cL_section .box{margin-bottom: 80px; }
.cL_section .box.box_uc{}
.cL_section .box.box_ch{}
.cL_section .box .c-tit01{}
.cLmap_section{overflow: hidden; border-radius: 20px;box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin-bottom:60px; }
.cLmap_section .map_box{width: 100%; }
.cLmap_section .map_box .root_daum_roughmap {width: 100%!important; }
.cLmap_section .map_box .wrap_controllers,
.cLmap_section .map_box .cont,
.cLmap_section .map_box .root_daum_roughmap .map_border{display: none; }
.cLmap_section .map_txt{padding: 30px 50px; position: relative; }
.cLmap_section .map_txt h3{color:#0573CD; font-size: 26px; font-weight: 100; font-family:'oneMobileT'; padding-right: 200px;line-height: 1.25;  }
.cLmap_section .map_txt a{position: absolute; top: 30px; right: 50px; background: linear-gradient(to right, #0968C2, #00AB73); border-radius: 25rem; color: #fff; font-size:16px; display: flex; padding: 6px 20px 6px 40px;  }
.cLmap_section .map_txt a:before{content:''; display: block ;width: 13px;height: 13px; background:url(/resources/homepage/nb/_Img/content/ico-zoom.png) no-repeat; background-size:contain; background-position: center center; position: absolute; top:50%; left: 20px; transform: translateY(-50%); }
.cLmap_section .map_txt ul{display: flex; flex-direction: row; align-items:center; justify-content: flex-start; flex-wrap: wrap; gap: 12px 40px; }
.cLmap_section .map_txt ul li{}
.cLmap_section .map_txt ul li dl{display: flex; flex-direction: row; align-items: center; justify-content:flex-start; gap:4px 16px; color:#333; line-height: 1.25; }
.cLmap_section .map_txt ul li dt{font-size:20px; font-weight: bold}
.cLmap_section .map_txt ul li dd{font-size: 18px; }
.cLhowTo{display: flex;flex-wrap: wrap; gap: 28px 20px;box-sizing: border-box;}
.cLhowTo .way{padding: 32px; border-radius: 10px; border: 1px solid #ccc; width: calc(50% - 10px)}
.cLhowTo .way .tit{position: relative;display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.cLhowTo .way .tit:before{content:''; display: block; width: 100%; height: 1px ; background: linear-gradient( to right, #ccc 2px, transparent 2px) repeat; position: absolute; top: 50%; left:0; transform: translateY(-50%);  background-size: 6px 2px; z-index: -1; }
.cLhowTo .way .tit h5{display:inline-block;  padding-right: 20px; background: #fff; font-size: 22px; font-weight: 100; font-family: 'oneMobileT';}
.cLhowTo .way .tit .img_box{background: #fff; padding-left: 20px; }
.cLhowTo .way .tit .img_box img{width: 100%; height: 100%; object-fit: contain; }
.cLhowTo .way ol{display: flex; flex-wrap: wrap; gap: 6px 40px; margin-top: 8px; }
.cLhowTo .way ol li{display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap:8px; position: relative; }
.cLhowTo .way ol li:before{content:''; display:inline-block;width: 30px; height: 30px; border-radius: 50%; background-color: #0573CD;background-repeat: no-repeat; background-position: center center; }
.cLhowTo .way ol li.bus:before{background-image:url(/resources/homepage/nb/_Img/content/ico-bus.png); }
.cLhowTo .way ol li.taxi:before{background-image:url(/resources/homepage/nb/_Img/content/ico-taxi.png);}
.cLhowTo .way ol li:after{content:''; display: block; width: 0; height: 1px; background:#0573CD; position: absolute; bottom:0; left:15px;transition: width 0.3s ease;  }
.cLhowTo .way ol li:has(a:hover):after{width: 100%; transition: width 0.3s ease; }
.cLhowTo .way ol li a{position: relative; font-size: 18px; }
.cLhowTo .way ol li a:before{content:''; display: block; width: 9px; height: 1px; background:#777; position: absolute; right: -13px; top: 7px; transform: rotate(-45deg); transition: all 0.5s ease;}
.cLhowTo .way ol li a:after{content:''; display: block;width: 5px; height: 5px; background: transparent; border-top: 1px solid #777; border-right: 1px solid #777; position: absolute; right: -12px; top: 4px; transition: all 0.5s ease;}
.cLhowTo .way ol li a:hover:before{background:#0573CD;transition: all 0.5s ease;top: 6px; right: -15px; }
.cLhowTo .way ol li a:hover:after{border-color:#0573CD;transition: all 0.5s ease;top: 2px; right: -15px; }

/*사업개요*/
.overV_section{font-family: 'oneMobile';}
.ovV01{margin-bottom: 100px;}
.ovV01 .item_wrap{display: grid; gap:50px 80px; align-items: stretch; grid-template-columns:400px 1fr;}
.ovV01 p{font-size: 20px; line-height: 1.6; grid-column: 1/ 2;}
.ovV01 .item-L{ min-width: 0;display: flex; flex-direction: column; justify-content: space-between; grid-column: 1/ 2; grid-row: 2;  margin-top:auto; }
.ovV01 .item-L .slide-box{border: 1px solid #f0f0f0; border-radius: 20px; overflow: hidden; }
.ovV01 .item-L .slide-box .img_box{width: 100%; aspect-ratio:1/1.1;}
.ovV01 .item-L .slide-box .img_box img{width: 100%; height: 100%; object-fit: contain; }
.ovV01 .item-R{grid-column: 2; grid-row: 1/ 3;}
.ovV01 .item-R .dot-wrap{display: flex; flex-direction:column; gap: 12px; }

.ovV01 .item-R .dot-wrap button{position: relative; border:0; background:transparent; padding: 30px 46px; }
.ovV01 .item-R .dot-wrap button:before{content: "";position: absolute;inset: -1px;border-radius: 20px;background: linear-gradient(45deg, #05AD66, #1889D9);opacity: 0;transition: all 0.25s ease;z-index: -1;}
.ovV01 .item-R .dot-wrap button:after{content: "";position: absolute;inset: 0;border-radius: 20px;background: #FAFAFA;z-index: -1;}
.ovV01 .item-R .dot-wrap button.active:before {opacity: 1;inset: -2px;border-radius: 22px;}
.ovV01 .item-R .dot-wrap button.active:after {border-color: transparent;background: #fff }
.ovV01 .item-R .dot-wrap button dl{display: flex; flex-direction: row; gap: 4px 20px;color:#666;position: relative; transition: all 0.3s ease;align-items: center; }
.ovV01 .item-R .dot-wrap button dl:before{content:''; display: block; width: 15px; height: 15px; border-radius: 50%; background: #bbb; position: absolute; top:50%; left:0; transform: translateY(-50%);transition: all 0.3s ease; }
.ovV01 .item-R .dot-wrap button dt{min-width: 220px; font-size: 20px; font-family: 'oneMobileT'; font-weight: 100; text-align: start;padding-left: 36px; }
.ovV01 .item-R .dot-wrap button dd{font-size: 20px; text-align: start;}
.ovV01 .item-R .dot-wrap button.active dl{color:#222;transition: all 0.3s ease;}
.ovV01 .item-R .dot-wrap button.active dl:before{background: #19A196;transition: all 0.3s ease; }

.ovV02{margin-bottom: 100px}
.ovV02 .list{display: flex; flex-wrap: wrap; gap:20px }
.ovV02 .item{border-radius: 20px; padding: 30px; padding-left: 190px;position: relative; width: calc(50% - 10px)}
.ovV02 .item01{background: rgba(255, 169, 67, 0.05)}
.ovV02 .item02{background: rgba(239, 98, 80, 0.05)}
.ovV02 .item03{background: rgba(39, 197, 144, 0.05)}
.ovV02 .item04{background: rgba(98, 112, 244, 0.05)}
.ovV02 .item05{background: rgba(160, 31, 245, 0.05)}
.ovV02 .item:not(.finish):before{content:''; display: block; width: 130px; aspect-ratio:1/1; border-radius:40px; position: absolute; top:30px; left:30px;background-size: auto; background-repeat: no-repeat; background-position: center center; }
.ovV02 .item01:before{background-color:#F9EDBD; background-image:url(/resources/homepage/nb/_Img/content/img-keyF01.png);}
.ovV02 .item02:before{background-color:#F9D2C0; background-image:url(/resources/homepage/nb/_Img/content/img-keyF02.png);}
.ovV02 .item03:before{background-color:#DCEFE8; background-image:url(/resources/homepage/nb/_Img/content/img-keyF03.png);}
.ovV02 .item04:before{background-color:#D0DEF7; background-image:url(/resources/homepage/nb/_Img/content/img-keyF04.png);}
.ovV02 .item05:before{background-color:#D9CCEA; background-image:url(/resources/homepage/nb/_Img/content/img-keyF05.png);}
.ovV02 .item dl{}
.ovV02 .item dt{font-family:'oneMobileT'; font-size: 22px; font-weight: 100; text-align:start;margin-bottom: 20px; }
.ovV02 .item dd{}
.ovV02 .check{}
.ovV02 .check li{position: relative; padding-left: 30px; font-size: 20px; line-height: 1.5; }
.ovV02 .check li:before{content:''; display: block; width:20px; height: 20px;  background:#00f; border-radius: 25rem; position: absolute; top: 4px; left:0; }
.ovV02 .item01 .check li:before{background:#FFA943;}
.ovV02 .item02 .check li:before{background:#EF6250;}
.ovV02 .item03 .check li:before{background:#27C590;}
.ovV02 .item04 .check li:before{background:#6270F4;}
.ovV02 .item05 .check li:before{background:#A01FF5;}
.ovV02 .check li:after{content:''; display: block;width: 4px; height: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; top: 8px; left: 7px;}
.ovV02 .check li:not(:last-child){margin-bottom: 12px; }
.ovV02 .finish{padding-left: 30px; border:1px solid #eee;padding-right: 140px;}
.ovV02 .finish:after{content:''; display: block; width:160px; height: 210px; background:url(/resources/homepage/nb/_Img/content/img-keyF06.png) no-repeat; background-position: right bottom; position: absolute; bottom: -30px; right: 0;background-size: contain;  }
.ovV02 .finish img{width: 100%; max-width:260px;  }
.ovV02 .finish p{font-size: 20px; line-height: 1.5; margin-top: 18px; }

.ovV03{margin-bottom: 40px; }
.ovV03 .process{display: flex; flex-wrap: wrap; gap: 30px 20px;}
.ovV03 .process .item{width: calc(33.3% - 14px); border-radius: 20px; border: 2px solid #eee;box-sizing: border-box;position: relative; padding:40px;  }
.ovV03 .process .item:not(:last-child):before{content:'' ;display: block; width: 20px; height: 20px;background: #0573CD; border-radius: 50%; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); }
.ovV03 .process .item:not(:last-child):after{content:''; display: block; width: 5px; height: 5px; background: transparent; border-top: 2px solid #fff; border-right: 2px solid #fff;position: absolute; top: calc(50% - 1px); right: 0; transform: rotate(45deg) translateY(-50%); }
.ovV03 .process .item .numb{font-family:'Gmarket Sans';color:rgba(0,0,0,0.1); font-weight: 900; font-size: 32px; position: absolute; top:30px; right: 30px;line-height: 1; }
.ovV03 .process .item .label{font-size: 16px; color:#777; line-height: 1.2; display: block; margin-bottom:-2px; }
.ovV03 .process .item .titl{font-family:'oneMobileT'; font-weight: 100; font-size: 22px; color:#0573CD; margin-bottom: 16px; }
.ovV03 .process .item .subs{font-size: 20px; line-height: 1.25; }


@media screen and (max-width: 1400px){
	.intro_section .wrap1{grid-template-columns: calc(60% - 60px) 40%;}

	/*센터장인사말*/
	.grt_box:after{width: 50%; height: 100%; }
}

@media screen and (max-width: 1200px){
	.intro_section .wrap2 .txt_box{width: 60%; }
	.intro_section .wrap2 .img_box{width: 40%}

	/*센터장인사말*/
	.grt_box:after{width: 60%; }
	.grt_box ol{font-size:16px }

	/*사업개요*/
	.ovV01 .item_wrap{gap: 50px; grid-template-columns: 340px 1fr;}
	.ovV01 .item-R .dot-wrap button dl{flex-direction: column; align-items: flex-start; padding-left: 40px;}
	.ovV01 .item-R .dot-wrap button dt,
	.ovV01 .item-R .dot-wrap button dd{font-size: 18px; }
	.ovV01 .item-R .dot-wrap button dt{min-width: 190px;padding-left:0;}
	
	.ovV02 .item:not(.finish){padding-left: 160px; }
	.ovV02 .item:not(.finish):before{width: 100px; border-radius: 20px; background-size: 55%;}
	.ovV02 .item01:before{background-size: 45%}
	.ovV02 .check li,
	.ovV02 .finish p,
	.ovV03 .process .item .subs{font-size: 18px; }
	
}

@media screen and (max-width: 1024px){
	.intro_section .wrap1{column-gap: 30px;grid-template-columns: calc(60% - 30px) 40%;}
	.intro_section .wrap1 .txt_box{grid-column: 1/ span 2; }
	.intro_section .wrap1 .img_box{grid-row: 2/ span 2}
	.intro_section .wrap .img_box img{object-position:center center; }

	.intro_section .wrap2{flex-direction: column;row-gap: 30px;}
	.intro_section .wrap2 .img_box{display:none;}
	.intro_section .wrap2 .txt_box{width: 100%; }

	/*센터장인사말*/
	.grt_box{padding: 55px 60px; }

	/*조직도*/
	.org_univ .tbl-type01 tbody th, 
	.org_univ .tbl-type01 tbody td{padding: 12px 4px!important; }
	.org_univ .tbl-type01 tbody td{font-size: 17px; }
}

@media screen and (max-width: 991px){
	.intro_section .wrap1 .list li:before{top: 17px; }
	.intro_section .wrap1 .list li:after{top: 21px; }

	/*조직도*/
	.org_section .org1:after{bottom: calc(-100% + 7px); }
	
	.org_univ table{display: flex;border-top:0; }
	.org_univ table colgroup,
	.org_univ table thead{display: none; }
	.org_univ table tbody{display:grid; grid-template-columns:repeat(2, 1fr); gap: 20px; width: 100%; }
	.org_univ table tbody tr{border: 1px solid #ccc; border-radius: 20px; display: grid; grid-template-columns:repeat(2, 1fr); gap:0;  padding: 12px 16px; }
	.org_univ table tbody tr td{border:0!important; color:#222; }

	.org_univ table tbody tr td.lank{font-size: 15px; color:#777; display: block; grid-column: 1 / -1; padding: 0!important; text-align: end; }
	.org_univ table tbody tr td.name{grid-column: 1/ -1; font-size: 20px; font-weight: 100; font-family: 'oneMobileT'; }
	.org_univ table tbody tr td.phon,
	.org_univ table tbody tr td.mail{display:flex; flex-direction: row; align-items: start; word-break: break-all; line-height: 1;text-align: start; justify-content: flex-start; gap: 4px 8px; padding: 6px 4px 12px 4px !important;}
	.org_univ table tbody tr td.phon:before,
	.org_univ table tbody tr td.mail:before{content:''; display: block; width:20px;height: 20px; background-repeat: no-repeat; background-image:url(/resources/homepage/nb/_Img/content/ico-org.png); min-width: 20px;}
	.org_univ table tbody tr td.phon:before{background-position: 0 0 ;}
	.org_univ table tbody tr td.mail:before{background-position: -20px 0;}
	.org_univ .box_ch table tbody tr td.phon:before{background-position: 0 -20px ;}
	.org_univ .box_ch table tbody tr td.mail:before{background-position: -20px -20px;}
	.org_univ table tbody tr td.task{text-align: start; grid-column: 1/ -1; border-top: 1px dashed #ccc!important;}
	.org_univ table tbody tr td.task:before{content:'담당업무';display: block; text-align: start; font-size: 15px; color:#777;  margin-bottom: -4px; }
	
	/*사업개요*/
	.ovV01 .item_wrap{gap:20px 50px; position: relative;  grid-template-columns: 40% calc(60% - 50px);}
	.ovV01 p{grid-column: 1/-1;}
	.ovV01 .item-L{grid-row: 2; margin-top: unset; position: relative; }
	.ovV01 .sticky-inner{width: 100%; }
	.ovV01 .sticky-inner.is-fixed{position: fixed; top:20px; z-index: 2; }
	.ovV01 .sticky-inner.is-bottom{position: absolute; bottom:0; top: auto; }
	.ovV01 .item-R{grid-row:2; }
	
	.ovV03 .process .item{width: calc(50% - 10px)}
}


@media (min-width:767px) and (max-width: 991px){
	/*조직도*/
	.org_section .org2 dd .list{flex-direction: column; }
	.org_section .org2 dd .list li{width: 100%; }
	.org_section .org2 dd .list li:nth-child(2n){padding-left: 18px; }
	.org_section .org2 dd .list li:nth-child(2n):before{left: 6px; }
	.org_section .org2 dd .list li:not(:last-child){margin-bottom:8px!important; }
	.org_section .org2 dd .list:after{display: none; }

	/*사업개요*/
	.ovV02 .item:not(.finish){padding-left: 30px; padding-top: 120px;}
	.ovV02 .item:not(.finish):before{width: 80px; }
}

@media screen and (max-width: 768px){
	.intro_section .wrap1{row-gap: 16px; margin-bottom:60px;  }
	.intro_section .wrap1 .img_box{grid-row: 2; grid-column: 1 / span 2; max-height: 260px; }
	.intro_section .wrap1 .list{grid-row: 3; grid-column: 1/ span 2; }
	.intro_section .wrap1 .list li{font-size: 16px; padding-left: 52px; }
	.intro_section .wrap1 .list li:before{top: 17px;width: 20px; height: 20px;  }
	.intro_section .wrap1 .list li:after{top: 21px;border-width: 2px;width:5px; height: 8px;}

	/*센터장인사말*/
	.grt_box{padding: 40px 45px 180px 45px; border-radius: 25px; }
	.grt_box:after{width: 80%; }
	.grt_box h2,
	.grt_step li h3{font-size: 20px; }
	.grt_box p,
	.grt_step li p{font-size: 16px; }
	.grt_box ol li{font-size: 14px; }
	.grt_step li{padding-left: 112px; }
	.grt_step li:before{width: 80px; height: 80px; background-size: 60px; border-radius: 20px; }
	.grt_section .sign{font-size: 18px;}
	.grt_section .sign span{font-size: 24px; }


	
	/*협력기관 추가 260318*/
	.intro_section .wrap1 .coop_list{margin-bottom: 10px; }
	.intro_section .wrap2 .txt_box dd .list li{font-size: 16px; }

	/*조직도*/
	.org_section .org1{margin-bottom: 0; }
	.org_section .org1:after,
	.org_section .org2:before{display: none;}
	.org_section .org2 dt,
	.org_section .org3 h4{font-size: 20px; }
	.org_section .org2 dd,
	.org_section .org3 ul li{font-size: 16px; }
	.org_section .org2{flex-direction:column; margin-top:0; }
	.org_section .org2 dl{width: 100%; margin-bottom: 30px;}
	.org_section .org2 dl.item2,
	.org_section .org2 dl.item4{grid-row: 2; }
	.org_section .org2 dl.item3:after{content:''; display: block; width: 1px; height:100%; background:repeating-linear-gradient(to bottom,#e1e1e1 0 4px,transparent 4px 10px); position: absolute; top: 66px; ; left: 50%; transform:translateX(-50%); z-index: -1; }
	
	.org_section .org3{margin-top: 20px;}
	.org_section .org3 h4{width: 120px; }
	.org_section .org3 ul{display:flex; flex-direction: column; width: calc(100% - 120px)}

	.org_univ table tbody tr td.phon{grid-column: 1/ -1; padding-bottom: 4px!important; }
	.org_univ table tbody tr td.mail{grid-column: 1/ -1;}

	/*오시는길*/
	.cLmap_section .map_txt{padding: 30px 40px; }
	.cLmap_section .map_txt h3{font-size: 24px; }
	.cLmap_section .map_txt ul li dt{font-size: 18px;}
	.cLmap_section .map_txt ul li dd{font-size: 16px; }
	.cLmap_section .map_txt a{right: 40px; }

	.cLhowTo .way .tit h5{font-size: 18px; }
	.cLhowTo .way ol li a{font-size: 16px; }
	.cLhowTo .way .tit .img_box{height: 30px; }

	/*사업개요*/
	.ovV01 p{font-size: 16px; margin-top: -8px; }
	.ovV01 .item_wrap{display: flex; flex-direction: column; }
	.ovV01 .item-L{display: none; }
	.ovV01 .item-R .dot-wrap button{padding: 24px 30px; }
	.ovV01 .item-R .dot-wrap button dd{font-size: 16px; }

	.ovV02 .item{width: 100%; }
	.ovV02 .item:not(.finish):before{width: 80px; }
	.ovV02 .item:not(.finish){padding-left: 136px; }
	.ovV02 .item dt{font-size: 20px; margin-bottom: 12px; }
	.ovV02 .check li,
	.ovV02 .finish p,
	.ovV03 .process .item .subs{font-size: 16px; }
	.ovV02 .check li:before{top: 2px; }
	.ovV02 .check li:after{top: 6px; }
	.ovV02 .check li:not(:last-child){margin-bottom: 6px; }

	.ovV03 .process{gap:16px 20px; }
	.ovV03 .process .item{padding: 36px 30px;}
	.ovV03 .process .item .numb{top: 16px; right: 24px; }
	.ovV03 .process .item .titl{font-size: 20px; }
	

	
	
	
}
@media screen and (max-width: 660px){
	/*오시는길*/
	.cLhowTo{row-gap: 12px; }	
	.cLhowTo .way{width: 100%; }

}
@media screen and (max-width: 575px){
	/*협력기관 추가 260318*/
	.intro_section .wrap1 .coop_list{flex-direction: column;}

	.intro_section .wrap2 .txt_box dl{flex-direction: column; gap: 0; }
	.intro_section .wrap2 .txt_box dl dt{max-width:unset; font-size: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 12px}
	.intro_section .wrap2 .txt_box dl dd{width: 100%; border-top-left-radius:0; border-top-right-radius:0;}
	
	/*센터장인사말*/
	.grt_box{padding-bottom: 30px;}
	.grt_box:after{display: none; }
	.grt_step li{padding-left:0; padding-top: 50px; }
	.grt_step li h3{padding-left: 100px;}

	/*조직도*/
	.org_section .org2 dd .list{flex-direction: column;  }
	.org_section .org2 dd .list li{width: 100%; }
	.org_section .org2 dd .list li:nth-child(2n){padding-left: 18px; }
	.org_section .org2 dd .list li:nth-child(2n):before{left: 6px; }
	.org_section .org2 dd .list li:not(:last-child){margin-bottom:8px!important; }
	.org_section .org2 dd .list:after{display: none; }

	.org_section .org3{flex-direction: column; }
	.org_section .org3 h4,
	.org_section .org3 ul{width: 100%;}
	.org_section .org3 h4{padding: 8px;}

	.org_univ table tbody{display: flex; flex-direction: column; gap: 12px; }

	/*오시는길*/
	.cLmap_section .map_txt{padding-bottom:76px;  }
	.cLmap_section .map_txt h3{padding-right: 0; }
	.cLmap_section .map_txt ul{margin-top: 24px; }
	.cLmap_section .map_txt a{top: unset; bottom: 30px; }
	
	/*사업개요*/
	.ovV02 .finish{padding-right: 110px; }
	.ovV02 .finish:after{width: 120px; height: 155px; }
	
	.ovV03 .process .item{width: 100%; }
	.ovV03 .process .item:not(:last-child):before{top: unset; bottom: -10px; right: 50%; transform: translateX(50%)}
	.ovV03 .process .item:not(:last-child):after{top: unset; bottom: -3px; right: 50%; transform: translateX(50%) rotate(135deg)}

	

}

@media screen and (max-width: 425px){
	/*센터장인사말*/
	.grt_box{margin-left: -20px; margin-right: -20px; }

	/*조직도*/
	.org_section .org1{margin-bottom: 30px;}
	.org_section .org2{display: flex; flex-direction: column; margin-top:0; padding-top:0; }
	.org_section .org2:before,
	.org_section .org2 dl.item3:after{display: none; }
	.org_section .org2 dl{margin-bottom: 18px; }
	.org_section .org2 dl dt{padding-left: 60px; }

	/*사업개요*/
	.ovV02 .item:not(.finish){padding-left: 30px; padding-top: 120px; }
	.ovV02 .finish{padding-right: 30px; padding-bottom: 60px; }
	.ovV02 .finish:after{width: 100px; height: 130px; bottom: -60px}
}

@media screen and (max-width: 345px){
	/*센터장인사말*/
	.grt_step li{padding-top: 90px; }
	.grt_step li h3{padding-left:0;margin-bottom: 4px;  }

}